/*
Theme Name: The Collective Sound Theme 2010
Theme URI: http://www.thecollectivesound.com
Description: The Collective Sound's Blog Theme
Author:The Collective Sound
Author URI: http://www.thecollectivesound.com
version: 1.0
Tags: The Collective Sound, two-column, widget-ready, dark, custom header
*/




/* basics */

*{margin:0; padding:0;}

/* --------------------------Start template css import------*/
 
 p,h1,h2,h3,a {
	margin:0;
	padding:0;
	color:#999;
	outline:none;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

img {
	border-style:none;

}
	
/*----------------------------End-Reset--------------------*/
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000;
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*------------------------------------------CONTAINER------------------------------*/

#container {
	background:#000;
	margin: 0 auto 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
}


/*----------------------------------HEADER------------------------------------------*/

#headerbkg {
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
}

#header {
	background-color: #FFF;
	padding: 0 31px;
	margin: 0 auto 0 auto;
	width:1001px;
}
#header .TCSlogo {
	background-color: #FFF;
	padding:0;
	margin:0;
	float:left;	
}
#header .donatebutton {
	background-color: #FFF;
	padding:10px 0;
	margin:0;
	float:right;
}

#header .donatebutton span.donate {
	color:#666;
	font-size:0.7em;
	padding:0;
	text-align:right;
	float:right;
}
#header h1 {
	color:#000;
	margin: 0;
	padding: 0;
}
/*----------------------------------------Navigation---------------------------------*/


#navigationbkg {
	background-color:#555;
	margin: 0px;
	padding: 0 35px 0 0;
	height:30px;
	border-top: 1px solid #000;
}
#navigation {
	background-color:#555;
	padding: 0 31px;
	margin: 0 auto 0 auto;
	width:1001px;
	list-style-type: none;
	height:30px;
}

#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	background-color:#555;
	
	
}
#navigation li {
	display: inline;
	height: 30px;
	float: left;
	text-indent: 0em;
	color:#FFF;
	font-weight: 200;
	font-size: 1em;
}
#navigation li a {
	text-decoration: none;
	display:block;
	position:relative;
}

#navigation li a:hover {
	text-decoration: none;
}


#navigation li span {
	display: inline;
	text-decoration: none;
	color:#999;
	
}
#navigation  ul .current a {
	background:#000;
	height:30px;
	padding:3px 0 0 0;
	text-align:center;
	vertical-align: text-bottom;
}
#navigation ul li.lefttab {
	background:url(/images/lsidetab.gif);
	width:20px;
}
#navigation li.righttab {
	background:url(/images/rsidetab.gif);
	width:20px;
	
}
#navigation ul .notcurrent a {
	background:#555;
	height:25px;
	padding:3px 20px 0px 20px;
}
/* ---------------------End template css import--------------------------------------*/

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}



img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	margin:0 20px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#FFF;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}







/* -------------------------content----------------------------------- */


#mainContent {
	padding: 0 31px;
	margin: 0 auto 15px auto;
	background:#000;
	width: 1001px;
}
#content {
	float:right;
	width:750px;
	margin: 10px 0 0 0;
}
#content h2{
	color:#CCC;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}
#content .blip_description {
	color:#999;
}
.post {
	padding:10px;
	margin: 0 0 20px 0;
	line-height: 14pt;
	background-color:#444;
	-moz-border-radius: 0.8ex;
	-khtml-border-radius: .8ex;
	-webkit-border-radius: .8ex;
	border-radius: .8ex;
	}
	
.post h2{
	color:#999;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	}
	
.post h3{
	color:#999;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
}
.post small {
	color:#CCC;
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
}

.post h2 a{
	color: #CCC;
	text-decoration: none;
	line-height:1.1em;
	}
	
.post h2 a:hover{
	color: #CCC;
	text-decoration:underline
	}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	padding:6px;
	margin: 20px 0 0 0;
	
}
	
.navigation {
	font-size:1em;
	width:100%;
/*	float:left;*/
	padding:0;
	margin:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	width:210px;
	float:left;
	margin:10px 10px 20px 0;
	padding: 0 10px 10px 10px;
	background-color:#444;
	-moz-border-radius: 0.8ex;
	-khtml-border-radius: .8ex;
	-webkit-border-radius: .8ex;
	border-radius: .8ex;
	}

#sidebar h2{
	font:normal 18px "Century Gothic", arial, georgia, times;
	color: #CCC;
	margin: 0;
	padding: 0;
}

#sidebar label{
	font:normal 11px "Century Gothic", arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

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

