/*  

Theme Name: Foco Livre 1.0

Theme URI: http://www.focolivre.com.br/

Description: Primeira versão do blog Foco Livre desenvolvido pela equipe da Agência Foco Livre.

Author: Equipe Foco Livre

Author URI: http://www.focolivre.com.br

Version: 1.0

Tags: focolivre, software livre, open source, agência, design, ilustração, programação



Folha de Estilos Foco Livre

contato@focolivre.com.br

http://www.focolivre.com.br

 	

ESTRUTURA PRINCIPAL



*/



@charset "utf-8";



* {

	padding: 0;

	margin: 0;



}

a {

	color:#3686ea;	

	text-decoration:none;

}

a:hover {

	color:#72a9ef;

}

h1 {

	font-size:20px;	

}

body{

	background:url(img/bg_fundo.gif) left top repeat-x;

	font: 11px 'Trebuchet MS';

	text-align: center;

	overflow-x:hidden;

}

#pagina {	

	text-align:left;

	margin: 0 auto;

	width: 1002px;

}

#topo {

	float:left;

	width:1002px;

}

#meio {

	float:left;

	width:1002px;

}

#rodape {

	float:left;

	*margin:15px 0 0 0;

	width:100%;

}

.entry {

font-size:13px;

color:#555;

}

.entry p {

	margin:10px 0 10px 0;

}

/* ESTRUTURA DO TOPO */

.logotipo {

	float:left; 

	padding:20px 0 15px 15px;	

	width:415px;

}

.menuApoio {

	float:right;

	font:13px 'Trebuchet MS';

	color:#20375d;

	text-align:right;

	padding:0 6px 0 0;

	width:535px; 

}

	.menuApoio ul {

		float:right;

		margin:20px 0 0 0;

		list-style-type:none;

		width:465px;

		*width:455px;

	}

	.menuApoio li {

		float:left;

		padding:3px 15px 0 0;

	}

#menuTopo {

	float:right;

	font:15px 'Trebuchet MS';

	text-align:right;

	padding:0 10px 0 0;

	width:555px;

	*width:565px;

}

	#menuTopo a {

		color:#20375d;	

	}

	#menuTopo a:hover {

		color:#6685b8;	

	}

	#menuTopo ul {

		float:right;

		margin:40px 0 0 0;

		list-style-type:none;

		width:522px;

	}

	#menuTopo li {

		float:left;

		background:url(http://www.focolivre.com/img/bg_plicMenu.gif) left top no-repeat;

		padding:3px 10px 0 10px;

	}

.buscaSite {

	background-color:#edf1f2; 

	font:10px 'Trebuchet MS'; 

	color:#738086; 

	padding:0 0 0 3px; 

	width:130px; 

	height:16px;

	border:1px #95abc0 solid;

}

.vitrine {

	float:left;

	text-align:center;

	margin:15px 0 20px 0;

	width:1002px;

}

.alinhaConteudo {

	float:left;

	padding:0 0 0 20px;

	margin:0 0 30px 0;

	width:638px;

	min-height:300px;

}

	.alinhaConteudo h1 {

		font-size:22px;

		color:#4b6e8a;

	}

.colunaLateralBlog {

	float:left; 

	width:320px;

}

.destaqueEsquerda {

	float:left;

	width:340px;

}

	.destaqueEsquerda ul {

		float:left;

		list-style-type:none;
		list-style:none;

		margin:11px 0 0 0;

		width:340px;

		_width:315px;

	}

	.destaqueEsquerda li {

		float:left;

		text-align:center;

		width:156px;

		_width:135px;

		height:118px;

		*height:123px;

	}

.tituloProjetoDestaque {

	font-size:10px;

}

	.tituloProjetoDestaque a {

		color:#666;

	}

	.tituloProjetoDestaque a:hover {

		color:#6d97b8;

	}

