@import url("menu.css");

/* reset margins */
* {border:0; margin:0; padding:0;}

body{
	background-image: url(../images/body_bg.jpg);
	font-family:Helvetica Neue, Helvetica, Arial;
	color: #eeecd7;
	font-size: 14px;
	line-height: 22px;
	}

a:link, a:visited, a:active {color:#3b5a22; text-decoration:none;}
a:hover {text-decoration:underline;}
hr {
	background: url(/09_festival/images/hr_bg.png) no-repeat top right;
	height:15px;
	margin:15px 0;
	border: none;
}
p {
	margin: 8px 0;
}
#clear, .clear {clear:both;}
.justify{text-align:left;}
.min {
	font-size: 75%;
}

/* @group PAGE CONTAINERS */
#masthead, #nav-outer, #content-outer, #home-outer {
	width:100%;
	}
#masthead-outer {
	background: url(../images/full_mh.jpg) repeat-x top center;
	padding:0;
	margin:0;
	}
#nav-outer {
	 background: url(../images/nav_bg.jpg) repeat-x top center;
	}
#nav, #top-content, #content {
	width: 1000px;
}

#home-outer {
	background: url(../images/home_content.jpg);
	border-bottom: solid 3px #f6c85b;
}
/* @end */

#left, #right, #center-stories {
	float: left;
}
#top-content #left {
	width: 480px;
}
h3 {
	
	font-family: Helvetica, Arial;
	font-size: 18px;
}
#homepage-promo h3 {
	margin-top:10px;
	color:#396021;	
}
#homepage-promo h3.date, h3.red{
	margin-top: 10px;
	color: #687d44;
}
h1.title{
	font-size: 20px;
	margin-bottom: 15px;
}
h3.title {
	color:#eeecd7;
}
h2 {
	font-size: 18px;
}
#sponsors h4, #sponsors h2{
	color: #859f5d;
	margin: 10px 0 8px;
}
.logo {margin:15px 0 3px;}

#homepage-promo {
	width: 465px;
	background: url(../images/promo_bg.jpg) repeat-x top left;
	margin: 10px 0;
	padding-top: 40px;
	text-align: center;
	border: solid 1px #f6c85b;
}
/* #homepage-promo .music {
	background: url(../images/music.png) no-repeat top right;
	padding-top: 15px;
	width: 230px;
}*/
#promo-links {
	font-size: 14px;
}
#promo-links h3{
	margin-top: 8px;
}
#content {
	margin-top: 15px;
}
.home #content #left {
	background:url(../images/highlights.jpg) no-repeat top center;
	width: 240px;
	text-align: center;
	border: solid 1px #9a9c70;
	color: #687d44;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
} 
.highlights p.hl-item {
	font-weight: bold;
	margin: 8px 0 3px 0;
	color: #687d44;
}
.highlights h2{
	color: #859f5d;
	margin: 10px 0 8px;
}

.home #content #center-stories {
	padding: 0 25px;
	width: 540px;
}
#content #right #sponsors {
	background-color: #fff;
	width: 150px;
	padding: 5px;
	text-align: center;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#sponsors .tl {
	font-size: 12px;
	font-weight: bold;
}
#sponsors p {
	color: #687D44;
	font-size: 12px;
	line-height: 12px;
	margin: 8px 0;
}
.sub #content #sponsors p {
	line-height: 12px;
	margin: 0;
	padding: 3px;
}
#story{
	margin: 10px 0;
}


/* INTERIOR STYLES */
.sub #left {
	float:left; 
	width:770px;
	padding:0 25px;
	}
/* .sub #right {float:left; text-align:center;}*/
.sub #pg-title {
	color:#eeecd7; 
	font-family:Arial Black, arial;
	font-size:22px;
	padding-top: 10px;
	}
.sub-title {float:right; font-size:75%; }

.sub #content p {margin-top:10px;}

/* music pages */
#artist, #restaurant {
	clear: both;
	margin-top:20px;
}
#title-bar{
	background-color:#687d44;
	color:#eeecd7;
	font-size:20px;
	padding:5px;
	margin-bottom:8px;
}
#title-bar .time {
	display:none;
	float: right;
	font-size: 70%;
	}
#artist-details, #restaurant-details {
	float:left;
	padding:10px;
	border:solid 1px #eeecd7;
	margin:0 10px 10px 0; 
	}
#restaurant-details {
	text-align: center;
}
#artist-details img {display:block;}
.sub #content #restaurant p{
	margin-top: 10px;
}

/* @group ICON SPRITE */

 #content #left .mp3 {
	background-image:url(/09_festival/images/icons_sprite.png);
	}
 /* #content #left a {
	background-position:right 2px;
	background-repeat: no-repeat; 
	padding-right:30px;
	} */
#content #left .mp3{
	clear: both;
	background-position:left -17px;
	background-repeat: no-repeat;
	margin: 0;
	padding:8px 0 5px 40px;
	color:#fff;
	}

/* @end */

.info h3 {
	margin: 20px 0 0 0;
}

#footer a {
	color: #eeecd7;
}
#footer-content {
	width: 1000px;
	margin: 15px 0;
	border-top: solid 1px #f6c85b;
	padding: 8px;
}

#gl {
	border:solid 1px #f6c85b;
	padding: 8px;
	margin-bottom: 8px;
}