/*
Theme Name: ACE
Theme URI: http://aceconsultingengineers.com/
Description: Ace's Custom Theme.
Version: 1.0
Author: RWL Design
Author URI: http://rwldesign.com/
Tags: 
*/

/*477px x 300px feature image size*/

@import url("stylesheets/reset.css");
@import url("stylesheets/text.css");
@import url("stylesheets/960.css");

/*================== Colors ===================*/

.red       {color: #940000;}
.dkGrey    {color: #444444;}
.lightGrey {color: #D6D6D6;}

/*================== STRUCTURE ===================*/

html {overflow: scroll;}

body {
	font: 9pt/1.5 "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;	
	background: #e8e8e8;
	color: #444;
	text-align: center;
	margin: auto;
	}

#main {
	text-align: left;
	background-color: #fff;
}

#top {background: #940000; border-bottom: 2px #e8e8e8 solid; padding: 4px 0 5px 0;}

#header {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #D6D6D6;	
}

#content {
	padding: 20px 0;
}

#footer {
	color: #999;
	padding-top: 15px;
	padding-left: 20px;
}

#searchBox {
	background: #940000;
	height: 24px;
	color: #fff;
}

.c1 {
	background: #D6D6D6;
	padding: 10px;
}

.rightBorder {
	border-right: 3px solid #fff;
	margin-right: -3px;
}

.recentNews {
	padding-top: 10px;
	border-bottom: 1px solid #d6d6d6;
}

.postDate {
	font-size: 8pt;
	font-weight: bold;
}

#centerPanel {
	margin-bottom: 15px;
	height: 300px;
	overflow: hidden;
	background-color: #D6D6D6;
}

#centerBox {
	padding: 15px 0;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
	background: #444 url('images/centerBG.png') repeat-x 0 -10px;
	color: #fff;
	margin-bottom: 15px;
	border-bottom: 2px #e8e8e8 solid;
}

.no-left {
	margin-left: 10px;
}

.no-right {
	margin-right: 10px;
}

#sidebar {
	background: #d6d6d6;
}

#sidebar ul, #sidebar ul li  {
	list-style: none;
}

#sidebar li {
	padding: 5px;
	margin: 0;
	
}

.clearer {
	clear: both;
}

/*================== Type ===================*/

#banner h1 {
	float:left;
	margin: 0 0 10px -2000px;
	width:2161px;
	height: 96px;
	padding: 0;
	border: none; background: url('images/ace-logo.png') right center no-repeat;
	overflow: hidden;
	}

#banner h1 a {
	display: block;
	font: 36px/1.5 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 15px 0;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	letter-spacing: -1px;
	}

h1 {
	color: #642D11;
	font-size:34pt;
	letter-spacing:-2px;
	line-height:1.3em;
	}

h2, h2.pagetitle {
	color:#940000;
	font-size:14pt;
	line-height:1em;
	}

h3 {
	color:#444;
	font-size:12pt;
	line-height:1em;
	}

h4 {
	color:#642D11;
	font-size:14pt;
	line-height:1em;
}
	
h5 {
	color:#642D11;
	font-size:12pt;
	line-height:1em;
}

small {
	font-size: 80%;
	font-weight: bold;
}

.recentNews h3 {
	margin-bottom: 10px;
}

.feedHeader {
	border: none;
	padding: 3px 10px 0 0;
	float: left;
	cursor: pointer;
}

.twitterHeader {
	border: none;
	padding: 1px 6px 0 0;
	float: left;
	cursor: pointer;
}

.second, .odd {
	padding: 10px;
	background: #e8e8e8;
}

.first, .even {
	padding: 10px;
}

.navigation {
	margin:0 0 15px 0;
	clear: both;
}

.comment-author-admin {
	border-left: 4px solid #940000;
}

.questions {
	background: #fff url('images/questionsBG2.png') repeat-x;
	padding: 10px;
}

/*================== Comments ===================*/

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/*================== Forms ===================*/

#searchform {
	text-align: center;
	border: none;
	}

#searchform #s {
	width: 115px;
	padding: 5px 5px;
	margin: 0 0 0 5px;
	border: none;
	}

