/*
Theme Name: Valley View
Description: This is the redesigned website for Valley View School.
Author: Adam Salasek
Author URI: http://adamsalasek.com/
Version: 2.0
Tags: valley-view-school
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dt,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	font-size:100%;
	padding:0;
	border:0;
	margin:0;
	font-family:Century Gothic, Helvetica, sans-serif;
}

dl{
	margin:0;
	padding:0;
}
dt{
	margin:0;
	padding:0;
}

html{
	background-color:#f1f1f1;
}

body{
	width:1000px;
	margin:0 auto 0 auto;
	color:#575757;
	font-size:14px;
}

a{
	text-decoration:none;
	color:#575757;
}

a:hover{
	color: #801712;
}

h1{
	padding:0 0 0 10px;
	font-weight:normal;
}

h2{
	font-weight:normal;
}

h3{
	text-transform:uppercase;
	font-weight:normal;
	color: #801712;
}

#branding{
	visibility:hidden;
	height:0px;
}

#container{
}

li, ul, ol {
	list-style: none;
  	padding:7px 0 7px 0;
}

blockquote 
{
width: 500px;
margin: 0px auto;
padding: 10px;
background-color: #EEeeee;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}

.clear{
	clear:both
}

.entry-content{
	min-height:500px;
}








/* Header */


.topnavigation{
	margin:0 0 0 0;
}

.main-menu{
	margin:10px 0 10px 0;
	height:30px;
	float:right;
	font-size:15px;
	text-transform:uppercase;
	position:relative;
	z-index:10;
}

.main-menu ul{
	margin:0;
	padding:0;
}

.main-menu li{
	display:block;
    float:left;
    line-height:30px;
    height:30px;
    margin:0;
	padding:0 10px 0 10px;
    position:relative;
}

.main-menu li a{
	display:block;
    height:30px;
    line-height:30px;
	text-decoration:none;
}

.main-menu ul li:hover > a {
    color:#801712;
}

.main-menu .current_page_parent > a{
    color:#801712;
}

.main-menu .current_page_ancestor > a{
    color:#801712;
}

.main-menu .current_page_item > a{
    color:#801712;
}

.main-menu ul ul{
    display:none;
    position:absolute;
    top:30px;
	border-bottom:1px dashed #CCC;
	background-color:#fff;
}

.main-menu ul ul li{
    float:none;
    width:250px;
	padding:0;
}

.main-menu ul ul li a{
    padding:0 0 0 5px;
	border-top:1px dashed #CCC;
}

.main-menu ul li:hover > ul{
    display:block;
}

.main-menu ul ul li ul{
    left:250px;
    top:0;
	padding:0 !important;
}







/* Post and Index Navigation */

.post-nav-links{
	margin:25px 0 40px 0;
	position:relative;
}

.next_post_style{
	position:relative;
	z-index:5;
	float:left;
}

.prev_post_style{
	position:relative;
	z-index:5;
	float:right;
}

.index_dash{
	width:680px;
	border-bottom:1px dashed #ccc;
	height:1px;
	margin:25px 0 25px 0;
}

.index-nav-links{
	margin:0 0 15px 0;
	height:1px;
}

.next_index_style{
	position:relative;
	z-index:5;
	float:right;
}

.prev_index_style{
	position:relative;
	z-index:5;
	float:left;
}











/* Search */

#searchform #s{
	border:none;
	background-color:#f1f1f1;
	border-bottom: 1px solid #575757;
	font-size:14px;
	font-family:Century Gothic, Helvetica, sans-serif;
	color:#575757;
}

.sidebar-categories-container{
	width:230px;
	text-align:center;
}

.sidebar-categories-title{
	margin:50px 0 0 0;
	color:#801712;
	text-transform:uppercase;
}

.sidebar-categories{
	margin:10px 0 0 0;
	width:230px;
	text-align:center;
	list-style-type: disc !important;
}

.sidebar-categories li{
	clear:both;
	width:230px;
	text-align:left;
	list-style-type: disc !important;
}

.sidebar-categories ul{
	list-style-type: disc !important;
    margin-left: 1.5em;
    list-style-position: inside;
}









