/*********************************************************************************************

Theme Name: Yamidoo PRO Magazine
Theme URI: http://www.wpzoom.com/themes/yamidoo/
Description: A magazine style theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.0
Author: WPZOOM
Author URI: http://www.wpzoom.com

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files 1.  Toolbox CSS  -----
------------------  All Theme Files 2.  Page Structure  --------------------
All Theme Files 3.  Header  ----------------------------  header.php 4.  Main 
Navigation  -------------------  header.php 5.  Featured Slider  ---------------
----  featured.php 6.  Featured Categories  ---------------  blocks.php 7. 
Homepage Articles ------------------  index.php 8.  Single Articles & Pages ----
--------  single.php, page.php 9.  Comments  --------------------------
comments.php 10. Forms  ----------------------------   searchform.php 11. 
Sidebar & Widgets ------------------  sidebar.php 12. Footer  ------------------
----------  footer.php

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
* {
margin:0;
padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style-type: none; list-style-position:inside;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
 }

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

table { 
	-x-system-font: none; 
	font-family: 
	inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; 
	border:2px solid #ccc;
	font-size: 0.9em;
	margin-bottom:1em;
	}

thead {
	font-weight: bold;
	border-bottom:2px solid #ccc;
}	
th {  background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; border:1px solid #ddd; }
tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }
tr.selected td {
	font-style: italic;
	color: #2382cb;
	font-weight: bold;
	background: #e9f5ff;
}


 
/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
#navigation {
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
text-align:center;
float:left;
margin:0 auto;
width:500px;
}
  /* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; }
	.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #34475b; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #34475b; }
	.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #4e6883; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.pagenav .wp-pagenavi a:hover { color: #fff; background: #4e6883; }
	
	
.navigation { color: #fff; float: left; width: 100%; }
	.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
	.navigation .alignleft { float: left; }
	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }
	.navigation .alignright { float: right; }
.post-edit-link { text-transform: uppercase; font-size: 12px; color: #f81b10; font-weight: bold; }
.pagenav { background: #e7e9ed; padding: 8px 10px; float: left; width: 590px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; }
	.pagenav a { color: #989898; }
		.pagenav a:hover { color: #656161; text-decoration: none; }
	.pagenav .floatleft { background: url(images/prev.png) no-repeat left 5px; padding-left: 20px; }
	.pagenav .floatright { background: url(images/next.png) no-repeat right 5px; padding-right: 20px; }
 


.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.transpBlack { background: url(transpBlack.png); }


 
.wp-caption { border: 1px solid #B6B6B6; text-align: center; background-color: #EFEFEF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-caption img { margin: 0; padding:4px 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }	
	
a { color:#007eff; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; margin-top: 1.5em; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; margin-bottom:15px;}

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
		#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
 
a.more {
	font-weight:bold;
 	color:#2a2828;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:34px;
	background:url(images/moreb.png) no-repeat right 2px;
}

a.more:hover {
	background:url(images/morebh.png) no-repeat right 2px;
	color:#972626;
	text-decoration:none;
	}
	
	li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a {
	 padding-left:16px;
	 color:#7e7a7a;
	 margin:0 5px 5px 0;
	 display:inline;
	 border:none;
	 }
	 
	 li.date {
	 padding-left:0;
	 }
	 
	 li.comments {
	 background:url(images/comments.png) no-repeat;
	 }
	 
	 li.category {
	 background:url(images/category.png) no-repeat 0 2px;
	 }
	 
	 ul.post-meta li.author {
	 background:url(images/author.png) no-repeat;
	 }
	 
	 ul.post-meta li a {
	 border-bottom:none;
	 color:#7e7a7a;
 	 }
	 
	 ul.post-meta li a:hover {
	 border-bottom:1px dotted #7e7a7a;
	 text-decoration:none;
	 }
		
	 ul.post-meta {
	 /*margin:5px 0;*/
	 /*padding-left: 5px;*/
	 }
	 
	 #panes ul.post-meta {
	 margin:0;
	 }

