* { padding: 0; margin: 0; }

body {
	background: #000 url(assets/bg_main.jpg) repeat-y fixed 50% 0px;
	color: #444;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}

div.clear { clear: both; }

/* ====================================================

-----------------   global elements   -----------------

======================================================*/

a { color: #1c9bdc; text-decoration: underline; }

	a:visited { color: #1c9bdc; text-decoration: underline; }

	a:hover { color: #1873a1; text-decoration: none; }

p { margin: 0 0 15px 0; }

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }

	blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 500px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }


/* ====================================================

-------------------   headlines   ---------------------

======================================================*/

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; }

h1 { font-weight: bold; font-size: 4.0em; line-height: 1.8em; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #222; text-decoration: none; }
	
	#header h1 { text-align: right; display: none; }
	
h2 { font-weight: normal; font-size: 2.0em; }

	.post h2 { color: #000; line-height: normal; padding-top: 10px; margin-bottom: 10px; }
	
		.post h2 a { color: #000; text-decoration: none; }
		
		.post h2 a:visited { color: #000; text-decoration: none; }
		
		.post h2 a:hover { color: #1c9bdc; text-decoration: none; }
		
	.news h2 { color: #000; line-height: normal; padding-top: 10px; margin-bottom: 10px; }
	
		.news h2 a { color: #000; text-decoration: none; }
		
		.news h2 a:visited { color: #000; text-decoration: none; }
		
		.news h2 a:hover { color: #1c9bdc; text-decoration: none; }

	#sidebar h2 { color: #999; }
	
	h2.archive_head { font-size: 2.4em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; }
	
	#content h2.archive_head { display: none; }
	
	h2.comment_head { padding-left: 29px; line-height: 2.0em; background: url('images/icon_comment.gif') 0 50% no-repeat; color: #999; }
	
	h2.form_head { color: #999; }
	
h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #999; }

	h3.blue { color: #305C79; }

h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; text-transform: uppercase; background: #f5f5f5; border-bottom: 1px solid #ddd; }


/*---:[ core layout elements ]:---*/

#container { width: 800px; margin: 0 auto; }

	#page { width: 800px; background: #fff url(assets/bg_whitepg.gif) repeat-y; }

		#header { width: 800px; margin: 0px; height: 368px; }
			
		#content_box { width: 750px; text-align: left; float: left; padding: 0px 25px 20px; margin-top: 25px; }
		
			#content { width: 520px; padding-right: 30px; overflow: visible; float: left; }
			
			* html #content { overflow: hidden; }
			
			#sidebar { width:200px; padding:0px; float:left; }
			
			* html #sidebar { overflow: hidden; }
	
			#contentheader { height: 25px;  background:transparent; }
			
			* html #contentheader { overflow: hidden; }
			
			#contentleft { width:170px; padding:0px; float:left; background:transparent; display: inline; }
			
			* html #contentleft { overflow: hidden; }
			
			#contentcenter { width:380px; padding:0px; float:left; background:#fff; display: inline; }
			
			* html #contentcenter { overflow: hidden; }

			#contentright { width:200px; padding:0px; float:left; background:transparent; }
			
			* html #contentright { overflow: hidden; }
			
		#footer { width: 800px; height: 70px; padding-top: 30px; text-align: center; background: url(assets/footer.jpg) no-repeat; font-size: 1.2em; text-transform: uppercase; clear: both; }
		

/*---:[ header styles ]:---*/

/*=================================================

NAVIGATION

===================================================*/

#nav {
	width: 800px;
	float: left;
	height: 68px;
}

#nav ul {
	background: url(assets/nav-rollover2.gif) no-repeat left top;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 68px;
	width: 800px;
}
#nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 68px;
}
#nav a {
	display: block;
	padding: 0;
	height: 68px;
	margin: 0px;
}

#nav a:hover {
	background: url(assets/nav-rollover2.gif) 0px -68px;
}

#n1 {left: 0; width: 105px;}
#n2 {left: 105px; width: 102px;}
#n3 {left: 207px; width: 98px;}
#n4 {left: 305px; width: 103px;}
#n5 {left: 408px; width: 77px;}
#n6 {left: 485px; width: 96px;}
#n7 {left: 581px; width: 93px;}
#n8 {left: 674px; width: 126px;}

#n1 a:hover {background:  url(assets/nav-rollover2.gif) 0 -68px no-repeat;}
#n2 a:hover {background:  url(assets/nav-rollover2.gif) -105px -68px no-repeat;}
#n3 a:hover {background:  url(assets/nav-rollover2.gif) -207px -68px no-repeat;}
#n4 a:hover {background:  url(assets/nav-rollover2.gif) -305px -68px no-repeat;}
#n5 a:hover {background:  url(assets/nav-rollover2.gif) -408px -68px no-repeat;}
#n6 a:hover {background:  url(assets/nav-rollover2.gif) -485px -68px no-repeat;}
#n7 a:hover {background:  url(assets/nav-rollover2.gif) -581px -68px no-repeat;}
#n8 a:hover {background:  url(assets/nav-rollover2.gif) -674px -68px no-repeat;}

#pic { width: 800px; height: 300px; }

#pic ul { list-style: none; height: 37px; width: 98px; padding: 231px 661px 32px 41px; }

#pic ul li { height: 37px; width: 98px; }

#pic ul li a { height: 37px; width: 98px; display: block; }

#listen a {background: url(assets/listen-rollover.gif);}

#listen a:hover {background: url(assets/listen-rollover.gif) 0px -37px;}

	.home #pic { background: url('assets/onsteps.jpg') no-repeat; }
	.shows #pic { background: url('assets/jstandard-1.jpg') no-repeat; }
	.music #pic { background: url('assets/saxhands.jpg') no-repeat; }
	.photos #pic { background: url('assets/underbridge-1.jpg') no-repeat; }
	.about #pic { background: url('assets/billboard-home.jpg') no-repeat; }
	.press #pic { background: url('assets/jstandard-4_sop.jpg') no-repeat; }
	.links #pic { background: url('assets/holdingsax.jpg') no-repeat; }
	.contact #pic { background: url('assets/emptystreet.jpg') no-repeat; }
	.archive #pic { background: url('assets/emptystreet.jpg') no-repeat; }
	.news #pic { background: url('assets/underbridge-2.jpg') no-repeat; }


/* ---------- Can't Wait for Perfect CD banner ---------- */

#bannerAD {
	height:100px;
	width:100px;
	background: #305C79 url(assets/cwfpbanner.jpg) no-repeat;
	display: block;
	padding: 24px 44px 26px 656px;
}


/*---:[ content styles ]:---*/

#contentleft, #contentcenter, #contentright, #content { font-size: 1.2em; }

#contentleft p, #contentcenter p, #contentright p, #content p { line-height: 1.6em; }

#contentcenter p, h1, h2, ul {
	padding: 0 24px 1em 24px;
	/*background: #888;*/
}

#contentcenter .centeredlist h2, { margin-left: -1em; }

#content p { margin:0 0 10px 0; }

#content h2 { margin-left: -1em; }

#content ul, #contentcenter ul { list-style: none; }

#content li, #contentcenter li { line-height: 1.4em; }

#contentleft h2 { margin-left: -1em; }

#contentleft ul {
	margin: 0 -2em 0 -2em;
	list-style: none;
	padding-top: 10px;
}
#contentleft li {
	padding-bottom: .5em;
	/*color: #999;*/
	font-size: .9em;
}
#contentleft li a {	font-size: 1.2em; }

/*.centeredlist { padding-left: 50px; }*/

.post { width: 500px; margin-bottom: 50px; font-size: 1.4em; line-height: 1.7em; color: #444; float: left; }

	.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { padding: 3px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }

	.entry img.left_off { margin: 0 10px 5px 0; float: left; }
	
	.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }

	.entry img.right_off { margin: 0 0 5px 10px; float: right; }
	
	.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
	
	.entry img.center_off { display: block; margin: 0 auto 15px auto; }
	
	.post_meta { width: 480px; padding: 4px 10px; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; background: #f5f5f5; line-height: normal; float: left; }
	
		p.num_comments { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; background: url('images/icon_excl.gif') 0 50% no-repeat; float: right; }
		
		p.tagged { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; background: url('images/icon_file.gif') 0 50% no-repeat; float: left; }
	
.navigation { width: 480px; padding: 10px; margin-bottom: 30px; font-size: 1.4em; line-height: 1.7em; background: #f5f5f5; float: left; }

* html .navigation { line-height: normal; }
	
	.previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; }
	
	.next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; }
	
	.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; }

.entry #shows ul {
	list-style: none;
	padding-bottom: 1.2em;
	border-bottom: 1px solid #bbb;
	margin: 0px 15px 0em;
	padding-top: 1.2em;
}

.entry #shows li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 1.4em;
}

.entry #shows-alt ul {
	background: #f5f5f5;
}

