/*  
Theme Name: JCHMusic
Author URI: http://jchwebdev.com/
Version: 1.01
Author: JC Harris
Description: A minimalistic theme with sidebars below the content.
The CSS, XHTML and design is released under GPL: 
*/

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


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

#gototop { color: #666 }
#gototop:visited { color: #666 }
#gototop:hover { color: #fc3; font-weight:500; }

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

/*
blockquote{
	margin: 0px 0px 0px 15px;
	padding: 0px 45px 15px 40px;
	background: url(images/topquote-g.png) 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}

ul.archive li {margin:0 0 0 20px; 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: 250px; height: 26px; padding: 0 5px 0 0; margin: 10px 0 0 0; float:right }
#banner {margin:0;width:460px; 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: #003300;
}

h1 a {
	text-decoration: none; 
}

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: 0;
	margin: 0 0 -6px 0px;
	color: #666;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
	text-decoration: none;
	font-variant: normal;
}


h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 0px 15px;
	margin: 0 10px 0 10px;
	color: #003300;
	clear: both;
	text-decoration: none;
}

h4 + p {margin-top: -10px;}

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

li.cat-item a {margin-left:20px;}

#googlefooteradcontent {margin-left:20px;}
.googlesidebarad {margin-left:20px; margin-bottom: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 10px;
        padding:0;
	color: #333;
	font-variant: small-caps;
	text-decoration: italic;
}

div#archive {
position: absolute; z-index: 2; height: 23px; width: 177px; left:690px; top:64px; background: url('http://jchmusic.com/images/cell-light.png');
margin: 0 0 0px; padding: 0
 }

#blogmode {
  margin: 0; 
  padding: 0;
  color: #666;
  text-align:center;
  font-size: 16px;
  float:left;
 }



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 {

}

li.current_page_item,
li.current_page_item a
{ color: #F0FFF0}

#menu ul li a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: 2px solid #FFF;
	}
	
/*********************************************
		Content Div
*********************************************/
#content {
	margin:6px 0 0 0px;
	padding: 0;
	float: left;
	width: 860px;
}

.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: 520px;
    margin: 10px 0px 0px 5px;      
}

.post {
	display: block;
	float: left;
	width: 500px;
	margin: 0 10px 20px 60x; 
    padding: 0 0 0 25px;
}

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

h5.archive,
div#sideBarNav ul li.accordion > a
 {font-size:16px; font-variant:small-caps; margin-top: 10px;}

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

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

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

.post ul li, .post ol { margin-left: 40px;}


/*********************************************
		Post Meta Styles
*********************************************/
.meta {
  clear: both;
	display: block;
	padding: 0 10px 10px 0;
	margin: 4px 0 15px 0;
	float: right;
	width: 150px;
	font-size: 10px;
  background-image: url('http://jchmusic.com/images/cell-dark.png');
	border-radius: 8px;	
	box-shadow: 1px 4px 5px #888;
	color: #507050;
}
/*.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,
.meta li.meta-date,
.meta li.meta-comments,
.meta li.meta-category
 {
	margin: 0px;
}

.meta li.meta-comments,
.meta li.meta-author
 {
	display: none;
}


.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: 220px;
	margin: 0 40px 0 0; 
    padding: 0;
	display: block; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */

}

#real_sidebar {
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;		
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;		
	margin: 0 10px 0 0; 
    padding:6px 20px 20px 20px;
}

#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 6px 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 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('http://jchmusic.com/images/cell-light.png');
	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
*********************************************/
#footer {
    width: 880px;
    margin: 0 0 10px 40px;
    height:16px;
	overflow:hidden;
	background: transparent;
    padding: 2px 0 0px 0;
}


.footleft {
	width: 170px;
    height: 16px;
    float:left;
    padding: 0;
}

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

#footer .middle {
	width: 530px;
    margin: 0;
    text-align:center;
    color: #666;
    float:left;
}
#footer .right{
	width: 160px;
    padding: 0 0px 0 0;
	text-align:right;
	float: left;
}

#dch {position: absolute; z-index: 30; left: 34px; 
  top:550px; width:200px; height: 150px; border: solid 1px #963; }

