/*
Theme Name: mcs2
Theme URI: http://wordpress.org/
Description: A basic WordPress theme for http://www.mcsmarketing.com/
Version: 1.0
Author: Forrest Frazier
Author URI: http://maligndesign.com/

*/

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}
ul, ol {
	list-style-type: none;
	}

/* start styles with a clean slate */

body {
	background: #fff; 
	color: #666;
	font: normal 62.5% 'century gothic', arial, helvetica, sans-serif; /*10px*/
}
h1 {
	color: #339999;
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 .5em 0;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 .5em 0;
	}
h4 {
	background: url(images/bg_h4.png) no-repeat;
	color: #666;
	font-size: 1.4em;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px; 
	text-transform: uppercase;
	
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 996px;
	}
a {
	color: #009999;
	text-decoration: underline;
	}
a:hover {
	color: #009999;
	text-decoration: none ;
	}

p,code,article ul, article ol {
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 1.5em;
	}

input, textarea, input[type='checkbox'] { border: 1px solid #ccc; 
	/*-o-box-shadow: 0 0 5px #ccc;
	-icab-box-shadow: 0 0 5px #ccc;
	-khtml-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	*/}
	
blockquote {
	color: #CCA;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

strong { 
	font-weight: bold; 
	}
img {
	background: #000000;
	border: 1px solid #ffffff;
	padding: 3px;
	}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
	background: #555;
	display: block;
	padding: 3px;
}

/* misc */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* structure */
#content { 
	float: left;
	}

	
/* header */
header {
	background: #ffffff url(images/border_header.png) center bottom no-repeat;
	height: 351px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
header #branding {
	background: url(images/bg_hero.jpg) 283px -312px no-repeat;
	height: 190px;
	margin: 66px auto 0 auto;
	width: 996px;
	}
	
#hero15,#hero17,#hero20,#hero21,#hero22,#hero23,#hero31,#hero32,#hero33,#hero34,#hero35,#hero37,#hero39,
#hero36,#hero38,#hero40,#hero41,#hero50,#hero26,#hero27,#hero24,#hero25,#hero30,#hero28,#hero43,#hero47,
#hero46,#hero45,#hero64{
	background-image: url(images/hero_sprite.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 190px;
	margin: 66px auto 0 auto;
	width: 996px;
	}	
#hero15 { background-position: 283px -312px;}
#hero17 { background-position: 283px -502px;}
#hero20,#hero24 { background-position: 283px -692px;}
#hero21,#hero30,#hero47 { background-position: 283px -882px;}
#hero22 { background-position: 283px -1072px;}
#hero23 { background-position: 283px -1262px;}
#hero31,#hero43 { background-position: 283px -1452px;}
#hero32 { background-position: 283px -1642px;}
#hero33 { background-position: 283px -1832px;}
#hero34,#hero41 { background-position: 283px -2022px;}
#hero35,#hero25 { background-position: 283px -2213px;}
#hero37,#hero28 { background-position: 283px -2403px;}
#hero39 { background-position: 283px -2593px;}
#hero36 { background-position: 283px -2783px;}
#hero38 { background-position: 283px -2973px;}
#hero40,#hero46 { background-position: 283px -3163px;}
#hero45 { background-position: 283px -3352px;}
#hero50 { background-position: 283px -3543px;}
#hero26 { background-position: 283px -3733px;}
#hero27 { background-position: 283px -3923px;}
#hero64 { background-position: 283px -4113px;}



header p#title {
	background: url(images/logo.png) center left no-repeat;
	height: 190px;
	float: left; 
	text-indent: -7000px;
	width: 281px;
	}
#description {
	visibility: hidden;
	}
	
/* footer */
footer {
	clear: both;
	margin: 20px auto 0 auto;
	width: 996px;
	}
