header, section, footer, article, nav {display: block;}



* { margin:0; padding:0; }

html { font-size: 62.5%; font-family: arial, helvetica, verdana, tahoma, sans-serif; }



ul, ol { list-style-position:outside; }

ul li, ol li { text-indent:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0 none; }

 

h1 {font-size: 2em;}

h2 {font-size: 1.8em;}

h3 {font-size: 1.6em;}

h4 {font-size: 1.4em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1.1em;}

hr {display: none;}



a, a:visited {

	color: #747474;

	text-decoration: underline;

}



a:hover{

	text-decoration: none;

	color: #EB191E;

}

article p a, article p a:visited {

	background:#E7F3FE;

	padding:3px;

	color:#0056B6;

	border-bottom:1px solid #0056B6;

	border-right:1px solid #0056B6;

}

article p a:hover {

	color:#E7F3FE;

	background:#0056B6;

	text-decoration: none;

}





.clearfix {overflow: auto;}



.imgreplace {

	text-indent: -9999px;

	overflow: hidden;

	display: block;

}





.icosocial {

	width: 16px;

	height: 16px;

	display: block;

}

.icosocial a {margin: 10px;}



a.icorss {background: url(images/social/feed.png);}

a.icotwitter {background: url(images/social/twitter.png);}







section#main {

	width: 980px;

	margin: 15px auto 0;

}



section.top {

	padding: 20px 40px 20px;

	background: url(images/doubleline.png) repeat-X bottom center;

}

nav li {list-style: none;}

nav.minimenu {float: left; padding: 15px 0 40px 0;}

nav.minimenu ul li {float: left;}

nav.minimenu ul li a {

	text-transform: uppercase;

	float: left;

	padding: 0 5px;

	font: 10px arial, verdana, tahoma, sans-serif;

	color: #9D908B;

	border-right: 1px solid #9D908B;

	text-decoration: none;

}

nav.minimenu ul li a:hover{

	text-decoration: underline;

	color: #EB191E;

}





/* A pseudo-classe LAST-CHILD permite que eu capture o último elemento */

nav.minimenu ul li:last-child a {border: none;}



/** Social Media **/

nav.socialmedia {float: right;}

nav.socialmedia ul li {float: left; margin: 10px 5px;}

nav.socialmedia ul li a {float: left;}



/** BUSCA do TOPO */

section.top form {

	float: right;

	clear: right;

}



.campos{

	width: 150px;

	border: 1px solid white;

	padding: 3px;

	background: #E1E1E3;

}



.camposa{

	border: 1px solid white;

	padding: 3px;

	background: #E1E1E3;

}





.camposb{

	border: 1px solid #FFF;

	background: #000;

	color: #FFF;

	padding: 3px 5px;

}



section.top h1 a {

	background: url(images/logo.png) no-repeat;

	width: 240px;

	height: 61px;

	float: left;

	clear: left;

}



/* MENU PRINCIPAL */

nav.menuprincipal {

	float: right;

	clear: right;

	width: 880px;

	padding: 20px 0 0;

}

nav.menuprincipal ul li {display:inline;}

nav.menuprincipal ul li a {

	float: left;

	font: 11px arial, tahoma, verdana, helvetica, sans-serif;

	color: #969696;

	text-decoration: none;

	padding: 4px 9px;

	text-transform: uppercase;

}

nav.menuprincipal ul li a:hover {

	border: 1px solid #EB191E;

	color: #EB191E;

	padding: 3px 8px;

}





/****

	DESTAQUE PRINCIPAL HOME

	Onde tem último post ou um destaque importante

****/

section#destaque {padding: 30px 40px;}



section#destaque h1 {

	font: bold 96px/77px arial, tahoma, helvetica, verdana, sans-serif;

	color: #333;

	letter-spacing: -10px;

}

section#destaque h1 a {

	color: #333;

	text-decoration: none;

	outline: none;

}

section#destaque p {

	font: 27px/32px Georgia, Times, Times New Roman, Serif;

	margin: 20px 0 30px;

	color: #6E6E6E;

}