/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   

body
{
 	font-size:13px;
	background: #393939 url(images/fadebg.png) top repeat-x;
	line-height:1.6;
	color:#3B3232;
	/*font-family:Arial,Helvetica,sans-serif;*/
	font-family:Arial,Tahoma, Verdana, sans-serif;
}
 
#content-wrap {
width:981px;
/*background:#f0f1f3;*/
background: white;
float:left;
margin-bottom:20px;
 -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
 border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
 }

 
#page-wrap {
	width: 981px;
	margin: 0 auto;
}	
 

#content #fullwidth.post {
width:940px;
} 
 
 
/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/   
#topnav {
	background:#1d1b1b url(images/bgtop.png) repeat-x;
	/*background: #404040;*/
	height:24px;
	}
	
	#nav-wrap {
	width:981px;
	margin:0 auto;
	}
	
	#nav-wrap ul {
	float:right;
	margin-top:1px;
	}
 
	
 #header {
float:left;
width: 981px;
margin-top:10px;
}
	
	#logo {
	float:left;
	width:50%;
 	}
	
	#ad468 {
	float:right;
	margin-top:15px;
 	}
 
 
/********************************************************************************************* 

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/   
 
#menu {
	/*background:#1b1919 url(images/bgnav.png) no-repeat;*/
	background: #404040;
 	/*margin:20px 0 0 0;*/
 	margin:10px 0 0 0;
 	width:981px;
 	float:left;
 	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
 	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
 	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
  	}
	
	#menu ul.dropdown {
	width:850px;
	float:left;
	padding:0 10px;
  	}
	
	#menu #nav {
	width:700px;
 	}
	
 
	#header #menu .social {
	float:right;
	width:80px;
	height:30px;
	margin-top:2px;
	margin-right:5px;
	text-align:right;
 	}
 	
 	#header #menu .social li {
 	width:32px;
 	display:inline;
 	}
 
/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   
 
#feature { 
	background:#232020;
  	float:left;
	width:981px;
	height:351px;
	background:url(images/featurebg.png) no-repeat;
	position:relative;
	clear:both;
	}
  
 #navi ul {	
 	margin:0 auto;	
 	width:380px;
 	position:absolute;
 	top:255px;
 	left:567px;
 }

#navi li {	
 	float:left;
 	list-style-type:none;
	text-align:center;
	display:inline;
	margin-left:14px;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	text-decoration:none;
	opacity:0.5;
}	

#navi a.current {
	 opacity:1;
  }
 
 #navi a:hover {
	opacity:1;
 }

#navi img {
	border:1px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:60px;
	height:50px;
 }

#navi strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	height:345px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	text-shadow:1px 1px 0 #000;
	overflow:hidden;
	padding:20px;
	width:920px;
  }
 
#panes p a {
color:#fff;
font-weight:bold;
}

#panes img {
	float:left;
	margin:5px 40px 0 5px;	
	width:520px;
	height:280px;
	border:1px solid #000000;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,1.0);
	box-shadow: 0 0 30px rgba(0,0,0,1.1);
}

#panes a.more {
	color:#6e6666;
	font-weight:bold;
 }

#panes a.more:hover {
background:url(images/moreb.png) no-repeat right 2px;
color:#948787;
}

#panes h2 {
font-size:22px;
padding:0;
margin:0 0 5px 0;
line-height:1.2;
}

#panes h2 a {
color:#d3d3d3;
line-height:1.2;
 }
 
#panes p {
padding:5px 0 0 0;

} 
  	
