/*
Theme Name: Naruto Brasil
Theme URI: http://naruto.com.br
Description: Naruto Brasil theme
Version: 1.0
Author: Pedro Henrique Dropa - Stroke
Author URI: http://naruto.com.br

This theme was designed and built by Pedro Henrique Dropa,
whose blog you will find at http://naruto.com.br/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/*------------------
-Color pallets-

ORANGE - #ffae00
ORANGE for dark-blue background - #ffd200
Blue - #color:#0066CC;
*/


*{

	margin:0;
	padding:0;
	}
	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/bg-teste.gif);
	}	

div#all{
	border-right:1px solid #161616;
	background-color:#FFFFFF;
	width:873px;
	float:left;
	}	
	

/*-----------------------Fonts definitions(color, size, etc)------------------------*/

p{
margin:10px;
}

.white{
	color:#FFFFFF;
	}
	
.bold-white{
	color:#FFFFFF;
	font-weight:bold;
	}
	
.orange{
	color:#ffae00;
	}
	
.lorange{
	color:#ffcc33;
	}
	
.lgray{
	color:#CCCCCC;
	}

	
.toolbar-spacer{
	color:#5d5d5d;
	}

.search{
	color:#999999;
	font-size:180%;
	text-transform:uppercase;
	}
	

/*-----------------------Site's top definitions------------------------*/
div#top{
	/*border-right:1px solid #060606;*/
	width:873px;
	}

	div#top #logo{
		height:162px;
		}
	
		div#top #logo #line1{
		background-image:url(images/pattern.gif);
		height:2px;
		}

	div#top #ads-larger{
		background-color:#ffcc00;	
		border-top:1px solid #060606;
		border-bottom:1px solid #3E3C36;
		height:90px;
		padding:3px;
		text-align:center;
		}
		
	div#top #toolbar{
		background-image:url(images/toolbar-bg.gif);
		border-bottom:1px solid #3E3C36;
		height:28px;
		padding:2px;
		vertical-align:middle;
		}
	
		div#top #toolbar #last{
			float:left;
			font-size:90%;
			width:600px;
			margin-left:4px;
			margin-top:6px;
			}
			
		div#top #toolbar #line2{
			border-right:1px solid #535353;
			float:left;
			height:28px;
			}
			
		div#top #toolbar #search2{
			float:left;
			padding-top:2px;
			margin-left:2px;
			}
			
		div#top #toolbar #search3{
			float:left;
			padding-top:1px;
			}
			
		div#top #toolbar #search{
			float:right;
			margin-right:3px;
			}


/*-----------------------Forms definitions------------------------*/
.search-edit{
	background-color:#EBEBEB;
	border:1px solid #333333;
	color:#999999;
	font-size:170%;
	height:25px;
	width:150px;
	}

.search-button{
	color:#333333;
	border:1px solid #666666;
	background-image:url(images/search-button.gif);
	font-weight:bold;
	height:26px;
	width:70px;
	}

/*-----------------------Sidebar------------------------*/
.both{
	clear:both;
	height:10px;
	}

div#menus{
	float:left;
	background-image:url(images/menus-bg.gif);
	background-repeat:repeat-y;
	}

		div#menus img{
			border:0px;
			}
	
div#ads2{
	width:120px;
	float:left;
	padding-left:14px;
	padding-top:4px;
	}

div#rss{
	font-size:80%;
	height:45px;
	margin-top:5px;
	}
	
	div#rss #rss-icon{
		width:36px;
		float:left;
		margin:5px 2px 5px 8px; 
		}

	div#rss #rss-info{
		width:105px;
		float:left;
		margin-top:8px;
		}

	div#menus #menu1{
		background-image:url(images/menu1-bg.gif);
		background-repeat:repeat-y;
		border-right:3px solid #125da9;
		float:left;
		width:160px;
		}
		
		div#menus #menu1 #menu-title1{
			background-image:url(images/menu1-title-bg1.gif);
			font-size:200%;
			color:#FFCC33;
			font-weight:bold;
			width:155px;
			height:30px;
			margin-top:8px;
			margin-bottom:6px;
			padding-left:5px;
			padding-top:8px;
			}
			
		div#menus #menu1 #menu-title2{
			background-image:url(images/menu1-title-bg2.gif);
			font-size:200%;
			color:#FFCC33;
			font-weight:bold;
			width:155px;
			height:30px;
			margin-top:12px;
			margin-bottom:6px;
			padding-left:5px;
			padding-top:8px;
			}
			
			div#menus #menu1 ul{
				list-style:none;
				margin:0;
				padding:0; 
				}
				
			div#menus #menu1 ul li a{
				color:#0066CC;
				display: block;
				font-size:100%;
				background-image:url(images/list-item.gif);
