/* stylesheet for Chicory Package Design */
@font-face {
	font-family: 'BlackJack Regular';
	src: url('../fonts/black_jack.eot');
	src: local('BlackJack Regular'), local('BlackJackRegular'), url('../fonts/black_jack.woff') format('woff'), url('../fonts/black_jack.ttf') format('truetype'), url('../fonts/black_jack.svg#BlackJackRegular') format('svg');
}

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: #50a2ad; color: #fff; font: 12px/1.5em Arial, helvetica, 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; margin: 3% auto; }

#header{ float: left; padding-top: 35px; }
#header img{ display: block; }

#navigation{ font: bold 14px "Trebuchet MS", Tahoma, verdana, sans-serif; background: url(../images/ghost.png); float: right; }
#navigation li{ display: block; float: left; }
#navigation li a{ display: block; float: left; padding: 10px 25px 7px 15px; }
#navigation li a:link,
#navigation li a:visited{ text-decoration: none; color: #fff; }

a:link{ color: #50a2ad; }
a:visited{ color: #41200d; }
a:hover{ text-decoration: none; }

.potato-menu-has-vertical a{ background: url(../images/dropdown.png) 87% 16px no-repeat; }
#navigation ul.potato-menu{ margin:0; padding:0; width:auto; list-style:none; }
#navigation .potato-menu:after{ content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
#navigation ul.potato-menu li.potato-menu-item{ margin:0; padding:0; position:relative; list-style:none; list-style-position:outside; display:inline; float:left; }
#navigation ul.potato-menu li.potato-menu-item ul{ margin-top: 35px; }
#navigation ul.potato-menu li.potato-menu-item ul li a{ display:block; width: 185px; padding: 7px 20px; text-decoration:none; white-space:nowrap; outline:0; background-image: none; }
#navigation ul.potato-menu ul.potato-menu-group{ background: url(../images/ghost.png); border: 1px solid #50a2ad; border-width: 0 1px 1px; margin: 0; padding: -webkit-padding-start:0; -webkit-padding-end:0; position:absolute; display:none; z-index:1000; }
#navigation ul.potato-menu li.potato-menu-item ul li a:hover{ background: #50a2ad; }

#slideshow{ width: 775px; height: 500px; display: block; background: #fff; float: left; }

div.content{ display: none; float: left; width: 675px; height: 500px; overflow: hidden; }
div.content a, div.navigation a{ text-decoration: none; color: #000; }
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: #fff; text-decoration: none; }
div.controls a:hover{ color: #fff; }
div.ss-controls{ float: right; width: 85px; text-align: center; margin-top: -60px; font: 18px "BlackJack Regular"; }
div.ss-controls a{ display: block; }

#sidebar{ background: url(../images/ghost.png); }

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

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 3px 3px 0; list-style: none; }
a.thumb{ width: 34px; height: 34px; overflow: hidden; display: block; border: 3px solid #fff;}
ul.thumbs li.selected a.thumb{ background: #fff; }
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: #fff; font-weight: bold; }

#page_body{ width: 775px; background: #fff; float: left; }
#content{ float: left; width: 300px; height: 350px; overflow: auto; padding: 0 50px 0 25px; color: #000; }

#spotlight{ width: 375px; float: left; }
#spotlight img{ display: block; }

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

.jScrollPaneTrack{ position: absolute; cursor: pointer; right: 0; top: 0; height: 345px !important; background: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jScrollPaneDrag{ position: absolute; background: #50a2ad; 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: 36px "BlackJack Regular"; color: #50a2ad; margin-bottom: 10px; }
h2{ font: 30px "BlackJack Regular"; color: #50a2ad; margin-bottom: 10px; }
h3{ font: 18px "BlackJack Regular"; color: #50a2ad; margin-bottom: 0; }
p,
#content ul,
#content ol,
#content dl{ margin-bottom: 15px; }

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 img{ border: 2px solid #50a2ad; }
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: "BlackJack Regular"; padding: 20px 0 5px 0; color: #50a2ad; }
.required{ color: #50a2ad; }
.error{ color: #50a2ad; 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: 120px; padding: 5px 5px 5px 0; 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: #50a2ad; }
.sessions .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 background; color: background; font-style: italic; font-size: 10px; font-weight: bold; }

#footer{ clear: both; font: bold 12px/1.5em "Trebuchet MS", Tahoma, verdana, sans-serif; padding: 7px 0 7px 15px; background: url(../images/ghost.png); }
#social a:link,
#social a:visited{ text-decoration: none; }
#social img{ width: 32px; border: none; padding-right: 5px; }
.vcard div{ display: inline; }
#footer a:link{ color: #fff; }
#footer a:visited{ color: #ccc; }
#footer a:hover{ text-decoration: none; }

.clear{ clear: both; }