/*  
Theme Name: iTech
Theme URI: http://zacklive.com/itech-theme-free-wordpress-theme-for-gadgets-and-tech-blogs/690/
Description: iTech is high quality, low graphics, Lightweight, fast-rendering professional WordPress Theme, especially good for technology blogs. A tabbed block is added to sidebar for displaying Recent Posts, Popular Posts and Recent Comments. Built in control panel, you can set customized RSS feed, email subscription, twitter subscription and header logo. Compatible with Wordpress 2.7 and above, support threaded (nested) comments, sticky-post and comment pages.
Version: 1.0.3
Author: Zack
Author URI: http://zacklive.com/
Tags: black, white, two-columns, fixed-width, threaded-comments, sticky-post, right-sidebar, custom-header, theme-options, sticky-post
Chang Log: 


   This theme, including the CSS, XHTML and design, is released under the
   GPL: http://www.opensource.org/licenses/gpl-license.php

*/
/**
 * Normalize
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	color: #00599c;
}

body{
	font-family: Calibri,Arial,Helvetica,Sans-serif;
	font-size: 13px;
	vertical-align: top;
	background-color: #c0c0c0;
	color: #2f4f4f;
}

.normal{font-weight:normal;}
.bold{font-weight:bold;}
.larger{font-size:larger;}

a:link, a:active, a:visited{
	color: #006699;
	text-decoration: underline;
}

a:hover{
	color: #0099ff; 
	text-decoration: underline;
}

a.txt:link, a.txt:active, a.txt:visited{
	color: #006699;
	text-decoration: underline;
}

a.txt:hover{
	color: #0099ff; 
	text-decoration: underline;
}


#sidebar ul li a:link, a:active, a:visited{
	color: #006699;
	text-decoration: none;
}

#sidebar ul li a:hover{
	color: #0099ff; 
	text-decoration: underline;
}

#sidebar ul li ul li a:link, a:active, a:visited{
	color: #006699;
	text-decoration: none;
}

#sidebar ul li ul li a:hover{
	color: #0099ff; 
	text-decoration: underline;
}

div.ddsg-wrapper ul li a:link, a:active, a:visited{
	color: #006699;
	text-decoration: none;
}

div.ddsg-wrapper ul li a:hover{
	color: #0099ff; 
	text-decoration: underline;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto;
	width: 980px;
	text-align: left;
	background: url('images/bg.png') repeat-y top center;
}

#header{
	margin: 0 auto;
	width: 960px;
	height: 180px;
	background-color: #00599c;
}

#header ul { display:block; width:100%; height:30px; padding:0px;
	font-size:16px;font-weight:normal; float:left; margin:0;
	background: #00599c url('images/nav-bg.png') repeat-x top left;}

#header ul li { vertical-align:middle; margin-top:25px; padding:15px 5px 0 5px; display:inline; line-height:1em; text-align:left;}

#header ul li a { padding:0 5px 0 5px; color: #fff; text-decoration:none;  border:solid 1px transparent;}
#header ul li a:hover { color: #FCD116; border-bottom: 0px solid #999999;
border:solid 1px #0199e3;
border-radius:5px;
border-radius:5px;
-moz-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

#header ul li.subscribe { display:none; width:210px; padding-left:30px; margin:0; float:right; background:transparent url(images/rss.jpg) no-repeat left top; text-align:left; }
#header ul li.subscribe a { font-weight:bold; color:#006699; }

#header ul li.twitter { display:none; width:140px; padding-left:30px; margin-left:10px; float:right; background:transparent url(images/twitter.jpg) no-repeat left top; text-align:left; }
#header ul li.twitter a { font-weight:bold; color:#006699; }


#logo{
	width: 960px;
	height: 150px;
	background: #ffffff url('images/header.jpg') no-repeat top center;
}

#header #logo h1{
	font-family: 'Century Gothic', Century, Arial, helvetica, Sans-serif;
	float: left;
	display: inline;
	color: #EE0000;
	font-size: 42px;
	font-weight: normal;
	margin: 98px 0 0 30px;
	text-shadow: 1px 1px 1px #2F4F4F;
}

#header #logo #icon{
vertical-align:middle; width:46px;height:46px; 	margin: -3px 10px 5px -20px;
}

#header #logo h1 a{
	color: #EE0000;
	text-decoration: none;
}

#header #logo h1 a:hover{
	text-decoration: none;
}

#header #logo h2{
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 24px;
	float: left;
	color: #2F4F4F;
	text-shadow: 1px 1px 1px #fff;
	margin: 120px 0 0 15px;
}

#container{
	float: left;
	width: 700px;
	margin-top: 20px;
}

#container #fcg{
	width: 600px;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}

#container #fcg #featured .imageElement p { color: #2f4f4f; }
#container #fcg #featured .imageElement h2 { color: #00599c; font-size: large; }

#home {width:600px; margin: 0 auto;}
#home h1 {font-size:x-large;}
#home p, #home ul {text-align:justify; font-size: larger;}
#home ul {margin-left:30px;}
#home ul li {list-style-image:url('images/li-dot.png'); margin-top:8px;}

form.wpcf7-form {margin-top:20px;}
form.wpcf7-form .wpcf7-form-control-wrap input, form.wpcf7-form .wpcf7-form-control-wrap textarea {
border:solid 1px #0199e3;
border-radius:5px;
border-radius:5px;
-moz-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
}

.post{
	overflow: hidden;
	margin: 0 10px 30px 50px;
}

.post h2{
	display:block;
	padding-top: 10px;
	line-height:26px;
	font-size: 26px;
}

.post h2 a:link, a:visited{
	color: #00599c;
}

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

.entry{
	line-height: 1.2em;
	text-align:justify;
}

.postmetadata{
	font-size:11px; 
	margin-top:10px; 
	padding-bottom: 10px;
	color:#999999; 
	line-height:15px; 
	display:block;
	background: url(images/dots.jpg) repeat-x bottom left;
}

.author{
	color: #666666;
	font-weight: bold;
}

.metaDate{
	padding-left:20px; 
	margin-left:5px; 
	background:url('images/date.png') no-repeat top left; 
}

.metaComment { 
	padding-left:20px; 
	margin-left:5px; 
	background:url('images/comment_icon.jpg') no-repeat top left; 
}

.metaTag{
	padding-left:20px; 
	margin: 10px 0 0 5px;
	background:url('images/tag.png') no-repeat top left; 
}

.navigation{
	padding-left: 50px;
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

table#wp-calendar{
	width: 100%;
}

#blockquote {
	margin: 15px 20px 15px 10px;
	padding-left: 20px;
}

/*Sidebar
-----------------------------------------------------*/
#search #searchform #s {
color: #666;
width:230px;
height: 18px;
border:solid 1px #ccc;
border-radius:5px;
border-radius:5px;
-moz-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:10px;
}

