/* Song Festival website CSS file. Written by Reg Tait from a design by Lucy King */

/* @group Reset */
* {padding:0; margin:0;}


/* -------basic elements-----------*/

body {
	font-family: "trebuchet ms" tahoma; color: #000;
	font-size: small;	text-align: left;
	background: url(../images/body_bg.gif) #ABD4A5 top center repeat-x;}
a {text-decoration: none;}

/* ---------headings-----------*/

h1 {text-indent: -5000px; line-height: 1px; margin: 10px 0 0 0; padding: 0;}

body#about h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_about.gif);}
body#whatson h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_whatson.gif);}
body#tickets h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_tickets.gif);}
body#directions h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_directions.gif);}
body#camping h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_camping.gif);}
body#merchandise h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_merchandise.gif);}
body#tradersjobs h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_tradersjobs.gif);}
body#contact h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_contact.gif);}
body#terms h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_terms.gif);}
body#jobs h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_jobs.gif);}
body#privacy h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_privacy.gif);}
body#thanks h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_song07.gif);}
body#cancel h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_song07.gif);}
body#sitemap h1 {width: 525px; height: 54px; float: left; background: url(../images/h1_song07.gif);}

h2 {font-size: 120%; margin: 0.4em 0 0.6em 0; color: #55B2E3;
line-height: 1.286;  margin-top: 1em;  margin-bottom: 0.5em }
h3 {font-size: 110%; margin: 0em 0 0.4em 0; color: #55B2E3; font-weight: normal; clear: both;}
h3 a {text-decoration: none;}
h3 a:hover {}
h4 {font-size: 120%; color: #55B2E3; font-size: 100%; border-bottom: 1px dotted #005EB0; line-height: 1.2em; margin-bottom: 0.5em; font-weight: bold; padding-bottom: 0.2em; margin-top: 1em;}


/* ---------lists----------*/

li, dd {list-style: none;}

#content ul, #content dl {font-size: 95%; line-height: 1.5em; margin: 1.1em 0 1.5em 0;}

#maincontent ul li, #maincontent dl dd {list-style: none; padding-left: 15px; color: #303030; line-height: 1.4em;
background: url(../images/bullet_standard.gif) left 5px no-repeat; margin-left: 18px; margin-bottom: 0.6em;
}

#maincontent dl dt {color: #005EB0; font-style: italic; font-weight: bold; font-size: 100%;
line-height: 1.6em; padding-bottom: 0.3em;
}
#maincontent ul li a, #maincontent dl dd a {color: #409E31; font-weight: bold;}
#maincontent ul li a:hover, #maincontent dl dd a:hover {text-decoration: underline;}

/* --------------------------*/

#maincontent p a, #homepageintro p a {font-weight: bold; color: #005EB0;}
#maincontent p a:visited, #homepageintro p a:visited {color: #005EB0;}
#maincontent p a:hover, #homepageintro p a:hover {color: #005EB0; text-decoration: underline;
}


/* ---------images-----------*/

#maincontent img {padding: 3px; border: 1px solid black; background-color: #ABD4A5; margin-bottom: 20px;}



/* ---------friends---------*/

#maincontent div#friends img {float: left; margin-bottom: 5px; margin-bottom:20px;}
#maincontent div#friends p {padding:0 0 0.3em 0; margin: 0; text-indent: 0; line-height: 1.3em; }
#maincontent div#friends div.buddytext {width: 280px; float: right;}



/* ---------ticket--------*/

#maincontent div.ticketdetails {float: 430px;}
#maincontent div.ticketdetails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#maincontent div.ticketdetails ul {width: 280px; float: right; padding-left: 0;
margin-top: 0px;margin-left: 0; padding-bottom: 0px;}
#maincontent div.ticketdetails ul li {margin-left: 15px; border-bottom: 1px solid #B5DFFB; padding-bottom: 0.4em;}

#maincontent div.ticketdetails ul li form {margin-top: 2px;}

div.payment form {margin-top: 5px;}

/*----------------

#maincontent div.ticketdetails ul li form {float: right;}
#maincontent div.ticketdetails ul li {float: left; clear: both;}


------------------*/



#maincontent div.ticketdetails dl {margin: 0;}
#maincontent div.ticketdetails dt {margin: 0.5em 0 0 0; padding: 0;}
#maincontent div.ticketdetails dd {margin: 0;}

#maincontent div.ticketdetails img {margin-bottom: 5px; background-color: #D3EBFB; border: 1px solid #55B2E3;}



/* ---------friends-----------*/

#maincontent div#friends p {padding:0 0 0.3em 0; margin: 0; text-indent: 0; line-height: 1.3em; }
#maincontent div#friends div.buddytext {width: 280px; float: right;}