section#destaque p a {

	color: #6E6E6E;

	text-decoration: none;

	outline: none;

}



/*** Erro 404 ***/

section#destaque.erro404 {height:300px; overflow:auto;background:url(images/404.gif) no-repeat 100px center;}

section#destaque.erro404 h1 {

	float:right;

	width:450px;

	letter-spacing:-4px;

	font:bold 50px Arial, Tahoma, Sans-serif;

}

section#destaque.erro404 p {

	float:right;

	clear:right;

	margin:0 0 20px;

	width:450px;

	font: 16px Georgia, Times, Times New Roman, Serif;

}

section#destaque.erro404 .categs {margin:0 155px 0 0; padding:0; float:right;}



/** Autor e Data **/

.dateauthor {float: right;}

.dateauthor span {

	font: 11px arial, tahoma, sans-serif;

	color: #BCBCBC;

	padding: 0 10px;

}

.dateauthor a {color: #8A8A8A;}





/** Número de comentários **/

.commentnumb {

	background: url(images/comment_blue.gif) no-repeat left center;

	padding: 0 0 0 20px;

	font: 11px verdana, arial, tahoma, sans-serif;

	color: #6E6E6E;

	float:left;

	text-transform: uppercase;

}

.commentnumb a {

	text-decoration: none;

	color: #6E6E6E;

}



/** Continue Lendo **/

.leiamais {

	font:bold 12px arial, verdana, tahoma, sans-serif;

	color: #EB191E;

	padding: 0 0 0 20px;

	text-decoration: none;

}



.tags {clear:left; padding:5px 0 0;}

.tags ul li {display:inline; list-style: none;}

.tags, section#destaque .tags a {

	font: 11px arial, verdana, tahoma, sans-serif;

	color: #BCBCBC;

}

.tags a:hover {color: #EB191E; text-decoration: none;}



/****

	RESULTADOS TELA DE CATEGORIA

	Resultados das categorias clicáveis - whatever, já são 3 da manhã. Quero é ver a F1 na Malásia. :^)

****/

section#categoryshow {padding: 40px; position:relative;}



section#categoryshow h1, section#categoryshow h1 a {

	font: bold 98px/77px arial, tahoma, helvetica, verdana, sans-serif;

	color: #333;

	letter-spacing: -10px;

	text-decoration: none;

	outline: none;

	margin: 0 0 50px;

}



h1 small, h1 small a {

	display: block;

	color: #918C8C;

	font: normal 11px arial, tahoma, helvetica, sans-serif;

	letter-spacing: 0;

	text-transform: uppercase;

}



section#categoryshow div.post {

	float: left;

	margin: 10px 20px 10px 0;

	background: url(images/bg-gradiente.gif) repeat-X left top;

	padding: 10px;

	border: 1px solid #CCC;

	width: 255px;

	height:150px;

	position: relative;

}



section#categoryshow .dateauthor {

	padding: 0 0 10px 0;

	float:none;

	margin: 0;

}

section#categoryshow .dateauthor span{padding: 0 40px 0 0;}

section#categoryshow div h2, section#categoryshow div h2 a {

	color: #333333;

	text-decoration: none;

	line-height: 18px;

	margin: 0 0 5px;

}



ul.categ-rel{clear:left; padding:10px 0;}

ul.categ-rel li {color:#6E6E6E; display:inline; list-style:none;}

section#categoryshow .tags a {color:#6E6E6E;}



section#categoryshow span.commentnumb {position:absolute; bottom:10px;}

section#categoryshow a.leiamais {position:absolute; bottom:10px; right:10px;}



/* Video do Campus Online da Visie */

#categoryshow .videocampus {

	overflow:hidden;

	margin: 0 0 15px;

}

#categoryshow .videocampus embed {

	float:left;

	margin-right: 15px;

}



#categoryshow .videocampus h4 {

	font: bold 40px/30px arial, tahoma, helvetica, verdana, sans-serif;

	color: #333;

	letter-spacing: -5px;

	margin: 5px 0 20px;

}



