/*
Theme Name: Blog Empreendedorismo v1
Theme URI: http://visie.com.br/
Description: Primeiro design para o blog sobre Empreendedorismo da Microsoft
Version: 1.0
Author: Diego Eis and Julio Sousa
Author URI: http://visie.com.br/
Tags: blue, custom header, fixed width

*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {border: none;}
hr {display: none;}
textarea, input, img {vertical-align: middle;}
fieldset {border: none;}
ul li a:hover {
	color: orange !important;
	text-decoration: underline !important;
}

body {background: #FFF url(images/bgbody3.jpg) no-repeat center top;}
.navigation a{
	color:#1191BB;
	font: 12px arial, verdana, georgia, serif;
	text-decoration:none;
}
.navigation a:hover{
	color:#979797;
	text-decoration:underline;
}

.alignleft {clear:left;}
.alignright {clear:right;}

#geral {
	width: 992px;
	margin: 0 auto;
}

.clearfix:after {
	content: " ";
	clear: both;
	display: block;
}

.clearfix {
	_float: left;
	_width: 100%;
}

/****
	ICONES
	Opções que tem um iconezinho do lado.
****/
.ico {
	display: block;
	font: bold 12px Arial, Verdana, Tahoma, Sans-serif;
	color: #F0F7FE;
	padding: 3px 21px 3px 0;
	text-decoration: none;
}

.icofeed {background: url(images/ico-feed.gif) no-repeat right center;}
.icotwitter {background: url(images/ico-twitter.gif) no-repeat left center; margin: 5px 0 0;}
.icodelicious {background: url(images/ico-delicious.gif) no-repeat left center;}
.icotechnorati {background: url(images/ico-technorati.gif) no-repeat left center;}
.icostumbleupon {background: url(images/ico-stumb.gif) no-repeat left center;}
.iconetvibes {display: none;background: url(images/ico-netvibes.gif) no-repeat left center;}
.icoemailamigo {background: url(images/ico-emailamigo.gif) no-repeat left center;}
.icoemailamigo a#stafLink {font: bold 11px Arial, Verdana, Tahoma, Sans-serif !important; margin:0 !important; text-decoration:underline !important;}

.titico {
	font: bold 20px Arial, Tahoma, Verdana, Sans-Serif;
	color: #3A4349;
	padding: 10px 0 10px 55px;
}
.titicopopulares {background: url(images/ico-populares.gif) no-repeat left center;}
.titicocontato {background: url(images/ico-contato.gif) no-repeat left center;}


/****
	CABECALHO
	Onde fica o logo, a busca e feed
****/
#header {
	height: 180px; 
/*	background: url(imgtop.png) no-repeat -97px top;*/
	overflow:hidden;

}
#header h1{
	display: block;
	width: 100%;
	margin: 10px 0 0 15px;
	height: 72px;
	text-indent: -999px;
	overflow: hidden;
}
#header h1 a{
	display: block;
	width: 100%;
	margin: 10px 0 0 15px;
	height: 72px;
	text-indent: -999px;
	overflow: hidden;
}

#header form {
	margin: 0 10px 0 0;
	_display: inline;
	float: right;
}
#header form fieldset {_float: right; border: none;}
#header form fieldset input.txtbusca {
	width: 215px;
	border: none;
	background: #F4F8F9;
	padding:3px 5px;
	margin: 0;
	position: relative; right: -4px; top: 3px;
}

#header .icofeed {
	float:right;
	position:relative;
	top:10px;
	margin-bottom:11px;
}
#header #menu {
	overflow:hidden;
	margin-top:27px;
	*margin-top:18px;
}
#header #menu ul{
	float:left;
	margin-left:44px;
	margin-top:15px;
}
#header #menu ul li{
	float:left;
}
#header #menu ul li a{
	float:left;
	font:bold 14px/16px arial, verdana, georgia, serif;
	letter-spacing:-1px;
	text-decoration:none;
	color:#707070;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #E0CEBA;
	border-left:1px solid #fff;
}
#header #menu ul li.first a{color:#1191BB;}
#header #menu ul li.first a{
	padding-left:0;
	border-left:0;
}
#header #menu ul li.last a{border-right:0;}

/****
	POST PRINCIPAL.
	O primeiro post da home
****/
#postprincipal {
	clear: both;
	position: relative;
	border-bottom: 1px dotted #666;
	width:100%;
	display: table;
}

#postprincipal img {
	float: left;
	margin: 0 0px 0 0;
}

#postprincipal .categ {padding: 20px 0 10px;}

#postprincipal h2, #postprincipal h2 a {
	font: bold 20px/19px Arial, Tahoma, Sans-serif;
	color: #3A4349;
	letter-spacing: -1px;
	text-decoration: none;
}

#postprincipal h6, #postprincipal h2, #postprincipal p, #postprincipal span {
	width:400px;
	float:left;
	margin:0 0 0 20px;
}

