/* 
Theme Name: Saffron 
Theme URI: http://www.marathonpress.com/ 
Description: We recommend you size your slideshow images no larger than <strong>900px</strong> wide and <strong>400px</strong> in height.
Author: Marathon Press
Author URI: http://marathonpress.com 
Version: 1.0 
. 

. 
*/
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; }
blockquote:before, blockquote:after,
q:before, q:after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }
header, nav, article, footer, address{ display: block; }

body{ background: #000; color: #929292; font: 14px/21px "Gill Sans", "Gill Sans MT", Arial, helvetica, sans-serif; }

#container{ width: 900px; margin: 75px auto; }

header{ float: left; }
h1{ font: bold 11px "Gill Sans", "Gill Sans MT", Arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 3px; line-height: 12px; margin: 0 0 10px 0; }
h1 strong{ font: 30px Georgia, Times, "Times New Roman", serif; font-weight: normal; text-transform: none; letter-spacing: 0; display: block; }
h1 a:link,
h1 a:visited{ color: #999; text-decoration: none; }
h1 a:link strong,
h1 a:visited strong{ color: #fff; }

nav{ float: right; font: 18px "Gill Sans", "Gill Sans MT", Arial, helvetica, sans-serif; padding-top: 20px; }
nav li{ display: block; float: left; }
nav li a{ display: block; float: left; padding: 5px 20px 10px; text-decoration: none; }
nav li a:link,
nav li a:visited{ color: #929292; }
nav li a:hover{ color: #fff; }
nav li.current_page_item > a:link,
nav li.current_page_item > a:visited{ color: #fff; cursor: default; }

nav ul.potato-menu{ margin: 0; padding: 0; width:auto; list-style:none; }
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: 37px; 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; min-width: 100px; padding: 5px 20px 10px; text-decoration: none; white-space: nowrap; outline: 0; }
nav ul.potato-menu ul.potato-menu-group{ background: #222; border-width: 0 1px 1px; margin: 0; position: absolute; display: none; z-index: 1000; }

nav ul.potato-menu li.potato-menu-item ul ul{ margin-top: 0px; padding: 0; }

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

#page_body{ clear: both; border: 1px solid #555; border-width: 1px 0; }

#content{ content: width: 700px; margin: 50px; padding: 0 50px; }

#content h1{ font: 24px Georgia, Times, "Times New Roman", serif; font-weight: normal; text-transform: none; letter-spacing: 0; display: block; color: #fff; }
#content h2{ font: bold 14px "Gill Sans", "Gill Sans MT", Arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 3px; line-height: 12px; margin: 0 0 10px 0; }
#content p{ margin-bottom: 20px; }
#content ul{ margin: 0 0 20px 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{ height: 410px; }
#slideshow{ width: 900px; height: 400px; padding: 5px 0; }
.home .controls, .home .thumbs, .home #thumbs, .pagination{ height: 0; display: none; }
div.slideshow span.image-wrapper{ position: absolute; z-index: -1; display: block; width: 900px; height: 400px; overflow: hidden; }
div.slideshow img{ display: block; padding: 0; margin: 0 auto; border: none; max-height: 400px; }

#resources a{ display: block; font-size: 14px; }
#resources li{ margin-bottom: 10px; }

#contact fieldset{ float: left; width: 290px; padding: 0; }
label{ float: left; clear: left; margin: 2px 0; }
form input,
form textarea{ margin: 0 0 2px 0; max-width: 100%; }
#submit{ margin: 10px 0; }
.error,.required{ color: #fff; font-style: italic; }
.required{ padding-right: 3px; }
.kalamazoo_message{ color: #fff; background: #900; font-weight: bold; padding: 10px; margin-bottom: 20px; }

input:hover{ cursor: pointer; }

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

footer{ padding-top: 10px; }
address{ font-style: normal; }
.social-networks{ float: right; }
.social-networks li{ display: block; list-style-type: none; float: left; }
.social-networks a{ text-decoration: none; }
.social-networks img{ height: 32px; }

.clear{ clear: both; }


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

	#container{ width: 95%; margin: 25px auto; }
	nav li a{ padding: 5px 15px 10px; }
	#page_body{ height: auto; }
	#content{ margin: 25px 0; padding:  25px 5%; width: 85%; }
	#slideshow{ width: 100%; }
	div.slideshow span.image-wrapper{ width: 95%; height: 400px; }
	div.slideshow img{ max-width: 100%; height: auto; max-height: 400px; width: auto\9; /* ie8 */ }

}

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

	header{ float: none; padding-left: 15px; }
	nav{ float: none; padding-top: 5px; }
	#content{ padding: 15px; margin: 0; height: auto; width: 90%; }
	#gallery_container{ height: 310px; }
	#slideshow, 
	div.slideshow span.image-wrapper{ height: 300px; }
	div.slideshow img{ max-height: 300px; width: auto; }

}

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

	#container{ margin: 0 auto; }
	header{ text-align: center; padding: 10px; }
	nav{ border-top: 1px solid #444; padding: 0; }
	nav li{ float: none !important; display: block !important; text-align: center; }
	nav li a{ float: none !important; display: block; background: #222; border-top: 1px solid #000; border-bottom: 1px solid #444; }
	nav ul.potato-menu li.potato-menu-item ul{ margin-top: 0; }
	nav ul.potato-menu ul.potato-menu-group{ position: static !important; display: block !important; }
	#page_body{ border: none; }
	.alignright,
	.alignleft,
	.aligncenter{ float: none; display: block; margin: 10px auto; }
	footer{ margin: 0 15px; padding: 15px 0; border-top: 1px solid #222; }
	.social-networks{ float: none; width: 100%; height: 55px; }
	.social-networks img{ height: 40px; }

}

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