/*
Theme Name: Nokia N97 Blog MX
Theme URI: http://www.n97blog.com.mx/
Description: Theme Nokia N97 Blog MX
Version: 1.0
Author: Leo Caseiro
*/


/* RESET */
* { margin: 0; }
body { padding: 0; }
img, fieldset { border: 0; padding: 0; }
ul, ol, li, dl, dt, dd{
	padding: 0;
	list-style: none;
}

/* FONT */
*{
	font-size: 100%;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
}
body { font-size: 12px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

input, select, textarea { color: #898989; }


/* SITE */
body {background-color: #eae8df}


/********** SITE AREA **********/
.siteArea{
	width: 760px;
	margin: 0 auto;
	background: url(img/bg_main.gif);
}


/********** SITE TOP **********/
.siteTop{
	padding: 12px 12px 0 12px;
	background: url(img/bg_top.gif) no-repeat top;
}

.siteTop .logo{
	height: 76px;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 3px solid #fff;
}
.siteTop .logo h1{
	padding: 20px 0 0 25px;
	color: #76b4dc;
	font-size: 33px;
	font-weight: normal;
	letter-spacing: -0.06em;
}
.siteTop .logo h1 a {color: #76b4dc}
.siteTop .logo p{
	padding: 0 0 0 29px;
	color: #fff;
	font-size: 17px;
	letter-spacing: -0.06em;
	line-height: 17px;
}


/********** SITE HEADER **********/
.siteHeader{
	clear: both;
	height: 26px;
	height: 229px;
	margin: 0 12px;
	overflow: hidden;
	background-color: #3c8203;
	border-bottom: 3px solid #76b4dc;
}


.siteHeader .nseries{
	height: 203px;
	background: url(img/nserie_bg.jpg) no-repeat top;
}
.siteHeader .nseries h1{
	position: absolute;
	display: block;
	width: 70px;
	height: 27px;
	margin-top: 95px;
	margin-left: 641px;
	background: #fcc url(img/nserie_logo.gif);
	overflow: hidden;
	line-height: 100px;
}
.siteHeader .nseries p{
	position: absolute;
	/* color:#fff; */
	display: block;
	width: 255px;
	height: 25px;
	margin-top: 24px;
	margin-left: 454px;
	background: url(img/nserie_sentence.gif); 
	overflow: hidden; 
	line-height: 100px; 
}
.siteHeader .nseries .btnNokia{
	position: absolute;
	display: block;
	width: 147px;
	height: 19px;
	margin-top: 171px;
	margin-left: 567px;
	background: url(img/nserie_button.gif);
	overflow: hidden;
	line-height: 100px;
}
.siteHeader .nseries .btnNokia a{
	display: block;
	height: 19px;
}

.siteHeader .menu{
	float: left;
	height: 26px;
}
.siteHeader .menu li{
	float: left;
	height: 26px;
	border-right: 2px solid #76b4dc;
}
.siteHeader .menu li a{
	float: left;
	height: 22px;
	padding: 4px 18px 0 18px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.1px;
	white-space: nowrap;
}
.siteHeader .menu li.ativo{
	background-color: #76b4dc;
}

.siteHeader form.search{
	float: right;
	width: 175px;
	height: 22px;
	padding: 4px 8px 0 8px;
	border-left: 2px solid #76b4dc;
}
.siteHeader form.search input.text{
	float: left;
	width: 139px;
	padding: 1px 5px;
	border: 1px solid #474942;
}
.siteHeader form.search input.button{
	float: right;
	width: 19px;
	height: 18px;
	background: #272a23 url(img/search_button.gif);
	color: #fff;
	font-size: 0;
	letter-spacing: -1px;
}

/********** SITE MAIN **********/
.siteMain {
	float: left;
	width: 495px;
	margin-left: 12px;
	_margin-left: 6px;
	padding: 20px 24px;
	color: #838383;
}

.siteMain h2 {
	margin-bottom: 13px;
}
.siteMain h2 * {
	padding: 4px 6px 5px 6px;
	background-color: #3f93c0;
	color: #fff;
	font-size: 31px;
	letter-spacing: -0.02em;
}

.siteMain h3 {
	margin-bottom: 13px;
}
.siteMain h3 * {
	padding: 4px 6px;
	background-color: #3f93c0;
	color: #fff;
	font-size: 33px;
	letter-spacing: -0.06em;
}

.siteMain h4 {
	color: #3f93c0;
	font-size: 18px;
}
.siteMain small a{color:#3F93C0}

.siteMain h5 {
	margin-top: 20px;
	margin-bottom: 8px;
}
.siteMain h5 span {
	padding: 2px 6px 3px 6px;
	background-color: #3f93c0;
	color: #fff;
	font-size: 18px;
	letter-spacing: -0.03em;
}

.siteMain h6 {
	font-size: 33px;
	letter-spacing: -0.07em;
}


/********** SITE CENTRO **********/
.siteLateral{
	float: right;
	width: 191px;
	margin-right: 12px;
	_margin-right: 6px;
}
.siteLateral h3 {
	padding: 6px 12px;
	margin-bottom: 5px;
	background-color: #f38400;
	color: #fff;
	font-size: 13px;
	letter-spacing: -0.02em;
}

.siteLateral { color: #3f3f3f; }
.siteLateral a { color: #3f3f3f; }

.siteLateral .widget_recent_entries ul {
	padding: 0 5px;
	margin-bottom: 15px;
}
.siteLateral .widget_recent_entries li {
	padding-left: 10px;
	padding-bottom: 5px;
	background: url(img/icn_list.gif) no-repeat left 7px;
	font-size: 1.05em;
	letter-spacing: -0.01em;
}
.siteLateral .widget_recent_entries li .date {
	display: block;
	margin-left: 3px;
	color: #8e8e8e;
	font-size: 0.8em;
}
	
.siteLateral .widget_tag_cloud div {
	padding: 0 5px;
	margin-bottom: 15px;
}
.siteLateral .widget_tag_cloud a {
	display: inline;
}

.siteLateral .widget_recent_entries img {
	display: block;
	margin: 0 auto;
}


/********** SITE FOOTER **********/
.siteFooter {
	clear: both;
	position: relative;
	width: 531px;
	height: 24px;
	padding-top: 25px;
	padding-left: 12px;
	margin-left: 12px;
	margin-bottom: -6px;
	background: url(img/bg_footer.gif) no-repeat left;
	color: #757474;
	font-size: 11px;
	letter-spacing: -0.01em;
}
.siteFooter p {
	display: inline;
	padding-right: 10px;
}
.siteFooter a {
	color: #3985ae;
}

/********** SITE BOTTOM **********/
.siteBottom {
	clear: both;
	height: 18px;
	background: url(img/bg_bottom.gif);
}


/************************************************************/
/************************* GENERAL **************************/
/************************************************************/
.button{
	cursor: pointer;
	padding: 0;
	border: none;
}

.dotted{
	clear: both;
	height: 13px;
	background: url(img/dot.gif) repeat-x center;
}


.textArea {
	clear: both;
	width: 470px;
	padding-top: 4px;
}
.textArea p { margin-top: 7px; }
.textArea img { padding: 7px 0; }


.navigation{
	padding-top: 8px;
	margin-top: 10px;
	background: url(img/dot.gif) repeat-x top;
}
.navigation span{
	display: block;
	width: 84px;
	height: 32px;
	padding: 5px 5px 0 5px;
	background-image: url(img/button.gif);
	text-align: center;
}
.navigation span a {
	display: block;
	height: 21px;
	padding-top: 6px;
	color: #3f93c0;
}
.navigation span.btnPrev { float: left; }
.navigation span.btnNext { float: right; }


input.btnSend{
	cursor: pointer;
	float: left;
	display: block;
	width: 53px;
	height: 23px;
	margin-top: 14px;
	padding-bottom: 3px;
	background: url(img/login_button.gif) no-repeat top;
	border:0;
	color: #a5dbf8;
	font-size: 11px;
	text-transform: uppercase;
}


/************************************************************/
/*************************** INTRO ***************************/
/************************************************************/
.areaIntro {
	margin-bottom: 65px;
}
.areaIntro p {
	color: #414139;
	font-size: 14px;
	letter-spacing: -0.03em;
}


/************************************************************/
/*************************** POST ***************************/
/************************************************************/
.areaPost {
	width: 460px;
	margin-top: 5px;
	padding-top: 13px;
	background: url(img/dot.gif) repeat-x top;
}

.areaPost .header {
	margin-bottom: 4px;
}
.areaPost .header * {
	padding: 4px 5px;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	background-color: #3f93c0;
}

.areaPost .footer {
	width: 407px;
	height: 30px;
	padding-top: 10px;
	font-weight: bold;
}
.areaPost .footer .more {
	float: left;
	margin-top: 2px;
	color: #3f93c0;
}
.areaPost .footer .comments {
	float: right;
	padding: 3px 10px;
	color: #fff;
	background-color: #3f93c0;
}
.areaPost .footer .comments a{color: #fff}

.areaPost .post-ratings {
	float: right;
	font-style: italic;
	width:auto;
}
.areaPost .stars {
	float: left;
	width: 60px;
	height: 12px;
	margin-right: 2px;
}
.areaPost .stars li {
	display: block;
	width: 12px;
	height: 12px;
	margin-bottom: -12px;
	*margin-bottom: -15px;
	overflow: hidden;
	font-size: 0;
	letter-spacing: -1px;
	color: #fff;
	background: url(img/star.gif) repeat-x left top;
}
.areaPost .stars li.star1 { width: 12px; }
.areaPost .stars li.star2 { width: 24px; }
.areaPost .stars li.star3 { width: 36px; }
.areaPost .stars li.star4 { width: 48px; }
.areaPost .stars li.star5 { width: 60px; }
.areaPost .stars li strong {
	position: relative;
	display: block;
	height: 12px;
	background: url(img/star.gif) repeat-x left bottom;
}


/************************************************************/
/******************** QUESTIONS & ANSWERS *******************/
/************************************************************/
form.questions legend {
	color: #3f93c0;
}
form.questions .textarea {
	padding: 4px;
	margin-top: 27px;
	margin-bottom: 5px;
	background: url(img/questions_textarea.gif) no-repeat left top;
}
form.questions textarea {
	width: 482px;
	height: 22px;
	padding: 5px;
	border: 0;
}
form.questions span.button {
	float: right;
	display: block;
	width: 110px;
	height: 27px;
	padding: 5px 5px;
	background: url(img/questions_button2.gif);
}
form.questions span.button a {
	display: block;
	height: 21px;
	padding-top: 6px;
	color: #3f93c0;
	font-size: 11px;
	letter-spacing: -0.025em;
	text-align: center;
}
form.questions input.button {
	float: right;
	width: 77px;
	height: 27px;
	margin-top: 4px;
	margin-left: 2px;
	background: url(img/questions_button.gif);
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.04em;
}


/************************************************************/
/************************* COMPETE **************************/
/************************************************************/
.status{
	float: right;
	width: 50px;
	margin-top: 20px;
}
.status dt{
	position: relative;
	margin-bottom: 5px;
	color: #b8b8b8;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-indent: -2px;
}
.status dd{
	clear: both;
	width: 43px;
	height: 25px;
	background: url(img/status_bg.gif) no-repeat right top;
}
.status span.num{
	float: left;
	display: block;
	width: 20px;
	height: 18px;
	padding-top: 3px;
	margin-right: 3px;
	background-image: url(img/status_num.gif);
	color: #fff;
	text-align: center;
}
.status span.right,
.status span.wrong,
.status span.yellow {
	float: left;
	display: block;
	width: 20px;
	height: 21px;
}
.status span.right { background-image: url(img/status_right.gif); }
.status span.wrong { background-image: url(img/status_wrong.gif); }
.status span.yellow { background-image: url(img/status_yellow.gif); }
.status span.checkbox *,
.status span.right * { display: none; }


.box{
	width: 453px;
}
.box .center{
	padding: 0 17px 3px 17px;
}
.box .top ,
.box .bottom {
	height: 10px;
	font-size: 0;
}
.box .button{
	display: block;
	width: 152px;
	height: 29px;
	padding: 4px;
	margin-left: 260px;
	background: url(img/box_button.gif);
}
.box .button a{
	display: block;
	height: 24px;
	padding-top: 7px;
	color: #3f93c0;
	font-size: 11px;
	text-align: center;
	letter-spacing: -0.03em;
}
.box h4 {
	padding-top: 4px;
	font-size: 23px;
	font-weight: bold;
	letter-spacing: -0.08em;
}
.box p {
	font-size: 16px;
	letter-spacing: -0.01em;
}
.box p strong {
	color: #3f93c0;
}
.box small {
	display: block;
	color: #3f93c0;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.04em;
}

.box .center { background-image: url(img/box_1_bg.gif); }
.box .top { background-image: url(img/box_1_top.gif); }
.box .bottom { background-image: url(img/box_1_bottom.gif); }

.acertouPergunta { width: 432px; }
.acertouPergunta h4 { float: left; color: #90e300; }
.acertouPergunta .center { height: 35px; background-image: url(img/box_2_bg.gif); }
.acertouPergunta .top { background-image: url(img/box_2_top.gif); }
.acertouPergunta .bottom { background-image: url(img/box_2_bottom.gif); }
.acertouPergunta .button { float: right; width: 86px; margin: 0; background-image: url(img/button.gif); }

.errouPergunta { width: 432px; }
.errouPergunta h4 { float: left; color: #ffa800; }
.errouPergunta .center { height: 35px; background-image: url(img/box_3_bg.gif); }
.errouPergunta .top { background-image: url(img/box_3_top.gif); }
.errouPergunta .bottom { background-image: url(img/box_3_bottom.gif); }
.errouPergunta .button { float: right; width: 112px; margin: 0; background-image: url(img/box_button2.gif); }


/************************************************************/
/************************** FORMS ***************************/
/************************************************************/
form.form {
	padding-top: 24px;
	margin-top: 8px;
	background: url(img/dot.gif) repeat-x top;
}
form.form div {
	clear: both;
	display: block;
	height: 24px;
}

#showErrors{
	clear:both;
	color:#FF0000;
	display:block;
	height:auto;
}

form.form label {
	float: left;
	width: 145px;
	margin-top: 3px;
	padding-right: 5px;
	color: #414139;
	font-size: 11px;
	text-align: right;
}

form.formLogin label { width: 101px; }
form.form input.text {
	float: left;
	width: 270px;
	border: 1px solid #414139;
}
form.form div a { color: #3f93c0; }
form.form div.colum1 ,
form.form div.colum2 {
	clear: none;
	float: left;
}
form.form div.colum1 {width: 264px}
form.form div.colum1 input.text {width:87px}
form.form div.colum2 {width:170px}
form.form div.colum2 label {width:64px}
form.form div.colum2 input.text {width:87px}


form.form .select {
	float: left;
	width: 87px;
	height: 17px;
	overflow: hidden;
	border: 1px solid #414139;
}

form.form .select .border {
	position: absolute;
	z-index: 3;
	display: block;
	width: 87px;
	height: 17px;
	background: url(img/select_arrow.gif) no-repeat right;
}

form.form .select select {
	position: relative;
	z-index: 2;
	width: 105px;
	height: 21px;
	margin-top: -2px;
	margin-left: -2px;
	background-color: transparent;
}

form.form .date .select { width: 82px; margin-right: 10px; }
form.form .date .select .border { width: 82px; }
form.form .date .select select { width: 86px; }


form.form span.button {
	float: right;
	margin-top: 8px;
	margin-right: 120px;
}
form.form span.button a { color: #3f93c0; }


/************************************************************/
/************************* COMMENT **************************/
/************************************************************/
div.comments{
	width: 460px;
	margin-top: 12px;
	padding-top: 11px;
	padding-bottom: 20px;
	background: url(img/dot.gif) repeat-x top;
}
div.comments h4{
	background: url(img/dot.gif) repeat-x bottom;
	font-size: 30px;
	height:33px;
	letter-spacing: -0.04em;
	margin-bottom: 8px;
	padding-bottom: 11px;
}
div.comments .titleComments {display:block; float:left; height:33px; width:165px}
div.comments .number{
	float: right;
	padding: 4px 10px;
	background-color: #50a0c9;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin:5px;
}
div.comments ul {
	margin-top: 2px;
}
div.comments li{
	margin-bottom: 25px;
}
div.comments li strong, div.comments li span{
	color: #fff;
	padding: 3px 9px;
	background-color: #50a0c9;
}
div.comments strong a {color:#fff; text-decoration:none}
div.comments strong{
	float: left;
	padding-bottom: 4px;
}
.comentarioDoUsuario{
	background-color: #50a0c9;
	color: #fff;
	margin-bottom: 13px;
	padding: 19px 9px;
}
div.comments span { font-weight: bold; }

fieldset#respond {
	width: 460px;
	margin-top: 12px;
	padding-top: 19px;
	background: url(img/dot.gif) repeat-x top;
}
fieldset#respond h4 {
	color: #909090;
	font-size: 17px;
	font-weight: bold;
	text-indent: -4px;
	_text-indent: -3px;
}
fieldset#respond .ps {
	float: right;
	margin-top: -18px;
	margin-bottom: 27px;
	color: #50a0c9;
	font-size: 11px;
}
fieldset#respond div {
	clear: both;
	margin-top: 10px;
}
fieldset#respond div label {
	float: left;
	width: 112px;
}
fieldset#respond input.text,
fieldset#respond textarea {
	background-color: #d3e7f1;
	border: 1px solid #a7cfe4;
}
fieldset#respond input.text { width: 165px; }
fieldset#respond textarea {
	width: 340px;
	height: 87px;
}
fieldset#respond input.btnSend { float: right; }



/************************************************************/
/************************* RESULTS **************************/
/************************************************************/
.results { padding-top: 12px; }
.results li { margin-bottom: 25px; }
.results span {
	padding: 3px 5px 4px 5px;
	background-color: #3f93c0;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
}
.results span a{color: #fff}
.results .tags {
	margin-top: 5px;
	margin-bottom: 10px;
}
.results .tags ,
.results .tags a {
	color: #3f93c0;
}
.results p { line-height: 17px; }



/************************************************************/
/************************* REGISTER *************************/
/************************************************************/
.register{
	margin-top: 12px;
	padding-top: 44px;
	background: url(img/dot.gif) repeat-x top;
}