/********************************************************************************************* 

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/   
#content {
	/*background:url(images/h3bg.png) repeat-x top center;*/
 	float:left;
	width:590px;
	margin-top:17px;
	margin-left:25px;
	}
	
 	
	h3.title {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:28px;
	font-weight:normal;
  	clear:both;
  	line-height:0.7;
  	/*background:#f0f1f3;*/
  	padding-right:15px;
  	float:left;
 	}
	
	#content .post,
	#content .hentry {
	overflow: hidden;
	clear:both;
	border-top:1px solid #ddd;
	padding:20px 0;
 	}
 	
 	#content .sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
  	}
 	
	.post h2, .post h1 {
	margin-bottom:5px;
	}
	
	.post h1 a {
	font-size:22px;
	line-height:1.2;
	}
	
	.post h2 a {
	font-size:19px;
	line-height:1.2;
	}

	.post h2 a:hover, 
	.post h1 a:hover {
	text-decoration:none;
	}
	
	h3.topcat {
	/*word-spacing:-5px;*/
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:16px;
	font-weight:bold;
  	clear:both;
   	/*background:#f0f1f3;*/
  	padding-right:15px;
  	float:left;
  	line-height:1.1;
 	}
 	
 	h3.topcat a {
 	color:#2a2828;
 	}
 	
 	h3.topcat ul li { display:inline; float:left; padding-right:10px; } 
	
	.post .thumb img,
	.hentry .thumb img {
	/*border:4px solid #000;*/
	margin:5px 10px 5px 0;
 	}

	.post .thumb,
	.hentry .thumb {
		float:left;
		width: 170px;
	}
 	
 	#single ul.post-meta  {
 	/*background:url(images/line.png) repeat-x bottom center;*/
 	padding-bottom:10px; 
 	margin-bottom:10px; 
 	}
 	
 	#content.single {
 	/*background:url(images/h3bg.png) repeat-x center -5px;*/
 	}
	
	#content.page {
	background:none;
	}
	
	#content.page .post {
	padding:0;
	background:none;
	}
	
	#content.single .post {
	padding:10px 0 20px 0;
	background:none;
	}
	
	#content .post a.more {
	float:right;
 	clear:both;
	background:url(images/moreb.png) no-repeat right 5px;
  	}
	
	#content .post a.more:hover {
	background:url(images/morebh.png) no-repeat right 5px;
 	}
 	
 	.post .entry,
 	.hentry .entry {
 	line-height:1.6;
 	}

 	.homepage .post .entry,
 	.homepage .hentry .entry {
 		float:right;
 		width: 410px;
 	}
 	
 	.homepage .hentry .entry ul {
 		padding-bottom: 0.5em;
 	}
    
 	.post .entry ul,
 	.hentry .entry ul {
	}

 	.single .post .entry ul,
 	.single .hentry .entry ul {
		margin:0 0 20px;
		padding:0 0 0 30px;
	}

	.post .entry ul li,
	.hentry .entry ul li {
	list-style-type:square;
	}

	.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

	.post .entry ol li {
	list-style-type:decimal;
	}
	
	.post .entry a {
	/*font-weight:bold;*/
 	}
 
 	.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:13px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

	blockquote, q {
	quotes:none;
	}

	.post .alignleft {
	float:left;
	margin:10px 15px 10px 0;
	}
	 
	.post .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
	
	
	.prevnext {
	float:left;
	clear:both;
	width:590px;
	margin-bottom:20px;
	}
	
	.prevnext .previous {
	float:left;
 	}
	
	.prevnext .next {
	float:right;
 	text-align:right;
	}
	
	.prevnext a {
	padding: 2px 5px; 
	margin-bottom: 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	background: #737070; 
	font-size: 10px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	border: none; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	color: #fff;
	display:block;
	}
	
	