/*********************************************
		Suntower Sociable Styles
*********************************************/
.suntower-sociable {
	display: block;
	padding: 0;
	margin:  0 0 0 25px;
	font-size: 10px;
	color: #999;
}

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

.archive li {width:180px;}


.sociable {width:180px;}

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

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

.category-faq .suntower-sociable-archive,
.category-faq #blogmode
{ display:none }
.category-faq h3 {font-size: 18px; line-height: 1}
.category-faq div.post  {margin-bottom: 20px }

.category-faq h3 a.accordionExpanded { 
color: #fff; 
margin-left: -20px !important;
background-image: 12px 12px url("http://jchmusic.com/images/accordion_minus.png");
}

.category-faq h3 a { 
background-position: 0 3px !important;
}


.category-faq .post h3 {
padding-left: 20px;
margin-bottom: 0px;
width: 700px}

.category-faq .post img {border: none; background: none; box-shadow: none; }
.category-faq .post p { padding-left: 32px !important; }

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

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

div.post-sidebar 
{ 
background: url(http://jchmusic.com/images/cell-dark.png);
border: solid 3px #fff; -webkit-box-shadow: 4px 4px 4px #ddd; -moz-box-shadow: 4px 4px 4px;
color: #003300;
margin:14px 0 20px 20px; 
padding:10px 10px 10px 10px; 
float:right; 
width: 200px;
font-style:italic; 
}

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

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

div.twocolplayer {float:left; width:225px; margin:0 0 10px 0}

p.faqtopic {margin-bottom: 0; margin-top:0}

p.faqtopic > p {margin-top: 0; margin-bottom:0}

p#faqsubtitle {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	padding: 0px;
	width: 590px;	
	margin: -5px 0px 0px 15px;
	color: #004400

}

.boilerplatetext {font-style:italic; font-size:80%}

.topic_opener {height:200px; margin-right:6px; float:left;}

.fblikebutton {padding:20px 0 20px 25px; }


#captchaImgDiv {margin-left:26px; }

.sidebarwidgetcontent { margin-bottom: 20px }

.portrait { border: solid 6px #fff; box-shadow: 3px 4px 3px #666; }

.post h1+p > img { margin-right: 10px }

.post h1+p:first-letter
{
  font-size: 16px;
	font-family: "Gill Sans", Verdana, Arial, Sans-Serif;
  color: #666;
}


img.wp-smiley {border: none;-webkit-box-shadow: none; -moz-box-shadow: none;}

div#sideBarNav{ margin: 20px 0 10px -20px }

div#sideBarNav ul li ul li {
    margin-left: 40px;
}
	
div#sideBarNav ul li.accordion a,
.category-faq h3 a
{
		background-image: url('http://jchmusic.com/images/accordion_plus.png');
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 20px;
		margin-left: -20px;
    }
div#sideBarNav ul li.accordion a.accordionExpanded,
.category-faq h3 a.accordionExpanded
{
		background-image: url('http://jchmusic.com/images/accordion_minus.png');
/*    background-position: 100% -15px; */
    }
		
div#sideBarNav ul li.accordion li a {
    background-image: none; /* undo above for sub links */
    padding-left: 0px;
    }
		
input[type="submit"] {color: #339933; background: transparent; border: none; box-shadow: none; font-family: Gill Sans, Gill Sans MT, Verdana, Arial, Sans-Serif; }		

input[type="submit"]:hover {color: #fc3; }
 
#lbd {background: 20px 66px url(http://jchmusic.com/images/gus-sunlogo-small.png) no-repeat; 
       width:220px; 
	   height: 200px;
	   text-align: center;
	   padding-top: 0px;
	   margin-top: -45px;
	   }
	   
#lbd p{ font-style:italic }	   
.category-faq h3 + p {padding-top: 4px }

h4#sidebar_faq_header {margin-left: 20px }
ul#sidebar_faq {margin-top: 6px; color: #006600; margin-left: 50px }
ul#sidebar_faq li {list-style-type: square; }

textarea { 
border-radius: 4px; 
background: url("http://jchmusic.com/images/cell-dark.png") repeat scroll 0 0 transparent; 
box-shadow: 3px 3px 3px #666; }