/*
Theme Name: Cassia
Theme URI: http://www.marathonpress.com/
Description: Your gallery and slideshow images should be no larger than <strong>1130px</strong> wide and <strong>600px</strong> in height. The featured image on the information pages should be 400px wide and 600px high; however, the theme is flexible and allows up to 600px wide.
Author: Marathon Press
Author URI: http://marathonpress.com 
Version: 1.1.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%; 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{background:#ece0c4; margin:0; -webkit-touch-callout: none; -webkit-user-select: none; }

h1 { font-size: 36px; line-height: 1.3em; margin: 10px 0; }
h2 { font-size: 30px; line-height: 1.3em; margin: 10px 0;}
h3 { font-size: 24px; line-height: 1.3em; margin: 10px 0;}
h4 { font-size: 18px; line-height: 1.3em; margin: 10px 0;}
h5 { font-size: 16px; line-height: 1.3em; margin: 10px 0;}
h6 { font-size: 14px; line-height: 1.3em; margin: 10px 0;}



header{ }
#logo{ display: block; margin: 10px auto; max-width: 100%; height: auto; width: auto; }
#logo a{ text-decoration: none; border: none;}
#logo img { border: none; }

nav{  text-align: center; font-size: 16px; letter-spacing: 1px; padding: 10px 0px 0px 0px;  }
nav li{ display: inline; list-style-type: none; float: none; padding: 0; margin: 0; white-space: nowrap;  }
nav > ul li a{ display: inline; padding: 0 10px; }
nav li a:link,
nav li a:visited{  text-decoration: none; }

	
	/*Top level menu link items style*/
	.ddsmoothmenu ul li a{ display: inline; background: none; /*background of menu items (default state)*/ padding: 8px 15px 0 15px; color: #000; text-decoration: none; }
	* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block; }
	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: #000; }
	.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #000; }
	.ddsmoothmenu ul li a:hover{
	 /*background of menu items during onmouseover (hover state)*/
	color: #000; }
		
	/*1st sub level menu*/
	.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; background: #d5160c; padding: 0px; }
	
	/*Sub level menu list items (undo style from Top level List Items)*/
	.ddsmoothmenu ul li ul li{
	display: list-item; float: none; }
	
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.ddsmoothmenu ul li ul li ul{ top: 0; }
	
	/* Sub level menu links style */
	.ddsmoothmenu ul li ul li a{ display: block; /*width of sub menus*/ padding: 5px 25px 8px 25px; margin: 0; background: #d5160c; font-weight: bold; }
	
	.ddsmoothmenu .current_page_item>a { font-weight: normal; }
	

#container{  margin: 0 auto; }
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #container p { margin: 20px 40px; }

/* This rule is read by Galleria to define the gallery height: */
#galleria{ max-width: 1150px; width: 97%; margin: 0 auto; }
.galleria-container { background: none;  }
.galleria-container img{ border: solid 10px #fff; margin-left: -10px;  }
.galleria-thumbnails { margin-left: auto; margin-right: auto; width: 50%;  }
.galleria-thumbnails img { border: none; margin-left: 0px; }
.galleria-stage { position: absolute; top: 0px; bottom: 70px; left: 0px; right: 0px; overflow:hidden; }

#slideshow{ max-width: 1150px; width: 90%; margin: 20px auto; padding: 10px; }
#slideshow #galleria { float: right; width: 600px; height: 600px; margin: 0px 30px 30px 30px;}
#slideshow .galleria-container img {   }
#slideshow h1, #slideshow h2, #slideshow h3, #slideshow h4, #slideshow h5, #slideshow h6, #slideshow p { margin: 20px 40px; }

#page_body { margin-top:20px; padding: 10px 10px; width: 90%; max-width:1250px; height:610px; margin-left:auto; margin-right:auto; }
#page_body a:link, #page_body a:active, #page_body a:hover, #page_body a:visited {  }

#content{  height:610px; overflow: auto; padding-left:15px; }
#content img { border: 1px solid #fff; }
#content p {  line-height: 21px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p { margin: 10px 0px 30px 0; }
#content li { margin-left: 30px; }
#text {height:570px; overflow: auto; margin-top:20px; margin-bottom:20px; padding-right:15px;}

#spotlight{ float: right; height:auto; }
#spotlight img{ border: 5px solid #fff; max-height:600px; max-width:600px; margin-left:10px;}

.alignleft,
.aligncenter,
.alignright{ border: 1px solid #fff; }
.alignleft{ float: left; margin-right: 30px; }
.aligncenter{ display: block; margin: 0 auto; }
.alignright{ float: right; margin-left: 30px; }

.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;}
#content .wpcf7-form p{ margin: 0; padding: 8px 0; }
.wpcf7-form input { line-height: 16px;}
textarea { max-width: 40%; }
input { max-width: 40%; }


.scrollgeneric{ line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v.png);}
.vscrollerbar{ width: 15px; background-color: #fff; -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; }

footer{ clear: both; font-size: 21px; color: #d5160c; text-align: center; padding: 0; }
footer p{ margin: 5px; font-size: 12px; color: #d5160c; }
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: #d5160c; text-decoration: underline; }
footer a:hover{ color: #d5160c; text-decoration: none; }

.textwidget { clear: both; padding: 10px 0 ; }

.social-networks{ margin: 10px auto 0 auto; }
.social-networks li{ display: inline; list-style-type: none; float: none; padding: 0; }
.social-networks a{ text-decoration: none; }
.social-networks img{ height: 32px; padding: 0; border: none;}

.clear{ clear: both; height: 0; }

@media screen and (max-width: 1024px){
	#spotlight img{ max-width: 425px; border: 1px solid #fff; margin: 20px 20px; }
	#slideshow #galleria { width: 470px; height: 470px; margin: 0px 20px 20px 20px;}
	#slideshow .galleria-container { margin: 0 auto;  }
	#content{ padding: 20px;   margin-top:20px; margin-left:15px; }
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 10px;}
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
	#page_body{height:auto;}
}

@media screen and (max-width: 980px){
	#slideshow #galleria { width: 425px; height: 425px;}
	#content{ padding: 20px; margin-top:20px; margin-left:15px; }
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 10px; }
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
	#page_body{height:auto;}
}

@media screen and (max-width: 800px){
	#spotlight img{ max-width: 325px;  }
	#slideshow #galleria { width: 325px; height: 325px;}
	#content{ overflow: none; margin-top:20px; margin-left:15px; }
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 10px; }
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
	#page_body{height:auto;}
}

@media screen and (max-width: 768px){
	#page_body { width: 95%; margin: 20px auto 0px auto; padding: 10px; }
	#spotlight{ float: none; }
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 auto; }
	#content{ clear: both; padding: 20px; margin-top:20px; margin-left:15px; height:auto;}
	#slideshow #galleria { float: none; width: 600px; height: 600px; margin: 0 auto;}
	#content p { margin-top:0px;  }
	footer{ clear: both; font-size: 15px; color: #fff; text-align: center; padding: 15px 0px 20px 0;}
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
	#page_body{height:auto;}
}

@media screen and (max-width: 640px){
	#slideshow #galleria { float: none; width: 500px; height: 500px; margin: 0 auto;}
	#content{ padding: 20px; margin-top:20px; margin-left:15px; height:auto;}
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 auto; }
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
	#page_body{height:auto;}
}

@media screen and (max-width: 480px){
	#page_body{height:auto;}
	#galleria { height: 300px; }
	#slideshow #galleria { float: none; width: 400px; height: 300px; margin: 0 auto;}
	#content{ padding: 20px; margin-top:20px; margin-left:15px; height:auto;}
	#spotlight img{ border: 5px solid #fff; max-width: 98%; display: block; margin: 0 auto; }
	#text{height:350px;}
	.vscrollerbase{ width: 15px; background: url(assets/scrollbar-v2.png);}
}


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

footer .textwidget{
    font-size: 12px;
}
.navigation .alignleft,
.navigation .alignright{
    border: 0 !important;
}

/* 1.1.7 Tweaks */
@media screen and (max-width: 768px){
   input[type="text"], input[type="email"], input[type="submit"], textarea{
        width: 100%;
    	max-width: 100%;
        height: 36px;
        font-size: 24px;
        line-height: 36px;
   }
#text, #content, .wpcf7 {
	    height: auto;
        overflow: visible;
}
  textarea{
        height: 180px;
   }

}