/*  
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; }

/*********************************************
		Link Styles
*********************************************/

a, a:link, a:visited, a:hover, a:active {
	color: #449C41;
	text-decoration: none;
}


/*********************************************
		Text Elements
*********************************************/

blockquote{
	margin: 0px 0px 0px 15px;
	padding: 0px 45px 15px 50px;
	background: url(images/quote.gif) no-repeat;
	font-size: 12px;
	font-style: italic;
	font-family: Gill Sans, Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;
	}

ol { list-style-type: upper-roman; list-style: decimal; }

li.cat-item, li.archive, h3 li a {font-size: 12px; margin:0; padding:0}
	
blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0 0 5px 0;
	}
img { border: 0px; background: none; }


p {
	padding: 10px 0px;
	margin-bottom: -8px;
	line-height: 14px;
}

#topheader { width:775px; margin:2px 0 0 5px;padding:0; height:44px;}
#search {width: 170px; height: 26px; padding: 0; margin: 10px 0 0 0; float:right }
#banner {margin:0;width:530px; overflow:hidden; float:left}

#clearboth { clear:both; margin-top: 0px; padding-top:10px }

.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: 22px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 10px 0px 0px 4px;
	margin: 0px;
	color: #66cc66;
	text-decoration: none;
}
h1 a {
	text-decoration: none; 
}
h1 a:hover {
	text-decoration: underline;
}

h1 + p {margin-top: -4px; }

h2 { /* This style used as header in the sidebars */
	background: transparent;
	font-size: 16px;
	color: #111;
	border-top: 1px solid #66cc66;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Sans-Serif;
	font-size: 22px;
	font-variant: small-caps;
	font-weight: normal;
	padding: 0px 0px 2px 4px;
	margin: 0 0 -6px 0;
	color: #666;
    background-image: url('http://jchmusic.com/screen.gif');
	text-decoration: none;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	color: #666;
	text-decoration: none;
}


h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	margin: 0 10px 0 10px;
	color: #66cc66;
	clear: both;
	text-decoration: none;
}
h2.widgettitle, h5 { /* This style used for right title JCHRants */
 	clear: both;
        margin: 10px 0 0 0;
        padding:0;
	color: #666;
	text-decoration: none;
}


h5.widgettitle { /* This style used for right title JCHRants */
    font-size:12px;
 	color: #000; 
    margin-top: 20px;
}

h5#ranttitle { 	color: #000;} 
h5#ranttitle + a { 	font-size: 10px; } 

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;
}

div#archive {
position: absolute; z-index: 2; height: 23px; width: 177px; left:690px; top:64px; background-color: #66cc66;
border: 1px solid #66cc66; margin: 0 0 0px; padding: 0
 }

div#blogmode {
  background-color: #66cc66; margin: 0; padding: 0;
  color: #FFF;
  text-align:center;
  font-size: 16px;
 }



div#post-archive {
margin: 0px 0 -10px -15px; 
padding: 10px 0 0 0;
clear:both;
 }

div#archive h4 { font-size:14px; color: #FFF; margin: 0 4px 0 4px; padding: 2px 0 0 0 }

div#comments h4 { margin-left: 0px }

/*********************************************
		Container Div
*********************************************/
#container {
	width: 874px;  /* this will create a container 80% of the browser width */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0px 4px 4px;
	border: solid 3px #DDD;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*********************************************
		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: 0;
	padding: 0;
	width: 706px;
	display: block;
	border: 1px solid #66cc66;
}

.post-more a:link, .post-more a:visited, .post-more a:hover, .post-more a:active 
{ margin-top: 0; color: #449C41; text-decoration: none }

/*********************************************
		Post Div
*********************************************/
.postwrap {
	width: 445px;
    margin: 10px 0px 0px 0px;      
}

.post {
	display: block;
	float: left;
	width: 450px;
	margin: 0 10px 20px 5px; 
    padding: 0;
	overflow: hidden;
}

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

h5.archive, #googlefooterad h5 { margin-top: 20px; font-size:12px; 	color: #000; }

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

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


/*********************************************
		Post Meta Styles
*********************************************/
.meta {
    clear: both;
	display: block;
	padding: 0px 0 10px 0;
	margin: 0 0 15px 0;
	float: right;
	width: 225px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
    background-image: url(images/screen.gif);
	color: #999;
}
/*.meta a {
	color: #999;
	text-decoration: none;
}
.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 0px 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: 20px 20px;
	padding: 10px 0px;
	width: 680px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}
	
/*********************************************
		Left Sidebar
*********************************************/
#l_sidebar {
	display: inline;
	border: 0px solid black;
	width: 150px;
	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;
	width: 170px;
	margin: 0; 
    padding: 0;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}

#real_sidebar {
    background-image: url(images/screen.gif);
	margin: 0 10px 0 0; 
    padding:10px;
}

#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;
}

#r_sidebar li {
	list-style: none;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding: 20px 0px 0px 0px; 
    margin: 0px;
	clear: both;
}
#comments .commentwrap {
	clear: both;
	padding: 0px 0px 0px 0px; 
	width: 480px;
    margin: 0px;
}
#comments .even, #comments .odd {
	clear: both;
	display: block;
	margin: 10px 0px;
	padding: 0px 50px 0px 0px;
	width: 480px;
	background: #FFFFFF;
	overflow: hidden;
	border-top: 1px solid #000;
	float: left;
}
#comments .odd { /* use this if you want to style odd comments */
	clear: both;
}
#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;
    height: 16px;
    float:left;
    padding: 0 0 0 10px;
}
#footer {
    width: 708px;
    margin: 0 0 0 65px;
    height:16px;
    padding: 2px 0 0 0;
	clear: both;
}

#footer img { padding:0; margin:0; }

#footer a, #footer a:hover {
	color: #FF0;
	text-decoration: none;
}
#footer .middle {
	width: 250px;
    margin: 0 0 0 260px;
    text-align:center;
}
#footer .right{
	width: 150px;
    padding-right: 10px;
	float: right;
	text-align: right;
}
/*********************************************
		Suntower Sociable Styles
*********************************************/
.suntower-sociable {
	display: block;
	padding: 0;
	margin:  0;
	width: 200px;
	font-size: 10px;
	color: #999;
}

.suntower-sociable-archive {
	display: block;
	padding: 0px 0px;
	margin:  0px 0px 0px 15px;
	width: 200px;
	font-size: 10px;
	color: #999;
}


.suntower-sociable li, .suntower-sociable-archive li {
	list-style-type: none;
    display: inline;
	padding: 0px 0px 0px 0px;
}
.suntower-sociable li.meta-sociable {
	margin: 0px;
}

.sociable_tagline { margin: -6px 0 5px 0; }

#subscription-options { margin-top: -10px; }

#search-3 { margin-top: -4px; }

div.post-sidebar 
{ 
background: #CCC;
margin:14px 0 20px 20px; 
padding:10px 10px 10px 10px; 
float:right; 
width: 200px;
font-style:italic; 
}

div.post-sidebar h6 { margin-top:-4px }

div.post-sidebar p { color:#FFF; }

#googlefooterad { width:660px; margin-left: 20px; margin-bottom:10px; }