/* Home Page */

#crest{
	width:175px;
	height:175px;
	background-image:url('images/crest.png');
	margin: 5px 0 -145px 25px;
	position:relative;
	z-index:4;
}

.slideshow-container{
	padding:0 !important;
	margin:0 !important;
}

#slideshowbox_shadow{
	background-image:url('images/slideshow_page_curl.png');
	background-repeat:no-repeat;
	width:1000px;
	height:580px;
	position:relative;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
}

.slideshow-box{
	width:980px;
	height:560px;
	position:relative;
	top:10px;
	left:10px;
	background-color:#fff;
	padding:0 !important;
	margin:0 !important;
}

.slideshow-graphic{
	width:960px;
	height:540px;
	top:-5px;
	left:10px;
	padding:0 !important;
	margin:-50px 0 0 0 !important;
	position:relative;
	z-index:2;
}

.home-site-title-shadow{
	width:960px;
	height:100px;
	top:-540px;
	background-image:url('images/home-site-title-shadow.png');
	position:relative;
	z-index:3;
}

.home-site-title{
	margin:0 0 0 190px;
	font-size:45px;
	text-transform:uppercase;
	color:#fff;
	position:relative;
	z-index:4;
	text-shadow:1px 1px #000;
}

.home-site-slug{
	margin:0 0 0 190px;
	font-size:30px;
	color:#fff;
	position:relative;
	z-index:4;
	text-shadow:1px 1px #000;
}

#summary-quote-left{
	background-image:url('images/leftquote.final.png');
	margin:25px 0 -70px 0;
	width:64px;
	height:48px;
	position:relative;
	left:25px;
}

#summary-quote-right{
	background-image:url('images/rightquote.final.png');
	margin:-75px 0 25px 0;
	width:64px;
	height:48px;
	float:right;
	position:relative;
	right:25px;
}

#summary{
	margin:40px 0 40px 0;
	text-align:center;
	position:relative;
	font-size:23px;
}

#featured-container{
	height:174px;
	width:1000px;
	margin:0 0 75px 0;
}

#residential-life-featured{
	float:left;
}

#academic-life-featured{
	margin:0 0 0 5px;
	float:left;
}

#therapeutic-featured{
	float:right;
	height:174px;
}

.featured{
	background-color:#fff;
	width:320px;
	height:184px;
	position:relative;
	top:5px;
	left:5px;
}

.featured:hover{
	border:1px solid #801712;
	top:4px;
	left:4px;
}

.featured-shadow{
	background-image:url('images/featured-curl.png');
	width:330px;
	height:194px;
}

.residential-featured-graphic{
	background-image:url('images/featured-residential.jpg');
	width:310px;
	height:174px;
	position:relative;
	top:5px;
	left:5px;
}

.academic-featured-graphic{
	background-image:url('images/featured-academic.jpg');
	width:310px;
	height:174px;
	position:relative;
	top:5px;
	left:5px;}

.therapeutic-featured-graphic{
	background-image:url('images/featured-therapeutic.jpg');
	width:310px;
	height:174px;
	position:relative;
	top:5px;
	left:5px;
}

.featured-title{
	text-align:center;
	color:#fff;
	font-size:22px;
	margin:0 0 0 0;
	text-transform:uppercase;
	height:28px;
	background-image:url('images/home-site-title-shadow.png');
	position:relative;
	top:146px;
}







/* Page Template */

.main-site-title{
	font-size:24px;
	float:left;
	padding: 10px 0 5px 10px;
}
.main-site-title a{
	color:#821712;
}

#page-container{
	margin:35px 0 75px 0;
	width:750px;
	float:left;
}

.entry-title{
	margin:0 0 10px 0;
	font-size:18px;
}

#page-content{
	background-color:#fff;
	width:680px;
	min-height:450px;
	padding:25px;
	position:relative;
	left:10px;
	top:10px;
}

#pagecurl-top{
	background-image:url('images/content_curl_top.png');
	background-repeat:no-repeat;
	width:750px;
	height:200px;
	margin:0 0 -200px 0;
}