/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
.share   {
 	clear:both;
	background:url(images/line.png) repeat-x bottom center;
 	padding-bottom:20px; 
 	margin-bottom:10px; 
	}
	
	.share h3, .prevnext h3  {
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#2a2828;
	margin-bottom:10px;
 	}

	.share li {
	padding:0 0 3px 20px;
	display:inline;
	margin-right:15px;
	}

	.share li a {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}

	 li.facebook  {
	background:url(images/facebook.png) no-repeat left;
	}

	  li.twitter  {
	background:url(images/twitter.png) no-repeat left;
	}

	 li.delicious  {
	background:url(images/delicious.png) no-repeat left;
	}

	  li.digg  {
	background:url(images/digg.png) no-repeat left;
	}

	  li.stumble  {
	background:url(images/stumble.png) no-repeat left;
	}
	
.tag-links {
background:url(images/tag.png) no-repeat left 2px;
padding-left:20px;
float:left;
clear:both;

}

.nextpage {
background:url(images/page.png) no-repeat left;
padding-left:20px;
float:left;
clear:both;
margin-bottom:5px;
font-weight:bold;
}
 
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments, #respond { float: left; /*background: url(images/h3bg.png) repeat-x 2px -5px;*/ clear: both; margin: 15px 0; float: left; width: 590px; }
#comments ul.children #respond { background: none; width: 95%; }
#comments h3, #respond h3 { font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #2a2828; /*background: #f0f1f3;*/ padding-right: 15px; line-height: 1; float: left; clear: both; margin-bottom: 15px; }
#comments div.comments { margin: 0 0 10px 0; }
	#comments div.comments h2 { font-size: 18px; font-weight: normal; }
	#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
#comments ol.commentlist div.comment-content { margin-left: 95px; }
#comments cite { font-style: normal; font-weight: normal; }
#comments p.trackbackurl { font-size: 11px; }
	#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
#comments a.more-link { display: block; margin: 10px 0 0; }
#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
#comments .comments { padding: 0px 0; clear: left; }
	#comments .comments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; /*background: url(images/line.png) repeat-x top center;*/ 	border-top:1px solid #ddd; float: left; width: 100%; }
		#comments .comments li ul li { padding: 10px 0 5px 0; }
#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; }
#comments .comments li ul.children { margin-top: 10px; padding: 0; width: 95%; }
	#comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; }
#comments .comments li ul li { border: none; }
.comment-body { position: relative; }
	.comment-body p a { text-decoration: underline; }
#comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 13px; }
#comments  blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; }
#comments .comments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; }
	#comments .comments cite.fn a { color: #3B3232; }
#comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
	#comments .comments div.gravatar img { margin: 0; }
#comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; }
#comments .comment-author { float: left; }
	#comments .comment-author img.avatar { float: left; }
#comments .comment-meta { position: absolute; top: 20px; left: 60px; }
#comments .comments div.comment-content {  }
.comments p,   .comments li.author p { font-size: 13px; line-height: 20px; margin-left: 225px; margin-bottom:10px;}
#comments .comments .avatar { float: left; margin: 0 10px 0 0; }
#comments .comments span.says { display: none; }
#comments .comments .children { margin: 0 0 0 0; }
#comments .comments .commentmetadata a.comment-edit-link { background: none; }
#comments	.comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; }
#comments		.comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments	.comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; }
#comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; }
	#comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; clear: both; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; }
#comments textarea, #commentform textarea { width: 580px; height: 160px; }
#comments ul.children textarea, #commentform ul.children textarea { width: 450px; }
#comments #submit, #commentform #submit { background: #000 url(images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 6px 15px 6px; color: #fff !important; font-size: 12px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; word-spacing: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #000; border: none; position: relative; cursor: pointer; overflow: visible; width: auto; cursor: hand; margin: 12px 0; }
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; }
 
	
 
 

/********************************************************************************************* 

10. Forms  -------------------------   searchform.php

*********************************************************************************************/   
 
 
#respond input { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; margin:0 8px 5px 0;}

#respond textarea { background: #f5f6f9; border: 1px solid #b7bdc7;  -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);  color: #666; font-size: 13px; padding: 5px; }

#searchform {
	margin-top:6px;
}

