/*

- workplaceengineering.com
- designed by
- switch creative group

*/

/* ! ---- COLORS ---- */
/* ---------------------------------------------------- */
/*
	#002D6A	=	dk blue
	#5A87C5 = lt blue
	#E4EBF2 = very lt blue
*/



/*

Table of Contents

1. Universal Selectors
2. Body
3. Container
4. Bubble
5. Content
6. Comments
7. Navigation
8. Main
9. Meta
10. Sidebar
11. Search Form
12. Comment Form
13. Footer
14. Misc.

*/


/* ! ---- UNIVERSAL SELECTORS ---- */
/* ----------------------------------------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
	body {
		font-size: 62.5%; /* Sets the page font to 10px */
		}
			
	ul {
		list-style-type: circle;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		color: #002D6A;
		text-decoration: none;
		}
		
	* a:hover {
		color: #5A87C5;
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	* p {
		text-align: justify;
	}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}


/* ! ---- BODY ---- */
/* ----------------------------------------------------------------------------- */
	body {
		/* background:#fff url("images/top.gif") repeat-x; */
		background-color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		color:#636466;
		padding:0;
		margin:0;
		}


/* ! ---- CONTAINER ---- */
/* ----------------------------------------------------------------------------- */	
	
	#container {
		width:911px; /* this has nothing to do with the '911' event */
		margin:0 auto;
		position:relative;
		}
	
	#header_outside {
		background-color: #fff;
		border-bottom: 1px solid #bbb;
		border-top: 15px solid #002D6A;
		height: 100px;
		margin: 0 auto 25px;
		}
	
	#header {
		margin: 0 auto;
		position: relative;
		width: 915px;
		}
	
	#header h1 {
		text-indent: -9999px;
		height: 0px;
		}
	
	#header img {
		margin: 2px 0 0 0;
		}
	
	#header_nav {
		position: absolute;
			right: 10px;
			top: 35px;
		}
		
	#header_nav ul {
		font-size: 21px;
		font-weight: bold;
		text-transform: capitalize;
		}
	
	#header_nav ul li {
		display: inline;
		list-style: none;
		margin: 10px;
		}
	
	#header_nav a {
		color: #002D6A;
		}
	
	#header_nav a:hover {
		color: #5A87C5;
		}
	
	#header_nav li.current_page_item {
		border-bottom: 4px solid #E4EBF2;
		}


/* ! ---- BUBBLE ---- */
/* ----------------------------------------------------------------------------- */	
	#bubble {
		top:40px;
		right:0;
		position:absolute;
		display:block;
		height:28px;
		background:url(images/bubble_right.gif) no-repeat right;
		}
	
	#bubble p {
		display:block;
		font-size:11px;
		color:#fff;
		height:28px;
		padding:4px 12px 0 10px;
		background:url(images/bubble_left.gif) no-repeat top left;
		}


/* ! ---- CONTENT ---- */
/* ----------------------------------------------------------------------------- */	
	#content {
		float:left;
		width:700px;
		}
	
	#dallas {
		background: transparent url(images/dallas.jpg) no-repeat;
		height: 238px;
		margin: -25px 0 15px;
		width: 700px;
		}
	
	#content h2 {
		font-size:20px;
		margin:5px 0 7px 0;
		}
	
	#content h2 a {
		color:#002D6A;
		text-decoration:none;
		}
	
	#content h2 a:hover {
		color:#5A87C5;
		}
	
	#content h2.archive {
		font-weight:normal;
		font-size:22px;
		color:#1c1c1c;
		padding:0;
		margin:5px 0 20px 0;
		border:none;
		text-align:left;
		}


/* ! ---- COMMENTS ---- */
/* ----------------------------------------------------------------------------- */	
	.comments {
		color:#333;
		margin:0 0 15px 0;
		border-bottom:#bbb 1px solid;
		}
	
	.comments a {
		background:#fff;
		padding:0 7px 5px 0;
		color:#333;
		text-decoration:none;
		}
	
	.comments a:hover {
		color:#5A87C5;
		}


/* ! ---- NAVIGATION ---- */
/* ----------------------------------------------------------------------------- */		
	.navigation {
		background:#E4EBF2;
		font-size:11px;
		padding:5px 10px;
		margin:0 0 20px 0;
		border-top:#bbb 1px solid;
		}
	
	.navigation a {
		color:#002D6A;
		font-weight:bold;
		text-decoration:none;
		}
	
	.navigation a:hover {
		color:#5A87C5;
		text-decoration:none;
		}


