/*
Theme Name: Basil 
Theme URI: http://www.marathonpress.com/ 
Description: Your slideshow images should be no larger than <strong>950px</strong> wide and <strong>500px</strong> in height. Gallery images should be no larger than <strong>950px</strong> wide by <strong>500px</strong> in height. Featured images on your text pages should be <strong>400px</strong> wide and <strong>500px</strong> tall.
Author: Marathon Press
Author URI: http://marathonpress.com 
Version: 2.5.9
*/

@font-face{
	font-family: 'MiamaRegular';
	src: url('assets/fonts/Miama.eot');
	src: local('Miama Regular'), local('Miama'), url('assets/fonts/Miama.woff') format('woff'), url('assets/fonts/Miama.ttf') format('truetype'), url('assets/fonts/Miama.svg#Miama') 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; }
blockquote, q{ quotes: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

body{ font: 16px/1.5em "century gothic", centurygothic, arial, sans-serif; margin: 0; background: #210b21; color: #333; }

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

#container{ width: 960px; margin: 0 auto; }

header img{ border: none; }
.home header{ -webkit-animation: logo 4s ease forwards; -moz-animation: logo 4s ease forwards; -ms-animation: logo 4s ease forwards; }
@-moz-keyframes logo{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
	}
@-webkit-keyframes logo{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
	}
@-ms-keyframes logo{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
	}

nav{ clear: both; background: #fff; font: 14px "century gothic", centurygothic, sans-serif; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin:0; }
nav li{ display: block; float: left; }
nav li ul li{ background-color: transparent; }
nav li a{ display: block; float: left; padding: 10px 25px 7px 15px; }
nav li a:link,
nav li a:visited{ text-decoration: none; color: #111; position: relative; -webkit-transition-duration: .2s; -moz-transition-duration: .2s, .2s; }
nav li a:hover{ left: 5px; }

nav ul.potato-menu{ margin: 0; padding: 0; width:auto; list-style:none; }
nav .potato-menu:after{ content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
nav ul.potato-menu li.potato-menu-item{ margin: 0; padding: 0; position: relative; list-style: none; list-style-position: outside; display: inline; float: left; }
nav ul.potato-menu li.potato-menu-item ul{ margin-top: 34px; padding: 0; }
nav ul.potato-menu li.potato-menu-item ul li{ display: block; clear: left; }
nav ul.potato-menu li.potato-menu-item ul li a{ display: block; clear: left; width: 135px; padding: 8px 15px; text-decoration: none; outline: 0; background-image: none; }
nav ul.potato-menu ul.potato-menu-group{ background: rgba(360,360,360,0.85); margin: 0; position: absolute; display: none; z-index: 1000; }
nav ul.potato-menu li.potato-menu-item ul li a:hover{}

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

#page_body{ background: rgba(0,0,0,0.4); color: #fff; padding: 0; clear: both; border: 5px solid #fff; border-width: 0 5px 5px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.home .controls, .home .thumbs, .home #thumbs{ height: 0; display: none; }

#spotlight{ width: 400px; height: 500px; overflow: hidden; float: left; border-right: 5px solid #fff; }
#spotlight img{ float: right; }

#content{ float: right; width: 450px; height: 450px; padding: 0 25px 0 0; margin: 25px; overflow: auto; }
.onecolumn #content{ float: none; width: 90%; padding-top: 25px; margin-top: 0; }

#content h1{ font: 60px 'MiamaRegular', Baskerville, serif; margin: 0; padding: 0; }
#content h2{ font: 36px 'MiamaRegular', Baskerville, serif; }
#content h3{ font: 24px 'MiamaRegular', Baskerville, serif; }
#content h4{ font: bold 18px "century gothic", centurygothic, sans-serif; }
#content p,
#content li,
#content dt,
#content dd{ font: 16px "century gothic", centurygothic, sans-serif; line-height: 1.5em; }
#content p{ margin: 0 0 18px; } 
#content ul,
#content ol,
#content dl{ margin: 0 0 18px 20px; }

.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; }
#slideshow{ background: #fff; width: 950px; height: 500px; padding: 0 5px 5px; position: relative; -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; }

div#container{ overflow: hidden; }
div.content{ display: none; clear: both; }

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: 27px; height: 45px; clear: both; float: right; width: 150px; }
div.controls a{ outline: none; }
.play, .pause, .prev, .next{ display: block; float: left; margin: 2px 6px 0 0; width: 44px; height: 44px; text-indent: -9000px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.play{ background: #fff url(assets/arrow_play.png) center center no-repeat; }
.pause{ background: #fff url(assets/arrow_pause.png) center center no-repeat; }
.prev{ background: #fff url(assets/arrow_left.png) center center no-repeat; }
.next{ background: #fff url(assets/arrow_right.png) center center no-repeat; }

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

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

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

div.loader{ position: absolute; top: 0; left: 0; }
div.slideshow span.image-wrapper{ position: absolute; display: block; }
div.slideshow a.advance-link{ display: block; width: 950px; 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; max-height: 500px; }

#thumbs{ height: 100px; width: 100%; }
div.navigation{ position: relative; }
div.navigation a.pageLink{ display: block; position: relative; float: left; margin: 2px; width: 16px; }
div.navigation a.pageLink:focus{ outline: none; }

ul.thumbs{ margin: 0; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 0; list-style: none; position: relative; }
html>body ul.thumbs li{ top: 15px; -webkit-transition-duration: .2s; -moz-transition-duration: .2s, .2s; }
html>body ul.thumbs li.selected{ top: 0; }
a.thumb{ display: block; width: 150px; height: 75px; margin: 0 10px 15px 0; background: #000; border: 1px solid #fff; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ border: none; display: block; width: 150px; }
div.pagination{ display: none; }

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{ text-align: right; color: #fff; font-size: 12px; padding: 15px 5px; }
footer address{ font-style: normal; }
footer p{ margin: 0; }

.widgettitle{ display: none; }
.social-networks{ float: left; clear: left; }
.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; height: 0; }

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

	#container{ width: 95%; margin: 10px auto; }
	header{ float: none; height: auto; }
	nav{ padding: 0; float: none; width: auto; border-bottom: none; }
	#content{ width: 51%; margin: 15px 10px 10px; }
	#spotlight{ width: 35%; margin: 5% 0 5% 5%; height: auto; border-right: none; }
	.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: 100%; }
	a.thumb{ width: 125px; height: 60px; margin: 0 10px 15px 0; }

}

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

	#page_body{ height: auto; }
	#content{ height: auto; }

}

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

	#slideshow{ padding: 0 0 5px; }
	#thumbs{ width: 100%; float: none; }
	div.controls{ float: right; height: 75px; width: 150px; }
	ul.thumbs{  }
	a.thumb{ width: 100px; height: 60px; margin: 8px 10px 0 0; }
	html>body ul.thumbs li{ top: 5px; }
	ul.thumbs img{ width: 100px; }
	#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: 0 auto; float: none; }
	#gallery, #slideshow, div.slideshow-container, div.slideshow span.image-wrapper, div.loader, div.slideshow a.advance-link{ height: 300px; }
	div.slideshow img{ max-height: 300px; }
	#thumbs{ width: 100%; height: 55px; float: none; clear: both; }
	a.thumb{ width: 52px; height: 52px; margin: 8px 8px 0 0; }
	div.controls{ margin: 0 auto; width: 190px; padding-top: 10px; }
	.play, .pause{ margin: 5px 0 0 0; width: 80px; height: 45px; }
	.prev, .next{ margin: 5px 0 0 10px; width: 45px; height: 45px; }
	input, textarea{ max-width: 90%; padding: 10px; }
	.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{ max-width: 95%; }
	footer{ text-align: left; }
	.social-networks{ float: none; width: 100%; height: 55px; padding-top: 15px; }
	.social-networks img{ height: 40px; }

}

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

	header img{ height: auto; width: auto; display: block; margin: 0 auto; }
	nav{ padding-top: 5px; }
	nav li{ display: block; float: none; text-align: left; }
	nav li a{ display: block; float: none; padding: 5px 7px; }
	nav ul.potato-menu li.potato-menu-item{ float: none; }
	nav ul.potato-menu li.potato-menu-item ul{ display: inline !important; }
	nav ul.potato-menu ul.potato-menu-group{ position: static; }
	nav ul.potato-menu li.potato-menu-item ul li{ display: block; clear: none; padding-left: 25px; }
	nav ul.potato-menu li.potato-menu-item ul li a{ display: block; clear: none; width: auto; padding: 10px 7px; }
	.thumbs{ display: none; }
	div.controls{ float: none; }
	footer{ text-align: left; }

}

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