/*
Theme Name: Avon
Description: Tema em branco para wordpress, sem nenhuma estilização, contendo apenas suas principais funções
Author: MKT Virtual
*/

@import "css/sidebar.css";

* {
	margin: 0;
	padding: 0;
	}

html, body {
	height: 100%;
	}

body {
	background-color: #ed164f;
	}
	a{text-decoration:none;}
img {
	border: none;
	}
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 7px 0;
		display: inline;
		}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#super{
	min-height:100%;
	position:relative;
	width:100%;	
	overflow:hidden;
	background-color:#ed164f;
	}

#menu{
	width:100%;
	height:110px;
	overflow:hidden;
	background:transparent url('img/bg_menu.gif') repeat-x left top;
	}	

#wrapper {
	width:100%;
	overflow:hidden;
	padding-bottom:110px;	
	background:#ed164f url('img/bg_top.jpg') no-repeat center top;
	min-height:623px;
}
#wrapper #content {
	margin:0 auto;
	overflow:hidden;
	width:778px;
	}	
	#wrapper #content .busca{
		height:245px;
		}
	#wrapper #content .busca form#searchform{
		float:right;
		height:79px;
		margin-right:25px;
		margin-top:155px;
		width:204px;
		_margin-right:13px;
		}
		#wrapper #content .busca form#searchform p{
			background:transparent url('img/tit_busca.gif') no-repeat right top;
			height:24px;
			text-indent:-9999em;
			margin-bottom:8px;
			}
		#wrapper #content .busca form#searchform input#s{
			border:none;
			color:#60228d;
			font:normal 14px "Verdana", arial, tahoma;
			margin-right:10px;
			margin-top:5px;
			padding:7px 3px;
			width:145px;
 			float:left;
			background:white url('img/sombra_busca.gif') repeat-y left top;			
			}
			#wrapper #content .busca form#searchform input.button{
				_float:right;
			}
	#content #conteiner{
		}
	
	
	#content #posts {
		overflow:hidden;
		padding-bottom:20px;
		width:549px;
		_width:545px;
		_margin-left:2px;
		float:left;
		}	

	#content #posts .box{
			clear:both;
			overflow:hidden;			
			}
	
			#content .data {
					float: left;
					width: 69px;
					height:86px;
					margin-left:18px;
					_margin-left:7px;
					}
					#content .data div {
						color: #fff;
						text-align: center;
						margin-bottom: 10px;
						padding-bottom: 24px;
						padding-left:19px;
						background:transparent url('img/bg_data.jpg') no-repeat left top;
						opacity: 0.7;
						filter: alpha(opacity=70);
						zoom: 1;
						}
						#content .data h3 {
							font:normal 25px "Verdana", tahoma, arial;
							padding-top:10px;
							}

						#content .data h4{
							font:normal 15px "Verdana", tahoma, arial;
							}
						#content .data h5 {
							font:normal 9px "Verdana", tahoma, arial;
						}

						#content .data h3, #content .data h4, #content .data h5, #content .data .num-comments {
							/*background: url(images/bg_transparent.png) no-repeat;*/
							/*background-color: #122a75;*/
							}


				#content .post {
					padding:0 0 20px 20px;
					width:442px;
					float: left;
					overflow: hidden;
					background-color:#fcdde5;
					}
					#content .post.last{
						-moz-border-radius-bottomleft:10px;
						-moz-border-radius-bottomright:10px;
						}
					#content .post .title{						
						overflow:hidden;
						}
					#content .post .title h2{
						width:348px;
						float:left;
						}  
					#content .post .title .comentarios{
						float:right;
						width:78px;
						text-align:center;
						height:53px;
						padding-top:5px;
						background:#ED164F url('img/bg_comentario.gif') no-repeat center bottom;						
						}
						#content .post p img{
							border:solid 10px #ed164f;
							}
						#content .post p img.no-border {
							border: none;
							}
						#content .post p img.wp-smiley{border:none;}
						#content .post .title .comentarios a strong{
							font:normal 16px "Verdana", arial, tahoma;
							color:white;
							}
						#content .post .title .comentarios p{
							font:normal 9px "Verdana", arial, tahoma;
							color:white;
							padding:0;
							text-align:center;
							}	
						#content .post .title .author{
							width:355px;
							float:left;
							/*background:transparent url('img/bg_mark_tag.gif') no-repeat left center;*/
							}	
						#content .post .title .author a{
							color:#f68647;
							font-weight:bold;
							}
							
					#content .post .title h2 a, #content .post .title h2 {
						font:normal 24px "Verdana";
						color:#ed164f;	 					
						}			
					#content .post p {
						font: 11px Arial, Helvetica, Sans-serif;
						margin-bottom: 12px;
						color:#60228d;
						padding-right:20px;
						}
					#content .post p.tags{
						background:transparent url('img/bg_mark_tag.gif') no-repeat left top;
						padding-left:25px;
						font:normal 9px "Verdana", arial, tahoma;
						color:#e09a06;
						border-bottom:2px solid #DDB8D3;
						padding-bottom:15px;					
						width:382px;
						clear:both;
						}	
						#content .post p.tags a{
							color:#e09a06;
							}
						#content .post p a {
							color: #cc0000;
							text-decoration: underline;
							}
							#content .post p a:hover {
								text-decoration: none;
							}
							
						#content .post .shared{						
							width:200px;
							margin:15px 0 10px -20px;
							background:#de2baf url(img/bg_shared.gif) no-repeat scroll 7px center;
							padding:5px 5px 5px 40px;
							overflow:hidden;
							}
							#content .post .shared span{	
								font:normal 16px "Tahooma", arial, verdana;
								color:white;
								margin-right:10px;
								padding-top:5px;
								float:left;
								}			
						#content .post #comments .tit_comentarios{
							background:transparent url(img/tit_deixe_seu_comentario.gif) no-repeat scroll left top;
							float:right;
							height:50px;
							text-indent:-9999em;
							width:218px;
							margin:15px 0;
							}
							#content .post #comments .formcontainer{
								clear:both;
								margin:10px 0;
								overflow:hidden;
								}
								#content .post #comments .formcontainer form .field{
									margin:3px 0;
									overflow:hidden;
									}
									#content .post #comments .formcontainer form .field label{
										background-color:#60228d;
										color:white;
										padding:3px;
										float:left;
										font:normal 11px "Verdana", arial, tahoma;
										}
									#content .post #comments .formcontainer form .field input, textarea{
										border:medium none;
										color:#60228D;
										padding:3px 2px;
										}
										#content .post #comments .formcontainer form .field input#author{
											width:360px;
											}
										#content .post #comments .formcontainer form .field input#email{
											width:361px;
											}
										#content .post #comments .formcontainer form .field input#url{
											width:391px;
											}
										#content .post #comments .formcontainer form .field textarea{
											width:422px;
											}
										#content .post #comments .formcontainer form .textarea{
											margin-bottom:0;
											}
										#content .post #comments .formcontainer form .enviar{
											float:right;
											margin-right:15px;
											}
										#content .post #comments .formcontainer .voltar{
											overflow:hidden;
											clear:both;
											margin:20px 0;
											}
											#content .post #comments .formcontainer .voltar a{	
												display:block;
												text-indent:-9999em;
												background:transparent url(img/btn_voltar.gif) no-repeat scroll left top;
												width:50px;
												height:21px;
												}
											
									#content #posts #pagination{
											float:right;
											margin-top:20px;
											overflow:hidden;
											width:462px;
										}									
										#content #posts #pagination span{
											background-color:#F9AF12;
											display:block;
											padding:0 6px;
											width:112px;
											}				
											#content #posts #pagination span.right{
												float:right;
											}
											#content #posts #pagination span.left{
												float:left;
											}						
											
						.content.e1	#comments-list ul li .avatar{
							overflow:hidden;
							}
							.content.e1	#comments-list ul li .avatar img{
								float:left;
								border:solid 4px #f38ab2;
								margin-right:5px;
								}
								
							.content.e1	#comments-list ul li .avatar p{
								color:white;
								margin-bottom:0;
								font:normal 11px "Verdana", arial, tahoma;
								}
								.content.e1	#comments-list ul li p strong a{
									color:#60228d;
									font-weight:bold;
									}	
						.content.e1	#comments-list ul li .comentario{
							background-color:#F05081;
							color:white;
							margin:8px 0;
							padding:10px;
							}
							.content.e1	#comments-list ul li .comentario p{
								color:white;
								}
										
			.categoria {				
				margin:10px 0;
				color:white;		
				padding:3px 5px;
				background:#2c5e9c url('img/bg_categoria.gif') repeat-x left top;
				border-top:solid 1px #001d5b;
				border-left:solid 1px #001d5b;
				}	
	
				#footer{	
					width:100%;
					height:88px;
					bottom:0;
					position:absolute;
					background-color:#b6113d;
					border-top:solid 2px #bf1240;
					}
					#footer #center_footer{
						width:758px;
						height:60px;
						padding:0 10px;
						margin:0 auto;
						}
						#footer #center_footer .itens{
							margin-top:5px;
							overflow:hidden;
							width:580px;
							float:left;
							}
					#footer #center_footer .itens ul{
						margin:5px 0;
						overflow:hidden;
						}
					#footer #center_footer .itens ul li{
						float:left;
						margin:0 4px;
						list-style:none;
						}
						#footer #center_footer .itens ul li a{
							height:14px;
							text-indent:-9999em;
							display:block;
							}
							#footer #center_footer .itens ul.menu1{
								margin-bottom:19px;
								overflow:hidden;
								width:100%;
								}
							#footer #center_footer .itens ul.menu2 li{
								margin:0 5px;
								}
								#footer #center_footer .itens ul.menu2 li a{
									text-indent:-9999em;
									display:block;
									height:22px;
									}
						#footer #center_footer .itens ul li a {
							background-repeat: no-repeat;
							background-position: left top;
							cursor:pointer;
							}
						#footer #center_footer .itens ul li.sobre a {
							width: 32px;
							background-image: url('img/footer/sobre.png');
							}
						#footer #center_footer .itens ul li.mapa_do_site a {
							width: 74px;
							background-image: url('img/footer/mapa_do_site.png');
							}
						#footer #center_footer .itens ul li.termos_de_uso a {
							width: 80px;
							background-image: url('img/footer/termos_de_uso.png');
							}
						#footer #center_footer .itens ul li.contato a {
							width: 50px;
							background-image: url('img/footer/contato.png');
							background-position: left 1px;
							_margin-top:1px;
							}
						#footer #center_footer .itens ul li.revender a {
							width: 50px;
							background-image: url('img/footer/revender.png');
							background-position: left 2px;
							}
						#footer #center_footer .itens ul li.maquiagem_renew a {
							width: 69px;
							background-image: url('img/footer/maquiagem_renew.png');
							}
						#footer #center_footer .itens ul li.as_eleitas a {
							width: 70px;
							background-image: url('img/footer/as_eleitas.png');
							background-position: left 2px;
							}
						#footer #center_footer .itens ul li.portal_da_maquiagem a {
							width: 141px;
							background-image: url('img/footer/portalmaquiagem.png');
							}
						#footer #center_footer .itens ul li.maquiagem_avon a {
							width: 138px;
							background-image: url('img/footer/logo_maquiagem.png');
							background-position: left 1px;
							}

						#footer #center_footer .redes{
							float:right;
							margin-top:32px;
							width:130px;
							}
							#footer #center_footer .redes ul li{
								float:left;
								margin:0 2px;
								list-style:none;
								}
								#footer #center_footer .redes ul li a{
									text-indent:-9999em;
									display:block;
									width:23px;
									height:23px;
									cursor:pointer;
									}
								#footer #center_footer .redes ul li.twitter a{
									background:transparent url('img/footer/twitter.png') no-repeat left center;
									}
								#footer #center_footer .redes ul li.orkut a{
									background:transparent url('img/footer/orkut.png') no-repeat left center;
									}
								#footer #center_footer .redes ul li.youtube a{
									background:transparent url('img/footer/youtube.png') no-repeat left center;
									}
								#footer #center_footer .redes ul li.flickr a{
									background:transparent url('img/footer/flickr.png') no-repeat left center;
									}