/*  
Theme Name: On Shadow
Theme URI: http://www.12thpress.com
Description: On Shadow was created for the 12th Press website and its accompanying blog.
Version: 1.0
Author: N.Calcott
Author URI: http://www.ncalcott.com
Tags: white, fixed width, two columns, simple, black, right sidebar, valid XHTML, valid CSS, red

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/*General*/
* {margin:0;padding:0;}
body{color:#000000; font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;background:#FFFFFF;}
img{border:none; text-decoration:none; padding:0; margin:0; clear:both;}
a img{border:none; text-decoration:none; padding:0; margin:0;}
a img:hover{border:none; text-decoration:none;}
a{color:#000000;text-transform:uppercase; font-weight:bold; text-decoration:none;}
a:hover{color:#CCCCCC; text-decoration:none;}
#caption{margin:0 0 25px 0; padding-right:-15px; padding-top:-5px; width:720px; font-size:8px; font-style:italic; clear:both; text-align:left;}
#caption ul{ position:relative; left:-15px; top:-5px; margin:0; padding:0; text-indent:0; width:720px; font-size:8px; font-style:italic; clear:both; text-align:left; height:8px;}
#caption ul li{clear:both; margin:0px; padding:0;text-indent:0; line-height:8px;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}


#wrapper{width:1000px;margin:20px auto;}
#header{width:1000px;height:75px;text-align:right; margin-bottom:10px;}
#main{float:left;width:720px;overflow:hidden;margin:0 15px 0 0;}
#sidebar{float:right;width:265px;margin:45px 0 0 0; color:#CCCCCC; min-height:450px}
#footer{color:#CCCCCC;clear:both;text-align:right;margin:0 1px 1px 1px;}


/*Fonts*/
h1,h2,h3,h4{text-transform:uppercase; color:#000000; border:none;}
h1{font-size:40px; padding:0;}
h2{font-size:20px;}
h2.comments a{float:right; color:#999; padding:3px 0 0 0;}
h3{font-size:15px; padding:0 0 8px 0}
h4{font-size:12px;color:#999;font-weight:100;}
h4.post-date{font-size:9px;color:#999;margin:0;font-weight:100;}
em{font-style:oblique; color:#666666;}

/*Header*/
#title{position:relative; top:37px; left:530px; height:22px; padding:12px 12px 4px 17px; background-color:#000000; color:#FFFFFF; font-size:22px; width:250px;}
#title a{color:#FFFFFF}

/*Main*/
#main img{max-width:720px;clear:both;}
#main p{width:500px; text-align:left;font-size:12px;line-height:1.6em; margin:0 0 15px 0; text-transform:none; color:#000000;}
#main ul{line-height:1.6em;margin:1.2em 0 1.2em 2em;padding:0; list-style:none;}
#main ul li{margin-bottom:5px;}
.gravatar img{padding:1px; border:#ccc 1px solid; float:right; background:#fff;}
p.prev-next{height:1%;padding:0 0 20px;background:url(images/dot.gif) 0 100% repeat-x;}
input,textarea,select{border:1px solid #B8B8B8;color:#444;font-family:Arial, Helvetica, sans-serif;font-size:1em;background:#fff;}
blockquote{border-left:4px solid #CCC;font-size:1em;margin:0 0 0 20px;padding:0 0 0 10px;}
code{color:#B8B8B8;font-family:monospace;}
.navigation{border-bottom:1px dashed #B0B0B0;font-size:.8em;margin:5px 0;padding:0 0 15px;}
.bottomnavigation{border-top:1px dashed #B0B0B0;font-size:.8em;margin:5px 0;padding:8px 0; width:500px}
.bottomnavigationindex{font-size:.8em;margin:5px 0;padding:8px 0; width:500px;}
p.postmetadata{font-size:8px;margin:5px 0 0 0;}
#threecolumn{width:720px;}
#threecolumn ul{margin:0 ;padding:0; list-style:none;}
#threecolumn ul li{margin:0 0 5px 0; padding:0 0 0 10px; text-indent:-10px}
#threecolumnone{width:230px; clear:none; overflow:auto; margin-right:10px; overflow:hidden;}
.clear{}

/*Newsletter*/
#newsletter{margin:0 auto 50px 0; width:350px; text-align:left;}
#thanks{margin:50px auto 50px auto; width:350px; text-align:center;}

/*Books*/
#books img{width:230px}
#buy{position:relative; left:-10px; margin:0; padding-left:10px; width:23px; height:17px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; text-align:center;}
#buy a{color:#FFFFFF;}

/*Sidebar*/
#sidebar h3{color:#000000}
.parts{padding:10px 0;}
#sidebar ul{list-style-type:none;margin:0;padding:0;}
#sidebar ul li{padding:0 0 0 5px; line-height:1.4em; font-weight:normal;}
#sidebar ul a{line-height:1.4em; font-weight:normal;}

/*Footer*/
.footerparts{font-size:.8em;}

/*Search*/
#searchform #s{background:#fff;border:1px solid #bbb;color:#666;font-family:'Trebuchet MS', Arial, Verdana, Sans-Serif;height:14px;margin-right:3px;padding:4px 4px 0;vertical-align:middle;width:130px;}
#searchsubmit{vertical-align:middle; padding:1px; text-transform:uppercase; color:#999999}

/*Comments*/
#comments{width:265px;padding:12px 0 0 0; color:#000000; text-align:justify;}
ol.commentslist{list-style:none;margin:5px 0 12px 0;}
.commentslist li{border-top:1px solid #BBB;margin-bottom:7px;padding:7px 0;background:url(images/grey.gif) top left #FFF;}
.commentslist li a{font-weight:700;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{line-height:1.4em;overflow:hidden;margin:0 7px; color:#666}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em; color:#666}
.author_meta{font-weight:700;text-transform:uppercase;margin:0 7px 0 7px;}
.date_meta{font-size:0.8em;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{color:#CCC;background:#333;}
.commentslist li.author a{color:#DDD;}
#comments_closed{color:#ccc;margin-top:12px;line-height:1.5em;padding:7px 0;background:#333;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:700;}
ol.pingslist{font-size:12px;margin:1.5em 2em;}
.pingslist li{color:#7F7F7F;margin:0 0 7px;}
#author,#email,#url,#comment{font:1em arial,helvetica,sans-serif;border-top:1px solid #BBB;padding:2px; width:265px}
#comment{width:265px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.liicon ul,.liiconpage ul{margin:0;padding:0;}
.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote,#commentform p{margin:1em 0;}
.commentslist li.author a:hover,p.nocomments a:hover{color:#FFF;}
.pingslist li a,#commentform p a{font-weight:700;background:url(images/dot.gif) repeat-x bottom left;}