/*  
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

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

Code for customization of theme written by Ones & Zeros Web Design, LLC.

	 
          		 						   dark blue: #155379 (nav bar)
          		 						   Color Two: #000000
          		 						   Color Three: #000000
          		 						   Color Four: #000000
		 
*/
/*------------------------------------------------------------------------------------------------------------------
                                                  RESET                    
------------------------------------------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, 
h6, blockquote, p, form 			{ margin: 0; padding: 0; }
body 								{ font-family: Arial, Sans-serif; font-size: 13px; color: #333333; text-align: center; 
									  vertical-align: top; background: #4c91ac url('images/blog_bg.jpg') no-repeat top center; }
h1, h2, h3, h4, h5, h6 				{  color: #000000; font-weight:bold; }
a:link, a:active, a:visited 		{ color: #006699; text-decoration: none; outline:none;}
a:hover 							{ color: #0099ff; text-decoration: underline; }
p 									{ padding: 10px 0 0 0; }
/*------------------------------------------------------------------------------------------------------------------
                                                      UTILITIES                    
------------------------------------------------------------------------------------------------------------------*/
.clear 								{ clear: both; }
.clear_n_pad 						{ clear: both; padding-top: 20px;}
.float_right 						{ float: right; }
.float_left 						{ float: left; }
.hidden				                { display: none; }
.bold 								{ font-weight: bold; }
.unbold 							{ font-weight: normal; }
.italic								{ font-style: italic; }
.unitalic							{ font-style: normal; }
.red 								{ color: red; }
/*------------------------------------------------------------------------------------------------------------------
                                                      STRUCTURE                    
------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	margin: 269px auto 0 auto;
	width: 970px;
	text-align: left;
	background: url(images/trans_bg.png) repeat top center;
}
.commentlist li .avatar {
	float: left;
	border: 1px solid #eee;
	padding: 0;
	margin-right:10px;
	background: #fff;
}

/*------------------------------------------------------------------------------------------------------------------
                                                      HEADER                    
------------------------------------------------------------------------------------------------------------------*/
#header{
	background:transparent url(images/header_n_nav.png) no-repeat scroll top left;
	height:268px;
	margin:0 auto;
	position:absolute;
	top: 2px;
	width:970px;
	z-index: 100;
}

#upload_button span{
	display: none;
}

#upload_button a{
	height: 50px;
	width:	252px;
	background: url(images/upload-your-entry.jpg) no-repeat;
	position: absolute;
	top: 8px;
	left: 0px;
}
#upload_button a:hover{
	background: url(images/upload-your-entry.jpg) no-repeat left bottom;
}

#register{
	margin: 17px 0 0 271px;
	font-size: 15px;
	color: white;
	display:none;
}
#register a, #resister a:visited{
	color: white;
	text-decoration: none;
	font-size: 16px;
}
#count_down {
	color: white;
	margin:196px 0 0 40px;
	font-size: 12.5px;
}
#count_down a, #count_down a:visited {
	text-decoration: underline;
	color: #B2E0FF;
	padding-left: 10px;
}
#count_down a:hover {
	color: white;
}

#big_home_link{
	height:106px;
	left:39px;
	position:absolute;
	top:74px;
	width:649px;
	z-index:99999;
}
#subscribe {
	position: absolute;
	top: 190px; left: 5px;
}
#rss_text {
	color: white;
	margin: -20px 0 0 31px;
}
/*------------------------------------------------------------------------------------------------------------------
                                                      NAVIGATION                    
------------------------------------------------------------------------------------------------------------------*/
ul.primary-links {
  width: 720px;
  height: 50px;
  display: block;
  top: 205px;
  left: -31px;
  position: absolute;
}
ul.primary-links li {
  display: inline;
  padding: 0;
}
ul.primary-links li a {
  float: left;
  height: 50px;
  line-height: 50px;
  display: block;
  margin: 0 0 0 -2px;
  padding: 0 19px 0 18px;
  color: #b8c4cc;
  font-size: 18.5px;
  text-transform: uppercase;
  background: url(images/primary-links-bg.jpg) top right no-repeat;
  text-shadow: 0 1px 1px #000;
  letter-spacing: 0px;
}
ul.primary-links .first a {
  margin: 0;
}
ul.primary-links .last a {
}
ul.primary-links li a:hover {
  color: #fff;
	text-decoration: none;
}