#searchsubmit {
	height: 19px;
	width: 31px;
	margin: 0 0 0 5px;
	background: transparent url('images/searchButton.png') no-repeat 0 0;
	border: none;
	}
	
#searchsubmit:hover {
	background: transparent url('images/searchButton.png') no-repeat 0 -20px;
	cursor: pointer;
	}
	
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

div.wpcf7 textarea {
	padding: 4px;
}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 4px;
	font: 9pt/1.5 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

/*================== Links ===================*/
p img, .thumb {
	max-width: 100%;
	border: 1px solid #999;
	padding: 4px;
	background: #efefef;
	}

img.centered {
	display: block;
	margin: 10px auto;
	}

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.right {float: right;}

.alignleft {
	float: left;
	}

/*================== Links ===================*/

a:link, a:visited {color: #940000; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color: #444;}

#features h3 a:link, #features h3 a:visited, #features h3 a:hover, #features h3 a:active {color: #fff;}

h2.white {color: #fff;}

h2 em {
	display: block;
	font-size: 9pt;
	font-style: normal;
}

/*================== Nav ===================*/

#mainNav {
	margin: 0 0 0 0;
	padding: 34px 0 0 0;
	height: 24px;
	position: relative;
	z-index: 200;
}

#mainNav li {
	display: block;
	list-style: none;
	margin: 0 5px 0 0;
	background: none;
	font-size: 11pt;
	font-weight: bold;
	float: left;
}

ul.#mainNav {
	margin: 0;
	padding: 0;
}

#mainNav li a:link, #mainNav li a:visited { color: #444; display: block; text-decoration: none; background: none; padding: 6px 3px 10px 3px;}
#mainNav li a:hover, #mainNav li a:active { 
	color: #940000;
	text-decoration: none;
	background: #fff url('images/navBG.png') no-repeat bottom center;
}

#mainNav li.current_page_item a, #mainNav li.current_page_ancestor  a {
	background: #fff url('images/navBG.png') no-repeat bottom center;
	color: #940000;
}

#mainNav li ul {
	position: absolute;
	width: 160px;
	left: -999em;
	background: #4d4d4d url('images/centerBG.png') repeat-x;
	border: 2px solid #444;
	padding: 5px;
	margin-left: 5px;
	z-index: 999;
}

#mainNav li ul li a:link, #mainNav li ul li a:visited { color: #fff; text-decoration: none; background: none; display: block; width: 150px; padding: 5px;}
#mainNav li ul li a:hover, #mainNav li ul li a:active { 
	color: #fff;
	text-decoration: none;
	background: #940000;
	display: block;
}

#mainNav li:hover ul, #mainNav li.sfHover ul {
	left: auto;
}

.horizontalNav {
	margin: 0 0 0 0;
	padding: 0;
	height: 24px;
	clear: both;
	float: left;
}

.horizontalNav li {
	display: inline;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 5px 0 0;
	background: none;
	float: left;
}

ul.horizontalNav  {
	margin: 0;
	padding: 0;
}

