/*
Theme Name: Tableless 09 v2
Theme URI: http://tableless.com.br/
Description: Pulga na Cueca. 
Version: 2.0
Author: Diego Eis
Tags: gray, black, red

Default WordPress by Diego Eis || http://twitter.com/diegoeis/

	#semie #oldbrowsers
	Este código foi escrito ignorando totalmente browsers antigos. 
	
	Encontre-nos no Twitter:
	http://twitter.com/tableless/

*/


/** reset das tags do HTML5. Não sei porque, elas ficam como elementos de linha. Estranho, mas acho que é porque os browsers ainda não renderizam direito. Mesmo assim, resolvi colocando um display:block; fácil fácil. ***/
header, section, footer, article, nav {display: block;}

/****
	CSS RESET
	Resetando algumas características que podem atrapalhar a implementação
****/
* { 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;
}

blockquote, blockquote p {
	padding:0 15px;
	font:italic 14px arial, verdana, tahoma, sans-serif !important;
	color:#444 !important;
}

/**** FIM CSS RESET ****/

.clearfix {overflow: auto;}

.imgreplace {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

/* Icons de Social Media */
.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);}

body {background: url(images/bgall.jpg) no-repeat center -60px;}

/****
	MAIN
	Ele envolve o site inteiro e centraliza o layout
****/
section#main {
	width: 980px;
	margin: 15px auto 0;
}

/****
	HEADER
	Onde fica o logo, menus, busca, feeds, etc
****/
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;
}
form#searchform legend {display:none;}
section.top form fieldset input[type="text"] {
	width: 150px;
	border: 1px solid white;
	padding: 3px;
	background: #E1E1E3;
}

section.top form fieldset input[type="submit"] {
	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: 640px;
	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; background: url(images/doubleline.png) repeat-X center top;}

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;
}
/*** Telas de Cateogrias ***/
body.category-browsers .headcategory {background:url(images/headcateg-browsers.png) no-repeat top;}

.headcategory {padding:20px 40px 50px;}

.headcategory h1 {
	margin:0;
	letter-spacing:-7px;
	font:bold 87px/77px Aria, Tahoma, Helvetica, Sans-serif;
	color:#333333;
	padding:0;
}
.headcategory h1 small {display:none;}

.headcategory p {
	color:#525252;
	font:40px/32px Georgia, Times, Times New Roman, Serif;
	width:600px;
	margin-top:20px;
}


/****
	Ú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;
	float: left;
	background: url(images/bg-gradiente.gif) repeat-X;
	padding: 30px 33px;
}

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 55px 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;
}

.aktt_tweets {clear:both;}

/* 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;
}

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;
}