/*
Theme Name: Fiat Mio - Concept Car
Theme URI: http://agenciaclick.com.br
Description: Tema para o Blog Concept Car de Fiat Mio
Version: 0.1
Author: Rafael Lazarini
Tags: fiat, mio, agenciaclick

*/

/* 
css reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* 
clear fix
http://www.webtoolkit.info/css-clearfix.html
*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/*
classes reutilizaveis
*/
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;width:15px;height:15px;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}

/* 
uso geral
*/ 

/* fonte */
body,div,td,p,span,input,select,textarea {font: 12px Helvetica, Arial, Tahoma, sans-serif; color:#000;}
strong{font-weight: bold;}

/* links */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

.wrapper{
	background: #f0f1ec url('img/bg/fiat-mio.png') no-repeat top center;
}
#detalhe-layout{
	position: absolute;
	width: 175px;
	height: 730px;
	margin-left: -20px;
	margin-top: -16px;
	background: url('img/detalhe-layout.png') no-repeat center center;
	z-index: 10;
}
.choose-lang{position: relative; padding: 6px 3px; text-align: right; background: #f0f1ec; z-index: 11;}
.choose-lang p{width: 984px; margin: 0 auto;}
.choose-lang a{font-size: 11px; color: #686b52; text-transform: lowercase;}
#page{
	width: 984px;
	margin: 0 auto;
}
.banner-mio{
	float: right;
	width: 492px;
	height: 135px;
	background: #fff url('img/logo-mio.png') no-repeat right center;
}
.banner-mio a{
	display: block;
	width: 177px;
	height: 135px;
	background: url('img/logo-mio.png') no-repeat center center;
}
#headerimg h1{margin-top: 50px;}
#headerimg h1, #headerimg h1 a{
	display: block;
	width: 492px;
	height: 139px;
	background: url('img/tit/fiat-mio.png') no-repeat center center;
}
#headerimg h1 a{
	text-indent: -9999px;
	outline: hidden;
}

#headerimg .description{
	float: right;
	width: 492px;
	height: 139px;
}
.idioma_pt #headerimg .description{background: url('img/tit/about.png') no-repeat center center;}
.idioma_es #headerimg .description{background: url('img/es/about.png') no-repeat center center;}
.idioma_en #headerimg .description{background: url('img/en/about.png') no-repeat center center;}

#menu{
	width: 492px;
	height: 43px;
}
#menu ul{
	float: right;
	width: 353px;
	height: 42px;
	padding: 0 5px 0 58px; 
	background: #686b52;
}
#menu ul li{
	display: inline;
	padding: 0 7px 0 15px;
	line-height: 42px;
	background: url('img/ico/menu-bullet.png') no-repeat left center;
}
#menu ul li:first-child{padding-left: 0; background: none;}
#menu ul li a{
	text-transform: uppercase;
	text-decoration: none;
	font: bold 13px Helvetica, Arial, Tahoma, sans-serif;
	color: #fff;
}
#menu ul li a:hover{color: #333;}

#container{background: url('img/bg/container.png') repeat-y left top;}

