/*   
Theme Name: Chao 2010
Theme URI: http://www.chao.com.br
Description: Versão superclean do Chão com inspirações orientais.
Author: Marcio Caparica
Author URI: http://engrenagemeditorial.com.br/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


@font-face { font-family: Raleway; src: url("fonts/raleway_thin.otf") format("opentype"); }

.clearboth {clear: both;}

a {text-decoration: none; color:#066;}
a:hover {text-decoration:underline;}

#branding {padding: 0px;}
#branding #blog-title { width: 30px; height: 20px; text-indent: -3000px; background: url(images/i_home.png) no-repeat -2px 0px; margin-top: 15px; float: left;}
#branding #blog-title a { display: block; height: 20px; }
#branding #blog-description { z-index: 10; position: absolute; height: 50px; width: 100%; left: 0px; top: 0px;}

#wrapper_topo { padding-bottom: 5px; border-bottom: 1px solid #454545; margin: 0px;}
#navegacao_topo { font: 15px Raleway, Arial, Helvetica, sans-serif; width: 960px; margin: 0 auto; height: 50px; position: relative; }
#navegacao_topo a { color: #000; }
#navegacao_topo ul {float:left; margin: 10px 0px 0px 0px; padding: 0px;}
#navegacao_topo ul li {list-style:none;}
#navegacao_topo #arquivos_ano { margin-left: 40px; width: 440px; position: absolute; left: 0px; top: 0px; z-index: 10;}
/*#navegacao_topo #arquivos_ano h4 { background: url(images/i_arquivos.png) no-repeat; text-indent: -3000px; float: left; height: 20px; width: 25px; margin: 15px 10px 0px 0px; clear: none;}*/
#navegacao_topo #arquivos_ano h4 {display: none;}
#navegacao_topo #arquivos_ano li {float: left; width: 40px; padding-top: 10px;}
#navegacao_topo #arquivos_ano li ul { width: 100px; margin: 0px; padding: 10px; border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 3px 3px 2px  #454545; -moz-box-shadow: 3px 3px 2px #454545; box-shadow: 3px 3px 2px #454545; background: #FFF; }
#navegacao_topo #arquivos_ano li ul li {float: none; width: auto; padding-top: 4px;}
#navegacao_topo #links_meio {margin-left: 470px;}
#navegacao_topo #links_meio li {float:left;}
#navegacao_topo #links_meio li a { text-indent: -3000px; display: block; height: 30px; width: 40px; }
#navegacao_topo #links_meio li a.rss {background: url(images/i_rss.png) no-repeat 3px 4px; }
#navegacao_topo #links_meio li a.email {background: url(images/i_email.png) no-repeat 3px 4px; }
#navegacao_topo #links_meio li a.twitter { background: url(images/i_twitter.png) no-repeat 3px 4px; float: left; width: 30px;}
#navegacao_topo #links_meio li a.twitter_ext {text-indent: 0px; display:inline; height:auto; width:auto; padding: 20px 0px 0px 0px; line-height:32px;}
#navegacao_topo #busca_topo {float: left; width: 260px; margin-top: 12px;}
#navegacao_topo #busca_topo h4 {background: url(images/i_search.png) no-repeat 8px 0px; text-indent: -3000px; clear: none; float: left; height: 30px; width: 40px; }
#navegacao_topo #busca_topo #s { font: 10px Arial, Helvetica, sans-serif; color: #CCC; background: #454545; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 175px; height: 18px; padding-left:5px; float:left;}
#navegacao_topo #busca_topo #searchsubmit { background: url(images/i_go.png) no-repeat; clear: none; float: left; height: 30px; width: 30px; border: none; text-indent: -3000px;}

#imghome {margin: 20px auto; width: 960px; position:relative;}
#imghome #slogan { position:absolute; right: 5px; top:5px; width: 400px; text-align:right; font: 25px Raleway, Arial, Helvetica, sans-serif; color: #FFF; }

.img_media {float: left; margin: 20px 0px 10px 0px; border: none;}
.img_grande { margin: 20px 0px 10px 0px;}

