/*  
Theme Name: AtelierHelenaLunardelli-v2
Theme URI: http://v1.blog.atelierhl.sinc.us/
Description: Tema do Wordpress desenvolvido para o Atelier Helena Lunardelli
Version: 1.1
Author: SINC
Author URI: http://www.sincd.com.br
*/

* {padding: 0px; margin: 0px; list-style: none; text-decoration: none;}
body {background: url(img/bg.jpg) repeat-x top; font: 12px Verdana; color: #2b2b2b;}
img {border: none;}
h2, h3, h2 a, h3 a {color: #fff;}
h2 a {color: #000;}
a {color: #ec008c;}

.flash-replaced .alt {display: block; width: 0; height: 0; position: absolute; overflow: hidden;}
input.error, textarea.error {border: 1px solid red;}

v\:*{	behavior:url(#default#VML);}
#mapa {width: 424px; height: 348px; margin: 16px auto 0px auto;}

#wrapper {width: 951px; margin: 0px auto;}
#wrapper a.hover {background-position: bottom;}
	#header {width: 951px; height: 210px; background: url(img/bg_header2.jpg) no-repeat right;}
		#logo {width: 300px; height:210px; float: left;}
			#logo h1 {width: 300px; height: 210px; text-indent: -999px; overflow: hidden; background: url(img/img_logo-atelier.jpg) no-repeat;}
			#logo h1 a {display: block; width: 257px; height: 187px; position: relative; left: 22px; top: 22px;}
		#menu {height: 31px; width: 651px; height:210px; float: left;}
		#menu ul {margin-top: 67px; margin-left: 26px;}
		#menu ul li {float: left; margin-right: 28px;}
		#menu ul li.last {margin-right: 0px;}
		#menu a.hover{height: 31px; background-position: bottom;}		
		#menu a {display: block; text-indent: -999px; overflow: hidden; outline: 0;}
			#menu-blog a {width: 30px; height: 18px; background: url(img/btn_menu-blog.gif) no-repeat top;}
			#menu-agente a {width: 51px; height: 18px; background: url(img/btn_menu-agente.gif) no-repeat top;}
			#menu-produtos a {width: 61px; height: 18px; background: url(img/btn_menu-produtos.gif) no-repeat top;}
			#menu-flickr a {width: 32px; height: 18px; background: url(img/btn_menu-flickr.gif) no-repeat top;}
			#menu-clipping a {width: 53px; height: 18px; background: url(img/btn_menu-clipping.gif) no-repeat top;}
			#menu-comprar a {width: 99px; height: 18px; background: url(img/btn_menu-comprar.gif) no-repeat top;}
			#menu-fale a {width: 115px; height: 18px; background: url(img/btn_menu-fale.gif) no-repeat top;}
	#content-all{width: 951px; background: url(img/bg_content-all.gif) repeat;}
	#content-all h2 {font: 25px "Times New Roman"; margin-bottom: 6px;}
	#content-all a:hover {text-decoration: underline;}	
	#content-all h3 {font: 20px "Times New Roman"; text-align: right; margin-right: -15px;}
		#sidebar {width: 300px; font: 10px Verdana; color: #666666; float: left;}			
			h2#tlt-busca{float: left; margin-right: 4px;}
			p#p-atelier {display: block; margin-top: 8px; margin-bottom: 8px;}
			.class-box-sidebar {width: 250px; background: #fff url(img/bg_box-sidebar.gif) no-repeat top; margin-bottom: 14px; padding: 20px 25px;}
			.sidebar-last {margin-bottom: 0px;}
			.bg-barra-sidebar {display: block; width: 250px; height: 5px; border-bottom: 1px solid #edd0ed; margin-bottom: 6px;}
			.desktop {background: #fff url(img/bg_desktop.gif) no-repeat top;}
			
		#sidebar ul#list-left{float: left; width: 102px; border-right: 1px solid #ccccff; margin-right: 20px;}
			ul#list-left li {margin-bottom: 2px;}
			#sidebar ul#list-right{float: left;}
			ul#list-right li {margin-bottom: 2px;}
			ul#list-left a, ul#list-right a {color: #ec008c;}
			ul#flickr {margin-right: -15px;}
			ul#flickr li {padding: 0px 20px 20px 0px; float: left;}
			ul#flickr li img{width: 110px; height: 110px;}
			.class-box-sidebar table{text-align: center; margin-right: -15px;}
			.class-box-sidebar td.download {background: #542577; padding: 4px 0px;}
			.class-box-sidebar td.download a{color: #fff;}
			
			.class-box-sidebar span.hide  {display: none; color: #fff;}
			
			form#busca {padding-top: 2px;}
			
			ul#visite{margin-left: 15px;}
			ul#visite li{list-style-image: url(img/bullet_visite.gif);}
			ul#visite a {color: #6a6a6a}
			ul#arquivo a{color: #6a6a6a}
						
	#content{position: relative; width: 586px; padding: 30px 25px; background: #fff url(img/bg_content.gif) no-repeat top; margin-top: -112px; float: right; overflow: hidden;}
	#content h2 {font: 24px "Times New Roman"; margin-bottom: 6px;}
	#content .navigation {margin-bottom: 40px;}
		.postmetadata a {color: #ec008c;}
		.commentlist a {color: #ec008c;}
		h3#respond {text-align: left; margin-top: 16px;}
				
	#content .post-navigation-left a {font: bold 11px verdana; color: #471f65; float: left;}
	#content .post-navigation-right a {font: bold 11px verdana; color: #471f65; float: right}
		#submenu{position: relative; width: 636px; padding-top: 1px; height: 42px; background: #fff url(img/bg_content.gif) no-repeat top; margin-bottom: 20px; margin-top: -112px; float: right;}
		#submenu ul li{float: left;}	
		#submenu ul li a{display: block; height: 40px; background-position: top; text-indent: -9999px; overflow: hidden;}
		#submenu ul li a:hover {background-position: bottom;}
			a#arranjos{width: 59px; background: url(img/btn_submenu-arranjos.gif);}
			a#decoracao{width: 68px; background: url(img/btn_submenu-decoracao.gif);}
			a#cenografia {width: 71px; background: url(img/btn_submenu-cenografia.gif);}
			a#ceramica {width: 61px; background: url(img/btn_submenu-ceramica.gif);}		
			a#livros {width: 41px; background: url(img/btn_submenu-livros.gif);}		
			a#chapeus {width: 58px; background: url(img/btn_submenu-chapeus.gif);}
			a#modaFeminina {width: 96px; background: url(img/btn_submenu-modaFeminina.gif);}		
			a#moda {width: 85px; background: url(img/btn_submenu-moda.gif) top;}		
			a#moveis {width: 96px; height: 15px; background: url(img/btn_submenu-moveis.gif);}		
			
		#clipping {position: relative; width: 586px; height: 44px; padding: 24px 25px; background: #fff url(img/bg_content.gif) no-repeat top; margin-top: -112px; float: right;}
			.date{display: block; font: bold 10px Verdana; float: left;}
			.decoration {display: block; width: 60px; font: bold 12px Verdana; text-align: center; float: left;}
			.date a {color: #471f65}
			.link a{color: #ec008c;}
			
		.content-barra{display: block; width: 586px; height: 5px; margin-top: 14px; _margin-bottom: -10px; background: #fff url(img/bg_content.gif) no-repeat top;}
		.index_post-description {font: 10px Verdana; color: #666666; margin-bottom: 32px; *margin-bottom: 40px;}
		.index_post-description a {font: bold 10px Verdana; color: #666666;}
		.index_post-description .info-postagem {display: block; width: 470px; margin-left: 8px; _margin-left: 4px; float: left;}
		.index_post-description .num-comment {text-align: right; margin-right: 8px;}
		.index_post-description .num-comment a {font-size: 11px; color: #471f65;}
		.entry img {margin-top: 16px; margin-bottom: 16px;}
		.index-post img {margin-top: 16px; margin-bottom: 16px;}
		.index-post p {padding-bottom: 12px;}
		
		ul.itensProdutos {margin-top: 26px; float: left;}
		ul.itensProdutos li {width: 293px; height: 208px; float: left;}
		ul.itensProdutos li h3 {margin-top: 18px; float: left;}
			
	#footer{width: 100%; height: 86px; background: url(img/bg_footer.png) repeat-x; margin-top: 70px;}
		#footer-produtos{width: 100%; height: 86px; background: url(img/bg_footer.png) repeat-x; margin-top: 20px;}
			#footer-center{width:951px; margin: 0px auto; padding-top: 25px;}
			#footer-center ul {width:260px; height: 40px; float: right;}
			#footer-center ul li {float: left; border-left: 1px solid #fff;}
			#footer-center ul li a {height: 40px; display: block; text-indent: -999px; overflow: hidden;}
				#btn-termos-legais {width: 130px; background: url(img/btn_footer-termos-legais.gif);}
				#btn-privacidade{width: 185px; background: url(img/btn_footer-privacidade.gif);}
				#btn-commons{width: 90px; background: url(img/btn_footer-commons.gif);}
				#btn-direitos{width: 389px; background: url(img/btn_footer-direitos.gif);}
				#btn-assinatura{width: 165px; background: url(img/btn_footer-assinatura.gif); border-right: 1px solid #fff;}

				
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding: 20px;
	}

#imageContainer{
	padding: 0px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#hoverNav #bottomNavClose{ position: relative; _left: 40px; width: 54px; height:13px; float: right; margin-top: -21px; z-index: 500; }

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right; margin-bottom: 80px; padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}