/*

	Heavy Frequency Magazine CSS
	last edited 08-17-2006

*/

/* main html section */

html, body {
	top: 0;
	left: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0;
	color: rgb(0, 0, 0);
	background-color: rgb(54, 102, 136);
}


a:link, a:visited, a:active {
	font-family: "Times New Roman", Times, serif;
	color: #666;
	font-size: 1em;
	text-decoration: none;
	border: 0;
}

a:hover {
	color: rgb(54, 102, 136);
	text-decoration: underline;
	border: 0;
}

img, a {
	margin: 0;
	padding: 0;
	border: 0 none inherit;
}



img.article {
	float: right;
	margin: 0 5px 5px 5px;
	border: 0;
}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* navigation styling */

#menu {
	width: 800px;
	height: 51px;
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0px;
}

#divNav {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 51px;
	width: 785px;
}

#nav {
	position: relative;
	top: 7px;
	left: 25px;
	height: 51px;
	width: 785px;
	margin: 0 auto 0 auto;
}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}

#nav a { text-decoration: none; }

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 12px;
}

#nav li ul { display: none; }

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 9px;
	left: 0;
	height: 20px;
	width: 740px;
	padding: 16px 6px 0 6px;
}

#nav li.on ul {  }

#nav li.on:hover ul, #nav li.over ul { /*for ie*/ }

#nav li a {
	color: rgb(245, 245, 245);
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 105px;
	padding: 0;
}

#nav li.on a { color: rgb(255, 255, 255); }

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: rgb(255, 255, 255);
	width: auto;
	margin-right: 8px; 
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/ }

#nav li.on ul { display: block;	}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover { color: rgb(85, 159, 212); }

#liCurrent a, #liArchives a, #liLocal a, #liVault a, #liGalleries a, #liAbout a, #liMerch a  {
	display: block;
	position: relative;
	height: 35px;
	color: rgb(255, 255, 255);
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}		

#nav li.on ul a { }

#nav li.off ul a:hover, #nav li.on ul a:hover { color: rgb(0, 0, 0); }

/* search form styling */


/* main content */

#container {
	width: 800px;
	height: 100%;	
	background: url("images/bg_container.gif") repeat-y;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	border: 0px;
	float: none;
	clear: both;
	overflow: hidden;
}

#header {
	width: 800px;
	height: 130px;
	background-image: url("images/bg_heading.gif");
	background-repeat: no-repeat;
	text-align: right;
	margin: 0 auto 0 auto;
	padding: 0px;
	border: 0px;
}

#l_content {
	float: left;
	position: relative;
	background-color: transparent;
	display: block;
	width: 130px;
	margin: 0;
	padding: 0 20px 0 20px;
	border: 0px;
	font-size: .8em;
}
	#l_content .shows {
	}
	
	#l_content .shows a:link, #l_content .shows a:visited {
		font-weight: bold;
	}
	
	#l_content .shows a:hover {
		font-weight: bold;
		color: #000;
	}
	

#content {
	float: left;
	position: relative;
	display: block;
	width: 450px;
	margin: 0;
	padding: 0px;
	border: 0px;
}

#r_content {
	float: right;
	position: relative;
	display: block;
	background-color: transparent;
	width: 130px;
	margin: 0;
	padding: 0 20px 0 10px;
	border: 0px;
	font-size: .8em;
	text-align: center;
}

.clr { clear: both; }

.center { text-align: center; }

/* news formatting */

/* footer styling */

#footer {
	clear: both;
	bottom: 0;
	width: 800px;
	height: 85px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	padding: 39px 0 0 0;
	border: 0px;
}

#footer a { font-size: 11px; }

.section  {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
}

/* Text Formatting */
h1 {
	font-size: 1.35em;
	font-weight: bold;
	color: rgb(54, 102, 136);
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#l_content h1 {
	font-size: 1em;
	font-weight: bold;
	color: rgb(54, 102, 136);
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.15em;
	color: rgb(54, 102, 136);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 1.1em;
	color: rgb(0, 0, 0);
	margin-top: 5px;
}

p {
	margin: 3px 0 10px 0;
	clear: left;
	font-family: "Times New Roman", Times, serif;
}

P + P {	text-indent: 30px;}

p.noindent { 
	text-indent: 0px;
}

strong {
	font-weight: bold;
}

.qitalic {
	font-style: italic;
	text-indent: 0;
}

.qbold {
	font-weight: bold;
	text-indent: 0;
}

ol { margin: 5px 30px; 	font-family: "Times New Roman", Times, serif;	}

.skip { text-align: center; margin: 0 0 20px 0; }
.skip a{ font-size: 1.1em; 	}

/* ARCHIVES */
 div.arch_list {
	width: 80%;
	margin: 0 auto 10px auto;
	border-bottom: 2px #666 solid;
	clear: both;
 }
div.arch_head {
	width: 65%;
	margin: 0 2% 0 0;
	float: left;
}
div.date {
	width: 32%;
	float: left;
	text-align: right;
	font-weight: bold;
	clear: right;
}
div.byline {
	clear: both;
	color: #666;
	margin: 2px 0 5px 0;
	padding: 0;
	border: 0;
}