/* ! ---- MAIN ---- */
/* ----------------------------------------------------------------------------- */	
	.main h3 {
		font-size:16px;
		font-weight:normal;
		margin:0 0 15px 0;
		}
	
	.main img {
		padding: 5px;
		border:#ddd 1px solid;
		}
	
	.main a img {
		padding:2px;
		border:#0085b5 2px solid;
		}
	
	.main a:hover img {
		padding:2px;
		border:#ca0002 2px solid;
		}
	
	.main p {
		font-size: 1.4em;
		line-height: 1.5em;
		margin-bottom: 18px;
		}
	
	.main p a {
		color: #5A87C5;
		border-bottom: 1px dotted #5A87C5;
		}
		
	.main p a:hover {
		border-bottom: none;
		}
	
	.main ul, .main ol {
		border-left: 1.0em solid #E4EBF2;
		padding-left: 3.0em;
		margin: 0 18px 25px 0;
		}
		
	.main li {
		font-size: 1.3em;
		margin-bottom: .5em;
		}


/* ! ---- META ---- */
/* ----------------------------------------------------------------------------- */		
	.meta {
		background:#E4EBF2;
		font-size:11px;
		line-height:15px;
		color:#333;
		padding:5px 10px;
		margin:0 0 30px 0;
		border-top:#bbb 1px solid;
		}
	
	.signature {
		float:left;
		padding:0 15px 0 0;
		border-right:#bbb 1px solid;
		width:200px;
		}
	
	.tags {
		float:left;
		padding:0 0 0 15px;
		width:440px;
		}


/* ! ---- SIDEBAR ---- */
/* ----------------------------------------------------------------------------- */	

	#sidebar {
		font-size:12px;
		float:right;
		width:180px;
		border-left:#bbb 1px solid;
		padding:0 0 20px 15px;
		margin:0 0 20px 0;
		}
	
	#sidebar #blueambit {
		background: transparent url(images/blue_ambit.gif) no-repeat;
		height: 64px;
		width: 161px;
		}
	
	#sidebar #blueambit span.indent {
		display: none;
		}
	
	#sidebar h3 {
		color: #002D6A;
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 5px 0;
		}
	
	#sidebar a {
		color: #636466;
		}
	
	#sidebar a:hover {
		color: #5A87C5;
		}
	
	#sidebar ul {
		list-style:none;
		}
	
	#sidebar ul ul {
		margin:5px 0 0 10px;
		}
	
	#sidebar ul ul ul {
		margin:5px 0 0 10px;
		}
	
	#sidebar ul li {
		padding:0 0 5px 0;
		}
	
	#author h3 {
		margin:5px 0 5px 0;
		}
	
	#sidebar #twitter_div a {
		color: #002D6A;
		}
	
	#sidebar #twitter_div a:hover {
		color: #5A87C5;
		}


/* ! ---- SEARCHFORM ---- */
/* ----------------------------------------------------------------------------- */	
	#searchform {
		margin:15px 0 0 0;
		}
	
	#searchform input {
		background:#002D6A;
		font-size:11px;
		margin:2px 0;
		padding:1px 4px 2px 4px;
		border:#888 1px solid;
		color:#EDEDEB;
		}
	
	#searchform input:hover {
		background:#5A87C5;
		border:#F26736 1px solid;
		color:#fff;
		cursor:pointer;
		}
	
	#searchform #s {
		background:#E4EBF2;
		font-size:11px;
		margin:2px 0;
		padding:2px 4px;
		border: 1px solid #bbb;
		color:#222;
		}
	
	#searchform #s:hover {
		background: #fff;
		border: #bbb 1px solid;
		cursor:text;
		}
	
	input.searchfield {
		background:#f6f6f6;
		font-size:11px;
		display:block;
		margin:5px 0 8px 0;
		padding:2px 4px;
		border:#aaa 1px solid;
		color:#222;
		}
	
	input.searchfield:hover {
		background:#EDEDEB;
		color:#222;
		}
	
	input.submit {
		background: #002D6A;
		font-size:11px;
		display:block;
		margin:0 0 10px 0;
		padding:1px 4px 2px 4px;
		border: #bbb 1px solid;
		color: #fff;
		}
	
	input.submit:hover {
		background: #333;
		cursor:pointer;
		border:#bbb 1px solid;
		color:#fff;
		}
	
	input.subcom {
		background:#EDEDEB;
		font-size:11px;
		margin:0 0 10px 0;
		padding:1px 4px 2px 4px;
		border:#888 1px solid;
		color:#222;
		}
	
	input.subcom:hover {
		background:#222;
		cursor:pointer;
		border:#888 1px solid;
		color:#EDEDEB;
		}