/*unique selectors for each nav item to 
force blog to match main site */
ul.primary-links li.first a {
  padding: 0 19px 0 11px;
}
ul.primary-links li.second a {
  padding: 0 10px 0 20px;
}
ul.primary-links li.third a {
  padding: 0 10px 0 29px;
}
ul.primary-links li.fourth a {
  padding: 0 10px 0 29px;
}
ul.primary-links li.fifth a {
  padding: 0 10px 0 29px;
}
ul.primary-links li.sixth a {
  padding: 0 10px 0 29px;
}

/*------------------------------------------------------------------------------------------------------------------
                                                      POSTS?                    
------------------------------------------------------------------------------------------------------------------*/
#container{
	float: left;
	width: 630px;
}
.post{
	overflow: hidden;
	margin: 0 10px 30px 50px;
	width: 595px;
	color: #0f1d22;

}
.post h2{
	margin-top: 20px;
	background: black;
	padding: 2px 10px 0px 10px;
	text-transform: uppercase;
	color: white;
	font-size: 27px;
	font-weight: normal;
}
.post h2 a:link, a:visited{
	color: white;
}
.post h2 a:hover {
	color: #bebebe;
}
.entry {
	font-size:14px;
	line-height:20px;	
}
.entry p {
margin:20px 0 -4px;
}

/* 
   													metadata  
*/
.postmetadata {
	font-size: 12px; 
	margin: 20px 0 -10px 0;	
	line-height: 22px;
	color: black;
	display:block;
}
.postmetadata a, .postmetadata a:visited {
	color: black;
	text-decoration: none;
} 
.postmetadata a:hover {
	text-decoration: underline;
} 
.author{
	font-weight: bold;
}
.metaDate{
	padding-left:3px; 
	margin-left:5px; 
}
.date_box {
	padding: 3px 6px 3px 6px;
	color: white;
	background: black;
	font-size: 24px;
	float: left;
	margin: -4px 0 0 20px;
}
.metaComment { 
	padding-left:20px; 
	margin-left:5px; 
	background:url(images/small_thought_bubble.gif) 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{
	margin-left:30px;
	width:259px;
	height: 187px;
}

table#wp-calendar thead{
	color: #104e74;
}

table#wp-calendar tr{
color: #1d587c;
}

#wordpress_calendar{
	background:white url(images/calendar_bg.png) no-repeat scroll center bottom;
	height:206px;
	padding-top:8px;
	width:300px;
	margin-bottom: 2px;
}
#blockquote {
	margin: 15px 20px 15px 10px;
	padding-left: 20px;
}



/*------------------------------------------------------------------------------------------------------------------
                                                      SIDEBAR                    
------------------------------------------------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 340px;
	margin-top: 11px;
}
#sidebar ul{
	list-style-type: none;
	font-size: 12px; 
}
#sidebar ul li ul{
	margin-bottom: 2px;
	background-color: white;
	padding: 2px;
}
#sidebar ul li ul li{
	padding-top: 5px; 
	margin-bottom: 10px; 
	display:block;
}
#sidebar ul li h2{
	color: white;
	font-family: trebuchet MS, arial;
	text-transform: uppercase;
	padding: 5px 0 0 0;
	margin-top: 5px;
	font-size: 15px;
	padding: 10px;
}
#sidebar ul li ul li ul{
	padding: 5px 0 0 10px; 
	margin-bottom: 10px; 
	display:block; 
}
#searchform label{
	display: none;
}

/*social networking widgets*/
#facebook {
	margin: 10px 0 10px 10px;
	float: left;
	width: 130px;
	height: 50px;
	display: block;
	background: #004a8c url(images/social-sites.jpg) top left no-repeat;
}
#facebook:hover {
	background-position: left -50px;
}
#twitter {
	margin: 10px 10px 10px 0;
	float: right;
	width: 130px;
	height: 50px;
	display: block;
	background: #004a8c url(images/social-sites.jpg) top right no-repeat;
}
#twitter:hover {
	background-position: right -50px;
}
#facebook span,
#twitter span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* 
   													sidebar tabs 
*/
.menu {
	color:#000000; 
	height:25px;
	width:300px;
	border-bottom:1px solid #eaeaea;
	padding:0;
	margin: 15px 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: 10px 14px;
}
#tablink3 {
	padding-right: 15px;
}
.menu li a.tabactive {
	background: url(images/active_tab_gradient.jpg) repeat-x !important;
	font-weight:bold;  
	position:relative;
	color: white;
	text-transform: uppercase;
	font-family: trebuchet, sans-serif;
}
#tabcontent1,#tabcontent2,#tabcontent3 {
	width:300px; 
	text-align:left;
	padding: 0;
	margin: 0 20px 30px 40px;
	line-height: 24px; 
	background-color:#ffffff; 	
}
#tabcontent1  ul,#tabcontent2  ul,#tabcontent3  ul{
	margin: 0 0 0 10px;
	padding: 5px 3px 3px 2px; 
}

