/*
Different Language master style sheet v.02
Martin Hodgson // www.martinhodgson.co.uk // martinhodgson@gmail.com
Last updated: Thursday 17th September 2009 // 14:14pm
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

body {text-align: center; font: 0.8em Optima, Geneva, Arial; background: #0C0B0C url("/images/background.jpg") top left repeat-x; color: white;}

h1 {font-size: 1em; letter-spacing: 0.4em; text-transform: uppercase; height: 32px; padding: 18px 0 0 17px;}
h2 {font-size: 0.8em; letter-spacing: 0.4em; text-transform: uppercase; padding: 14px 0 23px 0;}
div#main h2 {margin: -50px 0 13px 0;}
body#eventspage div#intro h2 {margin: 302px 0 13px 0;}
h3 {font-size: 0.82em; letter-spacing: 0.4em; text-transform: uppercase; padding: 0 0 8px 0;}
h4 {font-size: 0.8em; line-height: 1.2em; letter-spacing: 0.4em; text-transform: uppercase; padding: 5px 0 12px 0;}
div#main h3 {padding: 0 0 20px 0;}
div#sub h3 {padding: 13px 0 24px 0;}
div#main h3.heading {background: #746C76; padding: 10px 0 8px 10px; margin: 8px 0 10px -10px; width: 512px;}
div#sub h3.heading {background: #746C76; padding: 10px 0 8px 10px; margin: 8px 0 10px -10px; width: 248px;}
p {font: 0.8em "Lucida Grande", Optima, Geneva, Arial; line-height: 1.8em; padding: 0 0 15px 0;}
p strong {font-weight: bold;}
ul {font-size: 0.88em; padding: 0 0 15px 0; line-height: 1.8em; list-style: none;}
ul li {padding: 0 0 8px 0;}
ol {font-size: 0.88em; padding: 0 0 30px 25px; line-height: 1.8em;}
ol li {padding: 0 0 2px 0;}
a {color: #E2D3E6; text-decoration: none; padding: 0 0 0 20px; background: url("/images/link.png") left no-repeat;}
h4 a {padding: 1px 0 1px 20px;}
a:visited {color: #E2D3E6;}
a:hover {color: white; background: black url("/images/link-over.jpg") left no-repeat; padding: 2px 0 2px 20px;}

div#container {width: 800px; margin: 0 auto 40px auto; padding: 7px 0 0 0; text-align: left; display: table; background: #302B30 url("/images/headers/bio.jpg") top left no-repeat;}
body#home div#container {background: #302B30 url("/images/headers/home.jpg") top left no-repeat;}
body#mediapage div#container {background: #302B30 url("/images/headers/media.jpg") top left no-repeat;}
body#eventspage div#container {background: #302B30 url("/images/headers/events.jpg") top left no-repeat;}
div#intro {width: 227px; height: 345px; padding: 30px 20px 0 17px;}
div.feature {width: 238px; float: left; padding: 0 10px 195px 10px; height: 303px; margin: 7px 0 0 0;}
div.latest {background: url("/images/feature-1.jpg") top left no-repeat; margin: 7px 6px 0 7px;}
div.nextevent {background: url("/images/feature-2.jpg") top left no-repeat;}
div.upcoming {background: url("/images/feature-3.jpg") top left no-repeat; margin: 7px 0 0 6px;}

div.feature p span {font-size: 1.35em; text-transform: uppercase;}
div.event-one {background: url("/images/event-1.jpg") top left no-repeat; margin: 7px 6px 0 7px;}
div.event-two {background: url("/images/event-2.jpg") top left no-repeat;}
div.event-three {background: url("/images/event-3.jpg") top left no-repeat; margin: 7px 0 0 6px;}

div#footer {background: #302B30 url("/images/footer.jpg") bottom left no-repeat; text-align: right; width: 786px; padding: 30px 7px 10px 7px; clear: both; float: left;}
div#main {width: 502px; float: left; margin: 382px 6px 0 7px; padding: 0 10px 10px 10px; background: #665F67 url("/images/main.jpg") top left no-repeat;}
div#sub {width: 238px; float: left; margin: 382px 0 0 0; padding: 0 10px 10px 10px; background: #665F67 url("/images/sub.jpg") top left no-repeat;}
div.event {padding: 0 0 30px 0;}

ul.nav {font-size: 0.82em; float: right; text-transform: uppercase; margin: -45px 0 0 0; padding: 12px 15px 0 0; letter-spacing: 0.3em;}
ul.nav li {float: left; margin: 0 0 0 25px;}
ul.nav li a {color: white; padding: 0; text-decoration: none; background: none;}
ul.nav li a:visited {color: white;}
ul.nav li a:hover {color: #E2D3E6; background: none;}
body#home ul.nav li.index, body#aboutpage ul.nav li.about, body.mediapage ul.nav li.media, body#eventspage ul.nav li.events {color: #E2D3E6;}

ul.flyers {padding: 0;}
ul.flyers li {float: left; width: 140px; padding: 0 10px 10px 0;}
ul.flyers li a {background: none; padding: 0;}
ul.flyers li a img {-moz-box-shadow: 1px 1px 8px #262125; -webkit-box-shadow: 1px 1px 8px #262125;}

div#footer p {font-size: 0.8em; color: #CCC;}
div#footer ul li {font-size: 0.6em; float: left; margin: 0 5px 0 0;}
div#footer a {background: none; padding: 0;}
a img {border: 0;}
div#footer img {margin: 0 0 -3px 8px;}

#lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}
#lightbox a {padding: 0; background: inherit;}
#lightbox a:hover {background: none; padding: 0;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#lightbox #hoverNav a {outline: none; background: none; padding: 0;}
#lightbox #prevLink, #lightbox #nextLink {width: 49%; height: 100%; background: url(data:image/gif;base64,AAAA); display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#lightbox #prevLink:hover, #lightbox #prevLink:visited:hover {background: url("/images/prevlabel.gif") left 15% no-repeat;}
#lightbox #nextLink:hover, #lightbox #nextLink:visited:hover {background: url("/images/nextlabel.gif") right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}

a.eventflyer {float: right; padding: 0; margin: 0 0 0 30px; background: none;}
a.eventflyer img {-moz-box-shadow: 1px 1px 15px #262125; -webkit-box-shadow: 1px 1px 15px #262125;}