/*
Theme Name: Scott Data Center
Theme URI: http://scottdatacenter.com/
Description: This theme was coded for Scott Data Center by Amber Weinberg.
Author: Bozell & Amber Weinberg
Author URI: http://www.bozell.com/

*/

/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body { font: normal 14px Helvetica, Arial, sans-serif; color: #71716f; background: #edecec; }

p { line-height: 17px; }
a { color: #df770c; text-decoration: none; }
a:hover { color: #742f24; text-decoration: underline; }

h1 { font-size: 26px; font-family: Arial; }
h2 { font-size: 20px; }
h3 { font-size: 16px; color: #9e2f26; }

.container { margin: 0 auto; width: 963px; }
.contentContainer { float: left; width: 100%; background: url('images/contentBkg.jpg') repeat-x center top; }

.wpcf7-form { }
.wpcf7-form label { display:block; padding:0 0 0 4px; }
.wpcf7-form input { width:250px; padding:2px; }
.wpcf7-form .field { position:relative; }
.wpcf7-form .field .wpcf7-form-control-wrap { display:block; padding:4px; }
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap select, .wpcf7-form .wpcf7-form-control-wrap textarea { position:relative; z-index:2; }
.wpcf7-form .wpcf7-not-valid-tip-no-ajax { position:absolute; top:0; left:0; display:block; background:url(images/cross.gif) no-repeat 265px 10px; height:24px; padding:4px 10px 0 280px; background-color:#EDEDED; border:solid 1px #CFCECE; }
.button { width:auto; background:#E1790C url(images/button-bg.png) repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:4px 10px; border:solid 2px #E1995C; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; width:auto !important; }
.wpcf7-form .wpcf7-validation-errors {  background:url(images/cross.gif) no-repeat left center; padding:8px 8px 8px 25px; color: #ff0000; background-color:#EDEDED; border:solid 1px #CFCECE; }
.wpcf7-form .submit-button { width:102px; height:44px; }
.wpcf7-form .button-submit-app { width:195px; height:44px; }
em.tip { font-size:12px; display:block; }

.wpcf7-form .error-container {display:none; padding:20px 15px 15px 15px; border:1px solid #F00; background:#fee9e9; width:500px; margin:15px 0 30px 0; }
.wpcf7-form .error-container p { background:url(images/cross.gif) no-repeat left center; padding:0 0 0 15px; margin: 0 0 5px 0 !important; line-height:normal; }
.wpcf7-form .error-container label { text-transform:none;color:#F00;}
.wpcf7-form input.error, .wpcf7-form select.error { border:1px solid #F00;}
.wpcf7-form p.required label { font-weight:bold;}

.single-navigation { position:absolute; top:20px; right:40px; width:300px; z-index:10; text-align:right; }
.single-navigation .nav-prev { margin-bottom:4px; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right:10px; }
.alignright { float: right; margin-left:10px; }
.post img { margin:20px 20px 0 20px; }
.post a img { border:solid 2px #9B0624; }
.alignleft img { margin-left:0; }

.wp-caption-text { padding-left:20px; font-size:11px; font-style:italic; }
.alignleft .wp-caption-text { padding-left:0; }

.post img.alignleft { margin-left:0; margin-bottom:20px; }
.post img.alignright { margin-right:0; margin-bottom:20px; }

body.admissions .wpcf7-form textarea { width:620px; height:70px; }
.field-address1 { margin-bottom:0; }
input.state { width:100px; }
input.zip { width:70px; }
.wpcf7-form .datacenter-signup { margin-bottom:0; }
.wpcf7-form .check-box-field input { width:auto; }


/****HEADER STYLES*******/

#header { width: 100%; height: 53px; padding: 10px 0 10px; font-size: 10px; background: #e7e7e7; }
#header hr { width: 100%; border: none; border-top: 1px solid #d0d0cf; border-bottom: 1px solid #fff; }

#header ul { float: right; margin-top: 15px; }
#header li { float: left; padding: 0 10px; }
#header li a { color: #71716f; text-transform: uppercase; }
#header li a:hover { color: #742f24; }

/*****NAV STYLES*******/

ul#nav { position: relative; float: left; width: 946px; height: 44px; padding-left: 15px; font-size: 16px; font-weight: bold; background: url('images/navBkg.png') no-repeat; z-index: 3000; }
*+html ul#nav { top: 45px; /*Weird IE7 bug*/ }
ul#nav li { float: left; height: 53px; }
ul#nav li a { float: left; height: 19px; padding: 12px 20px 11px; color: #fff; }
ul#nav li a:hover, ul#nav li.current_page_item a,  ul#nav li.current_page_parent a { text-decoration: none; background: #5f2118; }
ul#nav li.current_page_item, ul#nav li.current_page_parent { position: relative; z-index: 20; background: url('images/menuActive.png') no-repeat center bottom; }

/*****FOOTER STYLES*******/

.footerLogo { padding: 15px 0; clear: both; display: block; }

#footer { float: left; width: 100%; height: 310px; padding-top: 50px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; background: #a1a19f; }
#footer a { color: #FFF; }
#footer p { float: right; }
#footer p span, #footer li { font-size: 16px; }

#footer ul { float: left; width: 540px; }
#footer li { float: left; width: 150px; padding: 0 30px 30px 0; font-weight: bold; }
#footer ul ul { width: 150px; }
#footer li li { float: none; padding: 0 0 5px 0; font-size: 12px; font-weight: normal; }

#footer hr { float: left; width: 100%; border: none; border-top: 1px solid #898987; border-bottom: 1px solid #b4b4b2; }

/*****HOME CONTENT STYLES*******/

#hero { width: 100%; height: 344px; color: #FFF; background: url('images/hero.jpg') repeat-x center top; }
#hero .container { height: 344px; background: url('images/heroBkg.png') no-repeat center top; }
#hero h1 { padding: 100px 0 10px 45px; }
#hero li { width: 370px; margin-left: 45px; padding: 5px 0 10px 50px; color: #cdcbcb; line-height: 17px; background: url('images/liHero.png') no-repeat left top; }
#hero p { float: left; clear: both; margin: 10px 0 0 85px; }

#callout { width: 100%; height: 114px; margin-top: 25px; font-weight: bold; font-size: 18px; color: #777776; border-top: 2px solid #B4B4B3; border-bottom: 2px solid #b4b4b3; background: #dbdbda;}
#callout .container { height: 120px; background: url('images/calloutSpanBkg.jpg') no-repeat 255px 50px; }
#callout p { float: left; width: 600px; margin-left: 45px; padding-top: 25px; line-height: 30px; }
#callout span { font-size: 26px; color: #4a463e; }
#callout img { float: left; padding: 40px 40px 0 10px; }
#callout a img { padding-top: 25px; }

.container.divider { background: url('images/dividerHome.jpg') no-repeat center top; }

.calloutSmall { position: relative; float: left; width: 194px; height: 217px; margin: 25px 10px 0 0; padding: 40px 0px 0 20px; font-size: 12px; background: url('images/calloutSmallBkg.png') no-repeat; }
.calloutSmall a { position: absolute; float: left; width: 100px; height: 24px; padding: 10px 0 0 0px; bottom : 15px; text-align: center; color: #FFF; background: url('images/calloutSmallBtn.jpg') no-repeat; }
.calloutSmall h3 { width: 174px; padding-bottom: 20px; line-height: 20px; }
.calloutSmall h3, .calloutSmall p { width: 174px; }
.calloutSmall img { position: absolute; bottom: 10px; right: 5px; }

#calloutGreen { float: left; width: 499px; height: 70px; margin-top: 17px; padding: 30px 50px 0 110px; line-height: 22px; font-size: 12px; font-style: italic; color: #698581; background: url('images/calloutGreenBkg.jpg') no-repeat; }
#calloutGreen a { color: #698581; }

#news { float: right; width: 284px; height: 253px; margin-top: 25px; background: url('images/newsBkg.jpg') no-repeat top; }
#news span { font-size: 11px; font-style: italic; color: #71716f; }
#news .divider { float: left; width: 100%; height: 1px; margin-top: 10px; background: url('images/newsDivider.png') repeat-x; }
#news img { float: right; margin: 20px 15px 0 0; }
#news p { float: left; width: 210px; margin-left: 20px; padding: 10px 15px; background: url('images/newsDivider.png') no-repeat center bottom; }
#news a { color: #698581; }
#news a.more { float: left; margin: 20px 0 0 35px; color: #df770c; }

/*****SUB CONTENT STYLES*******/

.subBanner { width: 100%; height: 153px; background: url('images/subBannerBkg.jpg') repeat-x center top; }
.subBanner .container { height: 153px; background: url('images/subBannerInfra.jpg') repeat-x center top; }
.subBanner p.headline { display: block; padding: 100px 0 0 40px; font-size: 20px; }
.subBanner p.headline span { font-size: 24px; font-weight: bold; }

.navSub { position: relative; float: left; width: 945px; height: 32px; top: -2px; left: 10px; background: url('images/navSubBkg.png') no-repeat; }
*+html .navSub { top: 44px; }
.navSub ul { padding-left: 15px; }
.navSub li { float: left; padding-top: 8px; }
.navSub a { padding: 0 15px; font-size: 12px; color: #afafae; }
.navSub a:hover, .navSub li.current_page_item a { color: #df770c; }

#subContent { position: relative; float: left; width: 723px; margin-top: 15px; padding: 10px 0 20px; background: url('images/subContentBkg.png') no-repeat top; }
#subContentTop { float: left; width: 643px; padding: 20px 39px 0; background: url('images/subContentTop.png') no-repeat top; }
#subContent .post { float: left; width: 723px; background: url('images/subContentRepeat.png') repeat-y top; }
#subContentBottom { float: left; width: 723px; height: 17px; background: url('images/subContentBottom.png') no-repeat top; }
#subContent h1 { padding: 10px; color: #4c473f; background: url('images/postBkg.jpg') no-repeat; }
#subContent h2 { padding:0; margin-bottom:5px; color: #698581; }
#subContent h2 a { color: #698581; }
#subContent h3 { color: #71716f; font-size:15px; margin-bottom:3px; }
#subContent p { margin-bottom: 15px; line-height: 20px; }
#subContent li { margin-bottom: 5px; list-style: disc; line-height: 18px; }
#subContent img { /* border: 2px solid #698581; */ border:0; }
#subContent ul { margin:0 0 15px 25px; }
#subContent p + ul { margin-top:-10px; }
img.subImage {  }

#sidebar { float: left; width: 233px; margin: 15px 0 0 7px; }
#sidebar h3 { clear: both; }
.sidebarContainer { float: left; width: 193px; padding:20px; font-size: 13px; color: #698581; background: url('images/sidebarTop.png') no-repeat; }
.sidebarContainer p { margin-top: 10px; padding-bottom: 10px; }
.sidebarContainer span { font-size: 16px; font-weight: bold; }
.sidebarContainer img { float: right; margin-top: 15px; }
.sidebarContainer a {  }
#sidebar .blog-sidebar h3 { clear:none; margin-bottom:8px; }

.sidebarContainer ul { margin-bottom:10px; }
.sidebarContainer ul li { list-style:disc; margin-left:15px; padding-bottom:4px; }
.sidebarContainer .rss-list li { list-style:none; margin-left:5px; }
.sidebarContainer .rss-list a { background:url(images/feed-icon.png) no-repeat; padding-left:20px; }

.sidebarBottom { float: left; width: 233px; height: 20px; background: url('images/sidebarBottom.png') no-repeat; }
#sidebar .divider { float: left; width: 100%; height: 1px; margin: 7px 0; border-bottom: 1px dotted #d2dad9; }
#sidebar .divider.split { margin: 0 0 20px; }

#side-promo-contact { color:#698581; }
#side-promo-contact h3 { font-size:14px; color:#698581; margin-bottom:0; height:20px; padding-top:90px; background:url(images/scottdata-exterior.jpg) no-repeat; }
#side-promo-contact a { float:none; }
#side-promo-contact address { font-style:normal; }



