/*  
Theme Name: Stripped
Author URI: http://www.nathanrice.net/
Version: 1.01
Author: Nathan Rice
Description: Stipped is a minimalistic theme with sidebars below the content.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

html, body { margin: 6; padding: 6; }

body { 
	background: #FFF;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
}

body * {margin: 0px; padding: 0px;}

/*********************************************
		Link Styles
*********************************************/
a {
	color: #111;
	text-decoration: underline;
}
a:hover { color: #000; text-decoration: none; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #111;}
ol, ul {
	margin: 5px 5px;
}
blockquote{
	margin: 0px 0px 0px 15px;
	padding: 0px 45px 15px 50px;
	background: url(images/quote.gif) no-repeat;
	font-size: 15px;
	font-style: italic;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
	}
	
blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
img { border: 0px; background: none; }
p {
	padding: 10px 0px;
	margin-bottom: -8px;
	line-height: 18px;
}
.clearboth:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }
/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
}
h1 a {
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2 { /* This style used as header in the sidebars */
	background: transparent;
	font-size: 24px;
	color: #111;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-top: 3px solid #666;
	font-weight: normal;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 22px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 4px 0px 0px 0px;
	margin: 0 0 0px 0;
	color: #000;
	text-decoration: none;
}
h3 a {
	color: #000;
	text-decoration: none;
}
h3 a:hover {
	color: #000;
	text-decoration: underline;
}

h3+p {margin-top: -10px  }

h4 { /* This style used as title for comments and as the identifying header on archive page  */
	clear: both;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 28px;
	font-weight: normal;
	padding: 10px 0px 25px 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
}
h5 { /* This style used for right title JCHRants */
 	clear: both;
        margin: 10px 0 0 0;
        padding:0;
	color: #00C;
	text-decoration: none;
}
h6 { /* This style used for right title JCHRants */
 	clear: both;
        margin: 10px 0 0 0;
        padding:0;
	color: #666;
        font-weight:600;
	text-decoration: italic;
}


/*********************************************
		Container Div
*********************************************/
#container {
	text-align: left;
    margin: 0 0 0 154px;
    width: 775px;
    padding: 0px;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	border: 0px solid black;
	background: #000;
	margin: 0 0 0 0;
	padding: 0px;
	display: block;
	position: relative;
}
/*********************************************
		Title Styles
*********************************************/
#title {
	display: block;
	float: left;
	width: 350px;
	overflow: hidden;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 30px;
	letter-spacing: 0px;
	color: #FFF;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#title a {
	color: #FFF;
	text-decoration: none;
}
#title a:hover {
	color: #FFF;
	text-decoration: underline;
}
#subtitle {
	display: block;
	float: left;
	width: 350px;
	overflow: hidden;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-style: italic;
	color: #FFF;
	margin: 0px; padding: 0px 0px 5px 10px;
}

/*********************************************
		Horizontal Navigaion Styles
*********************************************/
#menu {
	display: block;
	float: right;
	width: 250px;
	color: #FFF;
	font-size: 14px;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	text-align: left;	
	text-transform: lowercase;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
#menu ul {
	margin: 0px;
	padding: 5px 0px;
	text-align: right;
	}
#menu ul li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 5px 12px;
	}
#menu ul li a {
	color: #F0FFF0;
	margin: 0px; padding: 0px;
	text-decoration: none;
	}
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {

}
#menu ul li a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: 2px solid #FFF;
	}
	
/*********************************************
		Content Div
*********************************************/
#content {
	float: left;
	margin: 13px 0 0 5px;
	padding: 0px 10px 40px 10px;
	width: 775px;
	display: block;
	border: 1px solid #00974B;
}
.post-more { /* Use this class to style the "more" tag */
}

/*********************************************
		Post Div
*********************************************/
.postwrap {
	clear: both;
	width: 775px;
    margin: 0px 0 0px 0;      
}

