/*  
Theme Name: CarlDyke
Theme URI: http://www.carldyke.com/
Description: Revised wordpress theme for Carl Dyke Industrial Consulting 
Version: 2.5
Author: Ivan Reese, Nancy Walters, Robyn McKelvie
Author URI: http://www.carldyke.com/

Properties that begin with a hash (#) are targeted at IE only. It's a known hack, recommended by the W3C.

Example - In non-IE browsers, the div will display as a table. In IE, it will be invisible:
	div {
		display: table;
		#display: none;
	}

There is a related hack where you precede a property with
an underscore (_) to target it at IE versions prior to (not including) 7.
*/

/****************** General Styles */

#site-maintenance {
	/* This is normally hidden, and applies to markup in the header.php template file */
	/* To show this warning, change display to "block", and "none" to hide it again */
	display:none;
	position:fixed;
	z-index:3;
	top: 115px;
	height: 18px; line-height:18px;
	width: 100%;
	/* make it eye catching */
	letter-spacing: 0.1em; text-align:center; color: red; font-weight: bold; background: white;
}

body {
	margin: 0px; padding: 0px; border: 0px;
 	background: white;
	color: #333;
	min-width: 785px;
	text-align: center; /* Nicer in Gecko browsers, ignored by IE */
	font-size: 62.5%; /* Resets 1em to 10px - Ed */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

img { margin: 0px; border: 0px; padding: 0px; }

h1 { font-size:2em; }
h2 { font-size:1.6em; }
h1, h2, h3 { font-weight:bold; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
h1, h4, h5 { margin: 0; }

.super-wide-column {	width: 800px; margin: 0px auto; }
.wide-column {			width: 786px; margin: 0px auto; }
.standard-column {		width: 746px; margin: 0px auto; }
.blog-column {			width: 726px; margin: 0px auto; }
.post-column {			width: 600px; margin: 0px auto; }
.course-column {		width: 500px; margin: 0px auto; }
.narrow-column {		width: 450px; margin: 0px auto; }

.center {	text-align: center; margin-left: auto; margin-right: auto; }
.left {		text-align: left; margin-right: auto; }
.right {	text-align: right; margin-left: auto; }
.justify {	text-align: justify; }

.alignleft {	float: left; }
.alignright {	float: right; }

.light {	color: #777; }
.light a, a.light {	color: #46D; }

.stretch-height { height:100%; }
.stretch-width { width:100%; }

.half-width { width:50%; }
.half-height { height:50%; }

.third-width { width:33.2%; } /* slightly under 33.3%, for IE compatibility (it rounds up) */
.third-height { height:33.2%; }

.quarter-width { width: 25%; }
.quarter-height { height: 25%; }

.pad-top { padding-top: 1em; }
.pad-bottom { padding-bottom: 1em; }

.space-top { margin-top: 1em; }
.space-bottom { margin-bottom: 1em; }

/* these are mostly used for testing without having to resort to throwing style="" markup all over the place */
/* they may be in use on the site, so keep them around just in case (unless you feel like checking the WHOLE site) */
.clear { clear:both; }
.block { display:block; }
.inline { display:inline; }
.hide { display:none; }

	

/****************** Header and Navbar Styles */
#header {
	position:fixed;
	top:0px;
	left:0px;
	z-index:2;
	width: 100%;
	height: 110px;
	font-size: 0px;
	background: #2D7BBD url('gui/header/bg-right.jpg') repeat-x scroll 0 0;
	border-bottom: 5px groove #497FAD;
}

#header-graphic {
	width: 800px;
	margin: 0px auto;
}

/* allows us to have different headers on the left and right side of the header that stretch nicely */
#header-side {
	position:absolute;
	right: 50%;
	width:30%;
	margin-right: 399px;
	height: 110px;
	background: white url('gui/header/bg-left.jpg') repeat-x 0 0;
}


/****************** Content Styles */
#content {
	text-align: left;
	font-size: 1.2em;
	/* this combination seems to make firefox and IE agree that content should snuggle right up under the header*/
	position:absolute;
	top:115px;
	width:100%;
	left:0px;
}

#ticker {
	width: 100%;
	height:18px;
	line-height: 18px;
	background-color: #E4ECF2;
	border-bottom: 1px solid #C4DCF4;
	/* for text when flash doesn't load*/
	font-weight: bold;
	text-align:center;
	overflow: hidden;
}