#sidebar{
	float: right;
	width: 250px;
//	margin: 0 auto;
	margin-top: 10px;
	margin-right: 20px;
}

#sidebar ul{
	list-style-type: none;
	font-size: 12px; 
}

#sidebar ul li ul{
	margin-bottom: 30px;
	padding: 0;
}
#sidebar ul li ul li{
	padding-top: 5px; 
	margin-bottom: 10px; 
	display:block; 
	background: transparent url(images/dots.jpg) repeat-x top left; 
}

#sidebar ul li h2{
	font: bold 14px Arial, Georgia, Sans-serif;
	padding: 5px 0 0 0;
	margin-bottom: 5px; 
	border-top:5px solid #e5e5e5;
}

#sidebar ul li ul li ul{
	padding: 5px 0 0 10px; 
	margin-bottom: 10px; 
	display:block; 
}

/*Sidebar Tabs
-----------------------------------------------------*/
.menu {
	color:#000000; 
	height:25px;
	width:250px;
	border-bottom:1px solid #eaeaea;
	padding:0;
	margin: 0 20px 0 40px;
}
.menu ul {
	margin:0;
	padding:0; 
	list-style:none; 
}
.menu li {
	display:inline; 
	line-height:23px;
	padding:0;
	margin:0;
}
.menu li a {
	color:#000000;
	background-color:#eaeaea;
	text-decoration:none; 
	padding:4px 5px 6px 5px;  
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
.menu li a.tabactive {
	border-left:1px solid #eaeaea; 
	border-right:1px solid #eaeaea; 
	border-bottom:1px solid #ffffff; 
	background-color:#ffffff; 
	font-weight:bold;  
	position:relative;
}
#tabcontent1,#tabcontent2,#tabcontent3 {
	width:273px; 
	text-align:left;
	padding: 0;
	margin: 0 20px 30px 40px;
	line-height: 24px; 
	background-color:#ffffff; 
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}

#tabcontent1  ul,#tabcontent2  ul,#tabcontent3  ul{
	margin: 0 0 0 10px;
	padding:0; 
}

/*Tags
-----------------------------------------------------*/
.tags,
#tag_cloud {
	margin: 0 0 15px;
}
.tags {
  text-align: center;
}
.tags a,
#tag_cloud a {
	color: #AAA;
	margin: 0 2px;
}

.post_tags{
	display:inline;
	line-height: 50px;
	padding-left:20px;
	font-weight:bold;
	background:url('images/tag.png') no-repeat top left; 
}

#cle{
	clear: both;
}

/*Footer
-----------------------------------------------------*/
#footer { 
	clear:both; 
	width:960px;
	height:50px;
	margin:0 auto; 
	background:#000000 url('images/bg_footer.jpg') repeat-x top left; 
}

#footer p { 
	margin-left:20px; 
	color: #ccc; 
	font-size: 12px; 
	line-height: 30px; 
}

#footer p a { 
	color:#ccc; 
	text-decoration:none; 
}

#footer p a:hover { 
	color:#fff; 
	text-decoration:underline; 
}


/*Comments
-----------------------------------------------------*/
.odd{
	background: #EEE;
}

.even{
	background: #FFF;
}


.comments-template{
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}

.comments-template ul{
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}

.comments-template ul li{
	line-height: 18px;
	padding: 10px 0 10px 10px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

#respond{
	margin-top: 30px;
	padding-top: 10px;
	clear:both;
	background: transparent url(images/dots.jpg) repeat-x top left; 
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignleft {
   float: left;
   margin-right: 10px;
}

img.alignright {
   float: right;
   margin-left: 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*Avatar
-----------------------------------------------------*/
.commentlist li .avatar {
float: left;
border: 1px solid #eee;
padding: 0;
margin-right:10px;
background: #fff;
}
