/*
Theme Name: Star Anise 
Theme URI: http://www.marathonpress.com/ 
Description: Your images should be no larger than <strong>510px</strong> in height. Featured images on your text pages should be <strong>465px</strong> wide and <strong>510px</strong> tall.
Author: Marathon Press
Author URI: http://marathonpress.com 
Version: 2.6.9
*/


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; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

body{ height: 100%; padding: 0; margin: 0; font: 16px Palatino, "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #fff; background: #403442;}

#container{ height: 100%; width: 100%; position: absolute; z-index: 100; }

header{ width: 100%; height: 110px;  }
#logo{ float: left; padding-left: 25px; }

nav{ position: absolute; right: 0; padding: 82px 25px 0 360px; text-align: center; font-size: 14px; border-width: 1px 0; height: 40px; text-transform: uppercase; }
nav li{ display: block; float: left; }
nav > ul li a{ display: block; padding: 11px 10px; }
nav li a:link,
nav li a:visited{ color: #fff; text-decoration: none; }

ul.dropdown{ position: relative; z-index: 999; }
ul.dropdown li{ zoom: 1; }
ul.dropdown li.hover{ position: relative; background: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.8); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

/*  LEVEL TWO */
ul.dropdown ul{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; background: rgba(0, 0, 0, 0.8); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
ul.dropdown ul li{ float: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ width: 180px; display: inline-block; }

/*  LEVEL THREE */
ul.dropdown ul ul{ left: 100%; top: 0; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
ul.dropdown ul ul li{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
ul.dropdown li:hover > ul{ visibility: visible; }

a:link,
a:visited,
a:active{ color: #fff; text-decoration: underline; }
a:hover{ text-decoration: underline; color: rgba(360, 360, 360, 0.5); }

#homepage,
#gallery{ width: 100%; height: 580px; overflow: hidden; margin: 0 0; left: 0px; }

#homepage table,
#homepage td{ border-collapse: collapse; border-spacing: 0; padding: 0; }
#gallery_mcontentwrapper,
#gallery_contentwrapper{ height: 600px !important; }

#homepage img{ margin: 0 12px; border: solid 1px rgba(360, 360, 360, 0.1); max-height: 480px; padding: 20px; background: rgba(360, 360, 360, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);}

.scrollgeneric{ line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase{ width: 15px; padding: 0 25px; background: url(assets/scrollbar-v.png) left 40px no-repeat; }
.vscrollerbar{ width: 15px; background-color: #fff; padding: 40px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.hscrollerbase{ height: 21px; width: 200px; left: 200px; }
.hscrollerbar{ height: 11px; top: -20px; width: 20px; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.vscrollerbar, .hscrollerbar{ padding-left: 13px; padding-right: 213px; z-index: 2; }

.hscrollerbasebeg{ height: 21px; width: 14px !important; }
.hscrollerbaseend{ height: 21px; width: 14px; }

#homepage .hscrollerbase{ left: 0; }
#homepage .vscrollerbar, #homepage .hscrollerbar{ padding-right: 13px; }

#page_body{ clear: both; width: 100%; height: 560px; padding-top: 10px;}
#page_body ul { margin: 0 0 20px 0; }
#page_body li { list-style-type: disc; margin: 5px 0 5px 20px; }
iframe { margin: 0 auto; }

#spotlight{ float: right; margin: 0 20px 0 10px; width: 522px; height: 562px; overflow: hidden; }
#spotlight img{ border: solid 1px rgba(360, 360, 360, 0.1); max-height: 480px; padding: 20px; background: rgba(360, 360, 360, 0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); float: right;}

#content{ height: 500px; overflow: auto; position: relative; margin: 0 0 7px 0; padding: 20px 30px 20px 35px; color: rgba(360, 360, 360, 0.7); }
h1{ font-size: 30px; color: #fff; margin-bottom: 10px; }
h2{ font-size: 24px; color: #fff; margin-bottom: 10px; }
h3{ font-size: 18px; color: #fff; margin-bottom: 10px; }
#content p{ margin-bottom: 25px; }

.alignright{ float: right; padding: 0 0 10px 10px; }
.alignleft{ float: left; padding: 0 10px 10px 0; }
.aligncenter{ display: block; margin: 0 auto 10px; }

form input { margin: 2px 0 10px 0; }
.session_list ul { margin: 0; padding: 0; }
.session_list li{ list-style-type: none; display: block; padding: 0 0 0 -50px; }

.wpcf7-not-valid-tip{ background: #600 !important; border: none !important; color: #fff; position: static !important; padding: 5px !important; display: block; }
.wpcf7-validation-errors{ background: #600; border: none !important; color: #fff; }
.wpcf7-mail-sent-ok{ background: #398f14; color: #fff; }
.wpcf7-list-item { display: block; clear: both;}

footer{ clear: both; font-size: 15px; color: #fff; text-align: right; padding: 10px 35px 20px 0px; }
footer p{ margin: 0px; font-size: 12px; color: rgba(360, 360, 360, 0.5); }
footer ul{ margin: 0; padding: 0; }
footer ul li{ list-style-type: none; display: inline; margin: 0; padding: 0 10px; }
footer a:link,
footer a:visited{ color: #fff; text-decoration: underline; }
footer a:hover{ color: #fff; text-decoration: none; }

.social-networks{ float: left; padding-left: 30px; }
.social-networks li{ display: block; list-style-type: none; float: left; padding: 0; }
.social-networks a{ text-decoration: none; }
.social-networks img{ height: 35px; padding: 0 5px; }

@media screen and (max-width: 1024px){

	header { height: auto; }
	#logo{ float: left; display: block; margin: 0 auto; }
	nav{ clear: both; position: static; right: 0; display: block; margin: 0 auto; padding: 0 0 0 25px; height: 38px; text-align: center; }

}

@media screen and (max-width: 980px){

	header { height: auto; }
	#logo{ float: left; display: block; margin: 0 auto; }
	nav{ clear: both; position: static; right: 0; display: block; margin: 0 auto; padding: 0 0 0 25px; height: 38px; text-align: center; }

}

@media screen and (max-width: 768px){

	header { float: none; height: auto; text-align: center; }
	#page_body{ float: none; height: auto; }
	#content{ height: auto; padding: 20px 40px; color: rgba(360, 360, 360, 0.7); overflow: visible !important;  }
	#content_mcontentwrapper{ height: auto !important; overflow: visible !important; padding: 0 !important; position: static !important; }
	#content{ height: auto; overflow: visible; margin: 0; padding: 15px; }
	#content_scrollwrapper{ position: static !important; height: auto !important; }
	#content_vscrollerbase,
	#content_hscrollerbase{ display: none !important; }
	#spotlight{ float: none; width: auto; height: auto; max-width: 502px; margin: 0 auto; padding: 0 20px 0 20px; }
	.social-networks{ float: none; padding: 0; }
	.social-networks li{ display: inline; list-style-type: none; float: none; padding: 0; }
	footer{ clear: both; font-size: 15px; color: #fff; text-align: center; padding: 10px 0px 20px 0;}

}

@media screen and (max-width: 650px){

	#page_body{ padding: 25px 0; }
	#spotlight{ float: none; width: auto; height: auto; max-width: 502px; margin: 0 auto; padding: 0; }
	#spotlight img{ padding: 0; }
	.social-networks{ float: none; padding: 0; }
	.social-networks li{ display: inline; list-style-type: none; float: none; padding: 0; }
	input, textarea{ max-width: 90%; padding: 10px; }
	.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{ max-width: 95%; }

}

@media screen and (max-width: 480px){

	#logo{ float: none; padding: 0; }
	nav{ float: none; padding: 0; height: auto; }
	nav li{ float: none !important; display: block !important; text-align: left; }
	nav li a{ float: none !important; display: block; background: rgba(0,0,0, 0.5); border-bottom: 1px solid rgba(360, 360, 360, 0.5); }
	ul.dropdown ul{ visibility: visible !important; position: static; display: block; width: auto; background: none; }
	ul.dropdown ul ul{ background: none; }
	ul.dropdown ul li a{ display: block; width: auto; padding-left: 40px; background: rgba(0,0,0, .8); } 
	ul.dropdown li.hover{ background: rgba(0,0,0, 0); position: relative; }
	ul.dropdown ul ul{ padding-left: 40px;}
	#content{ padding: 20px; }
	.social-networks{ float: none; padding: 0; }
	.social-networks li{ float: none; display: inline; list-style-type: none;  padding: 0; }
	table#homepage { display: block; }
	#homepage td{ display: block; padding: 0; border: none; }
	#homepage td img{ display: block; margin: 10px auto; padding: 0; border-width: 1px 0; width: 95%; max-width: none; }
	#homepage{ overflow: visible !important; height: auto !important; }
	#homepage_contentwrapper{}
	#homepage_mcontentwrapper{ height: auto !important; overflow: auto !important; width: 100% !important; }
	#homepage_hscrollerbase,
	#homepage_vscrollerbase{ display: none; }
	#homepage_zoomdetectdiv{}
	#homepage_scrollwrapper{ position: static !important; height: auto !important; width: 100% !important; }
	img{ max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

}