@import url("content.css");

html, body
{
  font-family: "Trebuchet MS";
  font-size: 10.5pt;
  background-color: rgb(160,160,160);
  padding: 0;
  margin: 0;
  color: black
}

/*div { border: 1px solid red }*/

#main
{
  position: relative;
  width: 55em;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  /*border: 1px solid black;*/
}

#header > #logo
{
  background: url("/static/images/logo_bg.png");
  height: 136px;
  border-bottom: 1px solid #4d6492/*#41547b*/
}

#header #logo > #logo-image
{
  position: relative;
  background: url("/static/images/logo_normal.png");
  width: 580px;
  height: 112px;
  margin-left: auto;
  margin-right: auto;
  top: 14px
}

#nav
{
  background: #50727f url("/static/images/header_nav_bg2.png") repeat-x;
  border-bottom: 1px solid #50727f;
  position: relative;
  min-height: 33px;
  color: white;
  text-transform: lowercase;
  font-size: 120%
}

#breadcrumbs, #sitenav
{
  list-style: none;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}

#breadcrumbs { float: left }
#sitenav { float: right }

#breadcrumbs > li { display: inline }

#breadcrumbs a, #sitenav a
{
  color: white;
  font-weight: bold;
  text-decoration: none;
}

#content-container
{
  width: 70%;
  float: left
}

#content { padding: 1em }

#sidebar
{
  width: 30%;
  float: right;
}

#sidebar > div
{
  border: none;
  padding: 1em;
}

#sidebar div > .header
{
  text-transform: capitalize;
  font-variant: small-caps;
  color: gray;
  border-bottom: 1px solid gray;
  width: 100%;
}

form { margin:0 }

#sidebar div > .header + div { padding: 1em }

#left-border
{
  position: absolute;
  height: 100%;
  width: 9px;
  top: 0px;
  left: -9px;
  background: url("/static/images/body-left.png") repeat-y right
}

#right-border
{
  position: absolute;
  height: 100%;
  width: 15px;
  top: 0px;
  left: 100%;
  background: url("/static/images/body-right.png") repeat-y left
}

.post .author, .post .meta { color: rgb(110,110,110) }

.post .tags ul
{
  list-style: none;
  padding: 0;
  margin: 0
}

.post .meta div { display: inline }

.post .tags ul > li { display: inline }

.post .tags { padding-bottom: 0.75em }

/*.post*/ .content { text-align: justify }

#footer
{
  clear: both;
  text-align: center;
  color: gray;
  padding: 0.75em;
}

img { border: none }

/*#search input[type="text"]
{
  background: url("/static/images/google.png") 1px 1px no-repeat;
  padding-left: 20px;
}*/

a { color: #41547b }

a:hover { color: #557bc8 }

.tags ul { padding: 0; display: inline }
.tags ul li { margin-right: 0.25em }

#sidebar .list ul
{
  list-style: none;
  padding: 0;
  margin: 0
}

.month_nav
{
  margin: 1.5em 0 0 0;
  padding: 0.5em;
  border-top: 1px solid rgb(200,200,200)
}
.month_nav .previous { float: left }
.month_nav .next { float: right }

.feed
{
  padding: 0 0 0 19px;
  background: url("/static/images/feed-icon-14x14.png") 1px 1px no-repeat;
}

.post .followups
{
  background: rgb(245,245,245)/*#fff0da*/;
  margin: 1em;
  padding: 0.5em;
}

.post .followups ul
{
  list-style: none;
  padding: 0;
  margin: 1em
}

.post .followups ul li
{
  padding: 0 0 0 22px;
}

.post .followups ul.by li { background: url("/static/images/arrow_right.png") 1px 1px no-repeat }

.post .followups ul.for li { background: url("/static/images/arrow_left.png") 1px 1px no-repeat }

.post .file-uploads
{
  border: 1px solid gray
}

.post .file-uploads ul
{
  list-style: none;
  padding: 0 0 0 1em;
  margin: 1em
}

/*.post .file-uploads ul li { margin: 0 }*/

#links li { margin-bottom: 0.4em }

h3.sectioned { border-bottom: 2px solid rgb(200,200,200) }

.comments > div { margin: 1em 0 0 0; padding: 0.25em }
.comments > div + div { border-top: 1px dotted rgb(200,200,200); padding-top: 0.5em }
.comments .by > .name { }
.comments .by > .datetime
{
  color: rgb(110,110,110);
  font-size: 90%
}
.comments > .from-authenticated { background: #F1FFE8 }

form.comment > div { margin-bottom: 0.25em; padding: 0.4em }

form.comment .error { border: 1px solid red }

form.comment label
{
  display: block;
  font-weight: bold;
  color: rgb(100,100,100)
}

form.comment input[type="text"]
{
  width: 40%;
  clear: both
}
form.comment textarea { width: 90% }