h5.author {
	font: italic 11px arial, tahoma, sans-serif;
	color: #888;
	margin: 5px 0 10px;
}

#postprincipal p {
	font: 12px Arial, Tahoma, Sans-Serif;
	color: #666;
}
#postprincipal .comentsnumb a {margin: 10px 80px 0 0;}

#postprincipal .artigos-relacionados {
	position: absolute; bottom: 0px; right: 0px;
	background: url(images/ponto.gif) repeat-X center bottom;
	padding: 10px 20px;
	width: 485px;
}

h4 {
	font: bold 14px Arial, Tahoma, Sans-Serif;
	color: #3A4349;
}

.artigos-relacionados ul li a {
	font:bold 13px arial, tahoma, sans-serif;
	color: #4193B7;
	text-decoration: none;
}
.artigos-relacionados ul li a:hover {color: orange;}

/*** quantidade de comentários e link veja mais ***/
.comentsnumb  {
	font: 10px arial, tahoma, sans-serif;
	color: #3A4349;
	float:right;
	border:1px solid #3A4349;
	/*background: #3A4349 url(images/fundo-comentario.gif) no-repeat;
	width: 28px;
	height: 20px;*/
	text-align: center;
	margin-top: 10px;
	text-decoration: none;
}
.comentsnumb a {color: #3A4349; text-decoration:none; float:left; padding:5px;}
.comentsnumb a.quantcomments {border-right:1px solid #3A4349;}
a.more-link {
	font: bold 13px arial, tahoma, sans-serif;
	letter-spacing: -1px;
	color: #4193B7;
	text-decoration: none;
	display: block;
	padding: 10px 0px;
	float: right;
}

/****
	LINK DA CATEGORIA
	Link da categoria que o post se encontra
****/
.categ {
	font: 12px Arial, Tahoma, Verdana, Sans-Serif;
	color: #4193B7;
	text-decoration: none;
}
.categ a {
	color: #4193B7;
	text-decoration: none;
}
/****
	DESTAQUES
	Destaques de outras categorias
****/
#destaques {padding: 20px 0;}

#destaques div {
	width: 209px;
	float: left;
	_display: inline;
	margin: 0 0px 20px 30px;
}

#destaques div h2, #destaques div h2 a {
	font: bold 16px/16px Arial, Tahoma, Verdana, Sans-serif;
	color: #3A4349;
	letter-spacing: -1px;
	margin: 10px 0;
	text-decoration: none;
}

#destaques div p {
	font: 11px/13px arial, tahoma, verdana, sans-serif;
	color: #666;
}

/****
	VIDEO
	Onde vai o embed do vídeo
****/
.video {
	width: 715px;
	position: relative;
	float: left;
	margin-right: 25px;
	margin: 0 25px 30px 0;
}

.video img, .video iframe {
	float: left;
	margin: 0 20px 0 0;
}

.video .categ {padding: 10px 0;}

.video h2, .video h2 a {
	font: bold 20px/19px Arial, Tahoma, Sans-serif;
	text-decoration: none;
	color: #3A4349;
	letter-spacing: -1px;
}

h5.author {
	font: italic 11px arial, tahoma, sans-serif;
	color: #888;
	margin: 5px 0 10px;
}

.video p {
	font: 12px Arial, Tahoma, Sans-Serif;
	color: #666;
}
.video .comentsnumb {margin: 10px 80px 0 0;}


/****
	CONTENT
	Onde fica o texto das páginas internas
****/
#content {
	width: 680px;
	float: left;
	margin: 20px;
}

#content h1, #content h1 a {
	font: bold 26px arial, tahoma, sans-serif;
	color: #3A4349;
	text-decoration: none;
}

#content p {
	font: 13px/18px arial, tahoma, verdana, sans-serif;
	margin: 0 0 10px;
	color: #666;
}

#content p img {
	float: left;
	margin: 0 10px 10px 0;
}

#content p a {color: #444;}
#content p a:hover {color: #000; text-decoration:none;}

/*
#content .comentsnumb {margin-bottom: 20px;}
#content a.querocomentarlnk {
	display: block;
	text-align: right;
	font:bold 13px arial, tahoma, sans-serif;
	color: #4193B7;
	text-decoration: none;
	clear: right;
}
*/
#content .artigos-relacionados {
	clear: both;
	background: url(images/ponto.gif) repeat-X center top;
	padding: 10px;
	margin:40px 0;
	
}

/** COMENTARIOS ***/

#content #comentarios {clear:both;}
#content #comentarios h3 {
	font: bold 14px Arial, Tahoma, Sans-Serif;
	color: #3A4349;
	padding:50px 0 0;
}

#content #comentarios div.comment {
	border: 1px solid #C5C5C5;
	padding: 10px;
	margin: 0 0 20px;
	width: 500px;
	overflow:hidden;
}

