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

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
Tags: buddypress
**********************************************************************************************/


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

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

fieldset, img {border: 0;}

ol, ul {list-style-type: none; /* list-style-position:inside;*/ }


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

a { color: #1fb3dd; text-decoration: none; }
a:hover, a:active { text-decoration: underline; color: orange; }
#sidebar a:hover, #sidebar a:active {text-decoration: none;}
a:focus { outline: 1px dotted #ccc; }

strong { font-weight: bold }
 
/********************************************************************************************* 

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

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

  /* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase;
	padding-top: 18px;padding-bottom: 5px; margin-bottom: 15px;
}
	.wp-pagenavi .pages { padding: 5px 6px; margin: 0 4px; 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 3px; color: #fff; font-weight: bold; background: #34475b; }
	.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 2px; 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; }
	


.clear { clear: both; }
 

	


h2 { font-size: 22px; }
h3 { font-size: 20px; }

html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; margin-bottom:15px;}


 

	
li.date, li.category, ul.post-meta li.author, li.commentnum, #sidebar .popular li ul.post-meta li.commentlist a {
 padding-left:16px;
 text-transform:uppercase;
 font-size:10px;
 color:#7e7a7a;
 margin:0 5px 5px 0;
 display:inline;
 border:none;
 }
 
 li.date {
 background-image: url(images/spriteme1.png);
 background-position: -10px -953px;
 
 }
 
 li.commentnum {
 background-image: url(images/spriteme1.png);
background-position: -10px -1017px;
 }
 
 li.category {
 background-image: url(images/spriteme1.png);
	 background-position: -10px -985px;
 }
 
 
 
 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:13px;
	background:url(images/bg.png);
	line-height:1.6;
	color:#3B3232;
	font-family:'Helvetica Neue',Arial,sans-serif;
	/* font-family:Arial,Helvetica,sans-serif; */
}
 
#content-wrap {
	background: transparent;
	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; 
 }

 
#content-wrap, #main {
	width: 1000px;
	margin: 0 auto;
}	
 
#main {
	clear: both;
	overflow: hidden;
	padding: 0px;
	background: white;
	
}


#container {
	float: left;
	margin: 0 -316px 0 0;
	width: 100%;
	background: white;
}
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
#topnav {
	background-image: url(images/spriteme2.png);
    background-position: 0px -10px;
	height:24px;
	margin-top: 25px;
	min-width: 1000px;
	}
	
	#nav-wrap {
	width:1000px;
	margin:0 auto;
	}
	
	#nav-wrap ul {
	float:right;
	margin-top:1px;
	}
 
	
 #header {
float:left;
width: 1000px;
margin-top:10px;
}
	
	#logo {
	float:left;
	width:20%;
 	}
	
	#ad468 {
	float:right;
	margin-top:13px;
 	}
 
 
/********************************************************************************************* 

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

*********************************************************************************************/   
 
#menu {
	background-image: url(images/spriteme1.png);
  	background-position: -10px -10px;
 	margin:15px 0 0 0;
 	width:993px;
 	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;
	padding-left:7px;

  	}
	

	
 
	#header #menu .social {
	float:right;
	width:182px;
	height:30px;
	margin-top:2px;
	margin-right:5px;
	text-align:right;
 	}
 	
.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
 
/********************************************************************************************* 

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

*********************************************************************************************/   
 
#feature { 
	background:#232020;
  	float:left;
	width:1000px;
	height:351px;
	background-image: url(images/spriteme1.png);
  	background-position: -10px -65px;
	position:relative;
	clear:both;
	}
  
 #navi ul {	
 	margin:0 auto;	
 	width:420px;
 	position:absolute;
 	top:255px;
 	left:568px;
 }

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

#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:70px;
	height:50px;
 }



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

} 

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

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

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

 	
	#twitterback {
	background: white;
	float: left;
	height: 75px;
}
	
	#twitter_carousel {
	float:left;
	margin: 14px 0 8px 15px;
	background-image: url(images/spriteme1.png);
  	background-position: -10px -430px;
	width:515px;
	line-height: 14px;
	height: 34px;
	font-family:Georgia;
	font-style:italic;
	color:#726c6c;
	font-size: 12px;
	padding: 6px 15px 10px 125px;
}

#twitter_carousel td {
	height: 20px;
	vertical-align: bottom;
	
}

.counter {
	float: right;
	margin-top: 10px;
	margin-right: 14px;
	padding: 3px 0 3px 3px;
	line-height: 1.1;
	height: 40px;
	width: 299px;
	border: 1px solid #DDD;
}
.countertext {
	float: right;
	padding-right: 65px;
	font-family:Georgia;
	font-style:italic;
	color:#726c6c;
	font-size: 12px;
	margin-bottom: -11px;
}
.countertext a {
	color:#726c6c;
}
.countertext a:hover {
	border-bottom:1px dotted #726c6c;
}


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

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

