/*  
Theme Name: box3 makako
Version: 1.0
Author: Vitor Justin

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* html selectors --------------------------------- */

@font-face {
	font-family: "Franklin Gothic Std";
	/*src: url(fonts/FranklinGothicStd-Roman.ttf);*/
	src: url(fonts/FranklinGothicStd-Condensed.otf);
}

html, body {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) repeat left top;
	color: #ffffff;
	font: normal 12px Verdana, Arial, Tahoma, sans-serif;
}

input, textarea {
	outline: none;
}

textarea {
	resize: none;
}

ul, li {
	margin: 0; padding: 0;
	list-style: none;
}

p {
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}

blockquote {
	border-left: 3px solid #5D6772;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	margin-bottom: 20px;
	line-height: 180%;
	font-style: italic;
}

code {
	font: 1.2em "Lucida Console", "Courier New", "Courier", monospace;
	padding: 8px;
	background: #4F5962;
	border: 1px solid #5D6772;
	display: block;
}

/* classes ------------------------------------------ */

.bold {
	font-weight: bold;
}

.pointer {
	cursor: pointer;
}

/* page margins ---------------------------------- */

#blog, #page {
	width: 998px;
	padding: 0;
	margin: 0 0 0 -499px;
left: 50%;
position: absolute;
}

/* blocos --------------------------------------*/

#blog-left {
	width: 707px;
	margin: 0 22px 0 17px;
	float: left;
}

#blog-right {
	width: 238px;
	margin: 0 13px 0 0;
	float: left;
}

/* banner --------------------------------- */

#banner {
	width: 998px;
	height: 314px;
	padding: 0;
	margin: 0 0 10px 0;
}

#banner #logo-img {
	margin: 0 auto;
}

/* main content --------------------------------- */

#main {
	width: 631px;
	float: left;
}

#wide {
	width: 631px;
	float: left;
}

/* menu --------------------------------------- */

#menu {
	width: 100%;
	clear: both;
	height: 25px;
	margin: 2px 0 24px 0;
}

#nav {
	width: 658px;
	float: right;
	height: 25px;
}

#nav li {
	float: left;
	margin: 0; padding: 0;
}

#nav li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1px;
	text-align: center;
	color: #B2C920;
	line-height:99em;
	*line-height:1em;
	overflow:hidden;
}

#nav li a:hover {
	color: #E8EFBD;
}

#nav li.cat-item-1 {
	width: 218px;
	height: 24px;
}

#nav li.cat-item-1 a {
	background: url(images/estudio.png);
}

#nav li.cat-item-1 a:hover {
	background-position: bottom;
}

#nav li.cat-item-1.current-cat a {
	background: url(images/estudio.png);
	background-position: bottom;
	color: #E8EFBD;
}

#nav li.cat-item-12 {
	width: 214px;
	height: 24px;
}

#nav li.cat-item-12 a {
	background: url(images/portfolio.png);
}

#nav li.cat-item-12 a:hover {
	background-position: bottom;
}


#nav li.cat-item-12.current-cat a {
	background: url(images/portfolio.png);
	background-position: bottom;
	color: #E8EFBD;
}

#nav li.cat-item-13 {
	width: 226px;
	height: 24px;
}

#nav li.cat-item-13 a {
	background: url(images/balaio.png);
}

#nav li.cat-item-13 a:hover {
	background-position: bottom;
}

#nav li.cat-item-13.current-cat a {
	background: url(images/balaio.png);
	background-position: bottom;
	color: #E8EFBD;
}

/* paginacao ---------------------------------- */

#paginacao {
	width: 586px;
	height: 24px;
	float: right;
	margin: 0;
}


/* post ---------------------------------- */

#post {
	width: 637px;
	margin: 0 0 32px 0;
}

#post-left {
	width: 47px;
	margin: 0 9px 0 0;
	float: left;
}

#post-data {
	width: 47px;
	height: 47px;
	background: url(images/fundo_data.png) no-repeat left top;
	color: #ffffff;
	position: relative;
	text-align: center;
	padding: 5px 0 0 0;
}

#post-data .dia {
	font-size: 19px;
	font-weight: bold;
	height: 19px;
}

#post-data .mes-ano {
	font-size: 9px;
}

#post-right {
	width: 581px;
	float: left;
	margin: 0 0 32px 0;
}

#post-right p {
	margin: 0 0 18px 0;
	width: 581px;
}

#titulo-post {
	font-size: 35px;
	font-family: Verdana;
	margin: 9px 0 20px -11px;
	*margin-left:-3px;
	*margin-top: 6px;
}

a.more-link {
	display: block;
	width: 56px;
	height: 13px;
	background: url(images/saibamais.png) no-repeat left top;
}

a:hover.more-link {
	background: url(images/saibamais_hover.png) no-repeat left top;
}