#tagline {
	height:45px;
	/* for text when flash doesn't load*/
	text-align: center;
	font-size: 1.5em;
	letter-spacing:0.05em;
}

#tagline span {
	/* for text when flash doesn't load, specifically the word "simplified" */
	color:black;
	font-weight:normal;
	font-family:Impact, Arial, Sans-Serif;
	font-variant:small-caps;
}

.blue-button {
	background: url('images/blue-button-bg.png') 0 0 no-repeat;
	width: 202px;
	height: 62px;
	display: table;
	#position:relative;
}

/****************** Footer Styles */
/* these are the styles for the footer everywhere EXCEPT the home page
 special styles are applied for the footer on the home page.
they are below under the Home Styles section, class #splash-nav */
#footer {
	clear:both;
	color: white;
	width: 100%;
	height: 2em;
	background: #204070;
	background-image: url('images/footerBG.png');
	padding-top: 10px;
	margin-top: 30px;
	text-align: center;
}

#footer .navbar {
	width: 380px;
	margin:0 auto;
}

#footer .navbar span {
	position: relative;
	top: -15px;
}

#footer a {
	width: 150px;
	color: white;
}

#footer #copyright {
	position: absolute;
	right: 0;
	overflow: visible;
	margin-right: 20px;
}

/****************** Home Styles */
#home {
	background: white url('images/fade.jpg') no-repeat center 53px;
	margin-top: 5px;
	margin-bottom: 40px;
	width: 100%;
}

#home p {
	text-align: justify;
	margin: 1.5em 2em 1em;
	font-size: 1.2em;
}

#home h2 {
	padding: 0px;
	margin: 0 0 12px;
}


#home #upper {
	width:785px;
	margin: 0px auto;
}

#home #splash-box {	
	border-top: 1px solid #AAA;
	/* for alternate image when flash doesn't load*/
	height: 200px;
	/* for alternate text when flash doesn't load and someone managed to get on one of the home tab pages*/
	background: silver;
	font-size: 2em;
	text-align:center;
	color: white;
}

#home #lower {
	position: relative;
	top: -2px;
	width:705px;
	height:116px;
	margin: 0 auto;
	padding: 0px 40px;
	text-align: center;
}

#home #client-logos {
	position: relative;
	top: -4px;
	margin: 0 auto;
	width:200px;
	height:100px;
	border: 1px solid #CCC;
	color: black;
	background: #EEE;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

.button {
	display: table-cell;
	vertical-align: middle;
	#position:absolute;
	#top:50%;
	#left:50%;
	#width: 202px;
}

.button-text {
	#position: relative;
	#top: -50%;
	#left: -50%;
}

.button-text a {
	color: white;
	text-decoration: none;
	font-size:15px;
}

.button-text a:hover {
	color: white;
	text-decoration: underline;
}

/* the alternate footer for the homepage */
#content #splash-nav {
	position:fixed;
	top:auto;
	bottom: 0px;
	height:40px;
	width: 100%;
	text-align:center;
	background: #2D7BBD url('gui/footer/splash-nav-bg.jpg') repeat-x 0 0;
}

#content #splash-nav #copyright, #content #splash-nav a {
	color: white;
	width: 225px;
	vertical-align: top;
	position:relative;
	top: 5px;
	margin: 0 20px;
}

/****************** Home Tab Template Styles */
#home #home-tab {
	width:785px;
	height: 485px;
	margin: 0px auto;
}

/****************** Page Styles */

#page-title {
	width: 500px;
	text-align: center;
	margin: 10px auto 5px;
	color: #555;
	padding-right: 150px;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

a.bullet {
	display: block;
	font-size: 1em;
	padding: 2px 2px 2px 22px;
	margin: 6px 0px 6px 30px;
	max-width: 480px; /* Prevents courses on the course page from overlapping the sidebar area */
	text-decoration: underline;
	background-image: url('images/linkBulletBlue.png');
	background-repeat: no-repeat;
	color: #048;
}

a.bullet:visited {
	background-image: url('images/linkBulletGreenVisit.png');
	background-repeat: no-repeat;
	color: #026;
}

a.bullet:hover {
	background-image: url('images/linkBulletGreen.png');
	background-repeat: no-repeat;
	color: #333;
}

/****************** Contact Us Styles */
#contact-us {
	width: 450px;
}

#contact-us p {
	display: block;
	width: 300px;
	float: right;
	margin: -3em 0 2em;
}

#contact-us h2 {
	display: block;
	clear: both;
	width: 150px;
}

