/*
Theme Name: Schemscapes
Author: Malvolio
Version: 1.1
Tags: none
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
 

/* ----- FORMATTING ----- */

body {
    font-family: 'Dosis', sans-serif;
	font-weight: 400;
    font-size:   16px;
    padding:     0px;
    margin:      0px;
	color: #222E3A;
	background-color: #ffffff;
	background: url(images/bg.png) repeat-x;
	background-attachment: fixed;
}

p {
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

h1 {
	color: #9FA1AB;
	font-size: 29px;
	text-transform: uppercase;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	font-weight: 500;
}

h2, h3 {
	color: #56B5B5;
	font-size: 19px;
	text-transform: uppercase;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-weight: 600;
	text-decoration: none;
}

#content a {
	color: #56B5B5;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

ul, li.widget-container {
	list-style-type: none;
	list-style-image: none;
}

#content li {
	padding: 0px 0px 5px 8px;
	list-style-type: disc;
}

a img {
	border: none;
}

hr {
	border: none;
	border-top: 1px solid #222E3A;
	margin: 18px 0;
}

strong, b {
	font-weight: 600;
}

.facebook {
	text-transform: uppercase;
	color: #3C548E;
	font-weight: 600;
	font-size: 17px;
}

.widget-container a {
	text-decoration: none;
}
	
/* ----- LAYOUT ----- */

#centered {
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}

#block {
	width: 870px;
	float: left;
	background: #ffffff;
	padding: 0 55px;
}

#header {
	width: 870px;
	height: 315px;
	margin-bottom: 25px;
	float: left;
}

#logo {
	position: relative;
	top: -91px;
	z-index: 5;
	background: url(images/schemscapes-logo.png);
	width: 870px;
	height: 91px;
}

#phone {
	float: left;
	margin-top: 45px;
	margin-left: 670px;
	font-size: 23px;
	font-weight: 600;
}

.teal-text {
	color: #56B5B5;
}
	
#menu {
	float: left;
	margin: 0px;
	width: 213px;
	padding-right: 63px;
}

.widget-container {
	float: left;
	margin-bottom: 15px;
}

#content {
	width: 590px;
	float: right;
}


#footer {
	width: 870px;
	float: left;
	border-top: 26px solid #455463;
	padding: 12px 0 30px 0;
	margin-top: 30px;
	font-size: 17px;
	font-weight: 500;
	color: #A2A4AE;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #A2A4AE;
	text-decoration: none;
}


/* ----- MAIN MENU ----- */

ul#menu-main-menu {
list-style:none;
float:left;
width:100%;
padding: 0;
}
 
ul#menu-main-menu li{
position:relative; /* hey Submenu ULs, appear below! */
}
 
ul#menu-main-menu li a {
	padding: 25px 5px 5px 5px;
	width: 213px;
	font-size: 19px;
	color: #9FA1AB;
	font-weight: 600;
	border-bottom: 5px solid #9FA1AB;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}
 
ul#menu-main-menu li.menu-item-23 a {
	 padding-top: 0 !important;
 }
 
/* Style the link hover and active links */
ul#menu-main-menu li a:hover  {
color: #56B5B5;
border-bottom: 5px solid #56B5B5;
}
 
ul#menu-main-menu li.current-menu-item a {
	 color: #56B5B5;
	 border-bottom: 5px solid #56B5B5;
 }
	 
/* Displays the link as blocks. */
ul#menu-main-menu li ul a {
display:block;
}
 
/* sub menus!!  */
 
ul#menu-main-menu ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width: 213px;
}
 
ul#menu-main-menu li ul {
top:31px; /* Positioning:Calc with top level horz list height */
}
 
ul#menu-main-menu ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
ul#menu-main-menu ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 

ul#menu-main-menu li li a {
	padding: 10px 5px;
	width: 213px;
	font-size: 17px;
	color: #9FA1AB;
	font-weight: 500;
	border-bottom: 1px solid #9FA1AB;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

ul#menu-main-menu li * a:hover {
/* Change color of links when hovered */
color: #56B5B5;
border-bottom: 1px solid #56B5B5;
}

ul#menu-main-menu li li.current-menu-item a {
	 color: #56B5B5;
	 border-bottom: 1px solid #56B5B5;
 }

/* ----- IMAGES ----- */


.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

a {
	cursor: pointer;
}