#categoryshow .videocampus p {

	margin-bottom:20px;

	font: normal 14px arial, tahoma, helvetica, sans-serif;

}



/****

	Últimos Posts

	Ultimos posts que foram publicados

****/

section.lasts {

	clear: both;

	background: url(images/doubleline.png) repeat-X center top;

	padding: 8px 0 0;

}



section.lasts div {

	width: 260px;

	*width:253px;

	_width:257px;

	float: left;

	background: url(images/bg-gradiente.gif) repeat-X;

	padding: 30px 34px;

}



section.lasts div:last-child {padding-right: 30px;}



section.lasts div h3, section.lasts div h3 a {

	float: left;

	font: 11px arial, tahoma, verdana, helvetica, sans-serif;

	color: #969696;

	text-decoration: none;

	text-transform: uppercase;

}



section.lasts div .date {

	float: right;

	font: 11px arial, tahoma, verdana, helvetica, sans-serif;

	color: #969696;

}



section.lasts div h1, section.lasts div h1 a {

	clear: both;

	text-decoration: none;

	letter-spacing: -2px;

	padding: 10px 0 5px;

	font: bold 25px/20px Arial, Tahoma, Helvetica, Verdana, Sans-serif;

	color: #333333;

}



section.lasts p, section.lasts p a {

	font: 16px Georgia, times, times new roman, serif;

	color: #747474;

	text-decoration: none;

	text-decoration: none;

}



/****

	CATEGORIAS E HISTÓRICO

	Onde tem os botoes de categoria e histórico

****/

.categs {

	float: left;

	clear: both;

	padding: 60px 0 40px;

	margin-left: 40px;

	font: 12px arial, verdana, tahoma, sans-serif;

	width: 300px;

	color: #8C8C8C;

}



.categs ul li a{

	font: 11px arial, verdana, tahoma, sans-serif;

	border: 1px solid #8C8C8C;

	padding: 5px 10px;

	margin: 0 5px;

	color: #8C8C8C;

	text-decoration: none;

}

aside.post-aside .categs ul li {margin:5px 0;}



.categs ul li ul li a, .categs ul li ul li ul li a {

	border:none !important;

	padding:0 !important;

	display:inline !important;

}

.categs ul li ul li a:hover {color:#ED191E;}



.categs ul li {

	float: left;

	list-style: none;

	position: relative;

	margin: 3px 0;

}



.categs ul li ul {

	display: none;

	border: 1px solid #8C8C8C;

	overflow: auto;

	padding: 10px 10px;

	position: absolute;

	bottom: 19px;

	left: 5px;

	z-index:1;

	background: #FFF;

	width: 150px;

}

.categs ul li ul li ul {

	position:static;

	border:none;

	overflow:auto;

	padding:0;

}

.categs ul li:hover ul{display: block;}

.categs ul li ul li {float:none; display:block;}



.categs p {

	float: left;

	padding: 5px 10px;

}



/* Texto do Post */

article#post-text {

	width: 600px;

	float: left;

	padding:10px 0 0;

	margin: 20px 30px 40px 40px;

}



article#post-text p {

	font: 13px/19px arial, tahoma, helvetica, verdana, sans-serif;

	color: #242424;

	margin: 0 0 15px;

}



article#post-text ol, article#post-text ul {

	font: 13px/19px arial, tahoma, helvetica, verdana, sans-serif;

	color: #242424;

	margin: 0 0 15px 30px;

}

article#post-text dl {

	font: 13px/19px arial, tahoma, helvetica, verdana, sans-serif;

	color: #242424;

	margin: 0 0 15px 30px;

}

article#post-text dl dd {

margin: 0 0 10px;

}



article#post-text h2 {

	font: italic 30px Georgia, Times, Serif;

	color: #EB191E;

}



article#post-text h3 {

	font: bold italic 20px Georgia, Times, Serif;

	margin: 30px 0 0;

}



article#post-text em{

	background: #F5FFC7;

	font-weight: normal;

	border-bottom: 1px solid #B4C455;

	border-right: 1px solid #B4C455;

	padding: 3px 5px;

}