/*				background-color:#EFEFEF;*/
				text-decoration:none;
				border-bottom:1px solid #0066CC;
/*				border-left:2px solid #0066CC;*/
				margin-left:15px;
				padding:3px 0px 1px 18px;
				height:15px;
				}
				
			div#menus #menu1 ul li a:hover{
				background-position:-145px 0;
				/*background-image:url(images/list-item2.gif);
				display: block;
				background-color:#FFCC33;
				color:#0066CC;*/
				text-decoration:none;
				}
				
				

				
	div#menus #menu2{
		background-color:#f0f0f0;
		float:left;
		width:150px;
		border-right:2px solid #CCCCCC;
		}
		
			div#menus #menu2 ul{
				padding:0px;
				margin:0px;
				}

			div#menus #menu2 li{
				font-size:80%;
				color:#0066CC;
				padding:4px;
				background-color:#f9f9f9;				
				list-style:none;
				border-bottom:1px dashed #e1e1e1;
				}

	
	div#menus #menu2 #lojinha{
		width:150px;
		background-image:url(images/lojinha.gif);
		background-repeat:no-repeat;
		background-color:#ffad00;
		border-bottom:2px solid #ff8700;
		float:left;
                padding-top:137px;
		}
		
		div#menus #menu2 #lojinha_texto{
		padding-left:10px;
		color:#FFFFFF;
		font-size:100%;
		}
		
		
	div#menus #menu2 #forum{
		margin-top:20px;
		width:150px;
		float:left;
		}
		
		div#menus #menu2 #forum #forum-last{
		width:140px;
		float:left;
		background-color:#fbfbfb;
		border:1px solid #e1e1e1;
		margin-left:2px;
		margin-top:5px;
		margin-bottom:12px;
		}
		
	.menu2-title1{
			font-size:140%;
			color:#007bd4;
			font-weight:bold;
			padding-left:6px;
			}
			
	div#menus #menu2 #partners{
		width:130px;
		float:left;
		margin-bottom:10px;
		margin-top:5px;
		margin-left:5px;
		margin-right:5px;
		border-top:1px solid #e4e4e4;
		background-color:#FFFFFF;
		font-size:90%;
		color:#666666;
		}
		
		div#menus #menu2 #partners li a{
			width:120px;
			display:block;
			padding:1px;
			}
			
			div#menus #menu2 #partners li a:hover{
			background-color:#007bd4;
			}

	div#menus #menu2 #orkut{
			width:120px;
			float:left;
			margin:10px;
			}
		
		

/*-----------------------Content------------------------*/
div#all #content img{
border:1px solid #999999;
margin:5px;
padding:1px;
}


.left{
	float:left;
	margin:5px;
	}
	
.right{
	float:right;
	margin:5px;
	}
	
	

div#destaque{
	background-image:url(images/destaque-bg.gif);
	width:558px;
	height:151px;
	float:left;
	border-bottom:2px solid #215ea3;
	}

div#ads3{
	text-align:center;
	}
	
.box_destaque{
	margin:5px 0px 5px 4px;
	width:270px;
	height:120px;
	float:left;
	}	
		
	.box_destaque_image{
		background-image:url(images/destaque-img-bg.gif);
		background-repeat:no-repeat;
		height:110px;
		width:125px;
		float:left;
		padding:10px 0px 0px 12px;
		}
		
		.box_destaque_image img{
			border-width:1px 1px 1px 1px;
			border-style:solid;
			border-color:#FFF;
			padding:0px;
			width:115px;
			height:95px;

			}
		
	.box_destaque_text{
		height:106px;
		width:124px;
		float:left;
		color:#FFFFFF;
		font-size:80%;
		margin:10px 0px 0px 5px;
		padding:0px 4px 1px 0px;
		}
	
	.destaque-title{
		color:#ffd200;
		font-size:130%;
		font-weight:bold;
		}
		
	.destaque-readmore{
		float:right;
		margin-right:6px;
		margin-top:4px;
		}	
		
	
		

