#blog {
  font-size:12pt;
}

#blog .ghosted {
  opacity:0.5;
}

#blog p.error {
  color:#ff0000;
  font:normal 12pt Prototype,Arial,sans-serif;
  border:2px solid #ff0000;
  background-color:#ffeeee;
  padding:10px;
  text-align:center;
}
#blog p.warning {
  color:#aaaa00;
  font:normal 12pt Prototype,Arial,sans-serif;
  border:2px solid #aaaa00;
  background-color:#ffffdd;
  padding:10px;
  text-align:center;
}
#blog p.notice {
  color:#00aa00;
  font:normal 12pt Prototype,Arial,sans-serif;
  border:2px solid #00aa00;
  background-color:#eeffee;
  padding:10px;
  text-align:center;
}

#blog .post {
  position:relative;
}
#blog .post h2 {
  margin:0px 0px 0px 215px;
  padding:0px;
  font:normal 24pt Prototype,Arial,sans-serif;
  text-shadow:rgba(0,0,0,0.3) 0.15em 0.2em 0.2em;
  text-align:right;
}
#blog .post h2 a,
#blog .post h2 a:visited {
  position:relative;
  z-index:10;
  color:#000000;
  text-decoration:none;
}
#blog .post h2 a:hover {
  color:#000000;
  text-decoration:underline;
}
#blog .post h2 a.new {
  float:right;
  margin-left:10px;
}

#blog .post .commands {
  margin:3px;
  padding:0px;
  float:right;
}

#blog .post var {
  font-size:75%;
}
#blog div.post var {
  /* display:block;

  float:left;
  position:relative;
  top:-50px;
  margin-bottom:-40px;
  font:bold 18pt "Times New Roman",serif;
  line-height:16pt;
  text-align:center;
  width:92px;
  height:67px;
  padding-top:39px;
  color:#ffffff;
  text-shadow:0.1em 0.1em 0.1em #000000;
  background:#ffffff url(/img/site/date.bkg.jpg) no-repeat scroll left top; */


  position:relative;
  left:-10px;
  border:1px solid #bbbbbb;
  border-left:0px none;
  background-color:#dddddd;
  border-radius:0px 7px 7px 0px;
  padding:0px 15px 3px 20px;
  font:bold 16pt "Times New Roman",serif;
  color:#ffffff;
  text-shadow:0.1em 0.1em 0.1em #000000;
}
#blog .post var em {
  /* text-shadow:none;
  font:normal 22pt Prototype,Arial,sans-serif;
  position:absolute;
  bottom:-15px;
  left:0px;
  width:100%;
  text-align:center;
  color:#000000;
  opacity:0.6; */
}

#blog .post blockquote {
  border:1px solid #aaaaaa;
  background-color:#dddddd;
  margin:1em;
  padding:5px;
  font-style:italic;
}
#blog .post blockquote small {
  font-size:90%;
  font-style:normal;
}
#blog .post blockquote p:first-child {
  margin-top:0px;
}
#blog .post blockquote p:last-child {
  margin-bottom:0px;
}

#blog .post sub,
#blog .post sup {
  line-height:0px;
}

#blog .post pre {
  border:1px dashed #aaaaaa;
  background-color:#f6f6f6;
  margin:1em auto;
  padding:5px;
  overflow-x:auto;
  position:relative;
  clear:both;
  max-width:560px; /* Need a better way to fix this */
}
#blog .post pre img:first-child {
  position:absolute;
  top:5px;
  right:5px;
  cursor:pointer;
  opacity:0.2;
}
#blog .post pre img:first-child:hover {
  opacity:1;
}
#blog .post pre strong {
  font-weight:normal;
  background-color:#dddddd;
}
#blog .post code {
  background-color:#f6f6f6;
}

#blog .post img.smiley {
  vertical-align:middle;
  line-height:0px;
}
#blog .post img.right {
  float:right;
  margin-left:5px;
}
#blog .post img.left {
  float:left;
  margin-right:5px;
}
#blog .post img.center {
  display:block;
  margin:10px auto;
}