.top { text-align: center; font-size: 1.2em; padding-bottom: 1em; }

/*---:[ sidebar styles ]:---*/

#sidebar {font-size: 1.4em; line-height: 1.7em; }

#sidebar ul { list-style: none; }

	#sidebar ul li { width: 220px; margin-bottom: 25px; float: left; }
	
		.sidebar_mp3player { padding: 0 0 7px 0; }

		.sidebar_section { width: 220px; padding: 10px 0 7px 0; background: #f5f5f5; float: left; }
		
			.sidebar_section p { padding: 0 10px; margin-bottom: 10px; }
			
			.sidebar_section p.center { text-align: center; }
			
			.sidebar_section img.off { border: none; }

			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 200px; padding-left: 20px; margin-bottom: 12px; }
			
				#sidebar ul li ul li, #sidebar ul li ol li { width: 200px; padding: 3px 10px 3px 0; margin-bottom: 0; }
				
					.quick_date { padding-left: 10px; color: #999; }

.mailinglist { background-color: #e6e6e6; padding: 2px 6px 0; margin-top: -8px; }

/*---:[ footer styles ]:---*/

#footer p { text-align: center; }

#footer a, #footer a:visited { color: #fff; text-decoration: none; font-size: 1.1em; }

#footer a:hover { color: #cca; text-decoration: underline; }

#footer ul { list-style: none; }

#footer ul li { display:inline; padding-right: 5px; padding-left: 5px; }

/* =====================================

6. forms  

======================================== */

label{
float: left;
width: 120px;
font-weight: bold;
margin-left: 25px;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 200px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

#submitbutton2{
margin-top: 5px;
width: 90px;
}

fieldset{
border: 0px;
}

br{
clear: left;
}

#paypal input { width: 200px; margin-bottom:0; }

.logo-reviews {
	margin-bottom: 1em;
	border: 0px;
}
.newslist {
	list-style: none;
	/*width: 350px;
	padding-top: 5px;*/
}
.newslist li {
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #ccc;
}

/* =====================================

7. images

======================================== */

.cdcover {
	padding: 7px;
	border: 1px solid #bbb;
}

/* =====================================

8. tables

======================================== */

#content .td1 {
	width: 180px;
	margin-right: 10px;
}
#content .td2 {
	padding-left: 20px;
}
#content td ol { padding-left: 40px; }

#content .td3 {}