#separa-post {
	width: 100%; 
	height: 25px; 
	background: url(images/separa_post.png) no-repeat right top; 
	clear: both; 
	margin: 0 0 23px;
}

#links {
	margin: 0;
}

.addtoany {
	float: right;
	margin: -12px 0 0 0;
}

#comentarios {
	height: 23px;
	width: 350px;
	position: relative;
	margin: 0 0 23px 0;
}

#imagem-comentarios {
	width: 22px;
	height: 23px;
	position: absolute;
}

#link-comentarios {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	left: 17px; top: 0;
}

#link-comentarios a {
	text-decoration: none;
}

#link-comentarios a:hover {
	text-decoration: none;
	color: #FFCC00;
}

#tags-titulo {
	font-weight: bold;
}

#tags-links {
	color: #ffffff;
}

#tags-links a {
	color: #ffffff;
}

.voltar {
	margin: 20px 0 0 0;
}

#btVoltar {
	cursor: pointer;
}


/* comments & trackbacks --------------------------------- */

#separa-post-comentarios {
	margin: 31px 0 22px 0;
}

#post-right .comment_area p.commenter {
	margin: 0 0 15px 0;
}

.aguarda-moderacao {
	color: #ff0000;
}

#separa-comentario-formulario {
	margin: 10px 0 30px 0;
}

#titulo-form-comentarios {
	margin: 0 0 35px 0;
}

.label-formulario-comentarios {
	font-size: 12px;
	font-weight: normal;
}

.input-transp {
	border: none;
	background: transparent;
}

.input-form-comentarios {
	height: 18px;
	font-size: 11px;
}

.div-input-nome-comentarios {
	width: 443px;
	background: url(images/input_nome.png) no-repeat left top;
	text-align: center;
	height: 18px;
}

.div-input-email-comentarios {
	width: 440px;
	background: url(images/input_email.png) no-repeat left top;
	text-align: center;
}

.div-input-site-comentarios {
	width: 462px;
	background: url(images/input_site.png) no-repeat left top;
	text-align: center;
}

.input-nome-comentarios {
	width: 437px;
}

.input-email-comentarios {
	width: 434px;
}

.input-site-comentarios {
	width: 456px;
}

.textarea-comentarios {
	width: 497px;
	height: 197px;
	font-size: 11px;
	font-family: Verdana;
	margin: 5px 0 0 0;
}

.div-textearea-comentarios {
	width: 495px;
	height: 208px;
	background: url(images/textarea.png) no-repeat left top;
}

.comment_area, .trackback_area {
	padding: 0;
	color: #f0f0f0;
}

.comment_area ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment_area li {
	margin: 0 30px 28px 0;
}

.comment_area form li {
	margin-bottom: 0;
}

.commenter {
	font-weight: bold;
	color: #A4B919;
	padding-left: 0;
	margin-left: 0;
}

.commenter a {
	color: #A4B919;
}

.comment_info {
	font-weight: normal;
	color: #f0f0f0;
}

.comment_number {
	font-family: georgia, times, serif;
	font-size: 2.46em;
	color: #4F5962;
	margin-left: 0;
	margin-right: 10px;
}

.submit {
	font-weight: bold;
	font-size: 1.16em;
	color: #dddddd;
	padding-left: 0;
}

.comment_area textarea {
	width: 95%;
}

.trackback_area ol {
	list-style: none;
	padding: 5px;
	padding-left: 15px;
}

.trackback_area li {
	line-height: 180%;
}

/* sidebar --------------------------------- */

#side {
	width: 238px;
	float: left;
	padding: 0;
	margin: 0;
}

#side #sidebar {
	width: 238px;
	margin: 0 auto;
}

#manifesto .manifesto-titulo {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 16px 0;
}
#manifesto .manifesto-texto {
	font-size: 11px;
	line-height: 150%;
}

#side #busca {
	width: 238px;
	height: 26px;
	margin: 0 0 15px 0;
	background: url(images/buscar_fundo.png) no-repeat left 1px;
	position: relative;
}

#side #inp-busca {
	width: 128px;
	height: 14px;
	font-size: 11px;
	margin: 6px 0 0 73px;
	background: transparent;
	border: none;
}

#side #ok {
	width: 26px; height: 26px;
	position: absolute; 
	top: 0; right: 0;
	margin: 1px 0 0 0;
}

#side #btBuscar {
	cursor: pointer;
}

#widget {
	width: 234px;
	margin: 0 0 15px 0;
}

#content-widget {
	width: 100%;
}

#top-cont-widget {
	width: 234px;
	height: 12px;
	background: url(images/contato-mid.png) repeat-y left top;
}

#mid-cont-widget {
	width: 234px;
	background: url(images/contato-mid.png) repeat-y left top;
        position: relative;
}

.contato-content { height: 120px;}

#bot-cont-widget {
	width: 234px;
	height: 13px;
	background: url(images/contato-bot.png) no-repeat left top;
}