*********************************************************************************************/   
#content {
	color: #3B3232;
	background:url(images/h3bg.png) repeat-x center 1px;
	margin: 15px 330px 0px 15px;
	float: left;
}
	
 	
	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:1;
  	background:white;
  	padding-right:15px;
  	float:left;
 	}
	
	#content .post {
	clear:both;
	width:655px;
	background:url(images/line.png) repeat-x bottom center;
	padding: 20px 0 25px;
	float: left;
 	}
 	
	.post h2, .post h1 {
	margin-bottom:5px;
	}
	

	
	.post h2 a {
	color: #666;
			text-decoration: none;
	}
		
	.post .thumb img {
	float:left;
/*	border:4px solid #000; */
	margin: 4px 10px 5px 0;
	background: #ffffff;
	padding: 4px;
	border: 1px solid #ddd;
/* Round Corners (native in Safari, Firefox and Chrome) */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
 	}
 	


	
	#content .post a.more {
	float:right;
	background-image: url(images/spriteme1.png);
	background-position: 82px -1044px;
  	}
	
	#content .post a.more:hover {
	background-image: url(images/spriteme1.png);
	background-position: 82px -1285px;
 	}
 
 a.more {
	font-weight:bold;
 	color: #514e4f;
 	font-size:16px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	padding-right:36px;
	
}

a.more:hover {
	
	color:#972626;
	text-decoration:none;
	}
 
 	
 	.post .entry {
 	line-height:1.6; /* was 1.8 */
 	}
    

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

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

*********************************************************************************************/   
 	
	 li.facebook  {
	background-image: url(images/spriteme1.png);
  background-position: -10px -1229px;
	}

	  li.twitter  {
	background-image: url(images/spriteme1.png);
  background-position: -10px -1157px;
	}



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

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

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



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

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

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

#searchform #s { background: #f5f6f9; border: 1px solid #b7bdc7;   color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }



#searchsubmit { background-color: whiteSmoke; border: 1px solid #737070; /* color: #F1ECEC;*/   font-size: 10px; padding: 5px; text-transform: uppercase; margin-bottom: 7px;}
 
input { padding:5px; }

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

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

*********************************************************************************************/   
 
#sidebar {
	float:left;
	position:relative;
 	}

.hometop {
	margin-top: 434px !important;
}
	
.sidebar-wp {
	margin: 15px 0 0;
	width:300px;
}


	#sidebar h3 {
	font-size:26px;
	color:#4c677c;
	}
	  
 	
	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 {
	background: url(images/bgtabs.png);
 	overflow: hidden;
	padding:6px;
	width:288px;
 }
	.tab_content {
	font-size: 12px;
	background: white;
	border:1px solid #d6cece;
	}
	
	


	.widget-full {
	 width:300px;
	 margin: 0 0 25px;
}

	.widget-half {
	margin-bottom: 15px;
}


	
	
	.sidebar-wp .widget {
 	background:url(images/h3bg.png) repeat-x top center;
	clear:both;
 	}
	
	#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:white;
  	padding-right:15px;
  	float:left;
  	margin-bottom:10px;
  	letter-spacing:-1px;
  	word-spacing:3px;
	}
	
	#sidebar .widget div  {
	/* margin:5px 0; */
	/* padding: 0 0 0px; */
	/* clear:both; */
	}
	
	#sidebar .widget ul {
	clear:both;
	}
	
	#sidebar .widget ul li {
	list-style-type: none;
 	padding: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: 2px 10px 0px 5px;
	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:12px;
	display:block;
	}
	#sidebar .tab_container .recentcomments img { 
	float: left; 
	margin: 2px 7px 4px 0;  
	width: 25px;
	height:  25px; 
	}
	

	#sidebar .tab_container .popular li ul.post-meta li.commentnum a:hover {
	text-decoration:underline;
	}
	

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

.recentvideo a {
	font-weight:bold;
	color:#3b3232;
	font-size:18px;
	display:block;
}


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

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

*********************************************************************************************/   
#footer {
	float:left;
	background:#e7e9ec url(images/bgfooter.png) repeat-x top center;
	padding:10px 25px 15px 25px;
	width:950px;
	-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-image: url(images/spriteme1.png);
    background-position: -10px -1083px;
	}
	
	#infowidget  li.phone  {
	background-image: url(images/spriteme1.png);
  background-position: -10px -1120px;
	}
	
	#infowidget  li.email  {
	background-image: url(images/spriteme1.png);
  background-position: -10px -1193px;
	}
	
	#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:700px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;
	}
	
	#designed {
	float:right;
	width:145px;
	font-size:10px;
	font-weight:bold;
	color:#6c6666;
	text-transform:uppercase;	 
	}
	

