@import url(../post_400.css);
@import url(../comment_form_400.css);

html, body
{margin: 0px;
 padding: 0px;
 text-align: center;
 background-position: center top;
 background-repeat:  no-repeat;
 background-image: url(branding);
 font-family: "Lucida Sans Unicode","Lucida Sans",Verdana,Arial,Helvetica,sans-serif;
 font-size: 12px;}

#wrap
{position: relative;
 width: 750px;
 margin: 0px auto;
 padding: 0px;
 text-align: left;}

sup
{vertical-align: 0px;
 font-size: 0.8em;
 position: relative;
 top: -0.5em;}

img
{vertical-align: middle;
 border: 0px;}

br.clear
{display: none;}

a
{text-decoration: none;
 color: #C60;}
a:hover
{text-decoration: underline;
 color: #F60;}


/* =============== BRANDING =============== */

#branding strong {display: none;}

#branding
{position: relative;
 float: left;
 height: 280px;
 width: 250px;}

#branding a
{display: block;
 position: absolute;
 top: 250px;
 left: 150px;
 height: 30px;
 width: 100px;}


/* =============== MAIN CONTENT =============== */

#main_content
{position: relative;
 float: right;
 margin: 0px;
 padding: 80px 0px 40px 0px;
 width: 500px;}

/* Hides from IE5-mac \*/
* html #main_content {height: 1%;}
* html .post {height: 1%;}
/* End hide from IE5-mac */

.archive_page h1
{position: absolute;
 width: 250px;
 top: 140px;
 left: -250px;
 margin: 0px;
 padding: 0px;
 text-align: right;
 font-size: 32px;
 font-weight: bold;
 font-style: normal;
 color: #FCA;}

.archive_page h1 .sep
{display: none;}

.archive_page h1 strong
{display: block;
 position: relative;
 top: -15px;
 font-size: 18px;
 font-style: italic;
 text-transform: uppercase;
 color: #F84;}

.main_page h1#the_latest
{display: none;}


/* =============== POSTS =============== */

/* Post Div */

.post
{margin: 30px 0px;
 padding: 0px 0px 0px 30px;}


/* Post Title */

.post_title
{margin: 20px 0px 0px 0px;
 padding: 0px;
 font-size: 20px;
 font-style: normal;
 font-weight: bold;
 color: #325473;}
.post_title a
{color: #325473;
 text-decoration: none;}
.post_title a:hover
{color: #48F;}

/* Post Times */

.post_date, .post_time
{margin: 5px 0px 0px 0px;
 padding: 0px;
 float: left;
 color: #F60;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: 4px;}
.post_time 
{margin-left: 15px;
 padding-left: 15px;
 border-left: 1px solid #F00;}

/* Post Body */

.post_content
{margin: 0px;
 padding: 1px 0px 0px 0px;
 clear: both;}

/* Post After Body */

.post_other_meta
{font-size: 11px;
 color: #0060A8;}

.post_other_meta a       {color: #06F; text-decoration: none;}
.post_other_meta a:hover {border-bottom: 1px dotted #48F;}

* html .post_other_meta a:hover {text-decoration: underline;}


.post_categories
{clear: both;
 margin: 12px 0px 0px 0px;
 padding: 8px 8px 2px 8px;
 background: #EFF7FF;
 border-width: 1px 1px 0px 1px;
 border-style: solid;}
.post_comment_invite
{margin: 0px;
 padding: 3px 8px 8px 8px;
 background: #EFF7FF;
 border-width: 0px 1px 1px 1px;
 border-color: #D0E0FF;
 border-style: solid;}
.post_page .post_categories     {padding: 8px; border-width: 1px;}
.post_page .post_comment_invite {display: none;}

.post_categories, .post_comment_invite {background: #EFF7FF; border-color: #D0E0FF;}


/* [FIX] IE6: With double buffered bg images to avoid flicker */
.post_content .read_more
{margin-top: 10px;
 text-indent: 0px;
 text-align: right;
 text-transform: uppercase;
 background-repeat: no-repeat;
 background-image: url(read_more);
 background-position: 100% 0px;}

.post_content .read_more a
{display: block;
 width: 157px;
 height: 13px;
 margin: 0px 0px 0px auto;
 line-height: 100px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-image: url(read_more);}

.post_content .read_more a       {background-position: 100% 0px;}
.post_content .read_more a:hover {background-position: 100% -30px;}


/* =============== COMMENTS =============== */

#comments
{margin: 30px 0px;
 padding: 0px 70px 0px 30px;}

#comments h1
{font-size: 20px;
 font-style: normal;
 font-weight: bold;
 color: #325473;
 margin: 20px 0px 15px 0px;}

#comments .comment
{margin: 0px;
 border-top: 1px solid #CCC;
 padding-top: 8px;
 padding-bottom: 1px;
 clear: both;}

#comments h2
{font-size: 16px;
 font-weight: bold;
 color: #113344;}

#comments .comment h2
{float: left; 
 margin: 0px 8px 8px 0px;
 padding: 0px 5px 0px 0px;
 border-right: 1px solid #444;}

#comments .comment h2 a
{display: block;
 padding-left: 20px;
 background-position: 0% 50%;
 background-repeat: no-repeat;
 background-image: url(/images/icon_comment);
 text-decoration: none;
 font-size: 14px;
 color: #444;}

#comments .author    h2 a {background-image: url(/images/icon_comment_author);}
#comments .protected h2 a {background-image: url(/images/icon_comment_protected);}
#comments .deleted   h2 a {background-image: url(/images/icon_comment_deleted);}

#comments .comment .note
{float: left;
 margin: 2px 0px 8px 0px;
 color: #0060A8;
 font-size: 11px;}

#comments .comment .note a       {color: #06F;  text-decoration: none;}
#comments .comment .note a:hover {color: #00F; border-bottom: 1px dotted #48F;}

#comments .comment_body
{clear: both;
 margin-left: 22px;
 line-height: 1.4em;}


/* =============== SIDEBAR =============== */

#sidebar
{clear: left;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 5px 15px 20px 0px;
 width: 234px;
 text-align: right;
 border-right: 1px solid #325473;}
* html #sidebar {width: 250px; w\idth: 234px;} /* WinIE Box Model Hack */

#sidebar h1
{display: none;}

#simpleabout
{margin: 0px;
 padding: 30px 0px 0px 70px;
 font-size: 11px;
 line-height: 1.6em;
 color: #A50;}

#sidebar h2
{margin: 30px 0px 0px 0px;
 padding: 0px;
 height: 16px;
 line-height: 100px;
 overflow: hidden;
 background-position: top right;
 background-repeat: no-repeat;}

#sidebar #account         h2 {background-image: url(sidebar_account);}
#sidebar #latest_comments h2 {background-image: url(sidebar_comments);}
#sidebar #archives        h2 {background-image: url(sidebar_archives);}
#sidebar #etcetera        h2 {background-image: url(sidebar_etcetera);}
#sidebar #biblography     h2 {background-image: url(sidebar_biblography);}

#sidebar h3
{margin: 20px 0px 5px 0px;
 color: #569;
 font-size: 17px;
 font-weight: normal;}

#sidebar a
{color: #325473;}

#sidebar a:hover
{color: #04A;}

#sidebar #archives ul
{margin: 0px;
 padding: 0px;
 border-top: 2px solid #DDD;}

#sidebar #archives ul li
{display: block;
 margin: 0px;
 padding: 4px 0px;
 border-bottom: 1px solid #DDD;
 list-style-type: none;
 line-height: 1.3;}

#sidebar #archives ul li a
{text-decoration: none;}

#sidebar #archives ul li a:hover
{font-weight: bold;}

#sidebar #archives ul .post_count
{color: #F60;
 font-weight: bold;}

#sidebar #archives ul a:hover .post_count
{color: #F00;}


#sidebar #etcetera ul
{margin: 0px;
 padding: 0px;}

#sidebar #etcetera ul.icons li
{display: block;
 margin: 0px 0px 10px 6px;
 padding: 0px 0px;
 list-style-type: none;
 float: right;}

#sidebar p.blurb
{clear: both;
 margin: 0px 0px 0px 70px;
 font-size: 11px;
 line-height: 15px;
 color: #444;}


#sidebar #latest_comments, #sidebar #archives, #sidebar #biblography
{margin: 0px;
 padding: 0px 0px 0px 40px;}

#sidebar #latest_comments ol, #sidebar #biblography dl
{margin: 10px 0px 0px 0px;
 padding: 0px;
 border-top: 2px solid #DDD;}

#sidebar #latest_comments ol li
{display: block;
 margin: 0px;
 padding: 4px 0px;
 border-bottom: 1px solid #DDD;
 list-style-type: none;
 line-height: 1.3;}

#sidebar #biblography dl dt
{display: block;
 margin: 0px;
 padding: 4px 0px 0px 0px;
 line-height: 1.3;}

#sidebar #biblography dl dd
{display: block;
 margin: 0px;
 padding: 0px 0px 4px 0px;
 border-bottom: 1px solid #DDD;
 font-size: 11px;
 text-transform: uppercase;
 line-height: 1.3;}

#sidebar #biblography dl dd a
{color: #C96;}

#sidebar #latest_comments a      , #sidebar #biblography a       {text-decoration: none;}
#sidebar #latest_comments a:hover, #sidebar #biblography a:hover {text-decoration: underline;}



/* =============== FOOTER =============== */

#footer
{clear: left;
 float: left;
 margin: 0px;
 padding: 10px;
 width: 230px;
 background: #258;
 color: #BCD;
 z-index: 0;}
* html #footer {width: 250px; w\idth: 230px;} /* WinIE Box Model Hack */



/* =============== PERIPHERAL =============== */

.peripheral_page #main_content
{width: 400px;
 padding-right: 70px;
 padding-left: 30px;}

* html .peripheral_page #main_content
{width: 500px;
 w\idth: 400px;}


.peripheral_page #main_content h1
{font-size: 20px;
 font-style: normal;
 font-weight: bold;
 color: #325473;
 margin: 20px 0px 15px 0px;}

.peripheral_page #main_content p
{margin: 0px 0px;
 text-indent: 2em;
 line-height: 1.6em;
 color: black;}
.peripheral_page #main_content p.start
{text-indent: 0em;}

.peripheral_page #main_content p a
{text-decoration: none;
 color: #C60;}
.peripheral_page #main_content p a:hover
{text-decoration: underline;
 color: #F60;}


/* - - - - - STYLESHEET SWITCHER - - - - - */

.style_option
{margin-left: 40px;}

.style_option h2
{margin-left: -40px;}

.style_option h2 a
{display: block;
 padding-left: 40px;
 height: 25px;
 width: auto;
 text-decoration: none;
 color: #325473;}

.style_option h2 a:hover
{color: #48F;}

#style_airlight h2 a {background: url(/images/icon_style_airlight.gif) no-repeat 0% 50%;}
#style_columnar h2 a {background: url(/images/icon_style_columnar.gif) no-repeat 0% 50%;}


#adsense
{text-align: center; padding-right: 30px;}