/*
Theme Name: Lavender
Theme URI: http://www.marathonpress.com/
Description: Your slideshow images should be no larger than <strong>1000px</strong> wide and <strong>500px</strong> in height. Gallery images should be no larger than <strong>900px</strong> wide by <strong>500px</strong> in height. Featured images on your text pages should be <strong>300px</strong> wide and <strong>400px</strong> tall.
Author: Marathon Press
Author URI: http://marathonpress.com
Version: 2.5.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; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

body{ background: #000; color: #fff; font: 14px/1.5em "Century Gothic", arial, helvetica, sans-serif; }

#container{ width: 1005px; \width: 1025px; w\idth: 1005px; margin: 3% auto; padding: 0; }

header{ padding: 0 0; margin: 0; float: left; height: 110px; }
header img{ display: block; border: none; }

.home header{ position: relative; -webkit-animation: logo 3s ease forwards; -moz-animation: logo 3s ease forwards; -ms-animation: logo 3s ease forwards; }
@-moz-keyframes logo{
	0%{ opacity: 0; top: -25px; }
	100%{ opacity: 1; top: 0; }
	}
@-webkit-keyframes logo{
	0%{ opacity: 0; top: -25px; }
	100%{ opacity: 1; top: 0; }
	}
@-ms-keyframes logo{
	0%{ opacity: 0; top: -25px; }
	100%{ opacity: 1; top: 0; }
	}

nav{ font: 14px "Century Gothic", arial, helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 50px 0 0 0; float: left; width: 725px; border-bottom: 1px solid rgba(360,360,360,.25); }
nav li{ display: block; float: left; }
nav > ul li a{ display: block; float: none; padding: 8px 10px 8px; }
nav li a:link,
nav li a:visited{ color: rgba(360,360,360, 1); text-decoration: none; }
nav li a:hover{ color: rgba(360,360,360, 0.5); }

ul.dropdown{ position: relative; z-index: 999; }
ul.dropdown li{ zoom: 1; }
ul.dropdown li.hover{ color: rgba(360,360,360, 0.15); position: relative; }

/*  LEVEL TWO */
ul.dropdown ul{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; background: rgba(0,0,0, 0.5); -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); }
ul.dropdown ul li{ float: none; }
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ width: 220px; display: inline-block; } 

/*  LEVEL THREE */
ul.dropdown ul ul{ left: 100%; top: 0; background: rgba(0,0,0, 0.5); }
ul.dropdown li:hover > ul{ visibility: visible; }