article#post-text table {font-size: 11px;margin: 0 0 15px;}

article#post-text table thead {

	background: gray;

	color: #FFF;

}

article#post-text table th {

	padding: 5px 10px;

	background: gray;

	border: 1px solid #CCC;

	color: #FFF;

}



article#post-text table tbody td {

	padding: 5px 10px;

	border: 1px solid #CCC;

}

article#post-text .wp_syntax table {margin:0; border-right:0;}

article#post-text .wp_syntax table td, article#post-text .wp_syntax table th { margin:0;border-right:0; border-bottom:0;}



article#post-text .postsrelacionados {

	float:right;

	width:250px;

}

article#post-text .postsrelacionados h6 {

	font:bold 13px arial, tahoma, sans-serif;

	margin:0;

	padding:0;

	clear: both;

	color: #747474;

	margin: 10px 0 0;

}

article#post-text .postsrelacionados h3 {display:none;}

article#post-text .postsrelacionados ul {

	margin:0;

	padding:0;

}



article#post-text .postsrelacionados ul li {list-style: none;}

article#post-text .postsrelacionados ul li ul li {padding: 0;}

article#post-text .postsrelacionados ul li a {

	font: 11px arial, tahoma, sans-serif;

	color: #747474;

}

article#post-text .postsrelacionados ul li a:hover {

	color: #EB191E;

	text-decoration: none;

}

article#post-text .postsrelacionados ul li a:visited {

	color: purple;

	text-decoration: underline;

}



/****

	COMENTARIOS

	Caixas de comentários e formulário

****/

section.comments {

	background: url(images/doubleline.png) repeat-X center top;

	display: block;

	clear: both;

	padding: 40px;

}

section.comments form {

	float: right;

	width: 300px;

}



section.comments form label {

	display: block;

	padding: 2px;

	clear: left;

}

section.comments form label input {display: block;}

section.comments h1, section.comments form legend {

	font: bold 60px Arial, Tahoma, Helvetica, Sans-serif;

	color: #333333;

	letter-spacing: -5px;

	float: left;

}



section.comments form label textarea {height: 200px; width:270px; display:block;}



section.comments div {

	width: 470px;

	float:left;

	margin: 10px 0;

	background: url(images/bg-gradiente.gif) repeat-X;

	border: 1px solid #CCC;

	padding: 30px;

	clear:left;

}



section.comments div img {

	float: left;

	margin: 0 10px 0 0;

}

section.comments div.byuser {background:#EAF3FA;}

section.comments div h2, section.comments div h2 a {

	font: bold 30px arial, tahoma, helvetica, sans-serif;

	text-decoration: none;

	letter-spacing: -2px;

	color: #616161;

}



section.comments div h2 small, section.comments div h2 small a {

	display: block;

	font-size: 10px;

	letter-spacing: 0px;

	font-weight: normal;

}



section.comments div p {

	clear: both;

	padding: 10px 0;

	font-size: 12px;

	line-height:18px;

}



/* Sidebar do Post */

aside.post-aside {

	float: right;

	margin: 20px 40px 0;

	width: 230px;

}



aside.post-aside .categs {

	clear: both;

	padding: 20px 0;

	margin: 0;

	width: 150px;

	font: 12px arial, verdana, tahoma, sans-serif;

	color: #8C8C8C;

}



aside.post-aside h2 {

	clear: both;

	color: #747474;

	font-size: 15px;

	margin: 15px 0 0;

}



aside.post-aside ul li {list-style: none; padding: 2px 0;}

aside.post-aside ul li ul li {padding: 0;}

aside.post-aside ul li a {

	font: 11px arial, tahoma, sans-serif;

	color: #747474;

}

aside.post-aside ul li a:hover {

	color: #EB191E;

	text-decoration: none;

}



/* ICONES DO SIDEBAR */

.ico {

	display: block;

	padding: 2px 2px 2px 20px;

}

.ico.icodelicious {background: url(images/social/delicous.png) no-repeat left center;}

.ico.icotechnorati {background: url(images/social/technorati.png) no-repeat left center;}

.ico.icostumble {background: url(images/social/stumble.png) no-repeat left center;}

.ico.icotwitter {background: url(images/social/twitter.png) no-repeat left center;}

.ico.icoflickr {background: url(images/social/flickr.png) no-repeat left center;}

.ico.icofeed {background: url(images/social/feed.png) no-repeat left center;}

.ico.icocontato {margin: 15px 0 0; background: url(images/social/email.png) no-repeat left center;}





/****

	CONTATO

	Págna de contato

****/

#contato {

	width:550px;

	float:left;

	padding:40px;

}