/***************************************************** Search Styles */

#search-results {
	padding-bottom: 42px;
	padding-top: 30px;
	margin-bottom: -20px;
	margin-top: -16px;
	min-height: 56em;
	height: auto;
	background: white url('gui/images/blog-sides-bg.png') repeat-y center 0px;	
}

/***************************************************** Blog Styles */
#blog {
	width:100%;
	height: auto;
	min-height: 550px;
	padding-bottom: 20px;
	margin-bottom: -30px; /* this makes the footer snuggle up against the content, because it's padding the bottom */
	background: white url('gui/images/blog-sides-bg.png') repeat-y center 0px;
}

#blog-header {
	width: 745px;
	height: 107px;
	margin: 0 auto;
	border-top: 1px solid #C4DCF4;
	border-bottom: 2px solid #E4ECF2;
	background:#555;
	text-align:center;
	color:white;
}

#blog-header h3 {
	letter-spacing: 0.3em;
	margin: 5px auto;
	color:white; /* necessary for the single.php header */
}

#blog-header a, #blog-header a h3 { /* Back To The Main Page on blog post pages - 1st is for IE8, 2nd is for others*/
	text-decoration: none;
}

#blog-header a:hover h3 { /* Back To The Main Page on blog post pages*/
	color: #CCC;
}

#blog-header h3#pastNewsletters {
	position:relative;
	font-size: 14px; /* IE */
	left: -105px;
	top: 1px;
	width: 300px;
	overflow: hidden;
	height: 1.2em;
}

#blog-header .nav a { color:white; text-decoration:none;}
#blog-header .nav a:hover { color:#CCC; }

#blog-header .navbar .nav {	width: 120px; margin: 0;}

#blog-header .navbar {
	width: 745px;
	position: relative;
	top:-20px;
	margin:0px auto;
}

.tools {
	float:right;
	width: 200px;
	text-align:right;
	margin-right: 10px;
	#position: relative;
	#top: -5px;
}

/****************** Blog Entry (single) Styles */

#headline {
	padding: 15px 0px 1px 3px;
}

#headline h4 {
	font-size: 12px; /* IE */
}

#headline h5 {
	font-size: 10px; /* IE */
}

#entry-footer {
	display: block;
	clear: both;
	position: relative;
	top: 2em;
	padding-bottom: 30px;
}

.related {
	position: relative;
	top: 2em;
}

