/*

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: 980px; margin:0px auto; }



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

#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 10px 10px;}
	
	#logo { width: 260px; float: left; height: 110px; }
		#logo a {display:block;  width: 260px; height:100px;}

	#header-left {float:left; width: 700px;}
	#header-left .iwrap {padding:70px 20px 0 20px; 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;}	
	.nav .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;}






#wrapper {width:971px;}
	#wrapper .owrapcontent {padding-left:10px;}
	#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: 5px; }

#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; }