/*
 *  Theme: Angelino
 * 	Version: 2
 *  Author: Peewee 
 *  criado por Peewee em 02/07/2011
 *	modificado por Peewee em 02/07/2011
 * 
 * */

@import "lib.less";
/*WORDPRESS AJUSTE*/
* html body { margin: 0 !important}
html, body { margin: 0 !important}
/*WORDPRESS AJUSTE*/

html, body
{
	width: 100%;
	height: 100%;
	min-height: 100%;
}
body
{
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg);
}
#main
{
	height: 100%;
	min-width: 1000px;
	font: @fontMain;
	color: #313131;
	background: url(../images/nuvens.jpg) repeat-x top center;
}
#container
{
	width: 890px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -445px;
	/*header do site*/
	#topo
	{
		overflow: hidden;
		height: 100px;
		
		.marca
		{
			margin: 25px 0 0 0;
			float:left;
		}
		.pesquisa
		{
			float: right;
			margin: 10px 0 0 5px;
			
			input
			{
				padding:3px 10px;
				border:none;
				background: #FFFFFF;
				.border-radius(15px);
				.box-shadow(1px 1px 2px rgba(165,195,208,0.5));
				font: normal 11px @fontMain;
				color: #c5c5c5;
				.transition (all 0.25s ease-in);
				
				&:focus
				{
					outline: none;
					background: #fee16f;
					color: @azul;
				}
			}
			
			img
			{
				float: right;
				margin: 2px 0 0 3px;
			}
			
		}
		.social
		{
			float: right;
			margin: 10px 0 0 0;
			
			a
			{
				width: 23px;
				height: 23px;
				margin:0 5px 0 0;
				display: block;
				float: left;
				background: url(../images/sociais_icon.png) no-repeat;
				
				&.facebook
				{
					background-position:0px 0px;
				
					&:hover
					{
						background-position: 0px -27px; 
					}
				}
				
				&.orkut
				{
					background-position:-27px 0px;
					
					&:hover
					{
						background-position: -27px -27px; 
					}
				}
				&.twitter
				{
					background-position:-55px 0px;
					
					&:hover
					{
						background-position: -55px -27px; 
					}
				}
				&.youtube
				{
					background-position:-83px 0px;
					
					&:hover
					{
						background-position: -83px -27px; 
					}
				}
				&.flickr
				{
					background-position:-110px 0px;
					
					&:hover
					{
						background-position: -110px -27px; 
					}
				}
				&.rss
				{
					background-position:-138px 0px;
					
					&:hover
					{
						background-position: -138px -27px; 
					}
				}
			}
		}
	}
	/*menu superior*/
	#menu
	{
		height: 15px;
		margin: 20px 0 10px 0;
		padding: 0;
		list-style: none;
		
		li
		{
			float: left;
			margin: 0 20px 0 0;
			font: italic 14px @fontMenu;
			font-weight: bolder;
			text-transform: uppercase;
			.text-shadow(1px 1px 0px rgba(255,255,255,1));

			a
			{
				text-decoration: none;
				color: #8f99b2;
				.transition(all 0.25s ease-in);
				
				&:hover, &.active
				{
					color: #63acff;
				}
				
				&.home
				{
					width: 25px;
					height: 22px;
					display:block;
					margin: -8px 0 0 0;
					background: url(../images/home.png) no-repeat;
					.transition(none);
				}
				&.home:hover, &.home.active
				{
					background-position: 0 -21px;
				}
			}
		}
	}
	/*BASE DO CONTEUDO*/
	#content
	{
		position: relative;
		width:890px;
		background: #FFFFFF;
		.box-shadow(0px 0px 5px rgba(165,195,208,0.7));
		overflow: hidden;
		
		#copyrights
		{
			background: @azul;
			padding: 5px 10px;
			font: normal 11px @fontMain;
			color: #FFFFFF;
			clear: both;
		}
	}
	/*NAVEGACAO PRINCIPAL*/
	#nav
	{
		margin:20px 0;
		text-align: center;
		font: normal 14px @fontMain;
		
		a
		{
			padding: 4px;
			text-decoration: none;
			color: @azul;
		}
		
		.anterior
		{
			float: left;
			img
			{
				margin: 0 5px 0 0;
				border:0;
			}
		}
		.proximo
		{
			float: right;
			img
			{
				margin: 0 0 0 5px;
				border:0;
			}
		}
	}
}
.voltar
{
	
	position: absolute;
	margin:50px 0 0 -33px;
	font: normal 14px @fontMain;
	padding: 4px;
	text-decoration: none;
	color: @azul;
	
	img
	{
		margin: 0 5px 0 0;
		border: 0;
	}
}
/* FADE IN IMAGES */
.fade
{
	display: none;
}
/*SIDEBAR*/
.sidebar
{
	width:222px;
	margin: 20px 20px 20px 0;
	float: left;
	overflow: hidden;
	
	h3
	{
		height: 20px;
		margin: 0;
		padding: 0;
		font: normal 13px @fontMain;
		font-weight: lighter;
		color: @azul;
	}
	.produtos, .publicidade, .narede
	{
		margin: 0 0 20px 0;
	}
	/*PRODUTOS*/
	.produtos
	{
		a
		{
			text-decoration: none;
			
			&:hover
			{
				text-decoration: none;
			}
		}
		.item
		{
			width: 220px;
			height: 80px;
			margin: 0 0 10px 0;
			border: solid 1px #d1d1d1;
			
			img
			{
				float: left;
				
				&.alt
				{
					float: right;
				}
			}
			
			.info
			{
				margin: 3px 10px;
				font: normal 12px @fontMain;
				.nome
				{
					margin: 0;
					padding: 0;
					color: #2a2a2a;
				}
				.categoria
				{
					margin: 0;
					padding: 0;
					color: #949494;	
				}
				.preco
				{
					margin: 10px 0 0 0;
					padding: 0;
					color: #FF0000;	
				}
			}
		}
	}
	/*PUBLICIDADE*/
	.publicidade
	{
		.bannerA
		{
			width: 220px;
			height: 160px;
			margin: 0 0 10px 0;
			background: #e4e4e4;
		}
		.bannerB
		{
			width: 100px;
			height: 60px;
			margin: 0 0 10px 0;
			background: #e4e4e4;
			float: left;
		}
		.bannerC
		{
			width: 100px;
			height: 60px;
			margin: 0 0 10px 0;
			background: #e4e4e4;
			float: right;
		}
		.bannerD
		{
			width: 220px;
			height: 60px;
			margin: 0 0 10px 0;
			background: #e4e4e4;
			clear: both;
		}
		
	}
	.narede
	{
		.twitter
		{
			margin: 10px 0 0 0;
		}
	}
}
/*RESTO*/
.center
{
	margin: 0 20px 20px 20px;
	width: 608px;
	float: left;
	overflow: hidden;
	/*LINHA DE SEPARAÇÃO DE POST*/
	.linha
	{
		margin: 20px 0 20px 0;
		width: 20px;
		height: 1px;
		display: block;
		background: @azul;	
	}
	/*POSTS*/
	.posts
	{
		.post-item
		{

	 	 	margin: 10px 0 0 0;
			padding: 0;
			clear: both;
			overflow: hidden; 
			
			img
			{
				border:0;
			}
			

			&.single
			{
				margin: 30px 0 0 0;
			}
			
			a
			{
				color: @azul;
				text-decoration: none;
				.transition (all 0.25s ease-in);
				
				&:hover
				{
					color: darken(@azul, 20%);
					text-decoration: none;	
				}
			}
			/*titulo*/
			h2
			{
				margin:10px 0 0 0;
				padding: 0;
				font: normal 25px @fontMain;
				font-weight: lighter;
				color: @azul;
				clear: both;
				
				a
				{
					color: @azul;
					text-decoration: none;
					.transition (all 0.25s ease-in);
					
					&:hover
					{
						color: darken(@azul, 20%);
						text-decoration: none;	
					}
				}
			}
			/*avatar e author*/
			.info
			{
				margin: 10px 0 0 0;
				padding: 0;
				font: lighter 12px @fontMain;
				color: #b6b6b6;
				clear: both;
				overflow: hidden;
				
				span
				{
					padding: 0 10px 0 0 ;
					margin: 0 5px 0 0;
					//border-right: solid 1px #b6b6b6;
					display: block;
					
					&.author
					{
						margin: 10px 0 0 0;
					}
					
					&.clear
					{
						border: none;
					} 
					b
					{
						font-weight: lighter;
						color: @azul;
					}
					a
					{
						text-decoration: none;
						color: @azul;
						
						&:hover
						{
							text-decoration: underline;
							color: @azul;
						}
					}
				}
				.photo
				{
					float: left;
					margin: 0 10px 0 0;
					width: 36px;
					height: 36px;
				}
			}
			/*texto e thumb*/
			.conteudo
			{
				margin: 10px 0;
				padding: 0;
				font: lighter @texto @fontMain;
				color: @padrao;
				overflow: hidden;
				
				a
				{
					text-decoration: none;
					color: @padrao;
					display: block;
					overflow: hidden;
					
					&:hover
					{
						text-decoration: none;
						color: @padrao;
					}
				}
				
				.imagem
				{
					float: left;
					margin: 0 10px 0 0;
					img 
					{
						border: 0;
					}
				}
			}
			/*comentarios balao*/
			.comments
			{
				font: lighter 12px @fontMain;
				
				
				a, a:hover
				{
					color: @azul;
					text-decoration: none;
				}
				
				img
				{
					float:left;
					margin:-2px 5px 0 0;
					
				}
			}
		}
		/*POST SINGLE*/
		//comentarios balao
		.comments-single
		{
			margin:20px 0;
			font: lighter 20px @fontMain;
			
			a, a:hover
			{
				color: @azul;
				text-decoration: none;
			}
			
			img
			{
				float:left;
				margin:-7px 5px 0 0;
				border: 0;
				
			}
		}
		//social
		.social_buttons
		{
			height: 21px;
			overflow: hidden;
			margin: 10px 0;
		}
		//comentarios post
		#comments
		{
			overflow:hidden;
			margin: 20px 0 0 0;
			font: lighter @texto @fontMain;
			color: @padrao;
			
			.comments-form
			{
				h3
				{
					font: lighter 15px @fontMain;
					color: @azul;
					margin: 10px 0;
				}
				p
				{
					margin: 4px 0;
					padding: 0;
				}
				.campo
				{	
					margin: 5px 0;
							
					span
					{
						color: #FF0000;
					}
					label
					{
						display:block;
						padding: 5px 0;
					}
					input, textarea
					{
						width: 608px;
						padding:5px 10px;
						border:none;
						background: #e2edfa;
						font: normal @texto @fontMain;
						color: @padrao;
						.transition (all 0.25s ease-in);
						display: block;
						
						&:focus
						{
							outline: none;
							background: #fee16f;
							color: @azul;
						}
						&.empty
						{
							background: #f14646;
							color: #FFFFFF;
						}
					}
					textarea
					{
						margin: 2px 0 0 0;
						height: 100px;
					}
				}
				#submit
				{
					border: none;
					background: @azul;
					padding: 6px;
					margin:10px 0;
					color: #FFFFFF;
					.transition (all 0.25s ease-in);
					
					&:hover
					{
						background: darken(@azul, 20%);
					}
				}
			.logged-in-as
				{
					font: normal @texto @fontMain;
					color: @padrao;
					
					a
					{
						color: #CCCCCC;
						text-decoration: none;
						.transition (all 0.25s ease-in);
						
						&:hover
						{
							color:@azul;
						}
					}
				}
			}
		}
		//comentariopost
		.comment
		{
			margin: 10px 0;
			padding: 5px;
			position: relative;
			border-bottom: 1px solid lighten(@azul, 40);
			.transition (all 0.25s ease-in);
			
			.comment
			{
				margin: 0;
				padding: 0;
				border-bottom: none;
			}
			
			.photo
			{
				position: absolute;
				border:1px solid #CCCCCC;
	            .box-shadow (0px 0px 2px rgba(0,0,0,0.5));
	            padding:5px;
	            margin: 0 20px 20px 0;
			}
						
			.fn
			{
				margin: 0 0 0 50px;
				font: normal 16px @fontMain;
				color: @azul;
			}
			.says
			{
				display: none;
			}
			.comment-awaiting-moderation
			{
				margin: 0 0 0 50px;
				font: normal 10px @fontMain;
				color: #FF0000;
			}
			.comment-meta, .reply
			{
				margin: 0 0 0 50px;
				font: normal 11px @fontMain;
				color: #CCCCCC;
				
				a
				{
					color: #CCCCCC;
					text-decoration: none;
					.transition (all 0.25s ease-in);
					
					&:hover
					{
						color:@azul;
					}
				}
			}
			p
			{
				margin: 5px 0 5px 50px;
				font: normal @texto @fontMain;
				color: @padrao;
			}
			a
			{
				color: @azul;
				text-decoration: none;
				.transition (all 0.25s ease-in);
				
				&:hover
				{
					color: darken(@azul, 20);
				}
			}
		}
		.reply
		{
			clear:both;
			margin:10px 0;
		}
	}
	/*procura*/
	.search-word
	{
		margin: 20px 0 10px 0;
		font: normal @texto @fontMain;
		color: #CCCCCC;
		
		span
		{
			color: @azul;
		}
	}
}