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

Theme Name: Yamidoo 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.2
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

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

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: none;}
caption, th {text-align: left;}

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

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

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

.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; }
.hr { border-top: 3px solid #ECE8D7; }
.transpBlack { background: url(transpBlack.png); }
.wp-caption { background-color: #EFEFEF; border: 1px solid #B6B6B6; font-size: 11px; margin-bottom: 5px; padding: 5px 5px 5px; text-align: center; }
	.wp-caption img { border: 1px solid #B6B6B6; }
a { color: #000; outline: none; text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
h1 a { color: #000; font-size: 22px; font-weight: 400; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
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: #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; }
 

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

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

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

body
{
	background:url(images/bg.png) repeat;
	color:#222;
	font:62.5% Arial,Helvetica,sans-serif;
}
 
#content-wrap
{
	float:left;
	padding:20px;
	width:940px;
}
 
#main-wrap
{
	background-color:#fff;
	clear:both;
	float:left;
	font-size:12px;
	margin-top:20px;
	width:980px;
 }
 
 #page-wrap
{
	margin:0 auto;
	width:980px;
}


#fullwidth {
width:940px;
} 
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
  
#header
{
padding-top:0px;
float:left;
}

#header .banner-head {
float: right; 
display: inline; 
margin-bottom: 10px;
height:60px;
width:500px;
text-align:right;
}

#righthead {
float:left;
width:550px;
}

#logo
{
float:left;
width:430px;
margin-top:30px;
}

#logo h1 a
{
color:#BFB5B5;
font-family:Rockwell,"Times New Roman",Times,serif;
font-size:35px;
font-weight:700;
}
 
#logo h2
{
color:#BFB5B5;
font-size:14px;
font-weight:bold;
}
 
 
/********************************************************************************************* 

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

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

#menu
{
	float:right;
	padding:5px 15px 5px 0;
	text-align:right;
 
}

#menu a
{
	color:#000;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}

#menu img {
vertical-align:middle;
padding-bottom:2px;
}

#menu li
{
	display:inline;
	padding-right:10px;
}
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
 
#feature
{
	float:left;
	margin:0 0 15px 0;
	width:940px;
	background:#1f1e1e;
	position:relative;
}
 
#navi {
  }

#navi ul {	
 	margin:0 auto;	
 	width:100px;
 	position:absolute;
 	top:18px;
 	left:515px;
 	
}

#navi li {	
 	float:left;
	padding-left:1px;
	list-style-type:none;
	text-align:center;
}

#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:2px solid #000;
	margin:0 0 9px 0;
	display:block;
	width:90px;
	height:60px;
	  
}

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

/* panes */
#panes {
	height:305px;
	
	/* 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;
	top:18px;
	left:20px;
	font-size:13px;
	color:#ede9e9;	
	line-height:1.5;
	right:15px;
	text-shadow:1px -1px 0 #000;
 }
 
#panes a {
color:#fff;
font-weight:bold;
}

#panes img {
	float:left;
	margin-right:120px;		
	width:480px;
	height:280px;
	border:2px solid #000000;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
font-size:24px;
font-family:Georgia;
padding:0;
margin:0 0 12px 0;
}

#panes h3 a {
color:#d3d3d3;
line-height:1.2;
font-weight:normal;

}

#panes .more {
background:url(images/more.png) no-repeat right 2px;
float:right;
font-weight:bold;
font-size:14px;
padding-right:24px;
margin-top:20px;
}

#panes .more a {
color:#797575;
text-shadow:1px 1px 0 #000;
}

.meta-feature {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
padding:1px 0 5px 0;
 }
 
 .meta-feature  li {
 display:inline;
 }
 
.meta-feature  a
{
color:#d3d3d3;
font-weight:700;

}

.meta-feature a:hover
{
text-decoration:none;
border-bottom:1px solid #fff;

}
#panes p {
padding:5px 0 0 0;

}
 
 .overlay {
	background:#000000;
	left:2px;
	opacity:0.7;
	position:absolute;
	height:36px;
	top:240px;
	width:450px;
	font-size:18px;
	font-weight:bold;
	padding:8px 15px 0 15px;
	overflow:hidden;
}

	.overlay a {
	color:#fff;
	}


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

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

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


#columns
{
	float:left;
	line-height:19px;
	padding:5px 0 0 0;
	width:960px;
}
 
 
  
.column
{
	border-right:1px solid #ECE8D7;
	float:left;
	padding:0 15px;
	width:200px;
}
 
.column p, .column_last p  {
padding:0 0 5px 0;
}

.column h3 a,.column_last h3 a
{
	color:#154A7F;
	font-size:17px;
	font-weight:700;
	
}

.column h3,.column_last h3
{
	padding:5px 0;
}

.column h4 a ,.column_last h4 a
{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	color:#222;
}

.column img,.column_last img
{
 	margin:0 0 15px;
 
}

.column a,.column_last  a
{
	color:#154A7F;
	font-weight:700;
 }

.column_count a
{
	background:url(images/comment.png) no-repeat left;
	float:left;
	padding:10px 0 10px 20px;
	font-size:10px;
 }

.column_date
{
	float:right;
	text-align:right;
	padding-top:10px;
	font-size:10px;
	text-transform:uppercase;
	color:#154A7F;
	font-weight:bold;
}

.column_last
{
	float:left;
	padding:0 15px;
	width:200px;
}

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

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

*********************************************************************************************/   
 
.post
{
	float:left;
	line-height:20px;
	width:610px;
}

.post small {
  text-transform:uppercase;
  font-size:10px;
  font-weight:bold;
  padding:0px 0 0px 0;
 
  }
  
.post a, .article p a 
{
	border-bottom:1px solid #ccc;
	color:#154A7F;
	font-weight:700;
}

.post a:hover, .article p a:hover
{
	border:none;
	text-decoration:none;
}

.post blockquote
{
	border-left:3px solid #ccc;
	color:#777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}

.post h1
{
 
	font-size:26px;
	font-weight:700;
	padding-bottom:10px;
 	line-height:30px;
}

 .post h1 a
{
 	font-size:26px;
	font-weight:700;
	padding-bottom:10px;
 	line-height:30px;
 	color:#000;
 	border:none;
 }

.post h1 a:hover {
	color:#333;
	}

.post h2,h3,h4,h5,h6
{
	font-weight:700;
	padding-bottom:5px;
	padding-top:10px;
}

.post li ol
{
	border-bottom:1px dotted #ccc;
	line-height:25px;
	padding-left:15px;
}
.post   ol li  {
list-style:decimal;
}

.post p
{
	padding:5px 0;
}

.post ul li
{
 
	line-height:25px;
	list-style:square;
}
 
.post ul,.post ul,ol
{
	padding:10px 0 10px 25px;
}


 .post-meta {
float:left;
margin:10px 0 0 0;
clear:both;
color:#154A7F;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}

.post-meta a {
color:#154A7F;
border-bottom:none;
}

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

span.date, span.category, span.author, span.comments {
 text-transform:uppercase;
 font-size:10px;
 margin:0 8px 10px 0;
 font-weight:bold;
 color:#154A7F;
 }
 
 span.date {
 background:url(images/clock.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.category {
 background:url(images/category.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.author {
 background:url(images/user.png) no-repeat 0 2px;
 padding-left:12px;
 }
 
 span.comments {
 background:url(images/comments.png) no-repeat 0 2px;
 padding-left:14px;
 }
 
 
 
	
/********************************************************************************************* 

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

*********************************************************************************************/   
 	
   .article
{
	background-color:#F8F5E8;
	border-bottom:2px solid #ECE8D7;
	border-right:2px solid #ECE8D7;
	line-height:19px;
	margin:15px 0 18px 0;
	padding:10px 5px 15px 10px;
}

.article h2
{
	padding-bottom:10px;
}

.article h2 a
{
	color:#154A7F;
	font-size:19px;
	font-weight:700;
}

.article img
{
 
	float:right;
	margin:3px 10px 10px 10px;
	
}

.article small,.article small a
{
	color:#154A7F;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
}

#articles h3,.widget h3,.widgetSoc h3
{
	background-color:#F8F5E8;
	border-top:3px solid #ECE8D7;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-weight:700;
	padding:8px 0 8px 10px;
	text-transform:uppercase;
}

#articles 
{
	float:left;
	width:610px;
}

.author
{
	float:left;
	width:110px;
}

.author img
{
	border:1px solid #ccc;
	display:block;
}

#categ
{
	background-color:#FFF9F9;
	border-bottom:1px solid #BFB8B8;
	border-top:1px solid #BFB8B8;
	float:left;
	padding:7px 0;
	text-align:center;
	width:980px;
}

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

}

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

 #socialicons
{
	/*border-bottom:1px dotted #A0BDD4;*/
	border-top:1px dotted #A0BDD4;
	color:#4c4d50;
	float:left;
	margin:10px 0 0 0;
	padding:2px 0 5px 0;
	width:610px;
}

#divider
{
	border-bottom:1px dotted #A0BDD4;
	float:left;
	padding:5px 0 5px 0;
	width:937px;
}

#divider_small
{
	border-bottom:1px dotted #A0BDD4;
	color:#4c4d50;
	float:left;
	padding:5px 0 5px 0;
	width:400px;
}

#socialicons img
{
	/*margin-right:5px;*/
	padding-bottom:3px;
	/*height:16px;*/
}

#socialicons li
{
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
}

 ul,#socialicons ul
{
	list-style:none;
}

#socialicons ul
{
	float:left;
	padding:10px 0 0 0;
	color:#4c4d50;
	font-family:arial, "lucida console", sans-serif;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
}

#socialicons ul li a
{
	border-bottom:none;
	color:#4c4d50;
	text-decoration:none;
}

#socialicons ul li a:hover
{
	border-bottom:none;
	color:#030a1f;
}

#socialicons ul li img
{
	border:none;
	vertical-align:middle;
}

.socialicons_tag
{
	color:black;
}

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

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

*********************************************************************************************/   
 
#comments { margin: 15px 0; float: left; width: 600px; }
	#comments h3 { font-size: 22px; color: #222; margin: 10px 0 0 0; clear: left; }
	#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 .normalComments { padding: 0px 0; clear: left; font-family: Tahoma, Sans-Serif; }
		#comments .normalComments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; border-bottom: 1px dotted #A5ACB9; }
			#comments .normalComments 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; }
	#comments .normalComments li ul.children { border-top: 1px dotted #CCCCCC; margin-top: 10px; padding: 0; }
		#comments .normalComments li ul.children li { clear: left; margin: 0 10px 0px 30px; }
	#comments .normalComments li ul li { border: none; }
	#comments .normalComments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; float: left; clear: both; }
	#comments .normalComments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
		#comments .normalComments div.gravatar img { margin: 0; }
	#comments .normalComments div.comment-author { border-right: 1px solid #CCCCCC; line-height: 18px; margin: 0 10px 3px 0; width: 90px; }
	#comments .comment-author { float: left; }
		#comments .comment-author img.avatar { float: left; width: 45px; clear: both; }
	#comments .comment-meta { clear: right; }
	#comments .normalComments div.comment-content {  }
.normalComments p,   .normalComments li.author p { border-left: 1px solid #CCCCCC; font-size: 12px; line-height: 20px; margin-left: 90px; padding: 0 0 0 10px; }
#comments .normalComments .avatar { float: left; margin: 0 15px 0 0; }
#comments .normalComments span.says { display: none; }
#comments .normalComments .children { margin: 0 0 0 0; }
#comments .normalComments .commentmetadata a.comment-edit-link { background: none; }
#comments	.normalComments .commentmetadata a { display: inline; font-size: 10px; color: #222; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif; }
#comments		.normalComments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments	.normalComments .reply { border-left: 1px solid #CCCCCC; margin: 0 0 0 90px; padding: 10px; }
#comments .normalComments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a, #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; }
	#commentform code { font-size: 11px; }
	#commentform p { margin: 0 10px 5px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 10px; text-transform:uppercase; }
#comments textarea, #commentform textarea { width: 450px; height: 130px;  }
#comments #submit, #commentform #submit { background: #737070; color: #F1ECEC; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); border: none; text-transform: uppercase; cursor: pointer; cursor: hand; margin:8px 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

*********************************************************************************************/   
 
 
input { background: #f6f6f6; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-top: 1px solid #bbb; color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0;}
textarea { background: #f6f6f6; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-top: 1px solid #bbb; color: #666; font-size: 13px; padding: 5px; }
#search { float: right; padding-top: 10px; text-align: right; }
#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px; height: 26px; text-transform: uppercase; }
#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
 
 
#sidebar
{
float:left;
padding-left:20px;
text-align:left;
width:310px;
}

#sidebar_left {
float:left;
width:150px;
}

#sidebar_right {
float:left;
margin-left:10px;
width:150px;
}

#sidebar_left .widget, #sidebar_right .widget
{
float:left;
margin:0 0 15px;
width:150px;
}

#ads li
{
	border:none;
	display:block;
	float:left;
	margin:0;
	padding:0 5px 5px 0;
	text-align:left;
	width:125px;
}
   
   
ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; }
ul.gallery img:hover { border: 2px solid #0C2B41; background: #fff; }
ul.gallery a { border: none; display: block; float: left; padding: 0 7px 5px 7px; text-align: left; width: 63px; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { background-color: #fff; border:none;}
ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }
ul.gallery li { border: none; padding: 0; float:left; }

 
.widget
{
	float:left;
	margin:2px 0 5px 0;
	width:310px;
}

.widgetSoc
{
	float:left;
	margin:0 0 10px 0;
	width:310px;
}

.widget a
{
	color:#154A7F;
	font-size:13px;
	font-weight:700;
}

.widget  img
{
	border:0;
	background:#fff;
}

.widgetSoc img
{
	border:0;
	background:#fff;
	padding: 10px 0 0 10px;
}

.widget li
{
  line-height:20px;
	border-bottom:1px dotted #ccc;
	padding:4px 0 4px 10px;
}

.widget li:hover
{
	background:#F8F5E8;
	border-bottom:1px dotted #ccc;
 }
 
.widget ul ul
{
	padding-left:20px;
}

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

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

*********************************************************************************************/   
 
#footer
{
	background-color:#fff;
	float:left;
	font-size:12px;
	line-height:19px;
	margin:20px auto;
	width:980px;
	padding-bottom: 15px;
 }

 #footer a
{
	border-bottom:1px solid #ccc;
	color:#154A7F;
	font-weight:700;
}

 #footer a:hover
{
	border:none;
	text-decoration:none;
}

#footer h4
{
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}

#footer_right
{
	float:right;
	padding:30px 15px 0 0;
	text-align:right;
	width:600px;
}

#footer_right li
{
	display:inline;
	font-size:12px;
	font-weight:700;
	padding:0 0 0 10px;
	text-transform:uppercase;
}

#footer_right ul
{
	display:block;
	padding-bottom:10px;
}


  #subscribe
{
	float:left;
	padding:20px;
	width:280px;
}

 #subscribe p {
 padding:5px 0 8px 0;
 }