html, body, div, span, h1, h2, h3, h4, h5, h6, p, table, td, tr, tbody, form, input, img { -moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0; }
body { background:#080808 url('/wp-content/themes/tswdb/event/img/bg.jpg') no-repeat center top;font-family:Verdana, Geneva, sans-serif;color:#888;font-size:14px; }
#event_logo { background:url('/wp-content/themes/tswdb/event/img/logo.png') no-repeat center center;width:1000px;height:180px;margin:30px auto 0; }
#event_navigation { background-color:rgba(0,0,0,0.7);width:1000px;padding:0;margin:60px auto 0; }
#event_navigation > div { width:1000px;position:relative;overflow:auto;padding:0;margin:0 auto; }
#event_navigation > div > span, #event_navigation > div > a { display:inline-block;float:left;cursor:pointer;color:#707070;font-size:20px;line-height:42px;font-weight:normal;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;text-shadow:0 0 8px #2d2d2d;padding:13px 20px 10px 20px;margin:0;border-width:0 0 3px 0;border-style:solid;border-color:transparent;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; }
#event_navigation > div > span:hover, #event_navigation > div > a:hover { color:#aaa;text-shadow:0 0 15px #888; }
#event_navigation > div > span.event_navigation_active { cursor:default;color:#745FE6;text-shadow:0 0 20px #5E4AE8;border-color:#6E60D0; }
#event_navigation > div > a { float:right;color:#5a5a5a;font-size:16px;text-decoration:none; }
#event_navigation > div > a > i { vertical-align:middle; }
#event_navigation > div > a:hover { color:#888; }
#event_details { background-color:rgba(0,0,0,0.5);width:1000px;display:block;cursor:default;text-shadow:0 0 5px #212121;padding:20px;margin:0 auto; }
#event_details > div { display:none;cursor:default;overflow:auto; }
#event_details > div a { color:#5E558E;text-decoration:none;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; }
#event_details > div a:hover { color:#745FE6;text-decoration:none;text-shadow:0 0 20px #5E4AE8; }
#event_details > div.event_details_active { display:block; }
#event_details > div > div { display:inline-block; }
#event_details > div > div:first-child { width:660px;padding:0 15px 0 0; }
#event_details > div > div:last-child { width:300px;float:right; }
#event_details > div > div:last-child a { background-color:#111;display:block;opacity:1; }
#event_details > div > div:last-child a img { width:300px;height:auto;display:block;opacity:0.5;border:1px solid #332F52;margin:0 0 15px 0;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; }
#event_details > div > div:last-child a img:hover { opacity:1; }
#event_details > div > div:last-child a:last-of-type img { margin-bottom:0; }
#event_details > div h1 { font-size:18px;line-height:18px;margin:0 0 5px 0; }
.footnote { color:#777;font-size:10px;font-style:italic; }
footer { width:1000px;text-align:center;margin:20px auto; }
footer a { height:100%;color:#707070;font-size:14px;line-height:42px;vertical-align:middle;text-decoration:none;text-shadow:0 0 8px #2d2d2d;padding:10px 20px 10px 20px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; }
footer a > img { position:relative;bottom:1px;opacity:0.5;vertical-align:middle;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; }
footer a:hover { color:#aaa;text-shadow:0 0 15px #888; }
footer a:hover > img { opacity:1; }
@media only screen and (max-width:1000px) {
	body { background-size:200%; }
	#event_logo { background-size:100%;width:100%;margin-top:20px; }
	#event_navigation { background-color:rgba(0,0,0,0.7);width:100%;padding:0 20px 0 20px;margin-top:20px; }
	#event_navigation > div { width:100%; }
	#event_navigation > div > span { font-size:16px;line-height:32px; }
	#event_navigation > div > a { display:none; }
	#event_details { background-color:rgba(0,0,0,0.5);width:100%; }
	#event_details > div > div:first-child { width:100%;padding-right:0;padding-bottom:15px; }
	#event_details > div > div:last-child { width:100%;float:none; }
	#event_details > div > div:last-child a { display:inline-block; }
	#event_details > div > div:last-child a img { width:150px;margin-bottom:0 !important; }
	footer { width:100%; }
}
@media only screen and (max-width:750px) {
	#event_logo { height:135px; }
}
@media only screen and (max-width:500px) {
	#event_logo { height:90px; }
	#event_navigation > div > span { font-size:14px; }
}