#searchform #s { 
	width:200px;
	padding:3px;
	border:0; 
	background: #f5f6f9; 
	color: #666; 
	font-size: 13px; 
	/*padding: 5px; 
	margin:0 5px 5px 0; */
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}
 
input { padding:5px; }

/********************************************************************************************* 

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
 
#sidebar {
	float:right;
	width:300px;
	margin:15px 0 0 5px;
	margin-right:25px;
 	}
	
	#sidebar h3 {
	font-size:26px;
	color:#4c677c;
	}
	  
	#tabs {
	background:url(images/bgtabs.png);
	padding:6px;
	float:left;
	clear:both;
	width:288px;
	margin-bottom:30px;
	}
	
	ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
 	width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 31px; /*--Subtract 1px from the height of the unordered list--*/
		line-height: 31px; /*--Vertically aligns the text within the tab--*/
 		border-left: none;
		margin-bottom: -1px; /*--Pull the list item down 1px--*/
		overflow: hidden;
		position: relative;
 	}
	ul.tabs li a {
		text-decoration: none;
		color: #e9e9e9;
		display: block;
		font-size: 11px;
		text-transform:uppercase;
		font-weight:bold;
		padding: 0 8px;
 		outline: none;
 		cursor:pointer;
	}
	ul.tabs li a:hover {
 	}
 	
	html ul.tabs li.active, html ul.tabs li.active a,  html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
		background: #e7e8e9;
		color:#363333;
 	}
	
	.tab_container {
 	overflow: hidden;
	clear: both;
	float: left; 
 	background: #e7e8e9;
	padding:6px;
	width:276px;
 }
	.tab_content {
	padding: 10px 0;
	font-size: 12px;
	/*background: #f0f1f3;*/
	border:1px solid #d6cece;
	}
	
	
	.tab_container #tab4 {
	padding:10px;
	font-family:Georgia;
	}


	#sidebar .widget {
	clear:both;
	float:left;
 	margin:0 0 15px 0;
 	padding-right:0;
 	}
	
	#sidebar .widget h3 {
 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	color:#2a2828;
	font-size:22px;
	font-weight:bold;
  	clear:both;
  	line-height:1;
  	background:#e7e9ed;
  	padding-right:15px;
  	float:left;
  	margin-bottom:10px;
  	letter-spacing:-1px;
  	word-spacing:3px;
	}
	
	#sidebar .widget div  {
	margin:5px 0;
	padding:0 0 10px 0;
	clear:both;
	}
	
	#sidebar .widget ul {
	clear:both;
	}
	
	#sidebar .widget ul li {
	list-style-type:square;
 	padding:0;
	}
	
	#sidebar .widget ul ul {
 	margin:0;
	padding:0 0 0 0;
	}
 
	
	#sidebar .tab_container .recentcomments, #sidebar .tab_container .popular {
	color:#a3a0a0;
	font-size:11px;
	}
	
	#sidebar .tab_container .recentcomments li, #sidebar .tab_container .popular li {
	border-bottom:1px solid #ced7de;
	padding:5px 10px;
	clear:both;
	}
	
	#sidebar .tab_container .recentcomments li:last-child, #sidebar .tab_container .popular li:last-child {
	border-bottom:none;
	}
	
	#sidebar .tab_container .recentcomments a, #sidebar .tab_container .popular a {
	font-weight:bold;
	color:#3b3232;
	font-size:13px;
	display:block;
	}
	
	#sidebar .tab_container .recentcomments img { 
	float: left; 
	margin: 5px 8px 5px 0;  
	width: 50px; 
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments {
	padding:0;
	text-align:right;
	}
	
	#sidebar .tab_container .popular li ul.post-meta li.comments a:hover {
	text-decoration:underline;
	}
	
	#sidebar #cat, #sidebar select {
	width:268px;
	}

	#sidebar #cat, #sidebar select {
 	background:#F7F7F7;*/
	border:1px solid #cdcfd4;*/
	color:#333333;
	display:inline;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
 	padding:5px;
 	line-height:1.5;
 	margin:5px 0;
	clear:both;
	float:left;
	}
 
/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/   
#footer {
	float:left;
	background:#e7e9ec url(images/bgfooter.png) repeat-x top center;
	padding:10px 25px 15px 25px;
	width:931px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
 	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
  	}
	
	#infowidget {
	width:380px;
	float:left;
	text-align:center;
	}
	
	#infowidget span {
	color:#9f9f9f;
	font-size:25px;
	font-family:Georgia;
	font-style:italic;
 	}
	
	#infowidget ul {
 	width:100%;
 	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget li {
	padding:0 0 4px 23px;
	margin:0 15px 3px 0;
	width:40%;
	float:left;
	text-align:left;
	}

	#infowidget li a {
	color:#716e6e;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	#infowidget  li.rss  {
	background:url(images/feed.png) no-repeat left;
	}
	
	#infowidget  li.phone  {
	background:url(images/phone.png) no-repeat left;
	}
	
	#infowidget  li.email  {
	background:url(images/email.png) no-repeat left;
	}
	
	#footer_search {
	margin:20px 0 0 20px;
	height:40px;
	background:#e4e5e6;
	border:1px solid #d3d6dd;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	width:440px;
	padding:15px 15px 25px 25px;
	color:#9f9f9f;
	font-style:italic;
	font-weight:bold;
	}
	
	#footer_search #s {
	width:380px;
 	background:#f0f2f4;
	border:1px solid #cbcfd2;
	}
	
 	#footer .hr {
	clear:both;
	background:#d3d5d7;
	border-bottom:1px solid #fff;
	height:1px;
	float:left;
	width:100%;
	margin:12px 0 7px 0;
	}
	
 	#copyright {
	float:left;
	width:500px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;
	}
	
	#designed {
	float:right;
	width:230px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;	 
	}
	
	
	
	
	
	
	
	
/* Peter's Additions */

/* Post top image */
  #single .postthumb {
  	clear:both;
  	padding-top:1em;
  	padding-bottom:1em;
  }
  
  #content {
  	background:none;
  }

#catmenu {
	font-family:Arial; font-size: 12px; text-transform: uppercase;
	clear:both;
	background: #999999;
	height:100%;
	overflow:hidden;
}

#catmenu ul {
	list-style-type:none;
	float:left;
}

#catmenu ul li {
	padding:0;
	margin:0;
	float:left;
}

#catmenu ul li a {
	display:block;
	color:white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	padding:0.2em 1em;
}

#catmenu ul li a:hover {
	text-decoration:none;
	background:#777;
}

#gallery-images {
	margin:0 auto;
	text-align:center;
	padding:1em 0;
	overflow:hidden;
	height:100%;
}

#gallery-images a {
	float:left;
	margin:2px;
}

#gallery-images .current_image a {
	float:left;
	overflow:hidden;
	border:6px solid #333;
}

#gallery-images .current_image img {
	margin:-6px;	
}

.gallery-nav {
	margin-top:0.5em;
	height:100%;
	overflow:hidden;
}

.gallery-nav a {
	font-family:Arial; font-size: 10px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase;

	background:#333;
	padding:0.2em 1em;
	color:white;
	display:block;
	text-transform: uppercase;

	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;	
}

.gallery-nav a:hover {
	text-decoration:none;
	background:#666;
}

.gallery-nav .left {
	float:left;
}

.gallery-nav .right {
	float:right;
}

.via {
	font-style:italic;
}

.my-center {
	text-align:center;
	margin:0 auto;
}

h1 a, h2 a {
	color:black;
}

#share {
	clear: both;
	overflow:hidden;
	height:23px;
	padding:0.4em 0;
	margin-top: 1em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#share .facebook, #share .digg, #share .stumbleupon {
	float:left;
}

#share .stumbleupon {
		padding-top:2px;
		padding-right:10px;
}