/* ! ---- COMMENTS FORM ---- */
/* ----------------------------------------------------------------------------- */	

	input.comment {
	background:#E4EBF2;
	font-size:11px;
	padding:2px 4px;
	border:#aaa 1px solid;
	color:#222;
	}
	
	input.comment:hover {
	border:#c00 1px solid;
	}
	
	textarea {
	background:#E4EBF2;
	font-size:12px;
	width:400px;
	padding:2px 4px;
	border:#aaa 1px solid;
	color:#222;
	}
	
	textarea:hover {
	border:#bbb 1px solid;
	}
	
	.postinput small {
	font-size:11px;
	margin:0 0 0 5px;
	}
	
	p.logged {
	font-size:12px;
	}
	
	h3.reply {
	font-size:15px;
	margin:0 0 10px 0;
	}
	
	.nocomments {
	margin:0 0 30px 0;
	}
	
	ol.commentlist {
	font-size:12px;
	list-style:none;
	margin:10px 0 30px 0;
	border-bottom:#bbb 1px solid;
	}
	
	.commentlist li {
	border-top:#bbb 1px solid;
	padding:0 0 10px 0;
	}
	
	.commentlist li.bypostauthor {
	border-top:#bbb 5px solid;
	background-color:#f3f3f3;
	}
	
	.comment_mod {
	margin:10px 0 0 10px;
	}
	
	.comment_mod em {
	background-color:#fff897;
	padding:1px 3px;
	}
	
	.comment_author {
	margin:10px 0;
	float:right;
	width:190px;
	}
	
	.comment_author img {
	float:left;
	margin:5px 12px 0 0;
	}
	
	.comment_author p {
	line-height:20px;
	}
	
	.comment_author small {
	font-size:11px;
	}
	
	.comment_text {
	float:left;
	width:470px;
	margin:0 0 0 10px;
	}
	
	.comment_text p {
	line-height:18px;
	margin:7px 0;
	}
	
	.comment_meta {
	font-size:12px;
	}
	
	#commentform p {
	line-height:18px;
	margin:0 0 15px 0;
	}
	
	blockquote {
	background:url(images/quote.gif) no-repeat top left;
	padding:0 0 0 60px;
	min-height:50px;
	}


/* ! ---- FOOTER ---- */
/* ----------------------------------------------------------------------------- */	

	#footer {
		background:#E4EBF2;
		font-size:11px;
		color:#555;
		margin:0 auto;
		padding:10px 0;
		text-align:center;
		position:relative;
		border-top:#bbb 1px solid;
		border-bottom:#002D6A 6px solid;
		}
	
	#footer_holder {
		margin: 0 auto;
		width: 911px;
		}
	
	#footer a {
		color:#002D6A;
		font-weight:bold;
		text-decoration:none;
		}
	
	#footer a:hover {
		color:#5A87C5;
		text-decoration:none;
		}
	
	
/* ! ---- MISC ---- */
/* ----------------------------------------------------------------------------- */	

	.clear {
	clear:both;
	}
	
	.warning p {
	background:url(images/warning.gif) no-repeat left;
	height:160px;
	padding:20px 0 0 90px;
	font-size:20px;
	margin:0 0 0 10px;
	}
	
	#wp-calendar {
	padding:10px 0 0 0;
	font-size:12px;
	}
	
	#wp-calendar caption {
	text-align:left;
	padding:0 0 5px 0;
	}
	
	#wp-calendar tr th,
	#wp-calendar tr td {
	padding:0 6px 0 0 ;
	text-align:right;
	}
	
	#wp-calendar td a {
	font-weight:bold;
	}
	
	#wp-calendar td a:hover {
	font-weight:bold;
	}
	
	img.wp-smiley {
	padding:0;
	border:none;
	}
	
	input:focus, textarea:focus{
	background-color:#fff;
	}
	
	abbr {
	border:none;
	}
	
	.aligncenter {
		display: block;
		margin: 10px auto;
		}
	
	.alignleft {
		float:left;
		margin: 10px;
		margin-left: 0;
		}
	
	.alignright {
		float:right;
		margin: 10px;
		margin-right: 0;
		}
	
	.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#E4EBF2;
	padding-top:4px;
	margin:10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
	.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	}
	
	.wp-caption-dd {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
	}
	
	/* self-clear floats */
	
	.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
	/* IE Hacks */
	
	*html #bubble {
	display:none;
	}
	
	*html #bubble p {
	display:none;
	}
	
	* html .group,
	* html #nav ul li a {
	height: 1%;
	}
	
	*:first-child+html .group {
	min-height: 1px;
	}
	
	* html #nav ul li a {
	display: inline;
	}