/* CMS CSS. Always, always adjusting. */
/* (C) 2008 */

body {
   margin: 0;
   padding: 0;
   border: 0;
   color: #000000;
   font-family: "HelveticaNeue", sans-serif;
   font-weight: normal;
   font-size: 12px;
}

img {
   border: 0;
}

/* Title Area */

#title {
   background-image: url(/images/background-header.gif);
   width: 100%;
}

/* Navigation Bar Area */

#navigation {
   border-bottom: 1px solid #c1c1c1;
   position: relative;
   height: 25px;
   background: url(/images/nav-background.gif) repeat-x;
}
#navigation img {
   filter: alpha(opacity=100);
   -moz-opacity: 100;
   opacity: 100;
}

/* Comments */

.comment-link {
  cursor: pointer;
  border-bottom: solid 1px #9ae6e9;
  border-right: solid 1px #9ae6e9;
  border-top: solid 1px #e0fdfe;
  border-left: solid 1px #e0fdfe;
  background-color: #e6feff;
  color: #333;
  font-size: 12px;
  text-decoration:none;
  padding: .3em;
}

#acomment {
   border-top: 1px solid #dbdbdb;
   border-left: 1px solid #dbdbdb;
   border-right: 1px solid #dbdbdb;
   background: #ededed url(/images/comment-bg.gif) top repeat-x;
   padding: 6px;
   font-size: 12px;
   color: #262626;
   line-height: 1.5em;
}

#acomment a {
   text-decoration: underline;
}

#acommentbottom a {
   color: #346b9b;
}

#acommentbottom {
   font-size: 11px;
   color: #346b9b;
   font-weight: bold;
   background: url(/images/comment-line.gif) repeat-x 0 0%;
   margin-bottom: 20px;
}

#acommentbottom img {
   border: none;
   padding: 0px;
   float: none;
   padding-top: 3px;
}

#acommentbottom #comment-tail {
   padding-top: 0px;
   display: inline-block;
   vertical-align: top;
}

.acommentdate {
   color: #7cb7ea;
}

.CommentPostLink { 
    margin-top: 25px;
}

/* -- IMAGES -- */

#main .photoblock {			/* Basic block, inline, w/caption fonts. */
  font-size: 11px;
  color: #888888;
  margin-right: 10px;
  display: inline-block;
}

#main .photoblock-left {		/* A photo block on the left */
  margin: 0 10px 10px -4px;
  font-size: 10px;
  color: #888888;
  float: left;
}
#main .post-body .photoblock-left a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoblock-right {		/* Photo block on the.. gasp.. right */
  margin: 0px 0px 10px 10px;
  font-size: 11px;
  color: #888888;
  float: right;
  text-align: right;
}
#main .post-body .photoblock-right a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoborder {           /* Apply to an image to give it a border */
  border: 1px solid #ccc;
  padding: 1px;
}
#main a:hover .photoborder {
   border: 1px solid #888;
}

#main .photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */
   margin: 0 10px 10px -4px;
   clear: both;
   width: 100%;
   text-align: center;
   font-size: 10px;
   color: #888888;
}
#main .photoblock-many a {		/* (Need clear links in the photo block) */
   background: white;
}

#main .photoborder-right {		/* A photo with a border on the right */
   border: 1px solid #ccc;
   padding: 1px;
   margin: 0px 0px 10px 10px;
   float: right;
}

#main .photo {			/* A normal photo */
  padding: 3px;
  vertical-align: middle;
}

.post-footer img {
   vertical-align: -20%;
   /* border: 1px black solid; */
}

/* About Box */

#AboutBox {
 position: absolute;
 left: 10px;
 top: 10px;
 -moz-opacity: 100;
 visibility: hidden;
}

#abouttext {
  font-size: 11px;
  color: #333333;
  line-height: 1.3em;
}
#abouttext a {
  background: url(/images/underline-blue.gif) repeat-x 0 95%;
  color: #333333;
}
#abouttext a:hover {
 color: #888888;
}

/* Recent Entries */

#RecentBox {
 position: absolute;
 left: 10px;
 top: 10px;
 -moz-opacity: 100;
 visibility: hidden;
}

#recently {
 font-size: 11px;
 color: #333333;
 list-style: none;
 line-height: 1.5em;
 padding: 0 0 0 0;
 margin: 0 0 5px 0;
}

#recently a {
 color: #333333;
}
#recently a:hover {
 color: #888888;
}

/* Body Elements! */

#main {
   padding: 16px 40px 16px 40px;
}

h5 {
  font-size: 12px;
  font-weight: bold;
}

h4 {
  font-size: 20px;
  font-weight: normal;
  color: #2f5674;
}

h3.post-title {
 font-size: 29px;
 margin: 0px 10px 0px 0px;
 font-weight: normal;
 letter-spacing: -.5px;
 font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}

h2.post-date {
 font-size: 12px;
 color: #676767;
 margin: 0px 0px 10px 0;
 font-weight: normal;
}

h2.comments {
  font-size: 16px;
  margin: 20px 0px 20px 0px;
  font-weight: normal;
  background: url(/images/underline-pink.gif) repeat-x 0 95%;
}

.callout {
  font-size: 17px;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-color: #222222;
  line-height: 1.8em;
}

.lighter {
  color: #555555;
}

.footnote {
  clear: both;
  color: #777777;
  font-size: 11px;
}

.post-body {
  font-size: 13.8px;
 line-height: 1.55em;
}

.post-body blockquote {
	line-height: 1.4em;
	color: #444444;
	/* margin: 1em 2em 1em 0em; */
	padding-left: 10px;
        margin-left: 25px;
	border-left: 1px solid #bbbbbb;
}

.post-footer {
 color: #aaaaaa;
 line-height: 140%;
 font-size: 12px;
 padding-bottom: 10px;
}
.post-footer a {
 color: #999999;
 line-height: 140%;
 font-size: 12px;
}

/* Misc. Pieces */

.copyright {
  font-size: 10px;
  color: #C1C1C1;
}

/* Links (used where, now?) */

a {
 color: #000000;
 text-decoration: none;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 color: #666666;
}
#main a:hover {
 color: #666666;
}

#main .post-body a {
  color: #022d3f;
  background: url(/images/underline-blue.gif) repeat-x 0 95%;
}
#main .post-body a:hover {
  color: #666666;
}
#main .post-body a img {
  background: white;
}

h3.post-title a:hover {
 background: url(/images/underline-wavy2.gif) repeat-x 0 95%;
}

/* Numbers */

#n1, #n2, #n3, #n4, #n5 {
	display: block;
	float: left;
	width: 20px;
	height: 19px;
	background-repeat: no-repeat
	background-position: top right;
	text-indent: -9999px;
	margin-right: 4px;
	}
	
#n1 { background-image: url(/images/number-1.png); }
#n2 { background-image: url(/images/number-2.png); }
#n3 { background-image: url(/images/number-3.png); }
#n4 { background-image: url(/images/number-4.png); }
#n5 { background-image: url(/images/number-5.png); }

/* Improve Lists */

ul li {
	margin: 3px 0px;
}