#head-widget {
	width: 234px;
	height: 26px;
}

#head-widget.contato {
	background: url(images/contato.png);
}

#head-widget.historico {
	background: url(images/historico.png);
}

#texto-contato {
	width: 184px;
	margin: 0 0 15px 0;
	font-size: 9px;
    position: relative;
	left: 28px;
}

#linha-contato {
	width: 178px;
	height: 2px;
	background: url(images/linha-contato.png) no-repeat left top;
    position: relative;
	left: 28px;
}

#rss-contato {
	width: 170px;
	height: 20px;
	margin: 0;
    position: relative;		margin: 12px 0 0 0;
	left: 28px;
}

#rss-contato a {
	display: block;
	width: 150px;
	height: 19px;
	background: url(images/assinerss.png) no-repeat left top;
}

#rss-contato a:hover {
	background: url(images/assinerss_hover.png) no-repeat left top;
}

.text-rss {
	font-weight: bold;
	margin: 5px 0 0 0;
}

.icon-rss {
	width: 19px;
	height: 19px;
	position: absolute;
	right: 0; top: 0;
}

.icon-rss a {
	display: block;
	background: url(images/rss.png) no-repeat left top;
	width: 19px;
	height: 19px;
	position: relative;
	right: 10px;
}

.icon-rss a:hover {
	background: url(images/rss_hover.png) no-repeat left top;
}

#tag-cloud {
	width: 206px; 
	margin: 0 auto;
}

#titulo-news {
	background: url(images/zine.jpg) no-repeat left top;
}

#texto-news {
	font-size: 11px;
}

.label-news {
	font-size: 10px;
	font-weight: bold;
}

#div-inp-news {
	background: url(images/inp_fundo.jpg) no-repeat left top;
	width: 200px;
	height: 18px;
	text-align: center;
}

#div-inp-news-code {
	background: url(images/inp_code_fundo.jpg) no-repeat left top;
	width: 67px;
	height: 18px;
	text-align: center;
}


.erro {
	font-size: 10px;
	color: red;
	font-weight: bold;
}

#linha-sidebar {
	width: 245px;
	height: 28px;
	background: url(images/linha_sidebar.jpg) no-repeat left top;
}

.inp-news {
	background: transparent;
	border: none;
	width: 194px;
	height: 18px;
	font-size: 11px;
}

#recentcomments {
	list-style: none;
	font-size: 10px;
	width: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	border-top: 1px solid #5D6772;
}

#side ul.sidelist {
	padding-bottom: 15px;
}

.recentcomments {
	padding: 5px 0;
	width: 94%;
	padding-left: 6%;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #5D6772;
	color: #dddddd;
}

#historicoPost {
	margin: 0 0 20px 0;
}

#linksHistorico {
	 margin: 0 0 0 30px; 
	 padding: 0 0 1px;
}

#linksHistorico ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#linksHistorico ul li {
	font-size: 12px;
	font-weight: bold;

}

#linksHistorico ul li ul {
	padding-left: 6px;
	margin: 5px 0 0 0;
}

#linksHistorico ul li ul li {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

#linksHistorico ul li ul li a {
	color: #ffffff;
}
/* footer --------------------------------- */

#foot {
	width: 651px;
	padding: 0;
	margin: 0;
	margin-bottom: 100px;
	clear: both;
	height: 80px;
}

#linha-footer {
	float: right;
	margin: 13px 3px 3px 0;
}

#links-footer {
	float: right;
	margin: 5px 3px 0 0;
	width: 585px;
}

#logo-box-footer {
	float: left;
}

#rss {
	float: right;
}

#rss a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(images/rss.png) no-repeat left top;
}

#rss a:hover {
	background: url(images/rss_hover.png) no-repeat left top;
}


/* misc stuff --------------------------------- */

ul.linklist, ul.linklist ul {
	list-style: none; 
	margin: 0;
	padding: 0;
}

ul.linklist {
	padding-left: 25px;
	padding-bottom: 25px;
}

ul.linklist h2 {
	font-size: 1.18em;
	margin: 15px 10px 10px 10px;
}

ul.linklist a {
	padding: 0.2em 0;
	margin-left: 20px;
	padding-left: 0;
	line-height: 180%;
}

#searchform {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

.lh100 {
	line-height: 100%;
	padding: 5px 0;
}

.cloud {
	padding: 0;
	width: 169px;
	margin: 0;
	margin-bottom: 15px;
	border: none;
	display: block;
}

.cloud a {
	border-bottom: none;
	padding: 0;
	margin: 0;
	display: inline;
}

.cloud img {
	margin: 3px;
	margin-top: 0;
}

.flickr {
	color: #4488CC;
}

.flickr span {
	color: #CC6666;
}

.contactform {
	padding: 0 10px;
	margin: 0 20px;
}