.post {
	clear: both;
	display: block;
	float: left;
	width: 475px;
	margin: 0 0 20px 0px; 
        padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.post p {
	padding: 10px 30px 0px 0px;
	margin-bottom: 4px;
}

h5 + p {
	margin-top:-12px;
}

h6 + p {
	margin-top:-12px;
}


/*********************************************
		Post Meta Styles
*********************************************/
.meta {
	display: block;
	padding: 5px 0px;
	margin: 0px;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
    background-image: url(images/screen.gif);
	color: #999;
}
.meta a {
	color: #111;
	text-decoration: underline;
}
.meta a:hover { color: #000; text-decoration: none; }
.meta ul {
	list-style-type: none;
	margin: 0px;
}
.meta li {
	border-bottom: 0px solid #CCC;
	padding: 9px 0px 5px 10px;
	margin: 0px;
}
.meta li.meta-author {
	border-bottom: 0px solid #333;
	margin: 0px;
}
.meta-date {
	margin: 0px 5px;
}
.meta-author {
	margin: 0px 5px;
}
.meta-comments {
	margin: 0px 5px;
}
.meta-category {
	margin: 0px 5px;
}
.meta-sociable {
	margin: 0px 5px;
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
	width: 625px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}
	
/*********************************************
		Left Sidebar
*********************************************/
#l_sidebar {
	display: inline;
	float: left;
	border: 0px solid black;
	width: 250px;
	margin: 0px 0px 15px 0px; padding: 0px;
	display: block; /* floats are handled as block elements, this is to fix 
						a margin collapsing bug in IE */
}
#l_sidebar p {
	padding: 5px;
}
#l_sidebar img {
	text-align: center;
}
#l_sidebar form {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#l_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#l_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#l_sidebar ul li ul li a {
	color: #333;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#l_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Middle Sidebar
*********************************************/
#m_sidebar {
	display: inline;
	float: left;
	border: 0px solid black;
	width: 225px;
	margin: 0px 0px 15px 0px; padding: 0px 30px 0px 30px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}
#m_sidebar p {
	padding: 5px;
}
#m_sidebar img {
	text-align: center;
}
#m_sidebar form {
	padding: 0px;
	margin: 5px;
}
#m_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#m_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#m_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#m_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#m_sidebar ul li ul li a {
	color: #333;
	text-decoration: none;
}
#m_sidebar ul li ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#m_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#m_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Right Sidebar
*********************************************/
#r_sidebar {
	display: inline;
	float: right;
	border: 0px solid black;
	width: 225px;
	margin: 0px 0px 15px 0px; padding: 0px;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}
#r_sidebar p {
	padding: 5px;
}
#r_sidebar img {
	text-align: center;
}
#r_sidebar form {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#r_sidebar ul li ul {
	padding: 0px 0px 0px 0px;
}
#r_sidebar ul li ul li {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul li ul li a {
	color: #333;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#r_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding: 20px 0px; margin: 0px;
	clear: both;
}
#comments .commentwrap {
	width: 775px;
    margin: 0px 0 0px 0;      
}
#comments .even, #comments .odd {
	clear: both;
	display: block;
	margin: 10px 0px;
	padding: 0px 50px 0px 0px;
	width: 600px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 1px solid #000;
	float: left;
}
#comments .odd { /* use this if you want to style odd comments */
}
#comments .commentmeta {
	display: block;
	padding: 5px 0px;
	margin: 0px;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
    background-image: url(images/screen.gif);
	color: #999;
}

.commentmeta ul {
	list-style-type: none;
	margin: 0px; padding: 0px;
}
.commentmeta li {
	border-bottom: 1px solid #CCC;
	padding: 9px 0px 5px 10px;
	margin: 0px;
}
.commentmeta li.meta-author {
	border-top: 1px solid #333;
	margin: 0px;
}
.commentmeta li.meta-date {
	margin: 0px 0px;
}
.commentmeta li.meta-time {
	margin: 0px 0px;
}


/*********************************************
		Footer Styles
*********************************************/
.footleft {
	width: 150px;
    padding-left:10px;
}
#footer {
	margin: 0 10px 0 16px;
    width: 450px;
    height:16px;
    padding:0;
	clear: both;
	background: #000;
	color: #FFF;
}
#footer a {
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #FFF;
	text-decoration: none;
}
#footer .middle {
	width: 200px;
    margin: 0 0 0 250px;
    text-align:center;
}
#footer .right{
	width: 200px;
    margin-left:0 0 0 400px;
    padding-right: 10px;
	float: right;
	text-align: right;
}
/*********************************************
		Suntower Sociable Styles
*********************************************/
.suntower-sociable {
	display: block;
	padding: 0px 0px;
	margin:  0px 0px 0 70;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #999;
}
.suntower-sociable li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
.suntower-sociable li.meta-sociable {
	margin: 0px;
}