#pagecurl-bottom{
	background-image:url('images/content_curl_bottom.png');
	background-repeat:no-repeat;
	width:750px;
	height:200px;
	margin:-180px 0 0 0;
	position:relative;
	z-index:-1;
}

.index_dash{
	width:680px;
	border-bottom:1px dashed #ccc;
	height:1px;
	margin:25px 0 25px 0;
}











/* Sidebar */

#sidebar-container{
	width:230px;
	float:right;
	margin: 75px 0 0 0;
}

#sidebar-search{
	margin:0 0 10px 0;
}

.sidebar-entry{
	padding:20px 0 20px 0;
}

.sidebar-text{
	padding:3px 0 0 0;
}

.sidebar-icon{
	width:25px;
	height:25px;
	margin: 0 15px 0 0;
	float:left;
}




















/* Index */

.newsthumb{
	max-width:250px;
	max-height:200px;
	float:left;
	margin:0 15px 0 0;
}

.newstitle{
	font-size:20px;
	margin:0 0 5px 0;
}

.newspost{
}

.showthumbsingle{
	margin:0 0 15px 0;
}

.staff-title{
	margin:0 0 0 0;
	padding:0 0 10px 165px;
	font-style:oblique;
}

.staffsnippet{
	padding:0 0 0 165px;
}

.staffname{
	font-size:20px;
	margin:0 0 5px 165px;
}

.staffthumb{
	max-width:150px;
	max-height:200px;
	float:left;
	margin:0 15px 0 0;
}

.showthumbsinglestaff{
	float:left;
	padding:0 15px 15px 0;
}

.staff-title-single{
	margin:0 0 0 0;
	padding:0 0 10px 0;
	font-style:oblique;
}








/* Footer */

#footer-widgets{
	height:200px;
}

#quicklinks{
	float:left;
	margin: 0 40px 0 10px;
}

.quicklinks-menu{
}

.quicklinks-menu ul{
	width:350px;
	overflow:hidden;
	margin:10px 0 0 0;
	display:inline;
	float:left;
}



.quicklinks-menu li{
	width:50%;
	display:inline;
	float:left;
}

#external-links img{
	padding:10px;
	vertical-align:top;
}

#recent-entries{
	float:left;
}

.recent-entries-single ul{
	width:350px;
	margin:10px 50px 0 0;
	overflow:hidden;
}

.recent-entries-single li{
}

#external-links{
	float:left;
}

#copyright{
	text-align:center;
	margin:25px 0 10px 0;
}

.gm-style-iw{
	overflow-x:hidden !important;
	overflow-y:hidden !important;
}






/* Forms */

.collapseomatic {
    background-image: none !important;
	
}
.colomat-close {
    background-image: none !important;
	color:#801712;
}

.contact-buttons{
	position:relative;
	margin:20px 0 0 50px;
	width:200px;
	float:left;
}

.collapseomatic.colomat-hover{
	color:#801712;
	text-decoration:none;
}

.contact-forms{
	position:relative;
	width:400px;
	float:left;
}

.contact-area{
	margin:50px 0 0 0;
}




.post h1, .post h2, .post h3, .post h4 { font-family:Century Gothic, Helvetica, sans-serif; margin: 0 0 10px 0; }
.post h2 { font-size: 28px; }
.post h2 {  }
.post h2, .post h2 a {  }
.post h2 a:hover { color: #801712; }
.post h3 { font-size: 20px; padding: 5px 0; margin: 30px 0 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.post h4 { font-size: 18px; }
.post p { margin:0; }
.post pre { background: #eee; padding: 15px; overflow: auto; margin: 0 0 15px 0; border: 1px solid #ddd; }
.post pre code { font-size: 11px; }
.post code { background: #eee; font: 12px Monaco, Courier, Monospace; color: #0E304A; }
.post h3 code { font-size: 18px; }
.post acronym, abbr { border-bottom: 1px dotted #514031; cursor: help; }
.post ins { text-decoration: underline; }
.post del { text-decoration: line-through; }
.post a { }
.post a:hover { }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}