#blog .post div.youtube {
  width:560px;
  height:340px;
  margin:0px auto;
}

#blog .post #social {
  text-align:center;
  padding:3px 0px;
  margin:5px;
}

#blog .post hr {
  width:60%;
}


#blog a#makepost {
  float:right;
  font-size:10pt;
  margin-top:3px;
}

#blog h3 {
  font:normal 12pt Prototype,Arial,sans-serif;
  margin:5px 0px 10px 0px;
}
#blog h3 a {
  font:10pt Arial,sans-serif;
  float:right;
}

#blog table#blognav {
  width:100%;
  table-layout:fixed;
  font-size:10pt;
}
#blog table#blognav > tbody > tr > td {
  width:50%;
  text-align:left;
}
#blog table#blognav > tbody > tr > td:last-child {
  text-align:right;
}

#blog div.truncated {
  max-height:200px;
  overflow:hidden;
  position:relative;
  margin:0px;
  padding:0px;
}
#blog div.truncated::after {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  content:"";
  background:transparent url(/img/png/blog.previewfade.png) repeat-x scroll left bottom;
}


#blog form {
  width:575px;
  margin:0px auto;
}
#blog form#blogLogin {
  width:300px;
}
#blog form fieldset {}
#blog form fieldset legend {
  font:normal 12pt Prototype,Arial,sans-serif;
}
#blog form fieldset ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#blog form fieldset ul li {
  text-align:right;
  padding-bottom:4px;
  font-size:10pt;
}
#blog form fieldset ul li:last-child {
  text-align:center;
  padding-bottom:0px;
}
#blog form fieldset ul li label {
  float:left;
  font-weight:bold;
  font-size:11pt;
}
#blog form fieldset ul li textarea {
  width:99%;
  font:normal 10pt Arial,sans-serif;
}
#blog form fieldset ul li del {
  display:inline-block;
  width:0px;
  overflow:hidden;
}
#blog form fieldset p {
  margin:0px;
  font-size:8pt;
  text-align:center;
}


#blog ul#comments {
  margin:0px;
  padding:0px;
  list-style-type:none;
  font-size:10pt;
}
#blog ul#comments > li {
  padding:3px;
  clear:right;
}
#blog ul#comments > li.admin {
  background-color:#f9fff9;
}
#blog ul#comments > li > var {
  float:right;
  margin:3px 5px;
}
#blog ul#comments > li > h4 {
  margin:0px 0px 5px 0px;
  padding:3px 5px;
  font-size:10pt;
  background-color:#eeeeee;
}
#blog ul#comments > li.admin > h4 {
  background-color:#e6eee6;
}
#blog ul#comments > li > h4 + img {
  float:right;
  margin:5px 10px;
}
#blog ul#comments > li > h4 img {
  vertical-align:middle;
  margin-left:10px;
}
#blog ul#comments > li > p {
  margin:8px 5px;
}
#blog ul#comments > li > div:last-child {
  text-align:right;
  padding-right:3px;
  clear:right;
}


#blogColumn h2 a {
  float:right;
}
#blogColumn ol li small {
  float:right;
  font-style:italic;
  padding-top:0.3em;
  opacity:0.5;
}
#blogColumn ol li:last-child {
  text-align:right;
  font:normal 11pt Prototype,Arial,sans-serif;
  border-top:2px groove #777777;
}


#blog #bloglist {
  margin-top:40px;
  font-size:10pt;
}
#blog #bloglist li {
  padding:1px 3px 1px 6px;
}
#blog #bloglist li:nth-child(odd) {
  background-color:#eeeeee;
}
#blog #bloglist li var {
  float:right;
  font-size:8pt;
}
#blog #bloglist li a {
  font:normal 11pt Prototype,Arial,sans-serif;
  color:#000000;
}
#blog #bloglist li a:hover {
  font-weight:bold;
}