@charset "utf-8";
/* Markup by Matthew Rochow */
/* http://www.matthewrochow.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
a span {cursor:pointer}
body {font:88%/125% "LucidaSans", Arial}
dl {margin:0 0 1em}
dt {font-weight:bold}
dd {margin:0 0 5px 15px}
h1, h2 {color:#006D9A;font:1.36em "LucidaSans Demi", Arial}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
.clear{clear:both;}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#main {margin:0 auto;width:958px;background:url(../images/sidebar-bg.gif) 100% 0 repeat-y}
body#page #main {margin:0 auto;width:958px;background:url(../images/boxarea.gif) 100% 0 repeat-y}

/* Header */
#header {background:#053549 url(../images/shadow.gif) repeat-x left bottom;border-bottom:19px solid #78b2CA;overflow:hidden;width:100%}
#header a {color:#FFF;text-decoration:none}
#header ul {list-style:none}
#header .logo img {margin:5px 0 0}
#header #search {background:url(../images/search-bg.png) no-repeat;height:18px;padding:5px 10px;position:absolute;right:0;top:0;width:186px}
#header #search input {background:url(../images/search-box.gif) no-repeat;border:0;float:left;font-size:0.86em;height:16px;margin:0 -100% 0 20px;padding:0 5px;width:145px}
#header #search input#icon {background:none;height:11px;margin:2px 0 0;padding:0;width:11px}
#header .content {margin:0 auto;position:relative;width:963px}
	
	/* Top Section */
	#header #top {background:url(../images/header-middle.png) repeat-y;clear:both;font-size:0.86em;position:relative;}
	#header #top h2 {overflow:hidden;height:0px;text-indent:-1000em}
	#header #top .middle {background:url(../images/header.png) no-repeat;width:100%}
	#header #top .bottom {background:url(../images/header-bottom.png) no-repeat left bottom;overflow:hidden;padding:75px 0 10px 35px;width:928px}
	#header #top ul {float:left;overflow:hidden;margin:0 30px 0 0;width:175px}
	#header #top ul li {border-top:1px solid #388DB0;margin:-1px 0 0;padding:8px;height:1%}
	#header #top ul li a:hover {text-decoration:underline}
	#header #top form {color:#FFF;float:left;font-family:"Lucida Sans", Arial;margin:0 23px 0 10px;width:225px}
	#header #top #newsletter {padding:85px 0 0}
	#header #top form label {display:block;height:28px}
	#header #top form input {background:#053549 url(../images/input.gif) no-repeat;border:0;color:#FFF;float:left;height:18px;margin:-29px 0 0 45px;padding:2px 5px;width:168px}
	#header #top form input#sign {background:none;clear:both;height:21px;margin:0 0 0 145px;padding:0;width:77px}
	#header #top #rss {padding:15px 0 0}
	#header #top #rss label {margin:10px 0 16px;height:auto;width:10em}
	#header #top #rss input {background:#053549 url(../images/input-big.gif) no-repeat;margin:0;width:192px}
	#header #top #rss input#submit {background:none;clear:both;height:22px;margin:7px 0 0 145px;padding:0;width:58px}
	#header #top a#bigrsscup {position:absolute;top:30px;right:0px;width:80px;height:68px;}
	#header #top a#bigrsscup span {display:none;}

	/* Menu */
	.menu {float:right;margin:-1.4em 0 -10px;list-style:none;z-index:100}
	.menu li {float:left;margin:0 10px 0 0}
	.menu li a {color:#FFF;display:block;float:left;text-decoration:none}
	.menu li a span {display:block;float:left;height:18px;padding:1px 10px}
	.menu li a:hover {background:#011822 url(../images/menu.gif) no-repeat}
	.menu li a:hover span {background:url(../images/menu.gif) no-repeat right bottom}

/* Content*/
#content {float:left;width:562px}
#content #about-content .entry img{float:right}
#content #about-content h2{font-size:1.8em;font-weight:bold}
#content h2.pagetitle {margin-top: 15px;font-size:1.8em;font-weight:bold}
#content a{text-decoration:none}
#content a:hover{text-decoration:underline}

	/* Archives */
	#content #archives-content h2{font-size:1.8em;font-weight:bold}
	#content #archives-content form{margin:0 auto;width:314px;height:36px;background:url(../images/archives-search.gif) no-repeat;padding:0 0 0 5px}
	#content #archives-content form #search-button{float:left}
	#content #archives-content form #search{border:0;background:#053549;color:#fff;font-size:1.3em;font-weight:bold;display:block;float:left;margin:7px 0 3px 0;width:280px}
	#content #archives-content h3{font-size:1.4em;padding:20px 0 15px 0}
	#content #archives-content .byyear{font-size:1.2em;font-family:LucidaSans, Arial;list-style:none;font-weight:bold;color:#969696}
	#content #archives-content .bycategory{list-style:none}
	#content #archives-content .bycategory li{background:#e5f0f5;width:60%;margin:6px 0}
	#content #archives-content .bycategory h4{font-size:1.2em;padding:5px 0 0 5px}
	#content #archives-content .bycategory ul{list-style:none;padding:0 0 10px 0}
	#content #archives-content .bycategory ul li{background:url(../images/prefix-archives.gif) no-repeat 0 50%;padding:5px 0 5px 20px}
	

	#content ul.archives, #content ul.categories, #content ul.categories ul {list-style-type:none;}
	#content ul.archives, #content ul.categories {margin:20px 50px;float:left;}
	#content ul.archives li, #content ul.categories li {padding-left:15px;}
	

	/* Posts */
	.post {margin:30px 0 0;width:100%}
	.post h1 {font-weight:bold;}
	.post h2 {margin:0 0 10px;}
	.post h2 a {color:#006D9A;text-decoration:none}
	.post a.comments {color:#333;float:right;font-size:0.86em;text-decoration:none}
	.post a.comments:hover {text-decoration:underline}
	.post span {color:#777;font-size:0.86em;float:left;margin:0 0 10px}
	.post span a {color:#777;text-decoration:none}
	.post span a:hover {text-decoration:underline}
	.post .entry {border-top:1px solid #c4dde8;clear:both;font-size:0.86em;padding:15px 0 0}
	.post .entry ul {background:none;color:#000;font-size:1em;height:auto;list-style:disc;margin:0 0 1em 30px;padding:0;width:auto}
	.post .entry ul li {float:none}
	.post .entry ul li a {color:#069}
	.post .entry blockquote{background: url(../images/top_quote.gif) no-repeat 0 0;margin: 10px 0;padding: 47px 0 0 57px;}
	.post .entry blockquote p{background: transparent url(../images/bottom_quote.gif) no-repeat bottom right;padding: 0 57px 47px 0;}
   	
    .post a.more-link {display:block;margin:10px 0;}
	.post ol {margin:0 0 1em 35px}
	.post ul {background:#71ABC3 url(../images/bar.png) no-repeat;color:#FFF;font-size:0.86em;height:25px;list-style:none;margin:0 0 10px 0;padding:0 10px;width:542px}
	.post ul a {color:#FFF;text-decoration:none}
	.post ul li a:hover {text-decoration:underline}
	.post ul li {float:left;margin:3px 0 0}
	.post ul li.date {float:right}

	/* Post Page */
	#content #posts-content .entry img{float:right}
	#content #posts-content h4{width:544px;height:66px;background:url(../images/posts-rss.gif) #e5f0f5 no-repeat 500px 15px;margin:15px 0;line-height:66px;padding:0 0 0 20px;font-size:1.2em}
	#content #posts-content h4.coffee{background:url(../images/posts-coffee.gif) #e5f0f5 no-repeat 460px 5px}
	#content #posts-content #social-bookmarking{border:2px #e5f0f5 solid;padding:0 0 0 8px;text-align:center;}
	#content #posts-content #social-bookmarking h3{margin-bottom: 10px;}
	#content #posts-content h3{padding:10px 0 0 0}
	#content #posts-content .related-posts {list-style:none;padding:10px 0 0 0}
	#content #posts-content .related-posts li{background:url(../images/posts-prefix.gif) no-repeat 0 50%;padding:3px 0 3px 20px}
	#content #posts-content .related-posts li a{color:#000}
	#content .pagenum{padding:20px 0 20px 0;font-weight:bold;float:left;width:100%}
	#content .pre{float:left}
	#content .next{float:right}

	#content #posts-content .post span {color:#069;font-size:1em;}
	#content #posts-content .post span a {color:#069;text-decoration:none}
	#content #posts-content .post span a:hover {text-decoration:underline}

	#content #posts-content .comments-title{clear:both;background:url(../images/comments-after.gif) #006d9a 155px 60% no-repeat;padding:15px 0 15px 25px;color:#71abc3;width:558px}
	#content #posts-content .comments-list{background:#006d9a;width:523px;clear:both;padding:10px 30px;color:#fff}
	#content #posts-content .even{background:#368caf}
	#content #posts-content .comments-list img{float:left;padding:0 10px 0 0}
	#content #posts-content .comments-list p{clear:both;padding:10px 0}
	#content #posts-content .comments-list .replyto{display:block;text-align:right;padding:0 10px 0 0;color:#71abc3;background:url(../images/posts-odd.gif) no-repeat 68% 50%;}
	#content #posts-content .even .replyto{background-image:url(../images/posts-even.gif)}

/* Sidebar */
#sidebar {float:right;font-size:0.86em;width:375px;/*background:url(../images/sidebar-bg.gif) 0 0 repeat-y*/}

	/* Headings */
	#sidebar h2 {color:#FFF;font-weight:bold;overflow:hidden;position:relative}
	#sidebar h2 span {height:100%;left:0px;position:absolute;top:0;width:100%}
	#sidebar h2.sponsors {height:78px;margin:-19px 0 20px 20px;position:relative;z-index:102;width:207px}
	#sidebar #subpage h2.sponsors span {background:url(../images/sponsors-sub.jpg) no-repeat}
	#sidebar h2.sponsors span {background:url(../images/sponsors.png) no-repeat}
	#sidebar ul.categories h2 {height:27px;padding:5px 0 1px;width:147px}
	#sidebar ul.categories h2 span {background:url(../images/headings.png) no-repeat 0 5px}
	#sidebar ul.commenters h2 {height:33px;position:relative;top:-5px;width:148px}
       
	#sidebar ul.commenters h2 span {background:url(../images/headings.png) no-repeat 0 -53px}
	#sidebar #subpage ul.commenters h2 span {background:url(../images/headings.png) no-repeat 0 -54px;}
	#sidebar ul.blogroll h2 {height:27px;width:136px}
	#sidebar ul.blogroll h2 span {background:url(../images/headings.png) no-repeat 0 -110px}
	#sidebar ul.popular h2 {height:27px;width:200px;text-indent:-9999px}
	#sidebar ul.popular h2 span {background:url(../images/headings.png) no-repeat 40px -26px}
	#sidebar ul.recent h2 {height:24px;width:200px;text-indent:-9999px}
	#sidebar ul.recent h2 span {background:url(../images/headings.png) no-repeat 51px -86px}
	#sidebar ul.comments h2 {height:30px;width:200px;position:relative;top:-5px;text-indent:-9999px}
	#sidebar ul.comments h2 span {background:url(../images/headings.png) no-repeat 13px -137px}

	/* Images*/
	#sidebar img{margin:0 0 10px 20px}

	/* First Sidebar */
	#sidebar #box-left{float:left;width:174px;overflow:hidden}
	#sidebar .first {background:url(../images/sidebar-first-bottom.png) no-repeat left bottom;margin:0 0 10px;padding:0 0 8px;width:174px;float:left}
	#sidebar .first ul {/*background:url(../images/sidebar-first-top.png) no-repeat;*/padding:6px 0 20px;float:left}
	#sidebar .first ul li ul, #sidebar .first ul li ul li {background:none;margin:0;padding:0;}
        #sidebar #subpage .first ul li ul, #sidebar #subpage .first ul li ul li {background:none;margin:0;padding:0;}
	#sidebar .first ul li {background:url(../images/sidebar-first-middle.png) repeat-y;width:154px;padding:0 10px;float:left}
	#sidebar .box ul.categories li a {background:url(../images/arrow.gif) no-repeat 0 5px;padding:3px 0 3px 20px;width:87%;}
	#sidebar .box ul.commenters li a {background:url(../images/arrow.gif) no-repeat 0 -24px;padding:3px 0 3px 20px;width:87%;}
	#sidebar .box ul.blogroll li a {width:87%;}
	#sidebar .box ul.blogroll li a{background:url(../images/blogsifollow-prefix.gif) no-repeat 0 50%;padding:5px 0 5px 20px;}
	#sidebar #subpage .box ul {zoom:1;}
	
        #sidebar .badges {margin:0 0 10px;padding:0 0 8px;width:174px;float:left}
	
       

        /* Second Sidebar */
	#sidebar #box-right{float:right;width:200px;overflow:hidden}
	#sidebar .second {background:url(../images/sidebar-second-bottom.gif) no-repeat left bottom;margin:0 0 10px;padding:0 0 17px;width:200px;float:left}
	#sidebar .second ul {background:url(../images/sidebar-second-top.gif) no-repeat 1px 0;padding:6px 0 20px;float:left}
	#sidebar .second ul li {background:url(../images/sidebar-second-middle.gif) repeat-y;width:180px;float:left;padding:0 10px}
	#sidebar .box ul.popular li a {padding:3px 0 3px 0;border-left:5px #053549 solid}
	#sidebar .box ul.recent li a {padding:3px 0 3px 0;border-left:5px #053549 solid}
	#sidebar .box ul.comments li a {padding:3px 0 3px 0;border-left:5px #053549 solid}

	/* Sidebar Box */
	#sidebar .box ul {list-style:none;}
	#sidebar .box ul li {clear:both;float:left;padding:0 10px;}
	#sidebar .box ul li a {border-bottom:1px solid #668390;float:left;color:#FFF;display:block;padding:3px 0;text-decoration:none;width:96%;}
	#sidebar .box ul li a span {color:#999;}
	#sidebar .box ul li {color:#999;}
	#sidebar .box ul li a:hover {text-decoration:underline}

	/* Subpage Sidebar */
	#sidebar #subpage {background:#e5f0f5;float:right;width:374px}
	#sidebar #subpage .second {background-image:url(../images/sub-sidebar-second-bottom.gif)}
	#sidebar #subpage .second ul {background-image:url(../images/sub-sidebar-second-top2.gif)}
	#sidebar #subpage .second ul.recent {background-image:url(../images/sub-sidebar-second-top2.gif)}
	#sidebar #subpage .second ul.comments {background-image:url(../images/sub-sidebar-second-top2.gif)}
	#sidebar #subpage .second ul li {background-image:url(../images/sub-sidebar-second-middle.gif)}
	#sidebar #subpage .first {background-image:url(../images/sub-sidebar-first-bottom.gif)}
	#sidebar #subpage .first ul li {background-image:url(../images/sub-sidebar-first-middle.gif)}
	#sidebar #subpage .first ul {background:url(../images/sub-sidebar-first-topp.gif) no-repeat 0px 1px;float:none}
	#sidebar #subpage .first ul.commenters {background:url(../images/sub-sidebar-first-topp.gif) no-repeat 0px 1px;float:none}

	/* BoxArea */
	#sidebar #boxarea{background:url(../images/boxarea.gif) #e5f0f5 repeat-y;float:left;}

        


/* Comments */
#content #leave-comment {background:#053549;color:#fff;width:583px}
#content #leave-comment h3 {color:#71abc3;font-size:1.4em;font-weight:bold;padding:10px 0 15px 15px}
#content #leave-comment form {font-weight:bold;padding:10px 0 20px 10px}
#content #leave-comment p {padding:0 0 5px 0}
#content #leave-comment .comment-details {text-align:right;width:310px}
#content #leave-comment .txarea {text-align:right;width:550px}
#content #leave-comment input {border:0;height:18px;margin:0;padding:4px;width:187px}

#content #leave-comment label#mcsplabel {display:block;width:118px;margin:25px 0;float:left;}
#content #leave-comment input#mcspvalue {border:0;height:18px;margin:20px 0;padding:4px;width:187px;float:left;}

#content #leave-comment textarea {border:0;float:right;height:148px;overflow:auto;padding:4px;width:424px}
#content #leave-comment h5 {float:left;font-size:1em;padding:0 0 0 33px}
#content #leave-comment input,#content #leave-comment textarea {color:#999;font-family:Arial;font-size:0.9em;font-weight:bold}
#content #leave-comment #sub-image {clear:both;display:block;float:right;height:25px;margin:10px 20px 0 0;padding:0px;width:61px}
#content #comment-list .comments-list a{color:#FFF;}

/* Footer */
#footer {background:#053549 url(../images/shadow-bottom.gif) repeat-x 0 -1px;clear:both;overflow:hidden}

#footer #bottom .middle{background:url(../images/footer-middle.png) repeat-y;}

#footer #bottom {background:url(../images/footer.png) no-repeat 50% 0; width:958px;height:309px;margin:0 auto}

#footer #bottom .top{width:858px;padding:33px 0 0 40px;}
#footer #bottom .top h2{height:0;text-indent:-9999px;display:none}
#footer #bottom .top  ul{float:left;list-style:none;margin:0;padding:0}
#footer #bottom .top  ul.recent-posts{width:176px;padding:0 54px 0 0}
#footer #bottom .top  ul.archives{width:152px;padding:0 64px 0 0}

#footer #bottom .top  ul.featured{width:152px;}
#footer #bottom .top  ul li{padding:6px 3px 6px;border-bottom:1px #388db0 solid;}
#footer #bottom .top  .archives li{padding:3px 3px 3px;}
#footer #bottom .archives li a{background:url(../images/archives-prefix.gif) no-repeat 0 50%;padding:5px 0 5px 20px;}
#footer #bottom .top  .featured li a{background:url(../images/featured-prefix.gif) no-repeat 0 50%;padding:0 0 0 20px}
#footer #bottom .top  .tagcloud a{display: inline;line-height: 2em;}

#footer .top .bottom div{float:left;width:196px;padding:0 54px 0 0}
#footer .top .bottom div a{display:block}
#footer .top .bottom a{color:#FFF;clear:both;text-decoration:none;font-size:0.9em}
#footer .top .bottom a:hover{text-decoration:underline}
#footer a.logo{float:left;clear:left}
#footer .menu{float:right;padding:30px 0 0 0}
#footer .menu a{color:#FFF}
#footer .content {margin:0 auto;width:963px}
#footer .creativecommon{color: #FFF; font-size: 0.86em; margin: 0 auto 10px auto;width:100%;text-align:center;}
#footer .creativecommon img{padding: 0 10px 0 0;}
#footer .creativecommon a{color:#FFF;text-decoration:none;}
#footer .creativecommon a:hover{color:#FFF;text-decoration:underline;}

/* effective yet slightly paranoid clearfix hack */
.clearfix:after {visibility: hidden;font-size: 0.1em;display: block;line-height: 0;height: 0.1px;content: " ";clear: both;}
* html .clearfix {display: inline-block;}
/* hide from ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie mac */
#content #archives-content .post .entry #archives-byyear span {float:none;display:inline;margin:0;padding:0;font-size:1.2em;font-family:LucidaSans, Arial;list-style:none;font-weight:bold;color:#969696;}
#content #archives-content .post .entry #archives-byyear span a, #content #archives-content .post .entry #archives-byyear a {float:none;display:inline;margin:0;padding:0;font-size:1.2em;font-family:LucidaSans, Arial;list-style:none;font-weight:bold;}
#content #archives-404 .post .entry #archives-byyear span {float:none;display:inline;margin:0;padding:0;font-size:1.2em;font-family:LucidaSans, Arial;list-style:none;font-weight:bold;color:#969696;}
#content #archives-404 .post .entry #archives-byyear span a, #content #archives-404 .post .entry #archives-byyear a {float:none;display:inline;margin:0;padding:0;font-size:1.2em;font-family:LucidaSans, Arial;list-style:none;font-weight:bold;}


div.img-center {clear:both;display:block;text-align:center;width:100%}
#content #posts-content .entry div.img-center {clear:both;display:block;text-align:center;width:100%}
#content #posts-content .entry div.img-center img {float:none}


    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }