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



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

th {  background: #c4e9e3; color:#333; }

th, td { line-height: 20px; padding: 4px; }

tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }

tr:nth-child(2n+1) {  }





 

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



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



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

#navigation {

font-family:Verdana, Arial,sans-serif;

font-weight:medium;

font-size: 10px;

text-align:center;

float:left;

margin:0 auto;

width:500px;

}

  /* =WP-PageNavi

-------------------------------------------------------------- */

.wp-pagenavi { font-family:Arial; font-size: 10px; text-align: center; padding: 6px; color: #fff; text-transform: titlecase; }

	.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #130f0f; 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: medium; 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: #a3ba5a font-weight: medium; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: lowercase; 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: #413336; }

	.navigation .alignright { float: right; }

.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }

.pagenav { background: #a3ba5a; padding: 8px 10px; float: left; width: 590px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,"Trebuchet MS","Myriad Pro",Sans-Serif; text-transform: lowercase; color: #989898; }

	.pagenav a { color: #ffffff; }

		.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: #413336; 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; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

html { overflow-y: scroll; }

p { font-size: 1.3em/1.3em; }



#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: #a3ba5a none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: none; text-transform: uppercase; text-align: left; }

#wp-calendar #today { background: #a3ba5a; color: #fff; font-weight: bold; }

 

a.more {

	font-weight:bold;

 	color:#2a2828;

 	font-size:12px;

	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;

	 text-transform:uppercase;

	 font-size:10px;

	 color:#7e7a7a;

	 margin:0 5px 5px 0;

	 display:inline;

	 border:none;

	 }

	 

	 li.date {

	 background:url(images/date.png) no-repeat;

	 }

	 

	 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;

	 }

	 

	 #panes ul.post-meta {

	 margin:0;

	 }



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



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



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



body

{

 	font-size:12px;

	background:url(images/bg.png);

	line-height:1.6;

	color:#3B3232;

	font-family:Arial,Helvetica,sans-serif;

}

 

#content-wrap {

width:960px;

background:#fff;

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: 960px;

	margin: 0 auto;

}	

 



#content #fullwidth.post {

width:940px;

} 

 

 

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



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



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

#topnav {

	background:#1d1b1b url(images/bgtop.png) repeat-x;

	height:24px;

	}

	

	#nav-wrap {

	width:960px;

	margin:0 auto;

	}

	

	#nav-wrap ul {

	float:right;

	margin-top:1px;

	}

 

	

 #header {

float:left;

width: 960px;

margin-top:40px;

}

	

	#logo {

	float:left;

	width:50%;

 	}

	

	#ad468 {

	float:right;

	margin-top:10px;

 	}

 

 

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



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



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

 

#menu {

	background:#1d1619 url(images/bgnav.png) no-repeat;

 	margin:20px 0 0 0;

 	width:960px;

 	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:850px;

 	}

	

 

	#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:#413336;

  	float:left;

	width:960px;

	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:#acc3d5;

	display:block;

	position:relative;

	word-spacing:-2px;

	font-size:10px;		

	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:#cada99;	

	line-height:1.5;

	overflow:hidden;

	padding:20px;

  }

 

#panes p a {

color:#ffffff;

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 15px rgba(0,0,0,0.8);

	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.8);

	box-shadow: 0 0 15px rgba(0,0,0,0.8);

}



#panes a.more {

	color:#524245;

	font-weight:bold;

 }



#panes a.more:hover {

background:url(images/moreb.png) no-repeat right 2px;

color:#948787;

}



#panes h2 {

font-size:20px;

font-weight:normal;

padding:0;

margin:0 0 5px 0;

line-height:1.2;

}



#panes h2 a {

color:#cada99;

line-height:1.2;

 }

 

#panes p {

padding:5px 0 0 0;



} 



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



6. Featured Categories  -------------------------  blocks.php



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



#blocks {

float:left;

width:960px;

clear:both;

}



	.colart {

	width:240px;

	float:left;

	}

 

 	.colart:hover h3 {

	background:#7c9334;

	}

	

	.colart h3 {

	text-align:center;

	background:#62781c;

	font-family:Verdana;

	font-size:13px;

	padding:4px 0;

	text-transform:uppercase;

	}

	

	.colart h3 a {

	color:#effec4;

	font-weight:normal;

	font-style:regular;

 	}

 	

 	.colart .entry {

 	padding:8px 15px;

 	}

	

  	.colart h2 {

 	font-family:Verdanda;

 	font-size:18px;

 	font-weight:normal;

 	font-style:italic;

 	line-height:1.4;

 	margin-bottom:5px;

 	}

 	

 	.colart h2 a {

 	color:#62781c;

 	}

 	

 	#blocks .more {

 	color:#4c3d3f;

 	font-size:15px;

	font-family:"Verdana","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;

	padding-right:34px;

	background:url(images/moreb.png) no-repeat right 4px;

	margin-top:10px;

	float:left;

  	}

	

	#blocks a.more:hover, #blocks .colart:hover .more {

	background:url(images/morebh.png) no-repeat right 4px;

	color:#637a1d;

	text-decoration:none;

	}

	

	#twitter_carousel {

	float:left;

	margin:15px 0 15px 15px;

	padding:12px 15px 0 120px;

	background:url(images/twitterbg.png) no-repeat;

	width:800px;

	font-family:Georgia;

	font-style:italic;

	color:#726c6c;

	overflow:hidden;

	height:30px;

	}



  	

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



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



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