.electrical h1, .electrical h2,
.electrical em, .electrical i,
.electrical ul.definition-list h5,
.electrical b, .electrical strong,
.electrical a:active { color: #6bb500; }

.hydraulic h1, .hydraulic h2,
.hydraulic em, .hydraulic i,
.hydraulic ul.definition-list h5,
.hydrailic b, .hydrailic strong,
.hydraulic a:active { color: #06a; }

.site h1, .site h2,
.site em, .site i,
.site ul.definition-list h5,
.site b, .site strong,
.site a:active { color: #a00; }

/* plc, process */

.pneumatic h1, .pneumatic h2,
.pneumatic em, .pneumatic i,
.pneumatic ul.definition-list h5,
.pneumatic b, .pneumatic strong,
.pneumatic a:active { color: #c4ba66; }

.training h1, .training h2,
.training em, .training i,
.training ul.definition-list h5,
.training b, .training strong,
.training a:active { color: #e8790b; }

.mechanical h1, .mechanical h2,
.mechanical em, .mechanical i,
.mechanical ul.definition-list h5,
.mechanical b, .mechanical strong,
.mechanical a:active { color: #0e8164; }

.none h1, .none h2,
.none em, .none i,
.none ul.definition-list h5,
.none b, .none strong,
.none a { color: #777; }

.hydraulic #headline	{	color: #06a;	border-bottom: #06a 3px dotted; }
.electrical #headline	{	color: #6bb500;	border-bottom: #6bb500 3px dotted!important; }
.site #headline			{	color: #a00;	border-bottom: #a00 3px dotted; }
.pneumatic #headline		{	color: #c4ba66;	border-bottom: #c4ba66 3px dotted; }
.training #headline		{	color: #e8790b;	border-bottom: #e8790b 3px dotted; }
.mechanical #headline	{	color: #0e8164;	border-bottom: #0e8164 3px dotted; }
.none #headline			{	color: #777;	border-bottom: #777 3px dotted; }

#blog-entry .post h1, #blog-entry .post h2, #blog-entry .post h3 { font-style: bold; }
#blog-entry .post h1 { font-size: 16pt; }
#blog-entry .post h2, #blog-entry .post h3 { font-size: 14pt; }
#blog-entry .post h2 { border-bottom: 2px solid; clear: both;}
#blog-entry .post h3 { color: black; }
#blog-entry .post p { font-size: 12pt; }
#blog-entry .post em { font-style: italic; }
#blog-entry .post a:visited { color: #339; }

/* Some or all of these styles might not make sense, but they are the way they are because blog content is mirrored in Etelos,
which has a nasty habit of injecting its own CSS, and ignoring or stripping or replacing markup with other markup,
and generally being a big pain. Thus, these weird styles exist. Don't go messing with them unless you also test in Etelos.*/
div#innerpost { text-align: left; color: black; clear: both; }
#innerpost h1, #innerpost h2, #innerpost h3 { font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold; }
#innerpost h1 { font-size: 16pt; }
#innerpost h2, #innerpost h3 { font-size: 14pt; }
#innerpost h2 { display: block; width: 600px; border-bottom: 3px black solid; }
#innerpost p, #innerpost ul.definition-list { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12pt; text-align: justify; }
#innerpost ul.definition-list { list-style-type: none; padding: 0; margin: 16px 0;}
#innerpost ul.definition-list h5 { display:block; font-weight: bold; font-size: 16px; padding: 0.75em 0 0; margin: 0;}
#innerpost ul.definition-list li { border-bottom: 1px black solid; padding: 0 40px 15px; margin-left: 0;}
#innerpost ul, #innerpost li { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12pt; text-align: justify; }
#innerpost ul li { padding: 0 15px 5px 0; }
#innerpost img.alignleft { margin: 0px 10px 10px 0px; }
#innerpost img.alignright { margin: 0px 0px 10px 10px; }
#innerpost .danger {
	font-weight:bold;
	color:red;
}

/* More styles for Etelos embedding of newsletters and courses. These ones are for the course listing */
#innerpost .course {
	font-size: 12pt;
	font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
}

#innerpost .separator {
	border-top: 2px gray dotted;	
}

#innerpost .course .name {
	font-weight: bold;
	color: #6BB500;
}

#innerpost .course .price {
	text-align:center;
}

#innerpost .course .duration {
	text-align:right;
}

#innerpost .course .location {
	text-align: justify;
}

#innerpost .course .dates {
	text-align: justify;
}

#innerpost .course .signup {
	font-size: 9pt;
	text-align: right;
}


/****************** Blog Listing (!single) Styles */

.post {
	margin: 20px 0;
}

.post .title .bar {
	padding-left: 12px;
	overflow: hidden;
	height: 24px;
}

.post .title .bar a {
	color:white;
	text-decoration: none;
}

.post .title .bar a:hover {
	text-decoration: underline;
}

.post .title .bar .link {
	display: inline;
}


.post .title .bar .date {
	color: white;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 0.8em;
}

.post .title .bar .date a { color: white; text-decoration: none; }
.post .title .bar .date a:visited { color: white; }
.post .title .bar .date a:hover { text-decoration: underline; }
.post .excerpt {
	padding-left: 12px;
	text-align: justify;
}

.post .excerpt .read-more {
	margin-left: 5px;
}

.highlight {
	display: inline;
	color: #270;
	font-variant: small-caps;
}

.bar-hydraulic {	background: url('gui/images/bar-hydraulic.png') no-repeat; 	border-right: #06a 3px solid; }
.bar-electrical {	background: url('gui/images/bar-electrical.png') no-repeat;	border-right: #6bb500 3px solid; }
.bar-site {			background: url('gui/images/bar-site.png') no-repeat;		border-right: #a00 3px solid; }
.bar-pneumatic {		background: url('gui/images/bar-pneumatic.png') no-repeat;	border-right: #c4ba66 3px solid; }
.bar-training {		background: url('gui/images/bar-training.png') no-repeat;	border-right: #e8790b 3px solid; }
.bar-mechanical {	background: url('gui/images/bar-mechanical.png') no-repeat;	border-right: #0e8164 3px solid; }
.bar-none {			background: url('gui/images/bar-none.png') no-repeat;		border-right: #777 3px solid; }

/****************** Blog Sidebar Styles */ 
#sidebar-blog {
	width: 174px;
	padding: 13px;
	border: 1px #738700 dashed;
	font-size: 7pt;
}

#sidebar-blog-outer {
	position:relative;
	top:-10px;
	float: right;
	margin: 10px 0px 0px 15px;
	padding: 13px 0px 5px 5px;
	background-color: white;
}

#sidebar-blog h3 {
	display: inline;
}

#sidebar-blog #description {
	font-size: 8pt;
	text-align: left;
}


#sidebar-blog #newsletter-signup {
	margin-left: -14px;
	margin-top: -17px;
}

#sidebar-blog #technorati {
	margin: 10px 0px 0px 10px;
	width: 0px;
}

/****************** Comment Display & Comment Submission Styles */

#comments {
	margin-top: 20px;
}