#container, #content {width: 960px; margin: 0px;}
#main {padding: 0px;}
#content .post a { font-weight: bold; color: #333; }
#content .post a:hover { font-weight: bold; color: #900; }
#content .post { border-top: 1px solid #333; }
.single #content .post {border-top: none;}
#content .entry-title { font: 50px/50px Raleway, Arial, Helvetica, sans-serif; color: #454545; padding: 0px;}
#content .entry-title a {font-weight:normal; color:#454545;}
#content .entry-title a:hover {font-weight:normal;}
#content .entry-content { font: 14px/20px Georgia, "Times New Roman", Times, serif; color: #666; }
#content .post_em_si {float: left; width: 620px; padding: 0px 20px 0px 0px;}
#content .post_acessorios { float:right; width: 290px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px; border-left: 1px solid #333; }
#content .post_acessorios p {margin-bottom: 10px;}
#content .post_acessorios .entry-meta, #content .post_acessorios .entry-utility { font: 10px Arial, Helvetica, sans-serif; color: #000;}
#content .post_acessorios .entry-meta abbr { font: 15px Raleway, Arial, Helvetica, sans-serif; text-transform: none; }
#content .post_acessorios .entry-utility {margin-bottom: 10px;}
#content .post_acessorios .entry-utility a { font-style: normal; color: #C00; }
#content .post_acessorios #comments #comments-list, #content .post_acessorios #respond { font: 10px Arial, Helvetica, sans-serif; padding: 0px;}
#content .post_acessorios #comments #comments-list h3, #content .post_acessorios #respond h3  { font: normal 15px Raleway, Arial, Helvetica, sans-serif; padding-bottom: 0px;}
#content .post_acessorios #comments #comments-list ol { margin: 0px; border: none; padding: 0px; }
#content .post_acessorios #comments #comments-list ol li {padding: 0px 5px;}
#content .post_acessorios #comments #comments-list ol li .avatar {display: none;}
#content .post_acessorios #comments #comments-list .comment-author {padding-left: 0px; font-size: 11px;}
 #content .post_acessorios #comments #comments-list .comment-meta, #content .post_acessorios #respond #form-allowed-tags code {padding-left: 0px; font-size: 10px;}
 
.search .post .entry-utility, .archive .post .entry-utility { margin: 10px 0px 0px; font: 10px Arial, Helvetica, sans-serif; }
.search .post .entry-utility p, .archive .post .entry-utility p {margin: 0px 10px 0px 0px; float: left;}
.search #content .post .entry-utility p a, .archive #content .post .entry-utility p a { font-style: normal; color: #C00;}
.search .entry-meta, .archive .entry-meta { font: bold 10px Arial, Helvetica, sans-serif; color: #333; }
.search .entry-meta .entry-date abbr, .archive .entry-meta .entry-date abbr {text-transform:none;}
.search .entry-content, .archive .entry-content, .search #content .entry-title, .archive #content .entry-title  { padding-top: 10px;}
.search #content .post, .archive #content .post {margin-bottom: 20px;} 

h1.page-title { background: #666 url(images/mainimg.jpg) no-repeat; height: 325px; width: 960px; margin: 20px 0px; padding: 20px;}
h1.page-title .comfundo { font: normal 20px Raleway, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #454545; background: #EEE; padding: 10px 10px 7px 10px; }
h1.page-title .comfundo span {font-style: normal; color: #000; }

#footer #subsidiary { font: normal 10px Arial, Helvetica, sans-serif; color: #333;}
#footer #subsidiary .widgettitle { font: 20px Raleway, Arial, Helvetica, sans-serif; text-transform: none; }
#footer #subsidiary .deliciousplus-tags { font:bold 10px Arial,Helvetica,sans-serif;}
#footer #subsidiary li span a {color:#900;}
#footer #subsidiary .aktt_tweets li a {color: #900; font-weight: bold;}
#footer #subsidiary .aktt_tweets li a.aktt_tweet_time {font-size: 10px;}
#footer #subsidiary li span abbr {font:bold 10px Arial,Helvetica,sans-serif; color:#900; border-bottom: none;}
#footer #subsidiary #first, #footer #subsidiary #second { padding-right: 20px; border-right: 1px solid #CCC; width: 280px; }
#footer #subsidiary #third {width: 280px;}

.navigation {font: normal 20px Raleway, Arial, Helvetica, sans-serif;}
.navigation a { font-style:normal; color: #000; }