@import url(reset.css);

/*=GLOBAL FORMAT SETTINGS==========================================*/
.clear {clear:both;}
.left {float:left; margin-right:20px; margin-bottom:10px;}
.hidden {display:none;}
.replaced {text-indent:-10000px;}
.upper {text-transform:uppercase;}
.bold {font-weight:bold;}
a.top {text-decoration:none; text-transform:uppercase; font-size:small; font-weight:bold; background:#e3e3e3; border:1px solid #ccc; padding:2px; color:#222;}

/*=LAYOUT==========================================================*/
html {background:#B7D7E6}
body {text-align:center;} /*IE workaround to centre webpage*/
#wrapper {position:relative; width:960px; margin:0 auto; text-align:left;}
#header, #about, #artists, #location, #gallery, #tickets {position:relative;}

	/*padding settings*/
#header, #about, #artists, #location, #gallery, #tickets, #order_info {padding-left:10px; padding-right:10px;}
#about, #tickets, #location {padding-bottom:145px;}
#gallery {padding-bottom:30px;}
#thanks {padding:50px 250px;}

.images {width:940px; height:300px; background-color:#ccc;}

/*=BACKGROUND IMAGES===============================================*/
#wrapper {background:#5FA2D7 url('../images/bg-onsalenow.jpg') no-repeat;}
#artists {background:url('../images/grass.jpg') no-repeat center bottom;}
#tickets, #location, #gallery {background: url('../images/soil.jpg') repeat-y;}
#footer {background:url('../images/roots.jpg') no-repeat bottom center;}

/*=HEADER==========================================================*/
#header {height:265px; position:relative;}

/*=NAVIGATION======================================================*/
.nav {position:absolute; bottom:55px; right:0;}
#artists .nav, #location .nav, #gallery .nav, #tickets .nav {position:absolute; top:0; right:10px; height:40px;}
.nav ul li {float:left; font-family:'arial black',arial, helvetica, sans-serif; font-size:19px;}
#artists .nav ul li, #location .nav ul li, #gallery .nav ul li, #tickets .nav ul li {font-size:inherit;}
.nav ul li a {color:#60430A; text-decoration:none; padding:0 20px;}
.nav ul li a:hover, .nav ul li a:focus {color:#E57000;}
.nav ul li.last a {padding-right:0;}

/*=HEADINGS========================================================*/
#about h2 {background:url('../images/head-sprite.png') no-repeat -10px -20px; height:48px;}
#artists h2 {background:url('../images/head-sprite.png') no-repeat -10px -70px; height:48px;}
#tickets h2 {background:url('../images/head-sprite.png') no-repeat -10px -120px; height:48px;}
#location h2 {background:url('../images/head-sprite.png') no-repeat -10px -170px; height:48px;}
#gallery h2 {background:url('../images/head-sprite.png') no-repeat -10px -220px; height:48px;}

#order_info h2, #thanks h2 {font-family:'arial-black',arial,helvetica,sans-serif; font-weight:bold; font-size:28px; border-bottom:1px solid #222;}
#artists h3, #location h3, #gallery h3 {font-family:'arial-black',arial,helvetica,sans-serif; font-weight:bold;}

/*=ABOUT=*/
#about img {border:solid 4px white;}
#about p.intro {font-size:17px; line-height:21px; font-style:italic; font-family:arial,helvetica,sans-serif; color:#342508; padding-bottom:19px;}
#imagebox {overflow:hidden; width:328px; height:248px;}

/*=ARTISTS=*/
#artists {padding-bottom:220px;}
#artists .wide {width:420px; padding:20px;}
#artists .narrow {width:260px; padding:20px;}
#artists .artist {float:left; margin-right:20px; background:#fff; margin-bottom:20px;}
#artists .artist a.showhide {text-decoration:none; text-transform:uppercase; font-size:small; font-weight:bold; background:#e3e3e3; border:1px solid #ccc; padding:2px;}
#artists .last {margin-right:0;}

/*=LOCATION=*/
#location {color:#eee;}
#location #descrip {float:left; width:320px;}
#location #map_canvas {width:590px; height:590px; float:right; border:5px solid white; overflow: hidden;}

/*=GALLERY=*/
#gallery {color:#eee; border-bottom:3px solid #37260A;}
.slideshow {padding-top:17px;}
.slideshow li {display:inline; margin-bottom:5px;margin-right:5px;}
.slideshow li a img {display:inline-block; border:#fff 4px solid; margin-bottom:5px;}
.slideshow li a:hover img {border-color:#ddd;}

/*=TICKETS SECTION=================================================*/
#tickets {color:#eee;}

.ticket_info {width:460px; float:left;}
.ticket_orderform {width:460px; float:right;}

#tickets h3 {font-family:'arial black',arial, helvetica, sans-serif; color:#5FA2D7; font-size:25px;}
#tickets h4 {margin-top:34px;}
#tickets .ticket_info ul {list-style:disc; list-style-position:inside;}
#tickets form {width:460px; margin:20px 0;}
#tickets label {display:block;}
#tickets label.error {color:#E57000; font-weight:bold;}
#tickets input {width:420px; background:#B7D7E6;}
#tickets input.auto {width:auto;}
#tickets fieldset {width:440px; padding:10px; margin-bottom:15px; border:1px solid #666;}
#tickets legend {text-transform:uppercase; font-weight:bold; padding:0 5px; color:#B7D7E6;}

/*=ORDER DETAILS====================================================*/
.contact {float:left; width:460px;}
.order {float:right; width:460px;}

#order_info table td, #order_info table th {padding:2px 17px;}
#order_info table th {border-bottom:1px solid #222;}
#complete {padding:17px 37px;}

/*=FOOTER==========================================================*/
#footer {height:185px; width:960px; border-top:1px solid #322105;}
#footer p {text-align: center; color:#60430A; font-size:25px; font-family:'arial black',arial,helvetica,sans-serif;}
#footer p.copy {color:#eee;  font-size:12px; font-family:arial,helvetica,sans-serif;}