/*Master Page and navigation styles*/

@charset "utf-8";

/* SharePoint Admin Bar */
#admin {
	text-align:left;
}

#controls {
	text-align:center;
}

#siteactions {
	background-color:#6593cf;
	width:100%;
	text-align:right;
	float:right;
}

/* General Master Page design */
body {
	height:100%;
	font: 75% Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: black;
	color: #000000;
}

#container {
	background: #000000;
	text-align:left;
	background-image:url(images/AFF-bg-aug2010.gif);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	margin:0px auto;
	padding-top:140px;
}
	
		
a:link {
	color: #D05C00;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #D05C00;
	}
a:hover {
	text-decoration: underline;
	}
a:active {
	text-decoration: none;
	}
	

.oneColFixCtr #navigation {
	width: 860px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px auto 10px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 80px;
	height: auto;
}


.oneColFixCtr #mainContent {
	margin: 0px 24px 0px 24px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
	height: auto;
	min-height: 280px;
}

#samplecontent {
	background: #EEE;
height: 280px;
}

#menu p {
	color: #999999;
	font-size: 11px;
}

#menu { 
		width: 810x;
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 24px;
		}
		
			#menu ul {
				float:left;
				margin: 6px 24px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style: none;
				font-size: 16px;
				
				}
			#menu li {
				float: left;
				border-right: 2px #EEE solid;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-image:url('images/navbg.gif');
				background-repeat: no-repeat;
				}
			#menu li a {
				display: block;
				font-weight: bold;
				padding: 12px 20px 12px 20px;
				color:#F4E8BD;
				}
			#menu li a:hover {
				display: block;
				color:#FFFFFF;
				}
				
				
				#minimenu { 
		width: 580px;
		border: 0px;
		padding: 0px;
		margin: 0px 0px 0px 210px;
		}
		
			#minimenu ul {
				font-size: 10px;
				float:left;
				margin: 0px 0px 0px 24px;
				padding: 0px 0px 12px 0px;
				list-style: none;
				
				}
			#minimenu li {
				float: left;
				border-right: 1px #666 solid;
				line-height: 120%;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
			#minimenu li a {
				color:#333333;
				display: block;
				font-weight: bold;
				padding: 2px 4px 2px 4px;
				}
				
				#minimenu img {
				margin: -1px 0px 0px 0px;
				}
				
			#minimenu li a:hover {
				display: block;
				color:#EEEEEE;
				
				}
	

#content {
	background: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 858px;
	min-height: 200px;
	text-align: left;
}

#footerbar {
	margin: 0px auto 0px -1px;
	height: 24px;
	background:url(images/footbar.gif) no-repeat;
	background-position:top center;
}

#sponsors {
	width: 860px;
	margin: 6px auto 6px auto;
	height: auto;
	text-align: left;
}

#sponsors p {
	color: #999;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

#legal {
	width: 860px;
	margin: 6px auto 6px auto;
	text-align: center;
}

#legal p {
	color: #999;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

/*Home Page specific styles*/
#lineup {
	width: 810px;
	height: 240px;
	background: #EEEEEE;
}

#secondarycontent {
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 810px;
margin-top: 12px;
}

#secondarycontent p {
line-height: 140%;
margin: 0px;
padding: 0px 0px 12px 0px;
}

#secondarycontent h1 {
font-weight: lighter;
font-size: 21px;
color: #999999;
padding: 0px 0px 12px 0px;
margin: 0px;
}

#secondarycontent h2 {
font-weight: lighter;
font-size: 16px;
color: #999999;
padding: 12px 0px 0px 0px;
margin: 12px 0px 6px 0px;
border-top: 1px solid dotted;
}

#secondarycontent h3 {
font-size: 14px;
color: #999999;
padding: 0px;
margin: 0px;
}



#membership {
	
	width: 270px;
	
	float: right;
	padding: 6px;
	margin: 0px 0px 0px 12px;
	background: #EEEEEE;
	color: #333333;
}

#membership h2 {
	
	font-size: 12px;
	color: #C60;
	margin:0px;
	padding:0px;
	border: 0px;
	font-weight: bold;
}

#membership p {
	margin:0px;
	padding:0px;
	font-size: 10px;
	color: #666666;
}

#contact form {
	
	margin:0px;
	padding:0px;
	color: #666666;
}
.signup {
	width:100px;
}

#updates {
	margin-top: 12px;
	width: 270px;
	background:url(images/drumbeat.gif) no-repeat;
	color: #333333;
}

#countdown {
	
	float: left;
	margin: 12px 12px 12px 0px;
}


/*Artist Page specific styles*/

.promophoto {
	width: 470px;
	height: 260px;
	margin-bottom: 12px;
	overflow:hidden;
}