/* ---------main divisions-----------*/

#branding {	height: 375px; width: 765px; background: url(../images/song_header.gif); position: relative; font-size: 120%;}

div#branding p {text-indent: -5000px; display: none;}
	
#wrapper {
	width: 765px;
	border: 5px solid #409E31;
	border-top: none;
	background: url(../images/song_bg_content.gif) repeat-y #fff;
	margin: 0 auto; margin-top: 0; position: relative;
}
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* -----------main navigation----------*/

div#mainnav {
	background-color: #409E31;
	width: 765px;
	color: white;
	padding: 0;
	margin: 0;
	float: left;
	text-transform: titlecase;
	letter-spacing: -0.04em;
	font-weight: bold;
	font-size: 100%;
	}

#mainnav a {padding: 0;	margin: 0;	color: #fff;text-decoration: none;}
#mainnav ul li.current a {color: #F1C35B;}
#mainnav ul li a:visited {}		
#mainnav ul li a:hover {color: #B5DFFB;}
#mainnav ul {margin-left: 10px;padding: 0px 0 12px 0;bottom: 0; float: left;display: inline;}
#mainnav ul li {float: left;display: block;
	list-style: none;	
	padding: 0 5px 0 15px;
	margin: 2px 0 0px 0;
	background: url(../images/bullet_nav.gif) left center no-repeat;
	}
#mainnav ul li#first {background: none; padding-left: 0;}
#mainnav li.last  {padding-right:0;}

/*--rounded boxes starts here--*/
		
div#homepageintro h1 {}

div#homepageintro {width: 542px; float: left; margin-top: 10px;
background: url(../images/box_home1.gif) top left; position: relative;
padding: 55px 155px 20px 59px; min-height: 60px;}

*html div#homepageintro {height: 60px;}



div.roundedbottom {padding: 10px 20px 10px 60px; margin: 0;width: 680px; float:left; 
			background: url(../images/box_home1.gif) bottom left; position: relative;
			 display: block;}
			