div#content{
/*	background-image:url(images/content-bg.gif);
	background-repeat:repeat-x;
	background-color:#ffae00;*/
	background-color:#FFF;
	float:right;
	width:537px;
	padding:10px 8px 0px 10px;
	}
	
	
	
	/*-----------------------Posts definitions------------------------*/
	h2{
		font-size:120%;
		font-weight:bold;
		color:#166ec7;
		padding:3px;
		border-bottom:1px dashed #CCCCCC;
		}

	h3{
		font-size:120%;
		font-weight:bold;
		color:#666666;
		border-bottom:1px solid #F5F5F5;
		margin-top:15px;
		margin-left:2px;
		}
		
	h4{
		font-size:90%;
		color:#999999;
		}	
	tr{ 
		background-color:#F9F9F9;

		}	

		
	h5{
		font-size:150%;
		color:#FF9900;
		}	
	
	.post-wrapper{
		float:left;
		margin:3px 0px 20px 0px;
		background-color:#FFF;
		padding:2px;
		}
		
			.post-wrapper img{
				
				}
	
	.post-header-box{
		border-bottom:1px solid #E2E2E2;
		float:left;
		width:518px;
		padding:0px 1px 5px 1px;
		margin-bottom:5px;
		}	

	.post-title{
		color:#ffae00;
		font-size:170%;
		float:left;
		width:467px;
		padding-bottom:3px;
		}
		
	.post-date{
		width:33px;
		height:37px;
		color:#333333;
		font-size:100%;
		float:left;
		text-align:center;
		line-height:15px;
		padding:4px 5px 3px 5px;
/*		border:1px solid #CCCCCC;*/
		margin-right:5px;
		background-image:url(images/bg-date.gif);
		background-repeat:repeat-x;
		}
		
			.month{
				font-size:80%;
				color:#999999;
				text-transform:uppercase;
				}
			.day{	
				font-size:180%;
				color:#1a79e3;
				font-weight:500;
								}
		
	.post-footer{
		border-top:1px solid #E2E2E2;
		float:left;
		width:518px;
		margin-bottom:5px;
		margin-right:5px;
		color:#666666;
		padding-top:5px;
		text-align:right;
		clear:both;
		}
		
		
	
	.post{
		font-size:100%;
		color:#666666;
		float:left;
		line-height:19px;
		text-align:justify;
		margin-bottom:15px;
		margin-top:0px;
		padding:0px 5px 6px 3px;
		}
		
		.post img{
		
		}
		
	.post-infos{
		color:#999999;
		font-size:80%;
		}	
		
	.post-spacer{
		background-image:url(images/post-spacer.gif);
		width:168px;
		height:24px;
		float:right;
		background-repeat:no-repeat;
		}	
		
		blockquote{
		background-color:#f6f6f6;
		border-left:5px solid #ececec;
		border-top:1px solid #ececec;
		border-right:1px solid #ececec;
		border-bottom:1px solid #ececec;
		padding:5px;
		color:#666666;
		margin:4px;
		font-size:90%;
		}
		
		.post ul{
			margin-left:40px;
			padding:10px;
			list-style-type:circle;
			}
		
		.post ul li{
			color:#666666;
			height:20px;
			}	
			
			#post-ads{
			width:300px;
			height:270px;
			float:left;			
			padding:0px 6px 1px 6px;
			}
			
			#post-bloco{
			width:500px;
			float:left;		
			text-align:center;
			padding-bottom:25px;
			}
			
	.flash-game{
	padding:0px;
	border:1px solid #CCCCCC;
	text-align:center;
	}
			
	.navigation{
	font-size:80%;
	color:#999999;
	}
	
	.alignleft{
	float:left;
	margin:5px;
	}
	
	.alignright{
	float:right;
	margin:5px;
	}
	
/*----------------------------------------------------------------*/
		
#comments-box{
margin-top:10px;
margin-bottom:10px;
width:510px;
border:1px solid #CCCCCC;
float:left;
padding:8px;
}

 #comments-box ol{
 		padding:0px;
		margin:3px 0px 5px 25px;
		}
		
		#comments-box ol li{
			color:#0066CC;
			margin-left:10px;
			width:463px;
			border-bottom:1px solid #CCCCCC;
			border-right:3px solid #CCCCCC;
			margin-bottom:15px;
			background-color:#F8F8F8;
			padding:6px;
		}
		
.commentmetadata{
	font-size:90%;
	color:#999999;
	}
	
	#comment-form{
	background-color:#FEF2DA;
	padding:5px;
	text-align:center;
	width:500px;
	float:left;
	}
	
	.comment-author{
		font-size:130%;
		color:#0066CC;
		font-weight:bold;
		}
		
		#comment-header{
			width:463px;
			border-bottom:1px solid #CCCCCC;
			margin-bottom:15px;
			background-color:#F8F8F8;
			padding:6px;
		}
		
		.comment-text{
			color:#666666;
			font-size:90%;
			padding:5px;
			}
			
			.comment-button{
				border:3px double #CCC;
				background-color:#EFEFEF;
				padding:3px 5px 3px 5px;
				color:#404040;
				}

			.comment-textarea{
				border:3px double #CCC;
				background-color:#FBFBFB;
				padding:3px 5px 3px 5px;
				color:#666666;
				}
				
/*#pagination{
	width:527px;
	text-align:center;
	float:left;
	}*/
	
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #CCCCCC;

		text-decoration: none; /* no underline */
		color: #666666;
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #0066CC;

		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		
		margin: 2px;
		border: 1px solid #CCC;
		
		font-weight: bold;
		background-color: #F5F5F5;
		color: #333333;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
	.breadcrumb{
	color:#666666;
	font-size:90%;
	padding:4px;
	}
				