.imgProjetoDestaque {

	float:left;

	margin:0 0 0 5px;

	padding:2px;

}

	.imgProjetoDestaque a {

		float:left;

		border:1px #FFF solid;

		padding:2px;

	}

	.imgProjetoDestaque a:hover {

		float:left;

		border:1px #879aa8 solid;

		padding:2px;

	}

.destaqueDireita {

	float:left;

	width:340px;

}

	.destaqueDireita ul {

		float:left;

		list-style-type:none;
		list-style:none;

		width:340px;

	}

	.destaqueDireita li {

		float:left;

		padding:0 0 14px 0;

		*padding:0 0 12px 0;

		width:340px;

	}

	.conteudoDestaque {

		color:#999;

		margin:6px 0 0 0;

	}

.tituloDestaque {

	font-size:13px;

	color:#5b5b5b;

}

.linkDestaque {

	text-align:right;

	font-weight:bold;

}

	.linkDestaque a {

		color:#4b6e8a;	

	}

	.linkDestaque a:hover {

		color:#6d97b8;	

	}

.linkProjetos {	

	text-align:right;

	font-weight:bold;

	margin:0 25px 0 0;

}

	.linkProjetos a {

		color:#4b6e8a;	

	}

	.linkProjetos a:hover {

		color:#6d97b8;	

	}

.colunaLateral {

	float:left;

	margin:20px 0 20px 0;

	width:265px;

}

	.colunaLateral h1 {

		font-size:18px;

		margin:0 0 0 6px;

		color:#fff;

	}

	.colunaLateral ul {

		float:left;

		list-style-type:none;
		list-style:none;

		padding:0 0 0 18px;

		_padding:0 0 0 5px;

		*padding:0 0 0 10px;

		width:250px;

	}

	.colunaLateral li {

		float:left;

		background:url(img/bg_meioBarraLateral.gif) left top repeat-y; 

		width:250px; 

	}

.linkColunaLateral {

	text-align:right;

	font-weight:bold;

	margin:0 10px 0 0;

}

	.linkColunaLateral a {

		color:#fff;	

	}

	.linkColunaLateral a:hover {

		color:#999;	

	}

.caixaColunaLateral {

	float:left;

	padding:0;

	margin:0;

}

	.caixaColunaLateral ul {

		float:left;

		list-style-type:none;
		list-style:none;

		padding:0;

		margin:10px 0 0 0;

		width:250px;

	}

	.caixaColunaLateral li {

		float:left;

		_background-color:#d2dbe2;

		padding:0 6px 7px 6px;

		margin:0;

		width:238px; 

	}

	.caixaColunaLateral  a {

		color:#fff;	

	}

	.caixaColunaLateral a:hover {

		color:#999;	

	}

/* FIM DA ESTRUTURA DO TOPO */



/* ESTRUTURA RODAPE */

.faixaRodape {

	float:left;

	background:url(img/bg_rodape.gif) #8199ad left top repeat-x;

	width:100%;

	margin:0 0 20px 0;

	height:210px;

}

.alinhaMenuRodape {

	margin:0 auto;

	font-size:12px;

	color:#fff;

	width:520px;

}

	.alinhaMenuRodape a {

		color:#fff;

	}

	.alinhaMenuRodape a:hover {

		color:#fcf089;	

	}

	.alinhaMenuRodape ul {

		float:left;

		margin:12px 0 0 0;

		width:520px;

		list-style-type:none;
		list-style:none;

	}

	.alinhaMenuRodape li {

		float:left;

		padding:0 5px 0 5px;

	}

.creditos {

	clear:both;

	text-align:center;

	padding:155px 0 0 0;	

}

/* FIM DA ESTRUTURA DO RODAPE */





#sidebar a, #sidebar a:link, #sidebar a:visited { border-bottom: 1px solid #fff; color: #4c6a82; }

#sidebar a:focus, #sidebar a:hover, #sidebar a:active { border-bottom-color: #4c6a82; color: #111; }