#comments h4 {
	display: block;
	font-size: 1.7em;
	line-height: 0;
}

/****************** Main Sidebar Styles */

#sidebar {
	font-size: 7pt;
	margin: 0px 0px 15px 25px;
	display: block;
	width: 202px;
	border: none;
	float: right;
}

#sidebar .top {
	display: block;
	width: 202px;
	margin: 0px;
	padding: 0px;
}

#sidebar .topContent {
	display: block;
	padding: 0px 10px 10px 10px;
	width: 180px;
	border-left: 1px solid #738700;
	border-right: 1px solid #738700;
	background-image: url('images/greenSidebarTopBG.png');
	background-repeat: repeat-x;
	background-color: #dbe565;	
	text-align: center;
}

#sidebar .topContent .title {
	font-size: 1.5em;
	color: #224175;
	font-weight: normal;
}

#sidebar .content {
	display: block;
	padding: 0px 15px 0px 15px;
	width: 170px;
	border: 1px #738700 solid;
	background-color: white;
}

#sidebar .course {
	margin: 15px 0px 30px 0px;
}

#sidebar .course .name {
	font-size: 1.4em;
	color: #900;
	font-weight: bold;
	margin-bottom: 3px;
}

#sidebar .course .price {
	font-size: 1.2em;
	color: #224175;
	font-weight: bold;
	float: right;
	width: 100px;
	text-align: left;
}

#sidebar .course .duration {
	font-size: 1.2em;
	color: #224175;
	width: 50px;
	font-weight: bold;
}

#sidebar .course .dates {
	font-size: 1.2em;
	color: #224175;
	font-weight: bold;
}

#sidebar .course .location {
	font-size: 1.6em;
	color: #060;
	font-weight: bold;
	margin-top: 10px;
}

#sidebar .course .button {
	/* fixes IE positioning bug */
	position: relative;
	left: 0px;
	top: 0px;
	
	font-size: 1.2em;
	color: white;
	font-weight: normal;
	margin: 0px;
}

#sidebar .course a.button {
	display: block;
	width: 110px;
	color: white;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 2px 0px 0px 0px;
	padding: 5px;
	background-image: url('images/buttonBGblue.png');
	background-repeat: repeat-x;
	background-color: #003680;
	text-decoration: none;	
	border: 1px solid black;
	text-align: center;
}

#sidebar .course a.button:hover {
	background-image: url('images/buttonBGgreen.png');
	background-repeat: repeat-x;
	background-color: #198000;
}

a.clicker {
	color: #900;
}

p.reqField {
	float: left;
	color: #b30000;
}

p.optField {
	float: left;
	color: black;
}

/****************** Random/Custom/Misfit Styles */

/* Used on the individual Course pages */
.pullThatText {
	display: block;
	padding: 10px;
	width: 478px;
	border: 1px solid #738700;
	background-image: url('images/greenSidebarTopBG.png');
	background-repeat: repeat-x;
	background-color: #dbe565;	
	text-align: center;
	font-weight: bold;
	color: black;
}

/* Used on the individual Course pages */
.miniheader {
	display: inline;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #333;
	text-decoration: none;
}

/* used on the 404 page and at the bottom of blog posts */
.blue-box {
	background: #CFDFFF;
	margin-top: 30px;
	padding: 1.5em 3em;
}

.blue-box h2 {
	margin: 0;
}

/*Bold and CDIG blue text*/
.blue-emphasis {
	color: #044883;
	font-weight: bold;
}

/* login button on the /sample page <- This may have been removed. Possibly safe to delete. */
#login-button {
	margin: 1px auto;
	padding: 1px;
	clear:both;
	float:none;
	display:block;
	position:relative;
	top:2px;
	width:200px;
	text-align:center;
}

/* for response when a login or other action fails */
.warning {
	color: red;
}