div.roundedbottom div {width: 35%; float: left; border-top: 1px dotted #55B2E3; padding-left: 65px; padding-top: 10px;}

div.roundedbottom div p {color: #409E31; line-height: 1.4em; margin-bottom: 0.2em;}

div.roundedbottom div h3 {color: #000; font-weight: bold; line-height: 1.3em; margin-bottom: 0.2em;}
div.roundedbottom div h3 a {color: #000;}
div.roundedbottom div h3 a:hover {color: #000; text-decoration: underline;}

div.roundedbottom div#camping { background: url(../images/icon_tent.gif) left center no-repeat; padding-left: 75px; width: 38%;}

*html div.roundedbottom div#camping {width: 30%;}

div.roundedbottom div#tickets {border-right: 1px dotted #55B2E3; background: url(../images/icon_tickets.gif) left center no-repeat}

div.roundedbottom div p {width: 90%;}
div.roundedbottom div p.more {float: right;}

 p.more {background: url(../images/bullet_bluearrow1.gif) right center no-repeat; padding-right: 20px; text-align: right; margin-right: 20px;}
 p.more a {color: #005EB0; font-weight: bold;}
 p.more a:hover {text-decoration: underline;}


div#lineupgraphic {background: url(../images/line_up.jpg) left top no-repeat; width: 765px; height: 285px; float: left; display: block; margin-top: 10px;}
div#lineupgraphic a {width: 765px; height: 285px; display: block;}

/*div.roundedbottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} */

/* ---------------subnav------------------*/

div#content p#intro {font-size: 105%; font-weight: bold; line-height: 1.3em;}
div#content p {font-size: 95%; line-height: 1.3em; margin-bottom: 0.7em;}

/* ------------main content styles----------*/

div#maincontent p.intro, div#homepageintrocontent p.intro {font-size: 105%; font-weight: bold; line-height: 1.3em; text-indent: 0;}

div#maincontent p.intro a {padding-left: 22px; background: url(../images/bullet_bluearrow1.gif) 3px center no-repeat;
}

div#content p {font-size: 95%; line-height: 1.4em; margin: 1em 0 1em 0;}

div#maincontent ul li {line-height: 1.3em;}	
div#maincontent ul {margin: 1em 0 1em 0;}

/* ---------------lineup------------------*/


div#maincontent div.lineup {float: left; clear: both; width: 525px; width: 430px;
font-weight: bold; color: #fff; font-size: 120%; position: relative; left: 20px;
}

div#maincontent div.lineup dl dt {border-bottom: 1px dotted #005EB0; padding-bottom: 0.4em; margin-bottom: 0.5em;}

div#maincontent div.lineup dl {width: 205px; float: left; text-align: center; margin-top: 0;}
div#maincontent div.lineup dl dd {line-height: 1.1em; background: none; padding: 0; margin: 0;}
div#maincontent div.lineup dl dd.headliner {font-size: 140%;}
div#maincontent div.lineup dl dd.headliner2 {font-size: 130%;}
div#maincontent div.lineup dl dd.headliner3 {font-size: 120%;}
div#maincontent div.lineup dl dd.headliner4 {font-size: 110%;}

div#maincontent div.lineup dl dd a {color: #000;}
div#maincontent div.lineup dl dd a:visited {color: #000;}

body.lineup div#maincontent h3 {text-align: center; 
border-bottom: 1px dotted #409E31; border-top: 1px dotted #409E31;
background-color: #F5FAF4;font-size: 130%; background-image: none;font-weight: normal; padding-top: 0.3em; padding-bottom: 0.3em;}


/* ---------------footer-------------------*/

div#footer {background: url(../images/footer.gif) bottom right no-repeat; width: 765px; height: 161px; float: left; position: relative;}

div#footer p {position: absolute; left: 10px; bottom: 5px;}

div#footer ul {width: 355px; font-size: 95%; position: absolute; right: 5px; bottom: 5px; text-align: right;}
div#footer ul li {width: 355px; display: inline; padding-right: 0.6em;}
div#footer ul li.last {border-right: none;}

div#footer ul li a {color: #fff;}
div#footer ul li a:hover {color: #F1C35B;}

/* -------image replacement callout-------*/

p#logo {position: absolute; top: 35px; left: 496px; text-indent: -5000px; background: url(../images/x.gif) no-repeat; width: 222px; height: 27px;}
p#logo a {display: block; width: 222px; height: 27px;}

div#threeboxfudgehead {	background: url(../images/threebox_fudgehead.jpg) left no-repeat; 
width: 765px; height: 51px; float: left; margin-top: 20px;}

div#threebox {float: left; width: 765px; height: 170px;
background: url(../images/threebox.gif) no-repeat 4px bottom;
position: relative;}

div#threebox p {margin-bottom: 0.5em; margin-top: 0.5em;}
div#threebox p a {font-weight: bold; font-style: italic; color: #005EB0;}
div#threebox p a:visited {color: #005EB0;}
div#threebox p a:hover {text-decoration: underline;}


div#threebox div {top: 7px;width: 195px; position: absolute; color: #000; line-height: 1.3em;}

div#threebox div#ticketbox {left: 46px;}
div#threebox div#mailinglist {left: 298px;}
div#threebox div#news {left: 551px;}

div#threebox div div {top: 3.5em;}
div#threebox div form {width: 100%;}
div#threebox div form input.textinput {width: 90%;}

form input.textinput {border: 2px solid #005EB0; margin: 2px; background-color:#B2DFF6;}

div#content {width: 765px; float: left;}

div#maincontent {width: 435px; background: url(../images/detail_content_bg.gif) bottom left; float: left; padding-left: 55px; padding-right: 35px; padding-bottom: 20px;
}

div#subcol {width: 228px; float: right; background: url(../images/subcol_bg.gif) no-repeat;
margin: 0; position: relative; bottom: 35px;
}

div#subcol ul {width: 228px; float: right; margin: 10px 0 0 0; padding-bottom: 200px;
background: url(../images/subcol_bottom.gif) no-repeat bottom right;}

div#subcol ul li {background: url(../images/subcol_li_bg.gif) left center no-repeat;
padding-left: 20px; line-height: 1.8em; position: relative; left: 20px; font-size: 105%; font-weight: bold;
color: #000; width: 178px; text-transform: capitalize;
}

div#subcol ul li.current a {color: #000;}
div#subcol ul li.email {text-transform: lowercase;}

div#subcol ul li a {color: #005EB0;}
div#subcol ul li a:hover {text-decoration: underline;}

div#subcol h3 {margin-top: 20px; padding-left: 23px; padding-bottom: 0.5em;padding-top: 0.5em;
background: url(../images/col_h3_bullet.gif) left center no-repeat;
border-bottom: 2px dotted #55B2E3; width: 150px; margin-left: 15px; text-transform: uppercase;
font-weight: bold; color: #000;
}

div#maincontent h2 {background: url(../images/h3_chufty.gif) left 4px no-repeat; padding-left: 20px;
color: #1C551E; border-bottom: 2px dotted #55B2E3; padding-bottom: 0.4em; font-size: 120%;}

div#maincontent h3 {background: url(../images/h3_chufty.gif) left 4px no-repeat; padding-left: 20px;
color: #1C551E; border-bottom: 1px dotted #55B2E3; padding-bottom: 0.4em; padding-top: 0.2em; font-weight: bold;}