#sidebar ul {
	margin:12px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 16px;
	list-style-type: none;
	font-size:10pt;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#000;
	margin:10px 0 20px 0;
	padding:10px;
	-moz-border-radius: 0.8ex;
	-khtml-border-radius: .8ex;
	-webkit-border-radius: .8ex;
	border-radius: .8ex;
	}
	
#commentform p{
	color: #999;
	}
	
#commentform a{
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
	line-height: 14pt;
}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #999;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #url, #comment {
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{
	margin:0;
	padding:0;
}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #000;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	}

ol.commentlist li.alt {
	background: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {
	color:#CCC;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/*-------------------------------------------PREFOOTER-----------------------------------------*/


#prefooterbkg {
	background-color:#CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin:0;
	padding:0;
	height:32px;
}

#prefooter {
	background:#CCC;
	padding:0 31px;
	height: 32px;
	margin: 0 auto 0 auto;
	width:1001px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}
#prefooter .follow {
	display: block;
	position: relative;
	float: right;
}

#prefooter .follow span {

}
#prefooter a.followbutton img{
	padding:6px 3px 0 2px;
	margin: auto 0 auto 0;


}
#prefooter span {
	padding: 0 5px 8px 0;
	color:#000;
	font-size:.9em;
	vertical-align: text-top;

}

/*-----------------------------Begin Form style---------------------------------*/

					
#mList fieldset.mailList {
	padding-right: 31px;
	border-style: none;
	float:left;
}
#mList fieldset.mailList label {  /*--stlye for anything before the box ie ' sign up blah blah'----*/
	font-size:.9em;
}
#mList .mailList p label {
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
}
#mList fieldset.mailList p {
	margin:0;
	padding: 0;
}
#mList .mailList #ea {
	background: #C0C0C0;
	padding: 0px;
	width: 218px;
	font-style: normal;
}

						
/*-----------------------------footer css import----------------------------*/
#footer {
	background: #555;
	padding:0 31px;
    clear: both;
	width: 1001px;
	margin: 0 auto 0 auto;
	height:auto;
	}
			
			#footer .ftrcol {
	width: 180px;
	margin: 0 7px;
	float: left;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
			}
#footer .ftrcola {
	width: 200px;
	margin: 0 7px;
	float: left;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
			}
			
				#footer h3 {
	/*text-indent: -500em;*/
	margin: 0px;
	font-weight: normal;
	color: #FFF;
	padding: 1px;
	font-size: 14px;
				}
				
	#footer h3 span{
	color: #999;
				}
				
					#footer h3.music {
	height: 25px;
	width: 200px;
					}
				
					#footer .ftrcol h3.lab {
	height: 25px;
	width: 180px;
					}
				
					#footer .ftrcol h3.tele {
	height: 25px;
	width: 80px;
					}
				
					#footer .ftrcol h3.about {
	height: 25px;
	width: 100px;
					}
				
					#footer .ftrcol h3.blog {
	height: 25px;
	width: 92px;
					}
			
				#footer ul {
	padding:0 0 0 5px;
	font-weight: normal;
	list-style: none;
	margin: 0;
				}
	
	#footer ul li span.nolink {
	margin:0;
	color: #FFF;
	text-decoration:underline;
	text-align: left;
	padding: 0px;
				}
				
	#footer li span{
	display: inline;
	color:#999;
}
	#footer ul li span.hidden {
	color:#FFF;
	visibility: hidden;
}

#footer ul li span.dates {
	color:#999;
	font-size:.8em;
}

					#footer  ul li a {
	margin:0;
	color: #CCC;
	text-decoration: none;
	text-align: left;
	padding: 0px;
				}
#footer  ul li span.nolinkdates {
							color:#999;
						}
#footer  ul li a span.nolinkdates {
							color:#999;
						}
			
			
				#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer span.copyright {
	color: #fff;
	font-size: 9px;
	margin: 0 auto 0 auto;
}
					
			#footer .ftrBtm {
	background: #555;
	height: 24px;
	clear: both;
	margin: 0px;
	width: 1001px;
			}




/*-----------------------------End Form style---------------------------------*/
/*-------------------------------------------FOOTER-----------------------------------------*/

#footerbkg {
	background-color:#555;
	padding:0;
	margin:0;
	height: auto;
}
#footer span.copyright {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:0.8em;
	color:#00C;
	text-align:center;
}
#postfooterbkg {
	background-color:555;
	margin: 0px;
	padding: 0px;
	height:auto
}
#postfooter {
	font-size:.8em;
	background-color:#555;
	color:#CCC;
	margin:0 auto 0 auto;
	padding:0 31px;
	height:auto;
}

#podPress_footer {
	background:#555;
	color:#CCC;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#podPress_footer a {
	background:#555;
	color:#FFF;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}