#content {

	background:url(images/h3bg.png) repeat-x top center;

 	float:left;

	width:610px;

	margin:15px 15px 20px 15px;	

	}

	

 	

	h3.title {

 	font-family:"Verdana","Helvetica Neue",Helvetica,Arial,Sans-Serif;

	text-transform:uppercase;

	color:#4c3d3f;

	font-size:20px;

	font-weight:normal;

  	clear:both;

  	line-height:0.9;

  	background:#d1e39a;

  	padding-right:15px;

  	float:left;

 	}

	

	#content .post {

	float:left;

	clear:both;

	width:610px;

	background:url(images/line.png) repeat-x bottom center;

	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:25px;

	line-height:1.2;

	}

	

	.post h2 a {

	font-size:24px;

	line-height:1.2;

	}

	

	h3.topcat {

	word-spacing:-5px;

	font-family:"Verdana","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;

	text-transform:uppercase;

	color:#2a2828;

	font-size:16px;

	font-weight:bold;

  	clear:both;

   	background:#ebf5cd;

  	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 {

	float:left;

	border:4px solid #000;

	margin:5px 10px 5px 0;

 	}

 	



 	#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 {

 	line-height:1.8;

 	}

    

 	.post .entry ul {

	margin:0 0 20px;

	padding:0 0 0 30px;

	}



	.post .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:#4c3d3f;

	font-family:Verdana,"Times New Roman",Times,serif;

	font-size:14px;

	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:610px;

	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: 610px; }

#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; 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: 14px; }

#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: 11px; line-height: 20px; margin-left: 225px; }

#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 #s { background: #f5f6f9; border: 1px solid #b7bdc7;   color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }



#sidebar #searchform {float:left; clear:both;}



#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px;  }



#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }

 

input { padding:5px; }



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



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



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

 

#sidebar {

	float:left;

	width:300px;

	margin:15px 0 0 5px;

	background:#ecf6cc;

	position:relative;

 	}

	

	#sidebar h3 {

	font-size:20px;

	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: #e3f0bc;

		display: block;

		font-size: 11px;

		text-transform:uppercase;

		font-weight:medium;

		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: #e3f0bc;

		color:#4c3d3f;

 	}

	

	.tab_container {

 	overflow: hidden;

	clear: both;

	float: left; 

 	background: #e3f0bc;

	padding:6px;

	width:276px;

 }

	.tab_content {

	padding: 10px 0;

	font-size: 12px;

	background: #ffffff;

	border:1px solid #4c3d3f;

	}

	

	

	.tab_container #tab4 {

	padding:10px;

	font-family:Verdana;

	}





	#sidebar .widget {

 	background:none;

	clear:both;

	float:left;

 	margin:0 0 25px 10px;

 	padding-right:10px;

 	width:280px;

 	}

	

	#sidebar .widget h3 {

 	font-family:"Verdanda","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:none;

  	padding-right:15px;

  	float:left;

  	margin-bottom:10px;

  	letter-spacing:-1px;

  	word-spacing:3px;

	}

	

	#sidebar .widget div  {

	margin:5px 0;

	padding:0 15px 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 15px;

	}

 

	

	#sidebar .tab_container .recentcomments, #sidebar .tab_container .popular {

	color:#4c3d3f;

	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:14px;

	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;

	}

 



ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float:left;}

ul.gallery img:hover { border: 2px solid #0C2B41;  }

ul.gallery a { border: none;   }

ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border:none;}

ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }

#sidebar .widget ul.gallery li { border: none; padding: 0 6px 8px 0;  float:left; list-style-type:none; list-style-position:outside;}



  

 

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



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



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

#footer {

	float:left;

	background:#a3ba5a url(images/bgfooter.png) repeat-x top center;

	padding:10px 25px 15px 25px;

	width:910px;

	-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:#ffffff;

	font-size:15px;

	font-family:Verdana;

	font-style:regular;

 	}

	

	#infowidget ul {

 	width:100%;

 	color:#ffffff;

	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:#ffffff;

	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:#d1e39a;

	border:1px solid #ffffff;

	-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:#ffffff;

	border:1px solid #cbcfd2;

	}

	

 	#footer .hr {

	clear:both;

	background:#4c3d3f;

	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:#ffffff;

	text-transform:uppercase;

	}

	

	#designed {

	float:right;

	width:145px;

	font-size:10px;

	font-weight:bold;

	color:#ffffff;

	text-transform:uppercase;	 

	}