/* Ginger Package Stylesheet. Swiper, no swiping */

@font-face {
	font-family: 'Daniel Regular';
	src: url('../fonts/daniel.eot');
	src: local('Daniel Regular'), local('Daniel'), url('../fonts/daniel.woff') format('woff'), url('../fonts/daniel.svg#Daniel') format('svg'), url('../fonts/daniel.ttf') format('truetype');
}

@font-face {
	font-family: 'Daniel Bold';
	src: url('../fonts/danielbd.eot');
	src: local('Daniel Bold'), local('DanielBold'), url('../fonts/danielbd.woff') format('woff'), url('../fonts/danielbd.svg#DanielBold') format('svg'), url('../fonts/danielbd.ttf') format('truetype');
}

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
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-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote: before, blockquote: after,
q: before, q: after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }

body{ background: #090502; color: #8bf3fe; font: 14px/1.5em "Century Gothic", centurygothic, futura, verdana, sans-serif; }
html,body,#bg,#bg table, #bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: scroll; position: absolute; z-index: 100; }

#container{ width: 1000px; padding: 0 10px 10px; margin: 1% auto; background: #000; }

#header img{ float: right; }

#navigation{ padding: 50px 0 0 10px; font-family: "Daniel Regular"; font-size: 20px; }
#global li{ list-style-type: none; display: block; float: left; }
#global li a{ display: block; float: left; padding: 5px 40px 10px 0; }
#global li a:link,
#global li a:visited{ color: #8bf3fe; text-decoration: none; }
#global li.dropdown:hover{ background: url(../images/current.jpg) 20% bottom no-repeat; }

#global li ul{ margin: 35px 0 0 -80px; padding: 0; position: absolute; visibility: hidden; border: 1px solid #444; border-width: 1px 1px 0; }
#global li ul li{	 display:block; float: left; }
#global li ul li a{ width: auto; display: block; float: left; color: #8bf3fe; background: #000; font-size: 16px; padding: 3px 10px; }
#global li ul li a:hover{ color: #8bf3fe; }

a:link{ color: #369; }
a:visited{ color: #9bF; }
a:hover{ text-decoration: none; }

#page_body{ clear: both; }

#social{ float: right; }
#social a:link,
#social a:visited{ text-decoration: none; }
#social img{ width: 32px; border: none; margin: 0 0 3px 0; }

#content{ float: left; width: 325px; height: 340px; padding: 0 25px 76px; overflow: auto; }
#spotlight{ width: 600px; float: left; }
#spotlight img{ float: right; }

.jScrollPaneContainer{ position: relative; overflow: hidden; z-index: 1; float: left; margin: 35px 25px 50px 0; }

.jScrollPaneTrack{ position: absolute; cursor: pointer; right: 0; top: 0; height: 415px !important; background: #111; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jScrollPaneDrag{ position: absolute; background: #444; cursor: pointer; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jScrollPaneDragTop{ position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom{ position: absolute; bottom: 0; left: 0; overflow: hidden; }

h1{ font: 30px "Daniel Bold", "Century Gothic", centurygothic, futura, verdana, sans-serif; }
h2{ font: 24px "Daniel Regular", "Century Gothic", centurygothic, futura, verdana, sans-serif; }
h3{ font: 18px "Daniel Regular", "Century Gothic", centurygothic, futura, verdana, sans-serif; }
p{ margin-bottom: 18px; }

.clear{ clear: both; }

#slideshow{ margin-bottom: -4px; }

div.content{ display: none; float: left; width: 875px; height: 501px; }
div.content a, div.navigation a{ text-decoration: none; color: #8bf3fe; }
div.content a:focus, div.content a:hover, div.content a:active{ text-decoration: underline; }
div.controls{ float: right; clear: both; height: 20px; margin-bottom: -20px; }
div.controls a:link,
div.controls a:visited{ color: #8bf3fe; text-decoration: none; }
div.controls a:hover{ color: #8bf3fe; }
div.ss-controls{ float: right; width: 85px; text-align: center; margin-top: -45px; font: 18px "Daniel Regular"; }
div.ss-controls a{ display: block; }

div.loader{ background-image: url('..images/loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px; }
div.slideshow{ clear: both; margin-bottom: -4px; width: 900px; overflow: hidden; }
div.slideshow span.image-wrapper{ padding-bottom: 12px; }
div.slideshow a.advance-link{ padding: 2px; display: block; }
div.slideshow img{ border: none; display: block; margin: 0 auto; }

div.navigation{ width: 90px !important; float: right !important; }
ul.thumbs{ clear: both; margin: 0; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 0 5px 5px 0; list-style: none; }
a.thumb{ width: 40px; height: 40px; overflow: hidden; display: block; }
ul.thumbs li.selected a.thumb{ background: #000; }
a.thumb: focus{ outline: none; }
ul.thumbs img{ border: none; display: block; }
div.pagination{ clear: both; }
div.navigation div.bottom{ margin-top: 12px; }

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li{ float: none; padding: 0; margin: 0; list-style: none; }
#thumbs-min a.thumb{ padding: 0px; display: inline; border: none; }
#thumbs-min ul.thumbs li.selected a.thumb{ background: inherit; color: #000; font-weight: bold; }

form p { position: relative; margin: 8px 0; }
form p label { position: absolute; top: 0; left: 0; color: #000; font-size: 12px; }
form p br{ display: none; }
form fieldset p input,
form fieldset p textarea{ display: block; padding: 3px; width: 300px; margin: 0; }
form fieldset p label{ width: 290px; display: block; margin: 5px 5px 5px 6px; padding: 0; }
form fieldset p textarea{ padding: 2px; width: 305px; }
form legend{ font-size: 14px; font-family: "Daniel Bold"; padding: 20px 0 5px 0; }
.required{ color: #900; }
.error{ color: #900; font-size: 10px; font-style: italic; }

.sessions fieldset{ width: 350px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 250px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; font-style: italic; }

#session{ margin-bottom: 10px; }
#session label{ clear: left; float: left; width: 150px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #900; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; border: 1px solid #900; color: #900; font-style: italic; font-size: 10px; font-weight: bold; }

#footer{ font-size: 10px; width: 1000px; margin: 0 auto; color: #000;}
.vcard div{ float: left; padding-right: 20px; }
#footer p{ margin-bottom: 0; clear: left; }
#footer a:link,
#footer a:visited{ color: #000; }