a:link, a:visited{ color: #fff; }
a:hover, a:active{ text-decoration: none; }

#page_body{ padding: 0; clear: both; height: 508px; }
#page_body img { width: auto; }
.info #page_body{ background: rgba(0,0,0,0.45); border: 1px solid rgba(360,360,360,0.15); }

h1,h2,h3,h4,h5,h6{ line-height: 1.25em; }
h1{ padding: .5em 0 .25em 0; font-weight: normal; font-size: 36px; }
h2{ padding: .5em 0 .25em 0; font-size: 30px; }
h3{ padding: .5em 0 .25em 0; font-size: 24px; }
h4{ padding: .5em 0 .25em 0; }
p{ padding: .5em 0 .25em 0; }
#page_body ul, #page_body ol{ padding: 0 0 1em 1.5em; }
hr{ clear: both; color: #fff; border: 0; background-color: #fff; height: 1px; margin: 1em 0; }

#content{ float: left; height: 400px; width: 600px; padding: 25px; margin: 30px 0 0; overflow: auto; }
.onecolumn #content{ float: none; width: 93%; }

#spotlight{ float: right; margin: 53px 25px 0 0; }
#spotlight img{ border: 1px solid #666; }

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

#gallery_container{ clear: both; }
#gallery_body{ width: 1000px; clear: both; }
#gallery{ width: 900px; height: 500px; padding: 5px 0; float: right; }
#slideshow{ width: 900px; height: 500px; position: relative; float: left; }

div.content{ display: none; }

.home .controls, .home .thumbs, .home #thumbs{ height: 0; display: none; }
.home #gallery, .home #slideshow,
.home div.slideshow-container,
.home div.loader,
.home div.slideshow a.advance-link{ width: 1000px; }

div.content a, div.navigation a{ text-decoration: none; }
div.content a:hover, div.content a:active{ text-decoration: underline; }

div.navigation a.pageLink{ height: 77px; line-height: 77px; }

div.controls{ margin-top: 0; clear: both; width: 100px; }
div.controls a{ outline: none; float: left; background-color: rgba(0,0,0,.25); border: 1px solid rgba(360, 360, 360, 0.15); }
.play, .pause{ display: block; margin: 5px 5px 0 0; width: 87px; height: 40px; text-indent: -9000px; }
.prev, .next{ display: block; float: left; margin: 5px 5px 0 0; width: 40px; height: 40px; text-indent: -9000px; }
.play{ background: url(assets/controls/play.png) center center no-repeat; }
.pause{ background: url(assets/controls/pause.png) center center no-repeat; }
.prev{ background: url(assets/controls/arrow_left.png) center center no-repeat; }
.next{ background: url(assets/controls/arrow_right.png) center center no-repeat; }
a.play:hover, a.pause:hover,
a.prev:hover, a.next:hover{ background-color: rgba(0,0,0,.5); }

div.slideshow-container,
div.loader,
div.slideshow a.advance-link{ display: block; width: 900px; padding: 0; margin: 0; }

div.loader,
div.slideshow a.advance-link,
div.caption-container{ height: 510px; }

div.slideshow-container{ position: relative; height: 510px; padding: 0; margin: 0; }

div.loader{ position: absolute; top: 0; left: 0; }
div.slideshow span.image-wrapper{ position: absolute; display: block; width: 900px; }
div.slideshow a.advance-link{ display: block; width: 900px; height: 502px; text-align: center; }

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited{ text-decoration: none; }
div.slideshow a.advance-link:focus{ outline: none; }

div.slideshow img{ display: block; padding: 0; margin: 0 auto; border: none; width: auto; max-height: 100%; max-width: 100%; }

#thumbs{ width: 100px; height: 500px; float: left; }
div.navigation{ position: relative; }
div.navigation a.pageLink{ display: block; position: relative; float: left; margin: 2px; width: 16px; background-position:center center; background-repeat:no-repeat; }
div.navigation a.pageLink:focus{ outline: none; }

ul.thumbs{ margin: 5px 0 0; padding: 0; height: 405px; }
ul.thumbs li{ padding: 0; margin: 0; list-style: none; position: relative; float: left; }
html>body ul.thumbs li{ opacity: .35; }
html>body ul.thumbs li.selected{ opacity: 1; }
html>body ul.thumbs li.selected a.thumb{ }
html>body ul.thumbs li.selected a.thumb img{  } 
a.thumb{ display: block; float: left; width: 40px; height: 40px; margin: 7px 5px 0 0; border: 1px solid rgba(360, 360, 360, 0.5); overflow: hidden; -webkit-transition-duration: .2s; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ min-width: 60px; min-height: 40px; border: none; display: block; -webkit-transition-duration: .2s; }
div.pagination{ position: relative; left: -50%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis{ position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; }
div.pagination a:hover{ text-decoration: none; }
div.pagination span.current{ font-weight: bold; }
div.pagination span.ellipsis{ border: none; padding: 5px 0 3px 2px; }

div.gallery-gutter{ clear: both; padding-bottom: 20px; }

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

.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; padding: 10px 0; margin-top: 0; }

footer p{ padding: 5px 0; }
address{ font-style: normal; padding: 5px; }

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

.clear{ clear: both; }

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

	#container{ width: 95%; margin: 10px auto; }
	header{ float: none; height: auto; margin-bottom: 15px; }
	nav{ padding: 0; float: none; width: auto; border-bottom: none; }
	#page_body{ height: 460px; }
	#content{ width: 54%; margin-top: 15px; height: 375px; }
	#spotlight{ width: 35%; margin: 30px 10px 0 0; }
	.home, .home #gallery, .home #slideshow,
	.home div.slideshow-container,
	.home div.slideshow span.image-wrapper,
	.home div.loader,
	.home div.slideshow a.advance-link{ width: 100%; margin: 0; clear: both; float: none; }
	#gallery_body{ width: 100%; }
	#gallery, #slideshow,
	div.slideshow-container,
	div.slideshow span.image-wrapper,
	div.loader,
	div.slideshow a.advance-link{ width: 825px; }

}

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

	#gallery, #slideshow,
	div.slideshow-container,
	div.slideshow span.image-wrapper,
	div.loader,
	div.slideshow a.advance-link{ width: 750px; }
	#page_body{ height: auto; }
	#content{ height: auto; }

}

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

	#thumbs{ width: 100%; height: 100px; float: none; }
	div.controls{ float: right; height: 100px; width: 100px; }
	ul.thumbs{ margin: 0; float: left; width: 500px; height: 115px; }
	a.thumb{ width: 45px; height: 45px; margin: 8px 15px 0 0; }
	ul.thumbs img{ min-width: 60px; min-height: 50px; }
	div.controls{ width: 115px; }
	.play, .pause{ margin: 8px 10px 0 0; width: 100px; height: 45px; }
	.prev, .next{ margin: 8px 10px 0 0; width: 45px; height: 45px; }
	#gallery, #slideshow, div.slideshow-container, div.slideshow span.image-wrapper, div.loader, div.slideshow a.advance-link{ width: 100%; }

}

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

	#content{ float: none; height: auto; width: auto; padding: 30px 15px; margin: 0; }
	#spotlight{ float: none; margin: 0; width: auto; }
	#spotlight img{ display: block; margin: 25px auto; }
	#thumbs{ width: 100%; height: 55px; float: none; clear: both; }
	ul.thumbs{ display: none; height: 55px;  }
	div.controls{ margin: 0 auto; width: 226px; height: 60px; float: none; }
	input, textarea{ max-width: 90%; padding: 10px; }
	.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{ max-width: 95%; }
	.social-networks{ float: none; width: 100%; padding-top: 10px; text-align: center; }
	.social-networks li,
	.social-networks li a{ display: inline; float: none; }
	.social-networks img{ display: inline; height: 40px; }
	footer{ text-align: center; }
}

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

	header img{ height: auto; width: auto; display: block; margin: 0 auto; }
	nav li{ display: inline; float: none; }
	ul.dropdown ul{ visibility: visible !important; display: inline; position: static; width: auto;}
	ul.dropdown ul li{ background: rgba(0,0,0,0); width: auto; }
	ul.dropdown ul li a{ width: auto; }
	#gallery, #slideshow,
	div.slideshow-container,
	div.slideshow span.image-wrapper,
	div.loader,
	div.slideshow a.advance-link{ width: 100%; height: 300px; }
	div.slideshow img{ max-height: 300px; }


}

img{ max-width: 100%; height: auto;  /* ie8 */ }