#contato p {font: 16px Georgia, Times, Times New Roman, Serif;}



#contato h1 {

	font: bold 98px/77px arial, tahoma, helvetica, verdana, sans-serif;

	color: #333;

	letter-spacing: -10px;

	text-decoration: none;

	outline: none;

	margin: 0 0 50px;

}



#contato form {float:left; width:300px;}

#contato form label {

	width:140px;

	float:left;

	text-align:left;

	padding:3px;

}



/** Seletor complexo. Ele seleciona o elemento INPUT que tenha uma atributo TYPE com o valor TEXTO **/

#contato form label input[type="text"] {

	width:130px;

	border:1px solid gray;

	padding:3px;

}



#contato form label textarea{

	width:280px;

	height:200px;

	padding:3px;

	vertical-align: top;

}

.labelmensagem {clear:left;}

#contato form label span {display:block;}



/***

	DREAMHOST

	Porque esse blog nao vive de vento

***/

.chamadreamhost {

	background:#003265;

	color:white;

	padding:20px;

	margin-bottom: 1px;

}



.chamadreamhost:after {

	content: " ";

	display: block;

	clear: both;

}



.chamadreamhost h2 {

	font:bold 30px arial, tahoma, sans-serif;

	color:#FFF;

}



.chamadreamhost p {font:14px arial, tahoma, sans-serif;}

.chamadreamhost p a, .descontos p a {font-weight:bold; color: #FFF;}



.descontos {background: #648BB1;}

.descontos:after {	content: " ";

	display: block;

	clear: both;}

.descontos p {font:14px arial, tahoma, sans-serif;}

.descontos h2 {font:bold 20px arial, tahoma, sans-serif;}

.descontos div {

	width:286px;

	float:left;

	padding:15px 19px;

	color: #FFF;

}



.vantagenspgto {padding:0 40px 40px;}

.vantagenspgto h3 {padding:30px 0 0;}

.vantagenspgto p, .vantagenspgto ul li {font:13px arial, tahoma, sans-serif;}





nav.navigation {clear:both;}

nav.navigation a {

	font:13px verdana, arial, tahoma, sans-serif;

}



/****

	RODAPE

	Vai se footer IE6! #semie6

****/

footer {

	width: 900px;

	background: url(images/doubleline.png) repeat-X center top;

	margin: 30px auto 0;

	padding: 20px 40px 50px;

	clear: both;

	overflow:hidden;

}



footer div {

	float: left;

	width: 160px;

	margin-left: 30px;

}



footer div:first-child {margin-left: 0;}



footer ul {list-style: none;}



footer p {

	font: bold 15px arial, tahoma, helvetica, sans-serif;

	color: #747474;

}



footer ul li a {

	color: #747474;

	font: 11px arial, verdana, tahoma, helvetica, sans-serif;

	text-decoration: none;

}

footer ul li a:hover{

	text-decoration: underline;

	color: #EB191E;

}

footer .copyright, footer form {

	float: right;

	font: 13px arial, verdana, tahoma;

	color: #666666;

}



footer form {

	float: right;

	clear: right;

}



footer form fieldset input[type="text"] {

	width: 150px;

	border: 1px solid white;

	padding: 3px;

	background: #E1E1E3;

}



footer form fieldset input[type="submit"] {

	border: 1px solid #FFF;

	background: #000;

	color: #FFF;

	padding: 3px 5px;

}