#tabcontent1  a, #tabcontent2  ul a, #tabcontent3 ul a,
#tabcontent1  a:visited, #tabcontent2  ul a:visited, #tabcontent3 ul a:visited {
	color: #006699;
}

#tabcontent1  a:hover, #tabcontent2  ul a:hover, #tabcontent3 ul a:hover {
	text-decoration: underline;
}
#tablink1,#tablink2,#tablink3{
	background: #7ca7b1 url(images/inactive_tab.jpg) repeat-x;
	font-weight:bold;  
	position:relative;
	color: white;
	text-transform: uppercase;
	font-family: trebuchet MS, arial;
}
.gradient h2, .pagenav h2{
	background: url(images/sidebar_gradient.jpg) repeat-x;	
}

.linkcat h2{
	background: url(images/sidebar_gradient.jpg) repeat-x;
	padding-bottom: 3px;
}	
#sidebar ul li ul li a, 
#sidebar ul li ul li a:visited {
	margin-left: 9px;
	color: #006699;
}
#sidebar ul li ul li a:hover {
	text-decoration: underline;
}

#searchform{
	margin-bottom:9px;
	margin-top:-20px;
}
#searchsubmit{
	background: transparent url(images/search_button.png) no-repeat;
	border: none;
	font-weight: bold;
	text-indent: -99999px;
	width:56px;
	height: 25px;
	cursor: pointer;
}

/*widgetized sidebar*/
.widgettitle {
	background: url(images/sidebar_gradient.jpg) repeat-x;	
}
#calendar_wrap {
	background:white url(images/calendar_bg.png) no-repeat scroll center bottom;
}
#wp-calendar caption {
	color: #224768;
	font-weight: bold;
	padding: 10px 0 12px 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;
	font-weight:bold;
}


/*------------------------------------------------------------------------------------------------------------------
                                                      COMMENTS                    
------------------------------------------------------------------------------------------------------------------*/
.odd{
	background: #EEE;
}
.even{
	background: #FFF;
}
.comments-template{
	margin: 10px 0 0 0;
	padding-top: 30px;
	border-top: 5px solid #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{
	margin-bottom: 16px;
	font-size: 18px;
}
.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;
	clear:both;
}
#respond h3 {
	margin: 0 0 5px 0;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
.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;
}


/*------------------------------------------------------------------------------------------------------------------
                                                      FOOTER                    
------------------------------------------------------------------------------------------------------------------*/
#footer { 
	clear: both; 
	width: 970px;
	height: 126px;
	background: url(images/footer_bg.gif) top left no-repeat #4c91ac;
	position: relative; 
	color: #ffffff; 
	font-size: 11px; 
	line-height: 40px; 
}
#footer p { 
	position: absolute;
	bottom: -31px;
	padding: 0;
}
#footer p#right_text { 
	
}
#footer p#right_text { 
	right: 10px;
}
#footer p a, #footer p a:visited { 
	color:#fff; 
	text-decoration: underline; 
}
#footer p a:hover { 
	text-decoration: none; 
}

#tourism_nz {
height:92px;
left:134px;
position:absolute;
top:10px;
width:82px;
}

#park_rd {
height:92px;
left:369px;
position:absolute;
top:15px;
width:105px;
}

#pure{
height:92px;
left:855px;
position:absolute;
top:15px;
width:105px;		
}