#share .digg {
	padding-top:3px;
	padding-right:10px;
}

#the-tags {
	padding-top:2em;
}

#the-tags a {
	color:#777;
}

#menu li:hover, #menu li.active:hover {
	background:#4e4e4e;
}

#menu li.active {
	background:none;
}

#content .post.first {
	border-top:none;
}

.gallery {
	padding-bottom:2em;
}

#header-search {
	text-align:right;
	padding-left:24px;
	background:url(images/search-icon.png) 0px 7px no-repeat;
	float:right;
	margin-right:6px;
}

.post-banner {
	clear:both;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
	border-top:1px solid #ddd;
	padding-top:1em;
}

#featured {
	overflow: hidden;
	clear: both;
	padding: 6px;
	/*border-bottom: 1px solid #ddd;*/
}

#featured-banner {
	padding-top: 5px;
	height: 96px;
	border: 1px solid #aaa;
	width: 732px;
	text-align: center;
	float: left;
}

#follow {
	padding-top: 5px;
	height: 92px;
	border: 3px solid #ccc;
	width: 223px;
	text-align: center;
	float: right;
}

.no_top {	
	padding-top: 0;
	margin-top: 0;
}

.icon_youtube {
	background:url(images/media-icons2.png) 0px 0px no-repeat;
}

.icon_rss {
	background:url(images/media-icons2.png) -36px 0px no-repeat;
}

.icon_twitter {
	background:url(images/media-icons2.png) -72px 0px no-repeat;
}

.icon_facebook {
	background:url(images/media-icons2.png) -108px 0px no-repeat;
}

.icon_gplus {
	background:url(images/media-icons2.png) -144px 0px no-repeat;
}

.follow-icons {
	margin-top: 0.2em;
}

.follow-icons li {
	display: inline-block;
}

.follow-icons li a {
	display: inline-block;
	width: 36px;
	height: 37px;
}

.addtoany_share_save_container {
	display: none;
}

.pagenav {
	margin-bottom: 1em;
}

#sidebar ul {
	padding: 0.6em 0;
}

#network a.icon {
}

#network li {
	display: inline;
	padding-right: 1em;
}

.icon {
	padding: 1em 0;
	padding-left: 20px;
	color: black;
}

.icon.twitter {
	background: url(images/icon-twitter16.png) 0 center no-repeat;
}

.icon.facebook {
	background: url(images/icon-facebook16.png) 0 center no-repeat;
}

.icon.rss {
	background: url(images/icon-rss16.png) 0 center no-repeat;
}

.category-col1 {
	float:left;
	width: 160px;
}

.category-col2 {
	float:right;
	width: 120px;
}

#sidebar ul a {
	color: #777;
}

#videos {
	padding: 0.5em 0;
	overflow: auto;
}

#videos .item {
	display: block;
	float:left;
	width: 144px;
	height: 108px;
	padding-left:13px;
	overflow: hidden;
	position: relative;
}

#videos .item.first {
	padding-left:0px;
}

#videos .item .caption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 144px;
	background-color:rgba(0,0,0,0.5);
	top: 75px;	
}

#videos .item .caption .text {
	top: 3px;
	position: relative;
	/*position: relative;*/
	/*top: 20px;*/
	text-align: center;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #FFFFFF;
	padding: 0 0.5em;
	overflow: hidden;
	height: 26px;
}

#videos .item a {
	color: #FFFFFF;
}

#videos .item:hover a {
	color: #CCC;
	text-decoration: none;
}

.gallery {
	text-align: center;
	margin: 0 auto;
}

.gallery dl, .gallery dt {
	padding:0;
	margin:0;
	display: inline;
}

.gallery a {
	padding: 0 1px;
}

.gallery br {
	display: none;
}

.vvqbox {
	padding: 1em 0;
}

.entry .post-ad {
	clear:both;
	/*overflow:hidden;*/
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 0.6em 0;
	margin-bottom: 1em;
}

