body 									{ text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.4em; color: #FFA; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6em; 	background-color: #FF3300; background-image: url('img/kingkong.png'); background-repeat: no-repeat; background-attachment: fixed;}
a:link, a:visited						{ color: #FFF; text-decoration: underline}
a:hover, a:active						{ color: #F30; }
a.newstitle:link, a.newstitle:visited	{ color: #F30; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 1.1em;}
a.newstitle:hover, a.newstitle:active	{ text-decoration: underline; }
a.button:link, a.button:visited			{ text-decoration: none; margin-top: 3px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 7pt; padding: 2px; margin-bottom: 3px; background: #FFA; color: #000; border: 0px;}
a.button:active, a.button:hover			{ text-decoration: none; margin-top: 3px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 7pt; padding: 2px; margin-bottom: 3px; background: #F30; color: #000; border: 0px;}
.artist									{ color: #F30; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: -.7px; line-height: 1.1em;}
.title 									{ color: #8dc6c6; font-family: Georgia, serif; font-size: 20px; font-style: italic; font-weight: normal; letter-spacing: -1px; line-height: 1.1em;}
.bigred									{ color: #F30; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 1.1em;}
.bigbutton								{ font-family: Georgia, serif; font-style: normal; font-weight: normal; font-size: 10pt; padding: 4px; margin-bottom: 3px; background: #FFA; color: #000; border: 0px;}
.bigbutton:hover						{ background: #F30; color: #000; }
.invalidInput							{ border: 0; font-style: italic; font-weight: bold;}


.container 								{ background-image: url('img/semi-opaque.png'); text-align: left; width: 900px; left: 50%; margin-left: -450px; top: 25px; 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 #AA5755; margin-bottom: 5px; text-align: left; }
.bigheader 								{ clear:both; font-size: 24px; font-style: normal; font-weight: normal; border-bottom: 1px solid #AA5755; 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									{ margin-top: 3px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 7pt; padding: 2px; margin-bottom: 3px; background: #FFA; color: #000; border: 0px;}
.button:hover							{ background: #8dc6c6; color: #000; }
.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; }	
.alert									{ color: #F30; font-weight: bold; }
.padded									{ padding: 20px; }
.artist									{ color: #F30; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 1.1em;}
.artistimage							{ max-height: 200px; max-width: 200px; float: left; margin-right: 10px; margin-bottom: 10px;  }
.releaseimage							{ max-height: 200px; max-width: 200px; float: left; padding: 2px; border: 1px solid #381c1c;}
.smallblueitalic						{ color: #8dc6c6; font-family: Georgia, serif; font-size: 12px; font-style: italic; line-height: 1.1em; }

input									{ outline: 0; color: #000; padding: 2px; border: 1px solid #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 13px; vertical-align: bottom;}
textarea								{ outline: 0; color: #000; padding: 2px; border: 1px solid #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 13px; vertical-align: bottom;}


#navimg 								{ z-index: 900; position: fixed; top: 0px; background: #FFF; width: 900px; left: 50%; margin-left: -450px; filter: alpha(opacity=88); -moz-opacity: .88; opacity: .88;}
#nav 									{ z-index: 900; position: fixed; top: 0px; width: 900px; left: 50%; margin-left: -450px; }
#adminnav								{ position: absolute; top: 0px; left: 300px; background: #000; width: 400px; margin: 5px; padding: 5px; color: #FFF;}
#adminnav a								{ text-decoration: none; color: #FFF;}

#cartholder								{ z-index: 901; }
#cartheader 							{ z-index: 901; padding: 10px; color: #999; border: 1px solid #CCC; background: #FFF; position: fixed; top: 15px; left: 600px; 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; }

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

#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; }
#cart img								{ padding: 5px; }
#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;}

.menu									{ border:none; border:0px; margin:0px; padding:0px; font-family: Verdana, sans-serif; font-size:12px; font-weight:bold; font-style: normal; }
.menu ul								{ background:#000; height:25px; list-style:none; margin:0; padding:0; }
.menu li								{ float:left; padding:0px; }
.menu li a								{ background:#000 url("http://chicago-independent.com/img/menu/seperator.gif") bottom right no-repeat; color:#cccccc; display:block; font-weight:normal; line-height:25px; margin:0px; padding:0px 13px; text-align:center; text-decoration:none; }
.menu li a:hover, .menu ul li:hover a	{ background: #555; color:#FFFFFF; text-decoration:none; }
.menu li ul								{ background:#000; 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:25; 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; border: 1px solid #555; color: #FFF; vertical-align: middle;}
.menu .button:hover						{ background: #b2dfdb; color: #AA5755; }