/*------------------------------------------------------------------------------------------------------------------
                                                      CONDITIONAL CODE                    
------------------------------------------------------------------------------------------------------------------*/
/* 
   													IE 8 
*/
.win.ie8 ul.primary-links li.first a { 
	padding: 0 19px 0 11px;
}
.win.ie8 ul.primary-links li.second a {
	padding: 0 10px 0 20px;
}
.win.ie8 ul.primary-links li.third a {
	padding: 0 10px 0 29px;
}
.win.ie8 ul.primary-links li.fourth a {
	padding: 0 10px 0 18px;
}
.win.ie8 ul.primary-links li.fifth a {
	padding: 0 10px 0 21px;
}
.win.ie8 ul.primary-links li.sixth a {
	padding: 0 10px 0 29px;
}
/* 
   													IE7 
*/
.win.ie7 ul.primary-links {
	position: static;
	float: left; 
	margin-top: 217px;
	margin-left: -153px;	
}
.win.ie7 #subscribe {
	position: static;
	float: left;
	margin-top: 190px;
	margin-left: 3px;	
}
.win.ie7 ul.primary-links li.first a { 
	padding: 0 19px 0 11px;
}
.win.ie7 ul.primary-links li.second a {
	padding: 0 10px 0 20px;
}
.win.ie7 ul.primary-links li.third a {
	padding: 0 10px 0 30px;
}
.win.ie7 ul.primary-links li.fourth a {
	padding: 0 20px 0 31px;
}
.win.ie7 ul.primary-links li.fifth a {
	padding: 0 10px 0 21px;
}
.win.ie7 ul.primary-links li.sixth a {
	padding: 0 10px 0 29px;
}
.win.ie7 #header, .win.ie6 #header {
    float: left;
    margin-top: -267px;
	position: static;
}
.win.ie7 #searchsubmit{
	background: none;
}
.win.ie7 .widget ul {
	margin-left: 0px;	
}
/* 
   													IE6 
*/
.win.ie6 ul.primary-links { 
	top: 217px;
	left: -23px;
}
.win.ie6 body{
	margin-top:-2px;
}
.win.ie6 #searchsubmit{
	background: none;
}
.win.ie6 .widget ul {
	width: 296px;
	margin-left:0;
}
.win.ie6 #sidebar {
	float: right;
	width: 340px;	
	margin-right: -22px;
}
.win.ie6 #container{
	float: left;
	width: 565px;
}
.win.ie6 .post{
	width: 565px;
}
.win.ie6 .post h2{
	font-size: 20px;
}
.win.ie6 .date_box {
	margin-left: 10px;
}
.win.ie6 #facebook {
	margin-left: 6px;
}
.win.ie6 #twitter {
	margin-right: 6px;
}
/* 
   													MAC FF2 
*/
.mac.ff2 ul.primary-links { 
	left: -27px;
}
/* 
   													SAFARI 4 
*/
.safari4 ul.primary-links li.third a {
	padding: 0 10px 0 22px;
}
.safari4 ul.primary-links li.fourth a {
	padding: 0 20px 0 21px;
}
.safari4 ul.primary-links li.fifth a {
	padding: 0 10px 0 16px;
}
.safari4 ul.primary-links li.sixth a {
	padding: 0 10px 0 24px;
}
/* 
   													SAFARI 3 
*/
.safari3 ul.primary-links li.fourth a {
	padding: 0 20px  0 16px;
}
.safari3 ul.primary-links li.fifth a {
	padding: 0 10px 0 12px;
}
/* 
   													FF3.5 PC 
*/
.win.ff3_5 ul.primary-links li.third a {
	padding: 0 10px 0 22px;
}
.win.ff3_5 ul.primary-links li.fourth a {
	padding: 0 20px 0 25px;
}
.win.ff3_5 ul.primary-links li.fifth a {
	padding: 0 10px 0 11px;
}
.win.ff3_5 ul.primary-links li.sixth a {
	padding: 0 10px 0 29px;
}
/* 
   													FF3.0 PC 
*/
.win.ff3 ul.primary-links li.third a {
	padding: 0 10px 0 24px;
}
.win.ff3 ul.primary-links li.fourth a {
	padding: 0 20px 0 22px;
}
.win.ff3 ul.primary-links li.fifth a {
	padding: 0 10px 0 11px;
}
.win.ff3 ul.primary-links li.sixth a {
	padding: 0 10px 0 27px;
}
/* 
   													FF2 PC 
*/
.win.ff2 ul.primary-links li.third a {
	padding: 0 10px 0 24px;
}
.win.ff2 ul.primary-links li.fourth a {
	padding: 0 20px 0 22px;
}
.win.ff2 ul.primary-links li.fifth a {
	padding: 0 10px 0 11px;
}
.win.ff2 ul.primary-links li.sixth a {
	padding: 0 10px 0 27px;
}
/* 
   													CHROME PC 
*/
.win.chrome ul.primary-links li.third a {
	padding: 0 10px 0 25px;
}
.win.chrome ul.primary-links li.fourth a {
	padding: 0 20px 0 22px;
}
.win.chrome ul.primary-links li.fifth a {
	padding: 0 10px 0 11px;
}
.win.chrome ul.primary-links li.sixth a {
	padding: 0 10px 0 27px;
}