#video {
	width: 320px;
	height: 240px;
	background: #000000;
	float: right;
	
}

#artist {
	height: 240px;
	background: #EEEEEE;
}


#promovideo {
	width: 320px;
	float: right;
	padding: 0px;
	background: #EEEEEE;
	margin: 0px 0px 12px 0px;
}

#promoimage {
	float: left;
	padding: 0px;
	margin: 0px;
}

#promo {
	width: 480px;
	float:left;
	height: 260px;
	background: #EEEEEE;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	
}

#eventinfo {
	width: 320px;
	float: right;
	margin: 0px 0px 0px 12px;
}
#artistinfo {
	width: 475px;
	float: left;
}	

#artistinfo p {
	margin: 0px 12px 0px 0px;
}	



#eventinfo h4 {
font-size: 10px;
text-transform:capitalize;
font-weight:lighter;
padding: 0px;
margin: 0px;
color: #333;
border-top: 1px solid #CCCCCC;
	
}

#eventinfo h1 {
font-size: 16px;
color: #333;
padding: 12px 0px 0px 0px;
margin: 0px;
	
}

#eventinfo h2 {
font-size: 14px;
font-weight: normal;
color: #333;
padding: 0px;
margin: 0px;
	
}

#eventitem {
	background: #EEEEEE;
	padding: 12px;
	margin: 12px 0px 12px 0px;
	
}

#eventitem p {
	padding: 0px;
	margin: 0px;
	
}


.sampleaudio {
	width: 458px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px;
	display: block;
	font-size: 10px;
text-transform:capitalize;
color: #333;
margin: 0px 0px 12px 0px;

}

.sampleaudio h4 {
	font-size: 10px;
text-transform:capitalize;
color: #333;
padding:0px 0px 6px 0px;
margin: 0px 0px 0px 0px;

}




#venuehead {
	height: auto;
	
}

#venuehead h4 {
	font-size: 10px;
	text-transform:capitalize;
	color: #666666;
	margin:0px;
	padding:0px;
	border-top: 1px solid #CCCCCC;
	
}

#venuehead h2 {
	font-size: 18px;
font-weight: bolder;
color: #333;
padding: 0px;
margin: 0px;
	
}

#venuedetails p {
	margin: 0px;
	padding: 0px;
	
	}
}

#venuemap {
	width: 470px;
	margin: 0px;
	
}

#googlemap {
	margin-top: 12px;
	width: 320px;
	margin: 0px;
	
}



#venueinfo {
	width: 320px;
	height: auto;
	float: right;
	margin: 0px 0px 0px 12px;
	
}


#attractions {
	
	
	
}

#attractions ul {
	
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#festivalacts {
	padding: 12px;
	background: #eaede9;
	margin-bottom: 12px;
	
}


#specialfeature {
	margin-top: 12px;
}


#general-middle-left {
	float: left;
	width: 534px;
	margin-right: 12px;	
}


#general-middle-right {
	float: right;
	width: 252px;
	padding: 6px;
	
	
}

#general-middle-right h3 {
	color: #333333;
	font-size: 14px;

	
}

#drumbeat {
	
padding-top: 96px;
background: #eaede9 url(images/drumbeat2.gif) no-repeat;
}

/*general classes*/

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

.instructions {
	color: #666666;
	font-size: 10px;
	
	}
	
.nomarginpadding {
	padding: 0px;
	margin: 0px;
}

.artistfield {
	font-size: 14px;
}

.news-title {
	font-size: 12px;
	font-weight: bold;
	color:#333333;
	margin: 0px 12px 0px 12px;

	}
	
.news-body {
	font-size: 11px;
	color:#333333;	
	margin: 0px 12px 12px 12px;

}

.news-date {
	font-size: 10px;
	color:#666666;	
	margin: 0px 12px 0px 12px;

}


#updates {
	height: auto;
	
	}

#homepagenews {
	
margin: 54px 0px 0px 48px;;
}

	#aboutpromo {
	
margin: 0px 12px 12px 0px;
float:left;
}


#artistlogos {
	margin-top: 12px;
	background: #EEEEEE;
	height: 146px;
	
}

.question {
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color: #FFFFFF;
	background:#9CAFBD;
	display: block;
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 6px;
}

.answer {
	clear:both;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color: #FFFFFF;
	background:#666666;
	display: block;
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 6px;
}

.prdate {
font-size: 12px;
font-weight: lighter;
}
.floatimageright {
	float: right;
	margin: 12px 0px 12px 12px;
}

#RSS {
	text-align: right;
	padding-right: 6px;
	font-size: 10px;
	
}

#RSS img {
	float: right;
	margin-left: 3px;
}