.entry .post-ad .wrapper {
	margin: 0 auto;
	text-align:center;
	width: 500px;
	height:250px;
	overflow: hidden;
}

.entry .post-ad .ad {
	width: 300px;
	height:250px;
	float: left;
}

.entry .post-ad .ad img {
	float:left;
}

.entry .post-ad .text {
	float:right;
	width: 190px;
	text-align: center;
}

#sharebarx {
	/*text-align: center;
	margin: 0 auto;*/
	/*border-top:1px solid #ddd;*/
	/*border-bottom: 1px solid #ddd;*/
}

#sharebarx li {
	padding-top: 6px;
}

#sharebar li {
	/*overflow:hidden;*/
}


#disqus_thread  {
}

#disqus_thread #dsq-content {
	font-size: inherit;
}

#dsq-content #dsq-comments .dsq-comment-body {
	line-height: 160%;
}

#footer2 {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding-bottom:1em;
}

#footer2 a {
		color: white;
		text-decoration:none;
}

#footer2 a:hover {
	color:#ccc;
}

#footer2 ul li {
	display: inline;
	padding-right: 1em;
}

#related_posts_thumbnails {
	padding-top: 0.5em;
}

#related_posts_thumbnails li {
	text-align:center;
	margin:0 auto;
	width: 135px;
	padding: 0 5px;
	float:left;
	font-size: 0.9em;
}

#related_posts_thumbnails li img {
	clear:both;
}

#related_posts_thumbnails li a {
	color: black;
}

#related_posts_thumbnails li a:hover {
	text-decoration:none;

}


#featured-articles {
	overflow: hidden;
	float:left;
	width:981px;
	clear:both;
	margin-top:1px;
	margin-left:1px;
}

#featured-articles .featured {
	width:196px;
	height:129px;
	float:left;
	position: relative;
	overflow: hidden;
}

#featured-articles img {
	position:absolute;
	text-align:center;
}

#featured-articles .featured .caption {
	position: absolute;
	top: 85px;
	float:left;
	width: 195px;
	background-color:rgba(0,0,0,0.7);
	color:white;
	height: 100px;
}

#featured-articles .featured .caption .text {
	text-align: center;
	padding: 0 0.5em;
	padding-top:6px;
	line-height: 1.2em;
	overflow: hidden;
	height: 32px;	
}

html>body #featured-articles .caption {
	filter: Alpha(Opacity=60);
	background-color: black;
}

#featured-articles .featured .caption .text a {
	color: white;
}

.netbook-nation {
	clear:both;
	
}

.netbook-nation a {
	color: black;
}

a:hover {
	text-decoration:none;
}

.pagenames-list .current-page {
	font-weight:bold;
	color:black;
}

.pagenames-list li, .pagenames-list ul {
	list-style-type: none;
}

.pagenames-nav {
	text-align: center;
	overflow: auto;
	padding-bottom:1em;
}

#pricegrabber-bottom {
	margin-top: 1em;
	clear:both;
	height:260px;
	line-height:100%;
}

.entry #polldaddy {
	width: 550px;
	margin: 0 auto;
	text-align: center;	
}

/* SHARE SECTION */

#after-share {
	overflow: hidden;
	background: #f5f5f5;
	padding: 1em;
	padding-bottom: 0.3em;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#after-share .text {
	font-weight: bold;
	font-size: 1.1em;
}

#after-share li {
	float:right;
	padding-left: 1em;
}

#after-share li a {
	margin: 0;
	padding: 0;
}

#after-share .twitter-share {	
	width: 55px;
}

#after-share .gplus-share {
	margin-top: 1px;
	overflow: hidden;
}

#after-share .facebook-share {
	width: 280px;
	overflow: hidden;
}

#after-share .left-stuff {
	float: left;
}

#after-share .fb-button {
	height: 35px;
	overflow: hidden;
}

#after-share .other-buttons {
	float: right;
}