footer ul { text-align: center;  }
footer ul li { color: #666; float: left; margin: 0 40px 0 0;text-transform: uppercase;  }	

.post footer { height: auto; }

/* content */
.page header {
	background: none;
	height: auto;
	padding:  0;
}
.page, .homepage, .post {
	border-top: none;
	margin: 0; 
	overflow: hidden;
	}
.page {
	float: left;
	margin: 0 30px 0 0;
	width: 740px;
	}	

article {
	float: right;
	margin: 40px 0 0 0;
	width: 440px;
}
article ul, article ol { margin: 0 15px 0 50px; }
article li { background: url(images/bg_li.png) 0 5px no-repeat; color: #333; padding: 0 0 0 20px; margin: 0 0 .5em 0;}
article li:last-child { margin: 0 0 20px 0;  }

/* navigation */
#globalnav {	height: 24px;	margin: 0 auto; width: 956px;}
#globalnav ul { float: right;  }
#globalnav a {color: #666; font-size: .8em;line-height: 24px; 	text-decoration: none; 	text-transform: uppercase; }
#globalnav a:hover {	text-decoration: underline;}
#globalnav li {	list-style-type: none; margin: 0 0 0 10px; float: left;  }
/*primary nav*/
nav {	background: #555555; 	border-bottom: 15px solid #cccc33;	border-top: 1px solid #999999;	height: 50px; width: 100%; position: absolute;	}
xnav ul { margin: 0 0 0 335px; 	text-align: right; width: 896px; }
nav ul { padding: 0 0 0 276px;  margin: 0 auto; 	text-align: right; width: 720px; }
nav ul ul { width: 180px; }	
nav ul li {float: left;margin: 0;text-align: center; width: 180px;	}
nav a { color: #fff; font-size: 1.4em; font-weight: bold;line-height: 3.57; text-transform: uppercase; text-decoration: none; 	}
nav a:hover { 	color: #cccc33; }
.current_page_item, .current_page_parent { background: url(images/bg_nav_current.png) center bottom no-repeat; }
.current_page_item a { 	color: #cccc33; }
.current_page_parent .current_page_item { background-color: #c5c5c5; background-image: none; }
nav ul li.current_page_parent a { color: #cccc33; }	
.current_page_item li a {color: #333;}
/*dropdowns*/
nav li ul{height:auto;left:-999em;line-height:20px;position:absolute;z-index:700; margin: 0 300px 0 0;  xpadding: 15px 0 0 0; padding: 0; }
nav li li{background:url(images/bg_nav_dropdown.png);float: none; clear: both;text-align:left;  margin: 0;  }
nav li li a,nav li li a:visited{color:#333;display: block; font-size:1.3em; font-weight: normal; line-height: 24px;padding: 0 0 0 20px; text-transform: capitalize; width: 160px;}
nav li li a:hover,#nav li li a:active{background: #c5c5c5;color: #000;}

nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;}
/*sidebar nav*/
#sidenav { background: #f1f1f1; float: left; padding: 0; width: 281px; }
#sidenav h2 { color: #333;margin: 0 0 5px 40px; padding: 30px 0 0 0; text-transform: uppercase; }
#sidenav .current_page_item {background: #339999;  }
#sidenav .current_page_item a { color: #ffffff; }
#sidenav a {color: #333; font-size:1.2em; line-height:2.666; margin: 0 0 0 50px; text-decoration: none; text-transform: capitalize;}
.no-sidebar #sidenav { background: #fff; }


/* aside */
aside {
	float: right;
	margin: 40px 20px 0 0;
	width: 184px;
	position: relative; top: 0; 
	}
aside h4 { margin-bottom: 10px;  }
aside ul { border: 10px solid #e7e7e7; margin: 0 0 20px 0; }
aside ul ul { border: none; margin: 0 0 20px 20px;}
aside ul ul li { background: none; font-size: 1.1em; margin: 0 0 10px 0;}
aside ul ul li a {  font-weight: bold; }
aside #social-media { border: none; height: 39px; margin: 0 0 15px 0; }
#social-media li { background: url(images/bg_social_media.png) no-repeat;   float: left; height: 39px; margin: 0 8px 0 0; width: 39px;  }
#social-media li.twitter { background-position: 0 0;  }
#social-media li.facebook { background-position: -46px 0;  }
#social-media li.linkedin { background-position: -94px 0;  }
#social-media li.rss { background-position: -140px 0;  }
#social-media a { display: block; height: 39px; text-indent: -7000px;  width: 39px; }

/* images */
.aligncenter {
	margin: 0 auto;
	text-align: center;
	}
.alignleft {
	text-align: left;
	}	
.alignright {
	text-align: right;
	}	
.wp-caption {
	background: #333333;
	margin-bottom: 10px;
	padding: 5px 5px 0 5px;
	}
/* archives */
.post h1 a {color: #339999;}
.post h1 a:hover {color: #009999;}
.post .descr {color: #339999;}
.post .descr a {color: #009999}
.post .descr a:hover {color: #009999;}

/* comments */
.content ol li {
	background: none;
}

.commentlist {
	margin: 1.2em 0 0 0;
	}
.commentlist li {
	margin-bottom: 1.2em;
	list-style: decimal;
}
.commentlist p {
	margin: 1em 0 0 0;
	}
#commentform {
	margin: 1em 0;
	width: 360px;
}


/* forms */
textarea.styled {width: 280px;}

.styled {
	background: #DDD;
	border: 1px solid #F60;
	font: normal 1em Verdana,sans-serif;
	padding: 2px;
}
.styled:hover {background: #EEE;}
.styled:focus {background: #FFF;}

#commentform input {margin-bottom: 3px;}

/* search form */
#searchbox {margin: 10px auto 0 auto; width: 956px;}
#searchform {padding: 0 10px;}
#searchform input.sfield {
	border: 1px solid #F60;
	padding: 2px;
	width: 120px;
}
#searchbar {
	background: #fff url(images/search_icon.png) 195px 4px no-repeat;
	border: 1px solid #4c4c4c;
	float: right;
	text-align: right;
	width: 213px; 
    }
#searchbar .button {
	background:none;
	border:0px;
	width:18px;
	height:18px;
	cursor:pointer;
	margin-top:1px;
}
#searchbar .searchtip {
	color:#ccc;
}
#searchbar .textfield {
	background:none;
	border:0px;
	float: left;
	height: 18px;
	width: 185px;
	}    


/* widgets */
.widget {margin-bottom: 1em;}
.widget ul {padding-bottom: 0;}

/* home page */
header.home { height: 432px; }
.home #title { margin: 40px 0 0 0;  }
.home #branding { background: url(images/bg_hero.jpg) top right no-repeat; height: 272px; }
#home-content article {
	float: left;
	margin: 40px 0 0 88px;
	width: 615px; }
#home-content h4 { font-size: 1.2em; }
#callout {
	background: #ededed url(images/bg_home_blog_box.jpg) no-repeat;
	height: 139px;
	padding: 0 0 0 60px;
	width: 936px;
}
#callout li { color: #333; float: left; padding: 35px 50px 0 50px; margin: 0 25px 0 0; width: 175px;}
#callout h2 { display: block; font-size: 1.6em; font-weight: normal; line-height: 1; margin: 0 0 10px 0; text-transform: uppercase; }

/* template - no-sidebar */
.no-sidebar { width: 996px; }
.no-sidebar article { width: 700px; }

/*team page */
#team { background: #fff; border: 10px solid #e7e7e7; width: 164px; position: absolute; margin: 0 0 0 470px; top: 390px;  z-index: 2; }
#team ul { margin: 20px 10px 20px 20px ; }


/* posts */
.post article { font-size: 1.2em; margin: 20px 0; width: 100%; }
/* PLUGINS */

/* contact form */
.wpcf7-form { color: #999999; }
.submit-btn input { background: #666; color: #fff; font-size: .9em; padding: 3px 0;  width: 130px; text-transform: uppercase;   }

/* temp for pre-launch */
#social-media { display: none; }