#content{
	float: left;
	padding-left: 75px;
	width: 545px;
}
#content .post{
	position: relative;
	clear: both;
	margin: 0;
	padding: 31px 0 27px 0;
	background: url('img/bg/footer-post.png') no-repeat 16px bottom;
}
#content .box-title-post{
	_position: relative;
	padding-bottom: 25px;
	background: url('img/bg/title-post.png') no-repeat 0px bottom;
	_z-index: 3;
}
#content .post .postmetadata{padding-left: 16px;}
#content .post .entry{margin-top: -15px;}
#content .post .entry,
#content .post .comments,
#content .post .postmetadata{padding-left: 53px;}
#content .post .author{
	margin-left: 53px;
	padding: 5px 24px;
	line-height: 24px;
	font-size: 11px;
	color: #333;
	background: #e4e5dd url('img/bg/author-post.jpg') no-repeat right center;
}
#content .entry p img, #content .entry p embed, #content .entry p object{_position: relative; _z-index: 4;} 
#content .post .post-date{
	position: absolute;
	top: 44px;
	top /*\**/: 45px\9;
	*top: 44px;
	_top: 15px;
	left: 0;
	display: block;
	padding: 10px 12px 8px 4px;
	width: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	color: #fff;
	background: url('img/bg/date-post.png') no-repeat right center;
}
#content .post .post-date small{font-size: 11px;}
#content .post h2.title-post{
	display: block;
	padding-left: 70px;
	font-size: 18px;
	*margin-top: 1px;
	line-height: 51px;
	color: #fff;
	background: #222424;
}
#content .post .title-post a{
	padding-left: 14px;
	font-size: 18px;
	line-height: 51px;
	color: #fff;
	font-family: "Century Gothic";
}
#content .post .title-post span{
	float: left;
	padding: 0 14px 0 14px;
	margin-left: -14px;
	line-height: 51px;
	font-size: 20px;
	font-family: "Century Gothic";
	color: #fff;
	text-transform: uppercase;
	background: #333333 url('img/bg/sub-title-post.jpg') no-repeat right center;
}
#content .post .ngg-gallery-thumbnail  img{margin: 4px 0 4px 5px;}
#content .post img{
	height: auto;
	max-width: 530px;
	width: expression(this.width > 530 ? "530px": true );
}
#content .post p{margin: 20px 0;}
#content .post .more-link{
	display: block;
	width: 55px;
	padding: 0 20px 0 17px;
	color: #e4e5dd;
	text-transform: lowercase;
	line-height: 29px;
	background: #686b52 url('img/bg/read-more-link.jpg') no-repeat right center;
}
#content .post .comments,
#content .post .comments a{
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Century Gothic";
	color: #666b52;
}
#content .post .comments a.comment-number{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#content .post .postmetadata span{
	display: block;
	float: left;
	position: relative;
	padding: 0px 13px;
	margin-top: 1px;
	text-transform: lowercase;
	line-height: 28px;
	color: #212424;
	background: #e4e5dd url('img/bg/postado.jpg') no-repeat right center;
	z-index: 2501;
}
#content .post .postmetadata a, #sidebar a.tag{
	position: relative;
	margin-left: -11px;
	padding: 6px 16px 7px 16px;
	*padding: 6px 16px 7px 25px;
	_padding: 6px 13px 7px 16px;
	text-transform: lowercase;
	text-align: right;
	line-height: 29px;
	_line-height: 17px;
	color: #e4e5dd;
	background: url('img/bg/tags.png') no-repeat right center;
}
#sidebar a.tag{
	_margin-left: 0;
	_left: -11px;
	_line-height: 29px;
}
#sidebar .box-tags a:first-child{*padding-left: 10px;}
#sidebar .box-tags p{
	margin: 2px 5px 2px 10px !important;
	*width: 340px !important;
	_width: 310px !important;
}
#sidebar a.tag{
	text-transform: none;
	background: url('img/bg/tags_sidebar.png') no-repeat right center;
	_background: url('img/bg/tags_sidebar.gif') no-repeat right center !important;
}
#sidebar p.white{background-color: transparent !important;}
#sidebar p.white a.tag{
	color: #222525 !important;
	background: url('img/bg/tags_sidebar-w.png') no-repeat right center;
	_background: url('img/bg/tags_sidebar-w.gif') no-repeat right center !important;
}
#sidebar a.first-tag{margin-left: 0;}
.widecolumn .hentry{background: none !important;}
#content #respond{
	padding: 0 0 50px 53px;
}
#content #respond h3{
	font-size: 17px;
	text-transform: uppercase;
	color: #676b52;
}
#content #respond input, #content #respond textarea{
	padding: 11px;
	margin: 2px 0;
	text-transform: uppercase;
	font-size: 17px;
	color: #cccccc;
}
#content #respond textarea{width: 455px;}
#content #respond .logado{
	margin: 10px 0;
	font-size: 14px;
	color: #676b52;
}
#content #respond .logado a{color: #676b52;}
#content #respond #submit{
	padding: 6px 15px 6px 5px;
	margin: 15px 0;
	*margin-left: -15px;
	line-height: 28px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	background: url('img/bg/date-post.png') no-repeat right center;
}
#content #respond #comments{
	margin-top: 50px;
}
#content #respond .comment{
	padding: 22px 0;
	border-bottom: 1px dotted #adafa1;
}
#content #respond .comment p{
	padding-left: 46px;
}
#content #respond .comment img{
	display: block;
	float: left;
	margin: 0px 13px 40px 0px;
}
#content #respond .comment cite{font-weight: bold;}
#content #respond .comment a{color: #000;}
#content #respond .comment .comment-meta{
	margin-bottom: 25px;
	font-size: 10px;
}
#content .wp-polls h3{
	font-size: 16px;
	color: #676b52;
}
#content .wp-polls-form .bgInput{
	clear: both;
	display: block;
	float: left;
	width: 32px;
	height: 26px;
	padding: 13px 0 0 20px;
	*width: 38px;
	*height: 31px;
	*padding: 8px 0 0 14px;
	background: url('img/bg/bg-input.jpg') no-repeat center center;
}
#content .wp-polls-ul li, #content .wp-polls-ans p{clear: both; display: block;}
#content .wp-polls-ans .votar-enquete{
	padding: 6px 15px 6px 5px;
	margin: 15px 0;
	*margin-left: -15px;
	line-height: 28px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	background: url('img/bg/date-post.png') no-repeat right center;
}