.horizontalNav li a:link, .horizontalNav li a:visited { color: #999; text-decoration: none; background: none; padding: 6px 6px 6px 0;}
.horizontalNav li a:hover, .horizontalNav li a:active { color: #444; text-decoration: underline; background: none; padding: 6px 6px 6px 0;}

.sub-nav {
	padding: 10px;
	background: #D6D6D6;
}

.sub-nav ul {
	margin: 0;
	padding: 0;
}

.sub-navB li ul li a {
	margin-left: 10px;
}

.sub-nav li {
	list-style: none;
	margin: 0;
}

.sub-nav li a:link, .sub-nav li a:visited { color: #940000; text-decoration: none; background: none; padding: 6px; display: block;}
.sub-nav li a:hover, .sub-nav li a:active { color: #fff; text-decoration: none; background: #940000; padding: 6px; display: block;}
.sub-nav li.current_page_item a { color: #940000; text-decoration: none; background: #efefef; padding: 6px; display: block;}


/*================== Features ===================*/

#features {
	float: left;
	background-color: #444;
	width: 477px;
	height: 300px;
	border-left: 3px #fff solid;
	overflow:hidden;
	position: relative;
}

#centerLeft {
	padding: 10px;
	float: left;
	width: 220px;
}

#centerLeft h3, #centerLeft p { margin-bottom: 10px;}

#centerRight {
	float: left;
	border-top: 22px #fff solid;
	padding: 10px;
	width: 220px;
	color: #fff;
	background: #940000 url('images/centerRightBG.png') repeat-y;
	height: 100%;
}

.newsletter h2, .newsletter p {
	margin-bottom: 5px;
}

.newsletter {padding:5px;}

div.mc_inline_error{ border: 2px white solid;}

#features h3 {
	margin-bottom: 5px;
	color: #fff;
}

.featuredText {
	color: #ffffff;
	padding: 10px;
	background: transparent url('images/featuredText.png') repeat bottom;
	position:absolute;  
	bottom:0;
	left:10px;  
	height:60px;
	width: 437px;
	overflow:hidden;
	z-index: 10;
}

#features ul.ui-tabs-nav{  
    list-style:none;  
	position: absolute;
	top: 0;
	left: 0;
	width: 477px;
	height: 50px;
    padding:10px;
	margin:0;
	z-index:10; 
	background: transparent url('images/featuredNav.png') repeat-x;
}  
#features ul.ui-tabs-nav li{  
	margin: 0 10px 0 0;
	font-size: 12pt;
	line-height: 1.1;
	display: inline;
}  

#features ul.ui-tabs-nav li a:link, #features ul.ui-tabs-nav li a:visited  {color: #fff; text-decoration: none; padding: 3px;}
#features ul.ui-tabs-nav li a:hover, #features ul.ui-tabs-nav li a:active {color: #fff; text-decoration: none; background: #444; padding: 3px;}

#features ul.ui-tabs-nav li.ui-tabs-selected a:link, #features ul.ui-tabs-nav li.ui-tabs-selected a:visited,
#features ul.ui-tabs-nav li.ui-tabs-selected a:hover, #features ul.ui-tabs-nav li.ui-tabs-selected a:active, .highlight { background: #940000; color: #fff; padding: 3px;}

#features .ui-tabs-panel{
	height: 300px;
	position:relative;  
    overflow:hidden;  
}  
#features .ui-tabs-hide{  
   display:none;  
}

/* Accordion
 * --------------------------------------------------------------------- */

#accordion { padding: 10px; background: #e8e8e8;}

#accordion h3, .panel { margin: 0 0 10px 0; }

#accordion h3 a:link, #accordion h3 a:visited {font-size: 14pt; font-weight: bold; background: #940000; color: #fff; display: block; padding: 10px;}
#accordion h3 a:hover, #accordion h3 a:active {font-size: 14pt; text-decoration: none; background: #444; color: #fff;}

#accordion li ul {background: #e8e8e8; margin: 0;}

#accordion li ul a:link, #accordion li ul li a:link, #accordion li ul li a:visited #accordion li ul a:visited {font-size: 9pt; background: transparent; color: #444; display: inline; padding: none;}
#accordion li ul a:hover, #accordion li ul li a:hover, #accordion li ul li a:active, #accordion li ul a:active {font-size: 9pt; text-decoration: underline; }

#accordion li ul li {margin: 0 0 0 10px; border-left: 2px solid #940000;}

.ui-accordion-content {
	padding: 5px;
}

.ui-accordion-content-active {
	display: block;
}

/* Twitter
 * --------------------------------------------------------------------- */

.tweet { margin: 0; padding: 0;}

.tweet .tweet_list {
	list-style-type: none;
  	margin: 0;
	padding: 0;
}

.tweet_list li {
  overflow: auto; padding: 10px; margin: 0; background-image:none;
}

.tweet .tweet_list li a {
}

.tweet .tweet_list .tweet_odd {
	background-color: #d6d6d6;
}

/* FaceBox
 * --------------------------------------------------------------------- */

#facebox .b {
  background:url('images/b.png');
}

#facebox .tl {
  background:url('images/tl.png');
}

#facebox .tr {
  background:url('images/tr.png');
}

#facebox .bl {
  background:url('images/bl.png');
}

#facebox .br {
  background:url('images/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}