#content #comentarios div.comment h4 a {
	font: bold 20px Arial, Tahoma, Sans-Serif;
	color: #3A4349;
	text-decoration: none;
}

#content #comentarios div.comment span {
	font:bold 10px verdana, arial, tahoma, sans-serif;
	color: #3A4349;
	letter-spacing: -1px;
}

#content #comentarios div p {margin: 10px 0 0;}

#content #respond form legend {
	font:bold 20px verdana, arial, tahoma, sans-serif;
	color:#3A4349;
}
#content #respond form {
	margin-bottom: 20px;
	width: 540px;
}
#content #respond form label {
	display: block;
	font: 14px arial, tahoma, sans-serif;
	width: 540px;
	padding: 3px;
}
#content #respond form label input {width: 330px; padding: 3px; display:block;}
#content #respond form label textarea {width: 536px; vertical-align: top; height: 200px; display:block;}

#comentarios img.avatar {
	float:left;
	margin-right:10px;
}

#content #comentarios .botenviar {
	float: right;
	margin: 10px 0;
}

#content .postmetadata {
	clear: both;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #666;
}

#content .postmetadata a {color:#6E93B7;}
#content .postmetadata a:hover {color:orange;}

#content .archivetit {
	border-bottom: 1px dotted #666;
	font: 11px verdana, arial, tahoma, sans-serif;
	padding: 0 10px 10px;
	margin: 0 0 20px;
}


#content .compartilhe {float:left;}
#content .compartilhe ul li {
	float:left;
	margin-right:10px;
	padding-left:20px;
}

#content .compartilhe ul li a {color: #4FA3C3;}



/****
	SIDEBAR
	Sidebar da Home e das outras páginas
****/
div.sidebar {
	width: 215px;
	float: right;
	padding: 10px 0;
	margin: 0 20px 0 0;
}
.twitter {
	border: 1px solid #67ABB0;
	background: #FFF;
	font: 11px arial, tahoma, sans-serif;
	color: #797979;
	padding: 5px 10px 10px;
	margin: 20px 0;
}
.twitter p a {color: #4FA3C3;}

.twitter h6{
	font: bold 10px arial, tahoma, sans-serif;
	border-bottom: 1px dotted #666;
	margin: 0 0 5px;
	color: #3A4349;
}

.sidebarhome h3 {
	font: bold 17px Arial, Verdana, Tahoma, Sans-Serif;
	color: #3A4349;
	margin: 15px 0 0;
}

.sidebar ul li {font: bold 13px Arial, Verdana, Tahoma, Sans-Serif;}
.sidebar ul li a {
	color: #4FA3C3;
	text-decoration: none;
}
.sidebar ul li a:hover {color: orange;}
.sidebar li {padding-bottom: 3px;}
.sidebar .listacompartilhe li {
	padding:0 0 0 20px;
}

/****
	RODAPE
	Rodape do site
****/
#rodape {
	clear: both;
	background: #F4F8F9 url(images/pontorodape.gif) repeat-x center top;
	margin: 20px 0 0;
	padding: 10px 20px;
}

#rodape .tagcloud {
	width: 300px;
	float: left;
}
#rodape .tagcloud a {
	color: #666;
	text-decoration: none;
	font-family: verdana, arial, tahoma;
}

#rodape .maispopulares {
	float: left;
	width: 300px;
	margin: 0 25px;
}

#rodape .formcontato {
	float: left;
	width: 300px;
}
#rodape ul li {font: bold 13px Arial, Verdana, Tahoma, Sans-Serif; margin-bottom: 5px;}
#rodape ul li a {
	color: #4FA3C3;
	text-decoration: none;
}

#rodape form fieldset {border: none;}

#rodape form fieldset label {
	display: block;
	padding: 3px;
}

.rodapemicrosoft {
	background: #FFF;
	clear: both;
	border-top: 5px solid #4193B7;
	padding: 10px;
	margin-bottom: 100px;
}

.rodapemicrosoft p {font: 12px verdana, arial, tahoma, sans-serif;}
.rodapemicrosoft ul, .rodapemicrosoft p {float: left; clear: left;}
.rodapemicrosoft ul li {display: inline;}

.rodapemicrosoft ul li a {
	font: 13px verdana, arial, tahoma, sans-serif;
	text-decoration: none;
	color: #4091B3;
}

a.powermicrosoft {float: right;}

.msgret{
	font: 12px verdana, arial, tahoma, sans-serif;
	text-decoration: none;
	color: #4091B3;
}

.minimenu a {
	border-right:1px solid #4091B3;
	padding:0 5px 0 0;
	margin-right:3px;
}
.minimenu li:last-child a {border-right:none;}
/*** TAG CLOUD ***/
div.tags a {
	font-family:verdana, arial, tahoma, sans-serif;
	text-decoration:none;
	color: #4091B3;
}