/* 

Theme Name: Silent Shadow Theme
Theme URI: http://wordpress.org/
Description: current theme for the Silent Shadow website.
Version: 2.0
Author: Jessica Green

	Silent Shadow
	� 2006, 2007, 2008, 2009 Jessica C Green
	
	Go ahead and take this CSS file; tweak, build-upon and learn all you can
	from it. Getting pure-CSS layouts to work correctly in *all* browsers is tricky
	so I won't begrudge anyone learning how I've managed the trick � at least I
	think I have; I don't how this looks on Macs, for example or browsers other
	than Firefox, Opera and IE.

*/

/* ------------------- structure-related CSS code------------------*/

/* 
	this section describes the basics of the layout; how each main element appears
	and where it's going to appear at.
*/

body { font: 1em Verdana, Arial, Helvetica, sans-serif; background: #808047; color: #333;}
h1 { font-size: 1.25em; font-weight: bold;}
h2 { font-size: 1em; font-weight: bold;}
h3 { font-size: 0.75em; font-weight: bold;}
hr { clear: both; visibility: hidden; }
a:link { text-decoration: none; color: #999;}
a:visited{text-decoration: underline; color:#666;}
a:hover{}
a:active {}
strong { font-weight: bold!important; }
em { font-style: italic!important; }

#wrapper { background: transparent url(images/wrapper-bg.png) repeat-y scroll center center; margin-left: auto;	margin-right: auto;	width: 1000px;}
#int_wrapper { width: 900px; margin-right: auto; margin-left: auto; background: url(images/body_bg.png) repeat-x 0px 124px;}
#nav {margin-bottom:110px; position:relative; z-index:2;}
#header {background: transparent url(images/sprite-sheet.png) no-repeat scroll 0px -234px; border-bottom:1px solid #FFFFFF; clear:both; height:100px; margin-top:25px;position:absolute;text-indent:-9999px;width:900px;z-index:0;}
#content { float:right; overflow:hidden; width:725px; margin-right: 10px; }
#sidebar {float:left; width:140px; margin-left: 10px; }
#footer { clear: both; padding: 50px 0px 5px; text-align: center; width: 100%; }


/*-------- non structure-related CSS --------------------*/

#nav ul { float: left; width: 100%; background: url(images/nav-bg.png) repeat-x bottom; border-bottom: 1px solid #808047;}
#nav ul li { display: inline; margin: 0; font-size: 75%; text-indent: 15px; white-space: nowrap; font-weight: bold; }
#nav ul li a { float: left; display: block; width: 150px; text-decoration: none; color: #333; padding: 5px 0px 5px; background: transparent url(images/sprite-sheet.png) no-repeat scroll 0px -25px; }
#nav a:hover { color: #999; }

#content ul { list-style: none; }

#sidebar h3 { font-weight: bold; color: #000; text-align: left; padding: 10px 0px 2px 2px; margin: 5px 0px 4px; border-bottom: 3px solid #828386;}
#sidebar ul {  font-size: 0.875em; list-style: none;}
#sidebar img, #footer img , #content img { padding: 1px 0px;	}
#sidebar a { text-decoration: none;	color: #01382B; border-bottom: 1px dotted; display: block; width: 100%;	padding: 5px 0px; text-indent: 15px;}
#sidebar a:hover { color: #01382B; background: #E6CD58;}

#stats { margin-top: 10px; }
#stats a { display: inline; border: none; }
#meta a.meta { border: none; padding: 0; }

.post .datebox { width: 96px; height: 96px; float: left; text-align: center; font-size: .75em; line-height: 1.5em;	background: transparent url(images/sprite-sheet.png) no-repeat scroll -438px -56px; margin-right:10px;}
.post .datebox .dateboxinner { width: 75%; height: 75%; margin: auto;}
.post .datebox .date { font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 150%; padding-top: 21px;}
.post .datebox .month { padding: 0px;}
.post .datebox .year { padding: 0px;}

.post h2, #content .page h2, .post404 h2 { color: #333;	padding: 2px 0px 5px; font-size: 1.25em; font-weight: bold; padding: 5px 0;}
.post h2 .post-meta, #content .page h2 .post-meta { font-size: 0.625em; font-weight: normal; display: block; }
.post h2 a, #content .page h2 a, 
.post h2 a:hover, #content .page h2 a:hover 
.post h2 a:visited, #content .page h2 a:visited { text-decoration: none; color: #333;}
.category #content h2, .search #content h2, .archive #content h2 { font-weight: bold; font-size: 1.5em; }
.category #content h3, .search #content h3, .archive #content h3 { font-weight: bold; font-size: 1em; }
.category #content h3 .post-meta, .search #content h3 .post-meta, .archive #content h3 .post-meta { font-weight: normal; display: block; padding-top: 2px; }
.category .description { font-size: 0.875em; margin-top: 5px; margin-bottom: 20px; }

.post404 .search { margin: 10px 0; }
.post404 #searchsubmit {  background: #e6cb57; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; padding: 3px; text-align: center; width: 62px; }
.post404 #s { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; padding: 3px; }

.post .post-meta, #content .page .post-meta { font-size: 0.75em; color:#999999;}
.post p, #content .page p {font-size: 0.875em; line-height: 1.75em; margin-bottom: 1em;}
.post .commentline { }
.post ol, #content .page ol{ list-style: decimal outside; margin-left: 25px; margin-top: 1em; }
.post ul, #content .page ul { list-style: disc outside; margin-left: 25px;}
.post li, #content .page li { margin-bottom: 0.75em; }

.comic-archives h2 { font-size: 1.5em; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.comic-archives h3 { font-size: 1em; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.comic-archives ul { margin-left: 25px; }

ul.links-list ul { margin-left: 25px;  list-style: decimal outside; }
ul.links-list li { margin-bottom: 5px; }
ul.links-list h2 { font-size: 1.25em; font-weight: bold; }

#comments { padding-left: 10px; padding-bottom: 10px; }
#comments h3 { font-size: 1em; font-weight: bold; }
#comments ol.commentlist  { list-style: decimal outside; margin-left: 25px; }
#comments ul.children { margin-left: 25px; }
#comments li {  clear: both; }
#comments .comment-body { margin-bottom: 10px;  clear: both; }
#comments .comment-body .avatar { float: left; margin: 5px; }
#comments .comment-body a.comment-reply-link { background: #e6cb57; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; display: block; padding: 3px; text-align: center; width: 62px; }
#comments .comment-body a:hover.comment-reply-link { background: #808047; }
#comments .comment-body a:active.comment-reply-link { background: red; }
#comments .comment-body .comment-meta { font-size: 0.75em; margin:5px 0;}
#comments .comment-body p { margin-bottom: 10px; }

#respond textarea { font: 0.75em Verdana, Arial, Helvetica, sans-serif; width: 500px; height: 250px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; padding: 3px; margin: 3px 0; }
#respond input[type=text] { font: 0.75em Verdana, Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; padding: 3px; margin: 3px 0; }
#respond input[type=submit] { font: 0.75em Verdana, Arial, Helvetica, sans-serif; background: #e6cb57; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #E6B04B; display: block; padding: 3px; text-align: center; }

.twitter-link { display: inline!important; border: none!important; }
.twitter-timestamp { font-weight: bold; font-size: xx-small; }

/* comic navigation */
.comic-navigation { text-align:center; margin: 20px 0 10px 0; }
.comic-nav-span { color: #ccc; text-decoration: none; padding: 3px 10px; visibility: hidden; }
ul.comic-nav  { margin: 0; padding: 0; white-space: nowrap; }
ul.comic-nav li { display: inline; list-style-type: none; }
ul.comic-nav a { text-decoration: none; padding: 3px 10px; }
ul.comic-nav a:link, ul.comic-nav a:visited {text-decoration: none; }
ul.comic-nav a:link { color: #999; }
ul.comic-nav a:visited { color: #666; }
ul.comic-nav a:hover { text-decoration: none; }

li.comic-nav-first a:before { content:"\00AB \00A0"; }
li.comic-nav-prev a:before { content: "\003C \00A0"; }
li.comic-nav-next a:after { content: "\00A0 \003E"; }
li.comic-nav-last a:after { content: "\00A0 \00BB"; }

/* comic banner */
.comic-banner .comic-navigation { margin: 5px 0 10px 0; }
.comic-banner { text-align: center; padding: 10px 0; }
.comic-banner h2 a {color:#E63C19; font-size:2em; font-weight:bolder;}
.comic-banner-image { margin:0!important; padding:0!important; border: none!important; display:inline-block;}
.comic-banner-wrap {display: block; width: 420px; height: 170px; margin: 0 auto; overflow: hidden; }
.comic-banner-overlay { background: transparent url(images/sprite-sheet.png) no-repeat scroll 0 -56px; display: inline-block; position: absolute; width: 420px; height: 170px; }