#adbox {
	margin-bottom: 25px;
}
.adleft {
	margin-bottom: 10px;
}
.sidebar_left { 
	float: left; 	
	width: 160px;
	margin-bottom: 15px;
}
.sidebar_right { 
	float: left; 
	margin-left: 10px;
	margin-bottom: 15px;
	width: 130px;
}


/* Subscribe Options */
#subscribe_options{margin-bottom:25px;background:#FAFAFA url(images/light_grad01a.png) repeat-x scroll center bottom;padding:0px 0px;border:1px solid #DDD;font-size:90%}#subscribe_options .join{font-size:13px;margin-bottom:5px;margin-top: 10px;text-align:center}#subscribe_options .subscribe_icons{width:295px;margin:0 auto}#subscribe_options .subscribe_icons li{float:left;margin:0 2px 5px 2px;width:55px;text-align:center;font-size:11px}#subscribe_options .subscribe_icons a{display:block;padding:40px 0 2px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}#subscribe_options .subscribe_icons a:hover{color:#444;text-decoration:none;-moz-box-shadow:0 2px 4px hsla(0,0%,0%,.35);-webkit-box-shadow:0 2px 4px hsla(0,0%,0%,.35)}#subscribe_options .subscribe_icons .subscribe_twitter a{background-image: url(images/spriteme1.png);background-position: -3px -492px;}#subscribe_options .subscribe_icons .subscribe_facebook a{background-image: url(images/spriteme1.png);background-position: -3px -592px; }#subscribe_options .subscribe_icons .subscribe_rss a{background-image: url(images/spriteme1.png);background-position: -2px -692px;}#subscribe_options .subscribe_icons .subscribe_email a{background-image: url(images/spriteme1.png);background-position: -2px -794px;} #subscribe_options .subscribe_icons .subscribe_youtube a{background-image: url(images/spriteme1.png);background-position: -2px -883px;}#subscribe_options p{clear:both}#subscribe_options .more_subscribe_options{text-align:center} #subscribe_options .quick_about a.slide:hover{background:#26B;color:#FFF;text-decoration:none}

.reccomment a, .reccomment {
	color:#a3a0a0 !important;
	font-size: 11px !important;
	font-weight: normal !important;
}


#wp-admin-bar {
	position: absolute !important; }



img.avatar, .entry .alignleft, .entry .alignright, .entry .aligncenter, .entry .alignnone, #twitpic a img, .recentvideo img, .gallery img, img.attachment-medium, img.attachment-large, .alignleftgallery img, .alignrightgallery img  {
	background: #ffffff;
	padding: 4px;
	border: 1px solid #ddd;
/* Round Corners (native in Safari, Firefox and Chrome) */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

img.border {
	background: #ffffff;
	padding: 4px;
	border: 1px solid #ddd !important;
}


img.user-3-avatar { 
border: 1px solid #fd8bd7; 
}

/* BUDDYPRESS */

img.avatar {
	float: left;
}
div#sidebar div.item-avatar img {
			width: 40px;
			height: 40px;
		 	margin: 0px;
		}
	

		div.sidebar-wp .avatar-block { width:  300px; overflow: hidden; } 
		
		
/********************************************************************************************* 

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

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

#blocks {
float:left;
width:1000px;
clear:both;
}

	.colart {
	width:250px;
	float:left;
	}
 
 	.colart:hover h3 {
	background:#2c2727;
	}
	
	.colart h3 {
	text-align:center;
	background:#141212;
	font-family:Georgia;
	font-size:13px;
	padding:4px 0;
	text-shadow:1px 1px 0 #000;
	text-transform:uppercase;
	}
	
	.colart h3 a {
	color:#d3d3d3;
	font-weight:normal;
	font-style:italic;
 	}
 	
 	.colart .entry {
 	padding:8px 15px;
 	}
	
  	.colart h2 {
 	font-family:Georgia;
 	font-size:18px;
 	font-weight:normal;
 	font-style:italic;
 	line-height:1.4;
 	margin-bottom:5px;
 	}
 	
 	.colart h2 a {
 	color:#314c66;
 	}
 	
 	#blocks .more {
 	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 4px;
	margin-top:10px;
	float:left;
  	}
	
	#blocks a.more:hover, #blocks .colart:hover .more {
	background:url(images/morebh.png) no-repeat right 4px;
	color:#972626;
	text-decoration:none;
	}