/*

Theme Name: This Tech

Theme URI: http://www.brandonacox.com/2008/11/03/free-wordpress-theme-balance-of-blue/

Description: Balance of blue is a grid-based theme with two columns in the content area and three columns in the footer. It's optimized for ad space and is a great theme for a blog or business site.

Author: Brandon Cox

Author URI: http://www.brandonacox.com

Tags: white, blue, two columns, valid, widget ready, simple, clean, grid-based

Version: 1.5

License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

*/
.cboth {clear:both;}


body {background: #efecdd url(images/bg-body.gif) repeat-x top; margin: 0px; padding: 0px; font-family: Tahoma, Avant Garde, Arial, Helvetica, sans-serif; font-size: 85%; color: #555;  }



a img { border: none; }

h1, h2, h3, h4, h5, h6, h7 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

p, h1, h2, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 0px; margin-bottom: 18px; }

p, li, li li { line-height: 160%; }

h1 { font-size: 1.7em; padding-bottom: 5px; border-bottom: 2px #ccc solid; }

h1 a { color: #036; text-decoration: none; }

h2 { font-size: 1.4em; color: #036; font-weight:normal; }

small { font-size: 0.9em; line-height: 140%; }

a { color: #333; }

a:hover { color: #555; }



#container { width: 971px; margin:0px auto; display:block;}



#header { width:971px;  margin:0; padding:0; height: 217px; background: url(images/bg-header.jpg) no-repeat -5px 0; }

#login {height:20px; display:block; float:right; width:100%; margin-top:10px;}
#login form { color: #fff; float:right; font-size:0.8em;}
#login input.hform {color: #333; height:14px; width:100px; border:solid 1px #fff;}

	#header .iwrap {padding:0px 10px 8px 8px;}
	
	#logo { width: 260px; float: left; height: 110px; }
		#logo a {display:block;  width: 260px; height:100px;}

	#header-left {float:right; width: 690px;}
	#header-left .iwrap {padding:70px 20px 0 10px; text-align:right;}
		#header-left .iwrap h2#tagline {font-size:1.3em; color:#fff; font-weight:normal; text-decoration:none; margin: 0px; color: #ddd; }

	

p.site-title { font-size: 2.4em; margin-bottom: 0px; padding-bottom: 0; font-weight: bold; color: #fff; }

p.site-title a { color: #fff; text-decoration: none; }

p.site-title a:hover { color: #ddd; }

	
.nav { clear:both; text-align:right;  padding:5px 10px 0 10px; }

	
	.nav .navwrap {width:600px; float:left;}	
	 .searchwrap {width:300px; padding:8px 0; float:right; text-align:right;}

	.nav ul { margin: 0px; padding: 0px; list-style: none; }
	
	.nav li {font-size:0.9em;  float: left; display:block; border-left:1px solid #5299c3; border-right:1px solid #1b4386; }
	
	.nav li a { color: #fff; font-weight: normal; padding: 8px 15px 8px 15px; text-decoration: none; display:block; }
	
	.nav li a:hover, #nav li a.active {background:#fff; color:#900;}


/* =Menu
-------------------------------------------------------------- */



#access {
clear:both; text-align:right;  padding:5px 10px 0 0px;

	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 600px;
	font-size:90%;
}



#access .pagemenu,
div.menu {
	margin-left: 6px;
	width: 600px;
}
#access .pagemenu ul,
div.menu ul {
	list-style: none;
	margin: 0; padding:0;
}
#access .pagemenu li,
div.menu li {
	float: left;
	position: relative;
	border-left:1px solid #5299c3; border-right:1px solid #1b4386; 
}
#access a {
	color: #fff;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	margin:0; padding:0;
	text-align:left;
}
#access ul ul li {
	width:180px;
	border-right:0px solid #fff; margin:0;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #fff;
	color:#900;
	line-height: 1em;
	padding: 10px;
	height: auto;
}
#access li:hover > a {
	background: #fff;
	color: #900;
}

#access ul ul :hover > a {
	background: #1b4386;
	color: #fff;
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background: #fff;
	color:#900;
	
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	background: #fff;
	color:#900;
}


#wrapper {width:971px; display:block; margin:0 auto;}
	#wrapper .owrapcontent {padding:0 5px;}
	#wrapper .iwrapcontent {background:#fff; display:block;}

div.float-left { float: left; display: inline; overflow: hidden; }

div.float-right { float: right; display: inline; overflow: hidden; }

.one-column {width: 300px;}
	.one-column .wrap {padding:5px 20px 5px 20px;}

.two-column { width: 640px;}
	.two-column .wrap {padding:5px 20px 5px 35px;}

.three-column { width: 940px; }
	.three-column .wrap {padding:5px 35px 5px 35px;}

div.widget { margin-bottom: 20px; }

div.footer-column { width: 280px; padding: 10px; margin-right: 20px; }



#sidebar, #content { overflow: hidden; }



#sidebar ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #ccc solid; }

#sidebar li { margin: 0px; padding: 4px 0px 4px; border-bottom: 1px #ccc solid; width: 300px; }

#sidebar li a { display: block; text-decoration: none; padding: 4px 15px; background: url(images/li-bullet.jpg) 0px 8px no-repeat; }

#sidebar ul.highlight li a { background: #ddd; }

#sidebar li a:hover { background: url(images/li-bullet.jpg) 0px 8px no-repeat; }

#sidebar ul.highlight li a:hover { background: #333; color: #fff; }

#sidebar h2, #sidebar h2 a { color: #fff; text-decoration: none; background: url(images/h2-bg.jpg) no-repeat; height: 24px; padding: 4px 10px; margin: 0px -10px 16px -10px; text-transform: uppercase; font-size: 1.2em; }



#content .post { margin-bottom: 20px; }

#content .post h1 { margin-bottom: 15px; }

#content .post h2 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; }

#content p.premeta { font-size: 90%; color: #999; margin-bottom: 20px; }

#content .postmeta { color: #999; font-size: 90%; border-top: 2px #ccc solid; padding: 4px 0px; margin-bottom: 20px; }



/* Comments */

#content .comments { font-size: 90%; margin: 20px 0px; }

#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ccc solid; border-right: 5px #ccc solid; }

#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; list-style-type: none; }

#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }



#footer-wrapper { clear:both; width: 100%; }

	#footer {background:#e6e2ca url(images/bg-footer.jpg) no-repeat top center; overflow: hidden; padding:30px 10px 0px 30px; font-size: 90%;}
	
		#footer .iwrap {width:960px; text-align:left;}

		#footer ul { margin:0; padding:0; list-style: none; }
	
		#footer li {color:#333;  margin: 0px; padding:0; display:block; float:left;}
	
		#footer li a {color:#333; display: block; text-decoration: none; padding: 2px 8px; }
	


#footer a:hover, #footer li a:hover { color: #999; }

#footer h2, #footer h2 a { font-size: 1.3em; color: #fff; }



/* WordPress Images and Captions */

#content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }

#content img.alignnone { margin: 0px 10px 10px 0px; }

#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }

#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }

#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; }


.brochure {border: solid 1px #1b4386; display:block; float:right; margin:10px 0 10px 10px; padding:20px; }
.brochure ul, .brochure li {list-style:square; }
.brochure ul {padding-left:10px;}
.brochure a {color:#000;  }