.amp_bloc {
	clear: both;
	padding: 0;
	border: 0;
	color: rgb(54, 102, 136);
	margin: 2px 0 15px 0;
}

div.credit {
	font-size: .8em;
	font-style: italic;
	color: #666;
	text-align: left;
}

div.exerpt {
	clear: both;
}

.credit a { font-size: 1em; border: 0;}

div.photos {
	text-align: center;
	margin: 0;
	padding: 2px 0;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
}

/* STAFF */
.staff_bloc {
	float: left;
	width: 145px;
	margin: 0 5px 10px 0;
	color: #000;
	font-size: 1em;
	text-align: left;
}

/* Tabular Data */
td {
	padding: 1px 15px;
}
tr.fields {
	font-weight: bold;
	padding: 1px 15px;
}

/* Calendar */

.show_bloc {
	display: block; 
	width: 90%;
	margin: 0 auto;
	padding: 2px 0;
	border-bottom: 1px #666 solid;
}

.bands_bloc {
	display: block;
	font-size: .9em;
	padding: 2px 0;
}

.show_info {
	display: block;
	color: #666;
	font-size: .9em;
	padding: 2px 0;
}

.show_date {
	margin: 15px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
}

.show_month {
	width: 100%;
	background-color: #ddd;
	padding: -2px 0;
	margin: 15px 0 0 0;
} 

		.contact_bloc {
			float: none;
			width: 80%;
			color: rgb(90, 90, 90);
			padding: 0 0 5px 0;
			margin: 0 auto;
			font-size: 1em;
		}
		
		.name_pos {
			display: block;
			font-weight: bold;
			color: #000;
			margin: 5px 0;
			text-align: left;
		}
		
		.contact { 
			display: block;
			margin: 5px 0;
			text-align: left;
		}

.band_bloc {
	color: rgb(54, 102, 136);
	margin: 0 0 10px 0;
	font-weight: bold;
}

.state_bloc {
	color: #000;
	width: 90%;
	margin: 0 auto 10px auto;
}

.interview p, .ff p {
	text-indent: 0px;
}

ul {
	list-style-type: none;
	margin: -5px 0 5px 30px;
}

h3+ul { margin-top:5px;}

ul p { 
	text-indent: -15px; 
	margin: 0;
}

.link {
	margin: 0 0 5px 0;
}

.bloc {
	width: 90%;
	margin: 0 auto 10px auto;
}
	
		.venue_bloc {
			text-align: left;
			width: 90%;
			margin: 5px auto 0 auto;
			color: rgb(90, 90, 90);
		}
		
		.venue_name {
			display: block;
			font-weight: bold;
			color: rgb(0, 0, 0);
			margin: 5px 0;
		}
		.venue_address { 
			display: block;
			margin: 5px 0;
		}		
		.venue_phone { 
			display: block;
			margin: 5px 0;
		}
		
hr {
	border: 1px solid #666;
	margin: 5px 0;
} 

	.headlink a {
		font-size: 11pt;
		color: rgb(54, 102, 136);
		margin-left: 10px; 
	}
	
	.relev {
		color: #666;
		margin: 2px 0 5px 0;
		padding: 0;
		border: 0;
		font-size: 8pt;
	}
	
	.datecat {
		clear: both;
		color: #666;
		margin: 2px 0 5px 0;
		padding: 0;
		border: 0;
		font-size: 10pt;
	}

	.option {
		float: left;
		clear: right;
		width: 100%;
		background-color: #FFF;
		padding: 5px;
	}

	.option_alt {
		float: left;
		clear: right;
		width: 100%;
		background-color: rgb(184,208,226);
		padding: 5px;
	}
	
input.nonradio {
		color: rgb(54, 102, 136);
		background-color: #aaa;
		padding: 2px;
		margin: 2px;
		border: 0pt;
	}
	
input.side {
		color: rgb(54, 102, 136);
		background-color: #aaa;
		padding: 2px;
		margin: 2px;
		border: 0pt;
		font-size: 7pt;
	}
	
input, textarea {
		backgound-color: #999999;
		border: #999999 1px solid;
}
	
blockquote {
		margin: 5px 20px 5px 50px;
		text-indent: 0;
	}
	
.rating {
		margin: 10px 0;
		color: rgb(54,102,136);
		vertical-align: middle;
		font-weight: bold;
}

div.rating img {
		margin: 0;
		padding: 0;
}

div.announcement {
	color:#000000;
	font-weight: bold;
	border: 2pt #ff0000 solid;
	background-color: rgb(184,208,226);
	margin: 10px auto;
	width: 80%;
	padding: 5px;
	text-align: center;
}

div.announcement p{
	text-indent: 0px;
}

/*****************************
	Store-specific code
 ****************************/

#store_content {
	float: left;
	display: block;
	width: 450px;
	margin: 0;
	padding: 0 30px;
	border: 0px;
}

#categories {

	font: 1em;
	/*background-color: rgb(184,208,226);*/
	width: 100%;
}

.product {
	display:block;
	float: left;
	text-align:center;
	width:150px;
	border:none;
	margin: 0;
	padding:0;
	font: .8em;
	color: rgb(54,102,136);
}

.price_brief {
	float:left;

}	

.nonradio {
			display: block;
			clear: right;
		}