#content .wp-polls-ul label,
#content .wp-polls-ul .result-poll{
	display: block;
	float: left;
	width: 150px;
	height: auto;
	padding-left: 22px;
	line-height: 39px;
	color: #fff;
	text-transform: uppercase;
	background: #333333;
}
#content .wp-polls-ul .result-poll img{margin-left: -22px !important}
#content .wp-polls-ul label img,
#content .wp-polls-ul .result-poll img{
	display: block;
	clear: both;
	float: left;
	padding-bottom: 12px;
	background: #fff;
}
#content .wp-polls-ans .vote-enquete,
#content .wp-polls-form .veja-resultado{
	text-decoration: none;
	text-transform: uppercase;
	color: #666b52;
}
#content .wp-polls-ul small{
	display: block;
	clear: both;
}
#content .wp-polls-ul .pollbar{
	margin-bottom: 12px;
}
.navigation{padding: 0 0 15px 84px;}
.navigation li{display: inline; float: left;}
.navigation li a,
.navigation li .current{
	display: inline;
	float: left;
	padding: 2px 5px;
	margin: 15px 2px;
	font-size: 16px;
	color: #222424;
}
.navigation li .current{
	color: #686b52;
	background: #e4e5dd;
}
.navigation li a.next,
.navigation li a.prev{
	padding: 0 20px;
	width: auto;
	margin: 0;
	line-height: 52px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-family: "Century Gothic";
	background: none;
}
.navigation li a.prev{margin-right: 60px; background: url('img/bg/left-oldpost.png') no-repeat left center;}
.navigation li a.next{margin-left: 60px; background: url('img/bg/right-oldpost.png') no-repeat right center;}
.nav-comment li a.prev{margin-right: 30px;}
.nav-comment li a.next{margin-left: 30px;}


#content .search-box{
	background: none !important;
}
#content .search-box span.spacer{
	display: block;
	height: 28px;
}
#content .search-no-result h2.no-result{
	padding-left: 32px;
	font-size: 22px;
}
#content .has-result{padding: 30px 0 0 32px;}
#content .has-result h1{font-size: 22px;}
#content .has-result h2 a{
	margin: 0 5px;
	font-size: 18px;
	color: #000;
}
#content .has-result p a{color: #000;}

#sidebar{
	float: right;
	width: 323px;
	padding-top: 55px;
}
#sidebar .tit-box-sidebar{
	clear: both;
	display: inline;
	width: auto;
	padding: 10px 15px;
	line-height: 36px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: "Century Gothic";
	color: #fff;
	background: #686b52;
}
#sidebar .box-sidebar{
	padding: 17px 7px 12px;
	margin-bottom: 25px;
	background: url('img/bg/box-sidebar.gif') repeat left top;
}
#sidebar .box-sidebar img{margin-left: -4px;}
#sidebar .box-sidebar p{
	margin: 10px 20px;
	color: #cccccc;
}
#sidebar .box-sidebar h3{
	margin: 20px 20px -10px 20px;
	font-size: 13px;
	font-weight: bold;
	color: #676b52;
}
#sidebar .rss-twitter{
	padding: 32px 0 0 178px;
	width: 145px;
	height: 36px;
	margin-bottom: 4px;
}
.idioma_pt #sidebar .rss-twitter{background: url('img/tit/dia-a-dia.png') no-repeat center center;}
.idioma_es #sidebar .rss-twitter{background: url('img/es/dia-a-dia.png') no-repeat center center;}
.idioma_en #sidebar .rss-twitter{width: 88px; padding-left: 235px; background: url('img/en/dia-a-dia.png') no-repeat center center;}

