body 									{ text-align: center; background-color: #0e0d0b; background-image: url('http://chicago-independent.com/img/stripe.png'); background-repeat: repeat; font-family: Georgia, serif; font-size: 11px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6em; }
a										{ color: #2580a2; text-decoration: none; }

.container 								{ text-align: left; width: 900px; left: 50%; margin-left: -450px; background: #FFF; background-image: url(http://chicago-independent.com/img/gradient.jpg); background-repeat: repeat-x; top: 130px; position: absolute; z-index: 3;}
.footer									{ clear: both; position: relative; background: #333; color: #FFF; padding: 5px; font-family: Verdana, sans-serif; font-size: smaller;}
.footer a								{ color: #FFF; }
.header 								{ clear:both; font-size: 12px; font-style: italic; font-weight: bold; border-bottom: 1px solid #C00; margin-bottom: 5px; text-align: left; }
.bigheader 								{ clear:both; font-size: 24px; font-style: normal; font-weight: normal; border-bottom: 1px solid #C00; margin-bottom: 10px; text-align: left; line-height: 1.2em;}
.labelheader							{ padding-top: 20px; clear:both; border-bottom: 1px solid #C00; margin-bottom: 5px; text-align: left; color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }
.labelheader a							{ text-decoration: none; color: #000;}
.button									{ font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 7pt; padding: 2px; margin-bottom: 3px; background: #2580a2; color: #FFF; border: 0px;}
.button:hover							{ background: #333; }
.bigbutton								{ font-family: Georgia, serif; font-style: normal; font-weight: normal; font-size: 10pt; padding: 4px; margin-bottom: 3px; background: #2580a2; color: #FFF; border: 0px;}
.bigbutton:hover						{ background: #333; }
.down20									{ clear: both; }
.pagetitle								{ clear: both; color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
.rowhover								{ background: #F0F0F0; }
.alert									{ clear: both; background: #FFE; border: 1px solid #EE0; padding: 10px; }
.highlight_cell							{ background: #FF0; }
.blueitalic								{ font-size: 14px; font-style: italic; font-weight: bold; text-decoration: none; color: #2580a2; line-height: 1.2em; }
.smallblueitalic						{ font-size: 10px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
.smallimg								{ max-height: 35px; max-width: 35px; padding-right: 5px; float: left;}
.tableheader							{ background: #000; color: #fff; font-weight: bold; font-style: italic;}

h1										{ color: #fff; }
input									{ outline: 0; color: #000; padding: 2px; border: 1px solid #CCC; font-family: Georgia, serif; font-size: 14px; vertical-align: bottom;}
textarea								{ outline: 0; color: #000; padding: 2px; border: 1px solid #CCC; font-family: Georgia, serif; font-size: 14px; vertical-align: bottom;}

.newscontainer 							{ width: 250px; float: left; padding: 10px; margin: 10px; }
.newscontainer .trim 					{ height: 400px; width: 250px; overflow: hidden; border-bottom: 1px solid #CCC;}
.newscontainer img						{ max-width: 250px; }
.newscontainer a.newsheader				{ text-decoration: none; font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1em; }	
.newscontainer .header 					{ width: 100%; font-size: 12px; font-style: italic;	 font-weight: bold; letter-spacing: normal; border-bottom: 1px solid #C00; margin-bottom: 5px; text-align: left;  }
.newscontainer .newstext 				{ font-size: 12px; }	
.newscontainer a 						{ color: #000; }	
.newscontainer a.shows					{ text-decoration: none;}	
.newscontainer a:hover					{ background: #2580a2; color: #FFF;}

#newscontainermain 						{ padding: 10px; margin: 10px; clear: both;}
#newscontainermain img					{ max-width: 300px; float: left; padding-right: 10px; padding-bottom: 10px;}
#newscontainermain .newsheader 			{ font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#newscontainermain .header 				{ width: 100%; font-size: 12px; font-style: italic;	 font-weight: bold; letter-spacing: normal; border-bottom: 1px solid #C00; margin-bottom: 5px; text-align: left;  }
#newscontainermain .newstext 			{ font-size: 12px; }	
#newscontainermain a 					{ color: #000; }	
#newscontainermain a.shows				{ text-decoration: none;}	
#newscontainermain a.newsheader			{ text-decoration: none;}	
#newscontainermain a:hover				{ background: #2580a2; color: #FFF;}

#navimg 								{ z-index: 900; position: fixed; top: 0px; height: 100px; width: 900px; left: 50%; margin-left: -450px;  background-image: url('http://chicago-independent.com/img/white_overlay.png'); background-repeat: repeat; }
#nav 									{ z-index: 900; position: fixed; top: 100px; background: #FFF; width: 900px; left: 50%; margin-left: -450px; }
#whitetop 								{ z-index: -1; width: 900px; left: 50%; margin-left: -450px; background: #FFF; top: 0px; position: fixed; height: 100px;}
#adminnav								{ position: absolute; top: 0px; left: 300px; background: #000; width: 400px; margin: 5px; padding: 5px; color: #FFF;}
#adminnav a								{ text-decoration: none; color: #FFF;}

.releases								{ width: 850px; padding: 10px; margin: 20px; }
.releasecontainer 						{ width: 240px; float: left; padding: 10px; margin: 10px; height: 220px; overflow: hidden; background-image: url(http://chicago-independent.com/img/gradient.jpg); background-repeat: repeat-x; border: 1px solid #ccc;}
.releasecontainer  a 					{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
.releasecontainer  a:hover				{ background: #2580a2; color: #FFF; }
.releasecontainer  .title 				{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
.releasecontainer  a.label 				{ font-size: 10px; color: #606060; font-style: normal; font-weight: normal;}
.releasecontainer  a.label:hover		{ color: #FFF; }
.releasecontainer  .text 				{ font-size: 12px; color: #000; position: relative; float: left; }
.releasecontainer  .audio 				{ float: right; position: absolute; margin-bottom: 10px; margin-right: 10px; border: 1px solid #ccc; background: #FFF; padding: 3px; z-index: 3; }
.releasecontainer  img 					{ padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.releasecontainer  .avail 				{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }

.releasecontaineracm					{ width: 750px; float: left; padding: 10px; margin: 10px; height: 90px; overflow: hidden; background-image: url(http://chicago-independent.com/img/gradient.jpg); background-repeat: repeat-x; border: 1px solid #ccc;}
.releasecontaineracm  .title 			{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
.releasecontaineracm  img 				{ padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}

#newreleaseslist						{ width: 250px; float: left; padding: 10px; margin: 10px;}
#newreleaseslist .header 				{ width: 100%; font-size: 12px; font-style: italic;	 font-weight: bold; letter-spacing: normal; border-bottom: 1px solid #C00; margin-bottom: 5px; text-align: left;  }
#newreleaseslist a 						{ color: #000; text-decoration: none; font-size: 12px; }	
#newreleaseslist a:hover				{ background: #2580a2; color: #FFF;}

#cartholder								{ z-index: 901; }
#cartheader 							{ z-index: 901; height: 100px; padding: 5px; color: #999; background: #333333; position: absolute; top: 0px; right: 0px; overflow: hidden; width: 300px; font-weight: bold;}
#cartheader img							{ float: left; margin-right: 5px; border: 1px solid #ccc; }
#cartheader total						{ float: left; clear: both; font-weight: bold; text-align: left; }
#cartheader .artist 					{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
#cartheader .title 						{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }

#releaselist							{ float: left; border-bottom: 1px dotted #CCC; margin-bottom: 10px; text-align: left; padding: 10px; width: 400px; height: 60px;}
#releaselist a 							{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
#releaselist a:hover					{ background: #2580a2; color: #FFF; }
#releaselist .title 					{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; clear: both;}
#releaselist  img	 					{ float: left; padding-right: 10px; max-width: 50px; max-height: 50px; vertical-align: middle; } 

.releaselisttable						{ width: 850px; padding: 10px; margin: 20px; }
.releaselisttable a 					{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
.releaselisttable a:hover				{ background: #2580a2; color: #FFF; }
.releaselisttable table					{ border-collapse: collapse; }
.releaselisttable td					{ border: 1px solid #CCC; padding: 2px; }
.releaselisttable th					{ text-align: left; border: 0px;}
.releaselisttable a.label				{ margin-top: 20px; color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 2em; }	
.releaselisttable a.label:hover			{ background: #2580a2; color: #FFF;}
.releaselisttable a.title 				{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; clear: both; text-decoration: none;}
.releaselisttable a.title:hover			{ color: #FFF; }
.releaselisttable .highlight			{ background: #F0F0F0; }

.releasecontainersmall 					{ width: 380px; float: left; padding: 10px; margin: 10px; height: 95px; overflow: hidden; background-image: url(http://chicago-independent.com/img/gradient.jpg); background-repeat: repeat-x; border: 1px solid #ccc;}
.releasecontainersmall  a 				{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
.releasecontainersmall  a:hover			{ background: #2580a2; color: #FFF; }
.releasecontainersmall  .title 			{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
.releasecontainersmall  img 			{ padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px; max-height: 85px;}
.releasecontainersmall table			{ border: 0px; }
.releasecontainersmall td				{ border: 0px; }
.releasecontainersmall a.moreinfo		{ font-weight: normal; font-style: normal;}


#toursband								{ margin-left: 20px; } 
#toursband img							{ max-width: 220px; max-height: 150px;  }
#toursband a 							{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#toursband a:hover						{ background: #2580a2; color: #FFF;}
#toursshows								{ margin-left: 20px; }

#band									{ width: 850px; padding: 10px; margin: 20px; }
#band img.bandpic						{ float: left; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ccc; max-width: 200px; }
#band .name 							{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#band .tours 							{ width: 300px; float: right; padding: 10px; margin: 20px; }

#labellist								{ width: 850px; padding: 10px; margin: 20px; }
#labellist  a 							{ font-size: 12px; font-style: italic; font-weight: bold; text-decoration: none; color: #000; line-height: 1.2em; }
#labellist  a:hover						{ background: #2580a2; color: #FFF; }
#labellist  .title 						{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; clear: both;}
#labellist  img	 						{ float: left; margin: 7px; padding: 2px; border: 1px solid #CCC; }

#label									{ width: 850px; padding: 10px; margin: 20px; }
#label a								{ color: #000; text-decoration: none; }
#label a:hover							{ background: #2580a2; color: #FFF; }
#label .name 							{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#label .tours 							{ width: 300px; float: right; padding: 10px; margin: 20px; }

#release								{ width: 850px; padding: 10px; margin: 20px; }
#release a								{ color: #000; text-decoration: none; }
#release a:hover						{ background: #2580a2; color: #FFF; }
#release img							{ float: left; margin-right: 20px; border: 1px solid #ccc; max-width: 200px; }
#release .name 							{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#release .title 						{ font-size: 20px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
#release .tours 						{ width: 300px; float: right; padding: 10px; margin: 20px; }
#release .maincontainer					{ width: 500px; float: left; padding: 10px; margin: 10px; }
#release .sidecontainer					{ width: 250px; float: left; padding: 10px; margin: 10px; }

#contact								{ width: 850px; padding: 10px; margin: 20px; }

#cart									{ width: 850px; padding: 10px; margin: 20px; }
#cart .pagetitle						{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#cart .title 							{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
#cart table								{ border-collapse: collapse; }
#cart td								{ border: 1px solid #CCC; }
#cart th								{ text-align: center; }
#cart .totals							{ float: right; text-align: right;}
#cart img								{ padding: 5px; }
#cart a									{ color: #000; }
#cart a:hover							{ background: #2580a2; color: #FFF;}
#cart .alert							{ clear: both; background: #FFE; border: 1px solid #EE0; padding: 3px; }

#checkout								{ width: 850px; padding: 10px; margin: 20px; }
#checkout .pagetitle					{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#checkout .title 						{ font-size: 12px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }
#checkout table							{ }
#checkout td							{ }
#checkout th							{ text-align: center; }
#checkout a								{ color: #000; }
#checkout a:hover						{ background: #2580a2; color: #FFF;}

#search									{ width: 850px; padding: 10px; margin: 20px; }
#search	a								{ text-decoration: none; color: #000; }
#search	a:hover							{ background: #2580a2; color: #FFF;}
#search .band							{ clear:both; border-bottom: 1px dotted #CCC; margin-bottom: 10px; text-align: left; }
#search .label img						{ float: left; margin: 7px; padding: 2px; border: 1px solid #CCC; }
#search .pagetitle						{ color: #000; text-decoration: none; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.2em; }	
#search .term 							{ font-size: 20px; font-style: italic; font-weight: normal; text-decoration: none; color: #2580a2; line-height: 1.2em; }

.menu									{ border:none; border:0px; margin:0px; padding:0px; font-family: Georgia, serif; font-size:15px; font-weight:bold; font-style: italic; }
.menu ul								{ background:#333333; height:35px; list-style:none; margin:0; padding:0; }
.menu li								{ float:left; padding:0px; }
.menu li a								{ color: white; background:#333333 url("http://chicago-independent.com/img/menu/seperator.gif") bottom right no-repeat; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 13px; text-align:center; text-decoration:none; }
.menu li a.adminmenu					{ background:#EE0 url("http://chicago-independent.com/img/menu/seperator.gif") bottom right no-repeat; color:#000; display:block; font-weight:normal; line-height:35px; margin:0px; padding:0px 13px; text-align:center; text-decoration:none; }
.menu li a:hover, .menu ul li:hover a	{ background: #2580a2 url("http://chicago-independent.com/img/menu/hover.gif") bottom center no-repeat; color:#FFFFFF; text-decoration:none; }
.menu li ul								{ background:#333333; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:225px; z-index:200; }
.menu li:hover ul						{ display:block; }
.menu li li 							{ background:url('http://chicago-independent.com/img/menu/sub_sep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:225px; }
.menu li:hover li a						{ background:none; }
.menu li ul a							{ display:block; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 10px 0px 15px; text-align:left; }
.menu li ul a:hover, 
	.menu li ul li:hover a				{ background:#2580a2 url('http://chicago-independent.com/img/menu/hover_sub.gif') center left no-repeat; border:0px; color:#ffffff; text-decoration:none; }
.menu p									{ clear:left; }	
.menu input								{ margin-left: 10px; outline: 0; color: #CCC; padding: 4px; background: #333; border: 1px solid #CCC; font-family: Georgia, serif; font-size: 14px; vertical-align: bottom;}
.menu form								{ vertical-align: middle; float: right; margin: 2px; }
.menu .button							{ font-size: 10pt; padding: 3px; margin-bottom: 3px; background: #2580a2; border: 1px solid #2580a2; color: #FFF; vertical-align: middle;}
.menu .button:hover						{ border: 1px solid #FFF;}

.admin									{ width: 850px; padding: 10px; margin: 20px; }
.admin table							{ border-collapse: collapse; }
.admin td								{ border: 1px solid #CCC; padding: 2px; } 
.admin img 								{ float: left; max-width: 300px; margin-right: 10px; margin-bottom: 10px;}
.admin	a								{ text-decoration: none; color: #000; }
.admin	a:hover							{ background: #2580a2; color: #FFF;}

#services								{ width: 850px; padding: 10px; margin: 20px; }
#services img 							{ float: left; margin-right: 10px; margin-bottom: 10px;}
#services li							{ text-indent: 5px; list-style-position: inside;}

.sales_figures							{ border: 1px solid #CCC; border-collapse: collapse;}
.sales_figures td						{ border: 1px solid #CCC; padding: 3px; }

.b2b_container-large					{ width: 126px; height: 33px; float: left; background: #FFF; border: 1px solid #CCC; padding: 3px; margin: 2px; overflow: hidden; font-size: 10px; font-weight: bold; vertical-align: middle; line-height: 8px;}
.b2b_container-large img				{ max-height: 30px; float: left; margin-right: 5px; vertical-align:middle;}
.b2b_container-large table				{ border: 0; }
.b2b_container-large td					{ border: 0; }
.b2b_container-large-hover				{ width: 126px; height: 33px; float: left; background: #FFF; border: 1px solid #CCC; padding: 3px; margin: 2px; overflow: hidden; font-size: 10px; font-weight: bold; vertical-align: middle; color: #2580a2; line-height: 8px;}
.b2b_container-large-hover img			{ max-height: 30px; float: left; margin-right: 5px; vertical-align:middle; border: 0; }
.b2b_container-large-hover table		{ border: 0; }
.b2b_container-large-hover td			{ border: 0; }

label									{ background-color: white; padding-left: 3px; margin:0; padding-top: 10px; line-height: 100%; display:block;}

.spacer_300									{ word-wrap: normal; padding-right: 20px; position: relative; float: left; }

.spacer_full									{ clear: both; padding-right: 20px; position: relative; float: none; border-width: 100%; }

.incart									{ margin-left: -10px; margin-bottom: -10px; margin-right: -10px; margin-top: -10px; background-repeat: no-repeat; height: 51px; width: 54px; float: right; position: relative; background-image: url(img/in_cart.png); }

.incart-line									{ padding: 2px; font-weight: bold; background-color: #EEEE00; }