/*-----------------------Footer------------------------*/
	div#footer{
		width:873px;
		height:185px;
		background-image:url(images/footer.gif);
		background-position:top;
		background-repeat:no-repeat;
		background-color:#212121;
		clear:both;
		float:left;
		}
		
		div#footer #footer-box{
		  width:870px;
		  float:left;
		  margin-top:130px;
		  }
		  
			div#footer #footer-box #footer-links{
				float:left;
				width:500px;
				margin-left:30px;
				color:#999;
				margin-top:12px;
				padding-bottom:5px;
				border-bottom:1px solid #666666;
				}
			
			div#footer #footer-box #footer-links ul{
				margin:0px;
				padding:0px;
				}
				
				div#footer #footer-box #footer-links ul li{
				 display:inline;
				}				

				div#footer #footer-box #footer-links ul li a{
				 color:#FFCC00;
				 text-decoration:none;
				 padding:2px;
				}
				
					div#footer #footer-box #footer-links ul li a:hover{
				 	background-color:#333333;
					color:#0099FF;
					text-decoration:none;
					}
			
			
			
			div#footer #footer-box #footer-text{
				margin-right:10px;
				color:#ffd200;
				float:right;
				width:290px;
				font-size:90%;
				text-align:right;
				line-height:16px;
				border-left:1px solid #FFCC00;
				}



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





/*-----------------------Links style definitions------------------------*/
a:link {
	color: #0066cc;
	text-decoration:underline;
}
a:visited {
	color: #0072e4;
	text-decoration:underline;
}
a:hover {
	color: #ff9700;
	text-decoration:underline;
}
a:active {
	color: #0066cc;
	text-decoration:underline;
}



a.toolbar-link:link {
	color: #ffae00;
	text-decoration:underline;
}
a.toolbar-link:visited {
	color: #ffae00;
	text-decoration:underline;
}
a.toolbar-link:hover {
	color: #0099FF;
	text-decoration:underline;
}
a.toolbar-link:active {
	color: #ffae00;
	text-decoration:underline;
}



a.menu1-link:link {
	color: #0066CC;
	text-decoration:none;
}
a.menu1-link:visited {
color: #0066CC;
	text-decoration:none;
}
a.menu1-link:hover {
	color: #FFCC33;
	text-decoration:none;
}
a.menu1-link:active {
	color: #FFFFFF;
	text-decoration:none;
}


a.white-link:link {
	color: #FFFFFF;
	text-decoration:underline;
}
a.white-link:visited {
	color: #FFFFFF;
	text-decoration:underline;
}
a.white-link:hover {
	color: #FFCC33;
	text-decoration:underline;
}
a.white-link:active {
	color: #FFFFFF;
	text-decoration:underline;
}



a.blue-link:link {
	color:#0066CC;
	text-decoration:underline;
}
a.blue-link:visited {
	color:#0066CC;
	text-decoration:underline;
}
a.blue-link:hover {
	color:#FF9900;
	text-decoration:underline;
}
a.blue-link:active {
	color:#0066CC;
	text-decoration:underline;
}


a.black-link:link {
	color:#333333;
	text-decoration:underline;
	font-size:90%;
}
a.black-link:visited {
	color:#333333;
	text-decoration:underline;
	font-size:90%;
}
a.black-link:hover {
	color:#000000;
	text-decoration:underline;
	font-size:90%;
}
a.black-link:active {
	color:#333333;
	text-decoration:underline;
	font-size:90%;

}



a.lblue-link:link {
	color:#0066FF;
	text-decoration:none;
	}
a.lblue-link:visited {
	color:#0066FF;
	text-decoration:none;
	}
a.lblue-link:hover {
	color:#0066FF;
	text-decoration:none;
	}
a.lblue-link:active {
	color:#0066FF;
	text-decoration:none;
	}
	
	
a.gray-link:link {
	color:#CCCCCC;
	text-decoration:none;
	}
a.gray-link:visited {
	color:#CCCCCC;
	text-decoration:none;
	}
a.gray-link:hover {
	color:#FFCC00;
	text-decoration:none;
	}
a.gray-link:active {
	color:#CCCCCC;
	text-decoration:none;
	}



/* Link -> Orange (for dark-blue background) hover -> white */
a.orange-link:link {
	color: #ffd200;
	text-decoration:underline;
}
a.orange-link:visited {
	color: #ffd200;
	text-decoration:underline;
}
a.orange-link:hover {
	color: #FFF;
	text-decoration:underline;
}
a.orange-link:active {
	color: #ffd200;
	text-decoration:underline;
}