/*
Theme Name: Not Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;  font-weight:bold }

q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear { clear: both;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/*----------------typography---------------------*/
p li {font:  lighter normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif;color: #000;}

			
h1,h2,h3,h4,h5 { font: normal 140% Garamond, "Hoefler Text", Georgia, "Times New Roman", serif;color:#336600;
}

a { color: #0C7103;  font:  normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif; text-decoration: none; 
}
a:hover{ color: #FFF; 
}
#thepost p{margin: 10px 18px 12px;
}
#thepost p a {color: #0C7103;
}
#thepost p a:hover {color:#FFF;
}
#thepost li{list-style: disc;
}

.commentslinks { font: normal 80% "Century Gothic", AppleGothic, Geneva, sans-serif;color: #000;

}
.commentslinks a { color: #0C7103;}

.commentslinks a:hover { color:#EDFF70;}

#commentform h5{margin: 0 0 15px 5px; font: normal 80% "Century Gothic", AppleGothic, Geneva, sans-serif;color: #000;
}

h2.categorytitle {
	margin: 0 -20px;
	padding: 0 0 10px 10px;
	width: 600px;
	letter-spacing: .2em;
	color:#000;
	background:#4DC226;
	font-family:  "Century Gothic", AppleGothic, Geneva, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	line-height: normal;
}

h2.posttitle {margin-top: 15px; padding: 10px 0 15px; 
}

.posttitle {font: normal 115% Garamond, "Hoefler Text", Georgia, "Times New Roman", serif; margin:18px 0 10px; padding-top: 10px; 
}
.posttitle  a{font: normal 115% Garamond, "Hoefler Text", Georgia, "Times New Roman", serif; margin:18px 0 10px; padding-top: 10px;color: #0C7103;
}
.posttitle a:hover{font: normal 115% Garamond, "Hoefler Text", Georgia, "Times New Roman", serif;color:#4DC226;
}

#sidebar h2{ color: #0C7103;
}
#sidebar li{margin: 0; padding: .2em 5px; 
				font:  normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif;
				color: #FFF;
}
#sidebar  a{ margin: 0; width: 160px; padding-left: 5px;
 	font:  normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif;
	color: #EDFF70; 
	text-decoration: none; 
	display: block;
}
#sidebar  a:hover{ padding-left: 5px;
	font:  normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif;
	color: #0C3303;
	background: #4dc226;
	white-space: normal;	
}
.categories{margin-left: -5px;
}
.subcategories {margin-left: 20px;
}
#thelinks a{ color: #336600;  font:  normal 110% "Century Gothic", AppleGothic, Geneva, sans-serif; text-decoration: none; margin: 10px 5px 0 0;  font-style: italic;
}
#thelinks a:hover { color: #0C3303; background: #4FC225;}

#thelinks li{ font-size: 95%; color: #000; margin-top: 10px;
}

#thelinks h2, h3{ font-size: 120%; color: #000;
}
#thelinks h2{ padding-top:6px; border-bottom: 1px solid #0C7103; 
}

#respond {border-top: 1px double #336600; line-height: 2em;
}
#catdescript{margin:10px 0 -10px; padding: 4px 20px;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
}
#footer.thelogin { font-size: 18px;}

/*----------------structure--------------------*/
body {margin-top: 6px;background-color: #000; font: normal 100% "Century Gothic", AppleGothic, Geneva, sans-serif;
			color: #000; }

#page-wrap { width: 900px;
					margin:0px auto -250px;
					min-height: 100%;
					height: auto !important; height: 100%;
					background: #B5E6FF url(images/border-right.jpg) top right repeat-y;
				
					
					}
#push {height: 250px;}

h1#banner {width: 900px; height:150px; background: url(images/cch-banner33.jpg) top left no-repeat;
text-indent: -9999px;

}
#main-page { width: 580px; float:right; padding: 0 40px 20px 0;
}
#sidebar{ width: 200px; min-height: 700px; float:left; background:  #0C7103; padding-left: 22px; border-left: solid 20px  #4DC226 ;
			 border-right: solid 20px  #4DC226 ;
}
#footer{ height: 250px; width: 860px; margin: 0px auto; padding: 10px 0 0 40px;
background: #0C7103; 
}
#footer p, #footer  li, #footer  a {  display: inline;  font: normal 80% "Century Gothic", AppleGothic, Geneva, sans-serif;
			color: #000;
}
 #footer  a:hover { color:#EDFF70;
 }
 .children {display:none;}

#submit{ border: 1px double #300; background: #6C3; padding: 5px 10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#submit:hover{ background: #FFF5AF;
}
#commentform, #author, #email, #comment {margin-bottom:  5px;
}