#sidebar .rss-twitter a{
	display: block;
	float: left;
	margin: 0 5px;
	width: 22px;
	height: 21px;
}
#sidebar .rss-twitter .rss{background: url('img/ico/rss.png') no-repeat center center;}
#sidebar .rss-twitter .twitter{background: url('img/ico/twitter.png') no-repeat center center;}

#sidebar #search #s{
	float: left;
	width: 246px;
	padding: 12px 7px 5px 7px;
	text-transform: uppercase;
	font-size: 18px;
	color: #333;
	border: 0;
}
#sidebar #search #bt-busca{
	float: left;
	width: 42px;
	height: 39px;
	_height: 38px;
	height /*\**/: 38px\9;
	border: 0;
	background: url('img/bt/buscar.gif') no-repeat center center;
}
#sidebar #last-episode p{margin-left: -3px;}
#sidebar #last-episode h2, #sidebar #last-episode h2 a, #sidebar #last-episode span{
	font: normal 13px "Century Gothic";
	color: #fff;
}
#sidebar #last-episode span{
	text-transform: uppercase;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #sidebar #search #bt-busca{margin-top: 2px;}
}


#sidebar .saiba-mais{
	margin-left: 20px;
	padding: 6px 25px 6px 10px;
	line-height: 28px;
	text-transform: uppercase;
	color: #fff;
	background: url('img/bg/date-post.png') no-repeat right center;
}
#twitter_update_list *{color: #fff}
#twitter_update_list li{
	display: none;
	padding: 10px 0 10px 66px;
	background: url('img/bg/twitter.png') no-repeat 25px 12px;
}
#twitter_update_list li a{font-weight: bold;}
#twitter_update_list li .twitt-date{
	font-weight: normal;
	font-style: italic;
	color: #999;
}
#sidebar a.follow{font-family: "Century Gothic";}
#sidebar a.follow,#sidebar a.see-all{
	width: auto;
	padding: 5px 15px 5px 8px;
	margin-top: 15px;
	color: #e4e5dd;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 27px;
	background: url('img/bg/arrow-sidebar.png') no-repeat right center;
}

#footer{background: url('img/bg/footer.gif') no-repeat center bottom;}
#inner-footer{
	padding-top: 100px;
	width: 984px;
	margin: 0 auto;
}
#footer #copyright{
	float: left;
	padding: 15px 10px;
	width: 584px;
	height: 176px;
	margin-top: 30px;
	background: #222424;
}
#footer #copyright .files-by-month{
	font-size: 11px;
	color: #fff;
}
#footer #copyright .files-by-month a{
	margin: 0 1px;
	font-size: 11px;
	color: #fff;
}
#footer #copyright .files-by-month a.minor_current{text-decoration: underline;}
#footer #copyright .files-by-month a.current{font-weight: bold;}
#footer #copyright .archive{
	float: left;
	width: 48px;
	height: 12px;
	padding-right: 6px;
}
.idioma_pt #footer #copyright .archive{background: url('img/tit/arquivo.gif') no-repeat left bottom;}
.idioma_en #footer #copyright .archive{background: url('img/en/arquivo.gif') no-repeat left bottom;}
.idioma_es #footer #copyright .archive{background: url('img/es/arquivo.gif') no-repeat left bottom;}

#footer #copyright .about-copyright{
	float: right;
	font-size: 10px;
	color: #fff;
}
#footer .banner-mio{width: 380px; height: 236px;}
#footer .banner-mio a,
#footer .banner-mio{background-position: 30px 10px;}

.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('img/pollbg.gif');
	border: 1px solid #c8c8c8;
}