#sidebar .sb-tools a, #sidebar .sb-tools a:link, #sidebar .sb-tools a:visited { border: 0 none; color: #4c6a82; }

#sidebar .sb-tools a:active, #sidebar .sb-tools a:focus, #sidebar .sb-tools a:hover { border: 0 none; color: #000; }

#sidebar .textwidget a img, #sidebar .textwidget a:hover img { border: 0 none; list-style-type:none;}



/* CLEARFIX

------------------------------------------------------------------ */

#content h1 { font-size:35px; }

#content h1 a { color:#0d91cf; }

#content h1 a:hover { color:#41638e; }

html .clearfix { display: block; }

* html .clearfix { height: 1%; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }





/* SIDEBAR

------------------------------------------------------------------- */



.currently-viewing,

#sidebar #about,

#sidebar .categories,

#sidebar .archives,

.pagenav,

#meta,

.linkcat,

.widget { margin: 0 0 8px; padding: 0 8px 9px; list-style-type:none; list-style:none;}



.categories li li, .pagenav li li { margin-left: 6px; list-style-type:none; list-style:none; }



ul.sb-list { margin-left: 10px; list-style-type:none; list-style:none; }
ul.sb-list li a { color:#3686ea; }
ul.sb-list li a:hover { color:#72a9ef; }
ul.sb-list li ul { list-style:none; margin-left:20px; }
ul.sb-list li ul li { font-size:12px; padding:3px; }



/* h4 -> sb-title - less semantic, better for search engine positioning */

.sb-title {

  color: #434343;

  font-size: 18px;

  padding-bottom: 1px;

  text-transform: uppercase;

list-style-type:none;

}



ul.sb-tools {

  border-bottom: 1px dotted #333;

  margin: 9px 0;

  padding: 0 8px 9px;

list-style-type:none;

}



.sb-tools li { display: block; min-height: 34px; list-style-type:none; }



.sb-tools a span {

  color: #86180A;

  display: block;

  font-size: 12px;

  padding-bottom: 3px;

  text-transform: uppercase;

list-style-type:none;

}



.sb-tools a:hover span { color: #4c6a82; }



.twitter-icon, .rss-icon {

  padding-left: 65px;

  color: #111;

  line-height: 1.25em;

list-style-type:none;

}



.sb-icon-text { padding: 3px 0 0; }



.previous-post a, .next-post a {

  background: transparent url(img/next-prev-sprite.png) right -195px no-repeat;

  display: block;

  line-height: 1.2;

  margin: 8px 0 0;

  padding: 2px 65px;

list-style-type:none;

}



.next-post a:active, .next-post a:focus, .next-post a:hover { background-position: right -295px; border: none; }

.previous-post a, .previous-post a:link, .previous-post a:visited { background-position: 0 5px; padding-right: 0; }

.previous-post a:active, .previous-post a:focus, .previous-post a:hover { background-position: 0 -95px; }



ul.group {

  float: left;

  margin: 0 0 0 10px;

  overflow: hidden; 

  padding: 0;

  width: 150px;

}









































/* COMMENTS

------------------------------------------------------------------- */



h3#comments, h4#pings { float: left; }

h3#comments, #respond h3 { font-size: 18px; }



h4#pings { line-height: 1.2; margin: 10px 0; width: 150px; }



.comments-header,

.navigation { text-shadow: 0 1px 0 #fff; }



.navigation {

  font-size: 11px;

  height: auto;

  line-height: 28px;

  overflow: hidden;

  padding: 0 28px;

}



.comments-header { border-top: 1px solid #E6F0F2; padding: 6px 0; }

.comments-header-meta {

  float: right;

  font-size: 11px;

  font-weight: bold;

  line-height: 44px;

}



.commentlist {

  border-top: 0 none;

  font-size: 12px;

  list-style-type:none;

}

.pinglist { margin-top: 10px; width: 420px; float: right; }



li.pings {

  border-bottom: 1px solid #E6F0F2;

  border-top: 1px solid #fff;

  margin: 0;

  padding: 4px 10px;

  width: 400px;

}



.pings:first-child { border-top: none; }

.pings:last-child { border-bottom: none; }



.comment {

  background: transparent url(img/bg-comment.png) 10px 19px no-repeat;

  border-top: 28px solid #fff;

  border-left: 40px solid #fff;

}



.comment-body {

  background-color: #f4f8f9;

  color: #3e5867;

  margin-left: 20px;  

  padding: 17px 20px 11px;

  position: relative;

}



.comment-body img.avatar {

  border: 1px solid #eee;

  padding: 2px;

  position: absolute;

  left: -60px;

}



ul.children { }

.comment ul.children li { border-top: 15px solid #f9fbfc; }



.comment-meta {

  font-family: Georgia, serif;

  font-size: 11px;

  font-style: italic;

  position: absolute;

  right: 25px;

  top: 20px;

}

.comment-meta a { color: #999; }

.comment-author-admin { background-image: url(img/bg-comment-admin.png); }

.comment-author-admin > .comment-body { background-color: #E6F0F2; }

.comment p, .comment blockquote { padding: 0 0 7px; }

.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { margin: 5px; padding: 7px; }

.commentlist cite, .commentlist cite a { }

.commentlist cite a { }



/* Not used */

li.thread-alt { }

.comment-author { }

.commentlist .thread-even { }

.commentlist .depth-1 { }

.commentlist .odd { }

.commentlist .even,

.commentlist .alt { }

.comment-author cite {

  background-color: #F9FBFC;

  border-bottom: 1px dotted #E6F0F2;

  color: #666;

  display: block;

  font-family: Georgia, serif;

  font-style: italic;

  line-height: 16px;

  margin: 0 -7px 20px;

  padding: 3px 7px;

}

.comment-author-admin .comment-author cite { background-color: #F4F8F9; border-bottom-color: #ccc; }



.says { display: none; }

.comment div em { } /* comments awaiting moderation. */



.reply { font-size: 10px; font-weight: bold; overflow: hidden; }



a.comment-reply-link { 

  color: #666;

  display: block;

  float: right;

  padding: 2px 6px;

}

.comment-reply-link:hover { background-color: #fff; color: #333; }



#respond {

/*  background-color: #F4F8F9; */

  margin-top: 1px;

  overflow: hidden;

  padding: 20px 0 18px 0;

  width: 100%;

  color:#41638e;

}



#commentform { padding: 18px 0 0; }



.cancel-comment-reply,

.you-must-be-logged-in { padding: 0 0 0 28px; }



.respond-left { float: left; width: 42%; }

.respond-right { float: left; width: 362px; }



#respond label { display: block; font-size: 11px; height: 20px; margin: 3px 0 9px; width: 85%; }



input#author, input#email, input#url {

  border: 1px solid #ddd;

  color: #999;

  display: block;

  height: 15px;

  line-height: 15px;

  padding: 5px 3px;

  width: 85%;

}



textarea#comment {

  border: 1px solid #ddd;

  font-family: inherit;

  height: 150px;

  margin: 0 0 9px;

  padding: 5px 3px;

  width: 100%;

}



#respond input:focus,

textarea#comment:focus {

  color: #000;

  border-color: #aaa;

  -moz-box-shadow: 3px 3px 0px rgba(238,238,238,1);

  -webkit-box-shadow: 3px 3px #eee;

}



input#submit {

  background: #5388b6 url(img/button-style.png) center left repeat-x;

  border: 1px solid #3b73a3;

  border-radius: 3px 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  color: #fff;

  font-size: 11px;

  font-weight: bold;

  height: 24px;

  line-height: 24px;

  padding: 0 10px;

}

.selectMenuTopo {

	font-weight:bold; 

	color:#06F;

}