/*

Theme Name: Heat

Theme URI:

Description: Tema da Heat, Criacao e desenvolvimento de sites

Author: Ricardo Pereira

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

Template: thematic

Version: 1.0

Tags: Thematic Heat

.

Thematic is � Ian Stewart http://themeshaper.com/

.

*/



@import url('../thematic/library/styles/reset.css');



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



@import url('../thematic/library/layouts/2c-r-fixed.css');



@import url('../thematic/library/styles/plugins.css');



body{

  background-color: #a90900;

  background-repeat: no-repeat;

}

/* layout 2 columns right



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

/*



LAYOUT: One-Column (Right) Fixed



DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content



*/



body {

  min-width: 960px;

}



#header {

  position: relative;

}



#branding {

  width: 940px;

  margin: 0 auto;

}



#access {

  position: relative;

  overflow: hidden;

}



.menu {

  width: 940px;

  margin: 0 auto;

}



#main {

  width: 960px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  z-index: 10;

}



#container {

  width: 620px;

  float: left;

}



#content {

  margin: 0 0 0 10px;

  width: 540px;

  overflow: hidden;

}



.main-aside {

  width: 350px;

  float: right;

  position: relative;

  right: 10px;

}



#secondary {

  clear: right;

}



#footer {

  clear: both;

}



#subsidiary {

  width: 940px;

  margin: 0 auto;

  overflow: hidden;

}



#subsidiary .aside {

  width: 300px;

  float: left;

  margin: 0 20px 0 0;

}



#subsidiary #third {

  margin: 0;

}



#siteinfo {

  clear: both;

  width: 940px;

  margin: 0 auto;

}

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







   Prometheus: a new default style for Thematic







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

/*body { background:#fff url(../grids/960_grid_12_col.gif) repeat-y top center; }*/

/* =Global Elements



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



body, input, textarea {

  font: 13px Georgia, serif;

  line-height: 22px;

}



p, ul, ol, dd, pre {

  margin-bottom: 22px;

}



pre, code {

  font: 14px Monaco, monospace;

  line-height: 22px;

}



blockquote {

  color: #666;

  font-style: italic;

}



table {

  border: 1px solid #ccc;

  border-width: 1px 1px 0 1px;

  font-size: 13px;

  line-height: 18px;

  margin: 0 0 22px 0;

  text-align: left;

}



caption {

  text-align: left;

}



tr {

  border-bottom: 1px solid #ccc;

}



th, td {

  padding: .7em 1.25em;

}



a:link {

  color: #ff6400;

}



a:visited {

  color: #d65604;

}



a:active, a:hover {

  color: #9c0800;

}



h1, h2 {

  text-transform: uppercase;

  font-size: 19px;

  padding: 14px 0 7px 0;

  margin: 14px 0 7px 0;

  width: 100%;

  color: #9c0800;

}



h2{

  border-bottom: dotted 1px #ccc;

}



h3 {

  font-size: 17px;

  font-style: italic;

  padding: 0 0 14px 0;

}



#content h3 {

  color: #005952;

  background: #ececec;

  font-size: 16px;

  font-weight: bold;

  padding: 2px;

  margin: 26px 0 9px 0;

}



#content h3 span{

  font-size: 13px;

  font-style: italic;

  font-weight: normal;

  color: #9d9d9d;

}



h4 {

  font-size: 11px;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}



h1:first-child, h2:first-child{

  margin-top: 0;

  padding-top: 0;

}

/* =Header



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



#header {

  z-index: 2;

  background-image: url('images/fundo_head.jpg');

  background-repeat: repeat-x;

  /*padding-bottom: 300px;*/

}



#branding {

  padding: 10px 0 10px;

}



#blog-title {

  font-family: Arial, sans-serif;

  font-size: 34px;

  font-weight: bold;

  line-height: 40px;

}



#blog-title a {

  background: url(images/logo-heat.png) no-repeat top center;

  display: block;

  text-indent: -9000px;

  width: 166px;

  height: 33px;

}



#blog-title a:active, #blog-title a:hover {

  color: #FF4B33;

}



#blog-description {

  color: #fff;

  font-size: 13px;

  font-style: italic;

  text-transform: none;

  margin: 0;

  padding: 0;

}

/* =Menu



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



.skip-link {

  display: none;

}



#access {

  width: 940px;

  position: absolute;

  left: 50%;

  top: 30px;

  margin-left: -475px;

  font-size: 13px;

  overflow: visible;

  z-index: 100;

}



.menu{

/*margin:-45px -270px 0 0;*/

  width: 950px;

  text-align: right;

  display: none;

}



.menu ul{

  list-style: none;

}



.menu li{

  display: inline;

  margin: 0 15px;

}



.menu a{

  color: #fff;

  text-decoration: none;

}



.menu a:hover{

  text-decoration: underline;

}

/*** ESSENTIAL STYLES ***/

/*** THEMATIC SKIN ***/

/* removi os estilos do menu animado */

/* =Content



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



#container {

  width: 560px;

  margin-left: 10px;

  float: left;

}



#content {

  margin: 0 0 0 10px;

  width: 540px;

  overflow: hidden;

}



#main {

  clear: both;

  padding: 32px 0 22px 0;

  background: #fff url('images/fundo_main.jpg') top center no-repeat;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

}



.page-title {

  font-size: 13px;

  line-height: 18px;

  padding: 0 0 44px 0;

  text-transform: none;

}



.attachment .page-title {

  font-style: italic;

}



.page-title a {

/*color:#666; */

  text-decoration: none;

}



.page-title a:active, .page-title a:hover {

  color: #9c0800;

}



.page-title span {

  font-style: italic;

}



.page-title .meta-nav {

  font-style: normal;

}



.hentry {

  padding: 0 0 22px 0;

}



.single .hentry {

  padding: 0;

}



.home #content .sticky {

  border: 1px solid #ccc;

  margin: 0 0 66px 0;

  padding: 22px 20px 0 20px;

}



.entry-title {

  font-family: Arial, sans-serif;

  font-size: 26px;

  font-weight: bold;

  line-height: 26px;

  padding: 0 0 7px 0;

  text-transform: none;

}



.entry-title a {

  color: #000;

  text-decoration: none;

}



.entry-title a:active, .entry-title a:hover {

  color: #9c0800;

}



.entry-meta {

  color: #666;

  font-size: 13px;

  font-style: italic;

  line-height: 18px;

}



.entry-meta .author {}



.entry-meta .n {

  font-size: 11px;

  font-style: normal;

  letter-spacing: 0.05em;

  text-transform: uppercase;

}



.entry-meta a {

/*color:#666;*/

  text-decoration: none;

}



.entry-meta a:active, .entry-meta a:hover {

  color: #9c0800;

}



.entry-meta abbr {

  border: none;

  cursor: text;

  font-size: 11px;

  font-style: normal;

  letter-spacing: 0.05em;

  text-transform: uppercase;

}



.entry-content {

  padding: 22px 0 0 0;

}



.entry-content h1, .entry-content h2 {

  font-family: Arial, sans-serif;

  font-size: 19px;

  font-weight: bold;

  padding: 28px 0 14px 0;

  text-transform: none;

}



.entry-content h3 {

  font-size: 17px;

  font-style: italic;

  padding: 28px 0 14px 0;

}



.entry-content h4 {

  font-size: 11px;

  font-family: Arial, sans-serif;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}



.entry-content table {

  margin-left: 1px;

}



.entry-content embed {

  margin: 0 0 22px 0;

}



.entry-utility {

  color: #666;

  font-size: 13px;

  line-height: 18px;

  margin: 0 0 44px 0;

}



.entry-utility a {

/*color:#666;*/

  font-style: italic;

  text-decoration: none;

}



.entry-utility a:active, .entry-utility a:hover {

  color: #9c0800;

}



.page-link {

  font-size: 13px;

  font-weight: bold;

  line-height: 18px;

  margin: 0 0 22px 0;

  padding: 22px 0 0 0;

  word-spacing: 0.5em;

}



.page-link a {

  border: 1px solid #ccc;

/*color:#666; */

  font-weight: normal;

  padding: 0.5em 0.75em;

  text-decoration: none;

}



.page-link a:active, .page-link a:hover {

  color: #9c0800;

}



ul#links-page, ul#archives-page {

  list-style: none;

  margin-left: 0;

  overflow: hidden;

}



li.content-column {

  float: left;

  margin-right: 20px;

  width: 45%;

}



.gallery {

  padding: 0 0 22px 0;

}



.wp-caption-text, .gallery-caption {

  color: #666;

  font-size: 13px;

  line-height: 18px;

}



#author-info {

  margin: 0 0 44px 0;

  overflow: hidden;

}



#author-info .avatar {

  float: left;

  margin: .3em 1em 0 0;

}

/* =Attachments



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



.attachment-jpeg #container, .attachment-png #container {

  width: 100%;

}



.attachment-jpeg #content, .attachment-png #content {

  width: 930px;

}



.attachment-jpeg #comments, .attachment-png #comments {

  width: 540px;

  overflow: hidden;

}



.attachment-jpeg .main-aside, .attachment-png .main-aside {

  display: none;

}

/* =Navigation



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



.navigation {

  color: #666;

  font-size: 13px;

  line-height: 18px;

  margin: 0px 0 22px 0;

  overflow: hidden;

}



.navigation a {

/*color:#666;*/

  font-style: italic;

  text-decoration: none;

}



.navigation a:active, .navigation a:hover {

  color: #9c0800;

}



.navigation .meta-nav {

  font-style: normal;

}



.nav-previous {

  float: left;

  width: 50%;

}



.nav-next {

  float: right;

  width: 50%;

  text-align: right;

}



#nav-above,#nav-below {

  width: 100%;

}



#nav-above {

  display: none;

}



.paged #nav-above {

  display: block;

  padding: 0 0 44px 0;

}

/* =Comments



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



#comments {

  padding: 22px 0 0 0;

}



#comments, #comments input, #comments textarea {

  font-size: 13px;

  line-height: 18px;

}



#comments code {

  font-size: 12px;

  line-height: 18px;

}



#comments h3 {

  font-family: Arial, sans-serif;

  font-size: 15px;

  font-weight: bold;

  line-height: 22px;

  padding: 0 0 18px 0;

}



#comments-list {

  padding: 0 0 18px 0;

}



#comments-list ol, #comments-list ul {

  list-style: none;

  margin: 0;

}



#comments-list ol {

  border: 1px solid #ccc;

  border-bottom: none;

  margin: 0 0 18px 0;

}



#comments-list li {

  background: #fafafa;

  border-bottom: 1px solid #ccc;

  padding: 18px 1.5em 0 1.5em;

  position: relative;

}



#comments-list li.alt {

  background: #fff;

}



#comments-list li.bypostauthor {

  background: #FFFFCC;

}



#comments-list ul li {

  border: 1px solid #ccc;

  margin: 0 0 18px 0;

}



#comments-list li .avatar {

  position: absolute;

  top: 22px;

  left: 1.5em;

  width: 36px;

  height: 36px;

}



#comments-list .comment-author {

  font-weight: bold;

  padding: 9px 0 0 46px;

}



#comments-list .comment-meta {

/*color:#666; */

  font-size: 11px;

  padding: 0 0 9px 46px;

}



#comments-list .comment-meta a {

/*color:#666;*/

  font-style: italic;

  text-decoration: none;

}



#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover {

  color: #9c0800;

}



.comment-reply-link {

  font-size: 11px;

  padding: 0 0 18px 0;

  text-align: right;

}



.comment-reply-link a {

/*color:#666; */

  font-style: italic;

  text-decoration: none;

}



.comment-reply-link a:active, .comment-reply-link a:hover {

  color: #9c0800;

}



.comment-navigation {

  font-weight: bold;

  padding: 0 0 18px 0;

  margin-right: 0.5em;

}



.comment-navigation a {

  border: 1px solid #ccc;

/*color:#666; */

  font-weight: normal;

  padding: 0.5em 0.75em;

  text-decoration: none;

}



.comment-navigation a:active, .comment-navigation a:hover {

  color: #9c0800;

}



.comment-navigation a, .comment-navigation span {

  margin-right: 0.5em;

}



#trackbacks-list .comment-content {

  position: absolute;

  left: -9000px;

}



#respond {

  background: #fff;

  margin-bottom: 22px;

  overflow: hidden;

  padding: 18px 0 0 0;

  position: relative;

}



#respond h3{

  background: none;

}



#comments-list #respond {

  border-bottom: 1px solid #ccc;

  margin: 0 0 18px 0;

/*padding:18px 1.5em;*/

}



#comments-list ul #respond {

  border: 1px solid #ccc;

  margin: 0;

}



#cancel-comment-reply {

  font-size: 11px;

  position: absolute;

  top: 18px;

  right: 1.5em;

}



#cancel-comment-reply a {

  color: #666;

}



#respond .required {

  color: #FF4B33;

  font-weight: bold;

}



.form-section label {

  font-size: 11px;

}



.form-section input {

  margin: 0 0 18px 0;

  width: 98%;

}



.form-section textarea {

  width: 99%;

}



#form-allowed-tags p {

  color: #666;

  font-size: 11px;

  margin: 0;

}



#form-allowed-tags span {

  font-style: italic;

}



.form-submit {

  padding: 18px 0 0 0;

  text-align: right;

}



.subscribe-to-comments {

  color: #666;

  float: left;

  font-size: 11px;

  margin: 0;

  padding: 18px 0 0 0;

}



.solo-subscribe-to-comments {

  color: #666;

  font-size: 11px;

  padding: 18px 0 0 0;

}



.comment_license {

  color: #666;

  clear: both;

  font-size: 11px;

  margin: 0;

  padding: 18px 0 0 0;

}

/* =Asides, Sidebars & Widget-Ready Areas



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



.aside, .aside input {

  font-size: 13px;

  line-height: 18px;

  margin-bottom: 6px;

}



.aside p, .aside ul, .aside ol, .aside dd, .aside pre {

  margin-bottom: 18px;

}



.aside pre, .aside code {

  font-size: 12px;

  line-height: 18px;

}



.aside .current_page_item a {

  color: #FF4B33;

}



.aside .current_page_item .page_item a {

  color: #666;

}



.aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active {

  color: #FF4B33;

}



.aside {

  color: #666;

}



.aside a {

  color: #666;

}



.aside a:active, .aside a:hover {

  color: #FF4B33;

}



.aside h3 {

  font-size: 15px;

  font-style: italic;

  line-height: 22px;

}



.aside h3 a {

  text-decoration: none;

}



.aside caption {

  font-size: 11px;

  font-family: Arial, sans-serif;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}



.aside ul {

  list-style: none;

  margin-left: 0;

}



.aside ul ul {

  list-style: disc;

  margin: 0 0 22px 20px;

}



.aside ul ul li {

  padding: 1px 0;

}



.aside ul ul ul {

  margin-bottom: 0;

}



.aside form, .aside table {

  margin-bottom: 22px;

}



.aside table {

  border: none;

}



.aside thead {

  border: 1px solid #ccc;

}



.aside tbody {

  border: 1px solid #ccc;

}



.aside th, .aside td {

  border-right: 1px solid #ccc;

  padding: .25em .8em;

}



.aside tfoot tr {

  border: none;

}



.aside tfoot td {

  border-color: transparent;

}



.widget_tag_cloud {

  margin: 0 0 22px 0;

}

/*



    Main Asides



*/



.main-aside ul {

  padding: 0 20px 0 0;

}



#recent-posts-2 ul{

  margin: 0;

}



#recent-posts-2 li{

  background: url('images/balao.jpg') no-repeat;

  list-style: none;

  min-height: 36px;

  padding: 0 18px 9px 40px;

  margin-bottom: 9px;

  border-bottom: 1px dotted #ccc;

}



.main-aside h3 {

  border-bottom: 1px dotted #ccc;

  font-size: 19px;

  padding: 14px 0 7px 0;

  margin: 14px 0 7px 0;

  width: 100%;

  color: #9c0800;

}



.main-aside ul ul {

  padding: 0;

}



#primary {

  padding: 0 0 0 0;

  margin: -28px 0 22px 0;

}

/*



    Content Asides



*/



#content .aside {

  border: 1px solid #ccc;

  margin: 0 0 22px 0;

  padding: 18px 0 0 0;

}



#content .aside ul {

  padding: 0 20px;

}



#content .aside h3 {

  font-family: Georgia, serif;

  font-weight: normal;

  font-size: 17px;

  font-style: italic;

  padding: 0 0 7px 0;

  text-transform: none;

}



#content .aside ul ul {

  padding: 0;

}

/*



    Footer Asides



*/



#subsidiary {

  padding: 33px 0 0 0;

}

/* =Footer



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



#footer {

  margin-top: 22px;

}



#siteinfo {

  color: #fff;

  font-size: 11px;

  line-height: 18px;

  padding: 0 0 44px 0;

}



#siteinfo a {

  color: #fff;

}



#siteinfo a:active, #siteinfo a:hover {

  color: #FF4B33;

}

/* =PageNavi



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

/* Using !important to override PageNavi CSS */



.wp-pagenavi {

  margin: 0 0 0 -.5em;

  padding: 0.5em 0;

}



.wp-pagenavi a, .wp-pagenavi a:link {

  border:1px solid #ccc !important;

/*color:#666!important; */

  font-style: normal;

  margin:0 .375em !important;

  padding:0.5em 0.25em !important;

}



.wp-pagenavi a:visited {

  border:1px solid #ccc !important;

  color:#666 !important;

}



.wp-pagenavi a:hover {

  border:1px solid #ccc !important;

  color:#FF4B33 !important;

}



.wp-pagenavi a:active {

  border:1px solid #ccc !important;

  color:#FF4B33 !important;

}



.wp-pagenavi span.pages {

  border:none !important;

  color:#666 !important;

  margin:0 !important;

  padding:0 !important;

}



.wp-pagenavi span.current {

  border:none !important;

  color:#666 !important;

  font-weight:normal !important;

  margin:0 !important;

  padding:0 !important;

}



.wp-pagenavi span.extend {

  background-color: #FFFFFF;

  border: 1px solid #000000;

  color: #000000;

  margin: 2px;

  padding: 2px 4px;

}



/*Gallery*/



.gallery {

  width: 335px;

  margin: 5px 20px 5px 20px;

  float: right;

  padding: 0 10px;

}



.gallery p {

  float: left;

  margin: 10px 5px;

  padding: 0;

}



.gallery p img {

  margin: 0;

  padding: 0;

}



p img{

  float: left;

  margin: 0 18px 18px 0;

}



#flash_background{

  width: 100%;

  height: 100%;

  top: 0;

  position: absolute;

  padding: 0;

  margin: 0;

  z-index: -1;

}

/* form contato */



body div.formcontainer{

  clear: both;

  overflow: hidden;

  width: 100%;

}



body div.formcontainer span.required {

  color: #FF0000;

}



body div.formcontainer p.error, body div.formcontainer p.important, body div.formcontainer p.information, body div.formcontainer p.success {

  border-top: 1px solid #E8E8DE;

  border-bottom: 1px solid #E8E8DE;

  color: #442;

  line-height: 250%;

  padding-left: 36px;

  width: 95%;

}



body div.formcontainer p.error {

  background: #f5f5f5 url('error.png') no-repeat 12px 50%;

}



body div.formcontainer p.important {

  background: #f5f5f5 url('important.png') no-repeat 12px 50%;

}



body div.formcontainer p.information {

  background: #f5f5f5 url('information.png') no-repeat 12px 50%;

}



body div.formcontainer p.success {

  background: #f5f5f5 url('success.png') no-repeat 12px 50%;

}



body div.formcontainer form.contact-form {

  clear: both;

  float: none;

  width: 100%;

}



body div.formcontainer form.contact-form fieldset {

  background: #fff;

  color: #333333;

  margin: 0.5em 0 1.5em 0;

}



body div.formcontainer form.contact-form fieldset legend {

  text-transform: uppercase;

}



body div.formcontainer form.contact-form fieldset div.form-label {

  display: block;

  float: none;

  line-height: 150%;

  margin: 0.5em 0 0 0;

  padding: 0;

  text-align: left;

  width: 100%;

}



body div.formcontainer form.contact-form fieldset div.form-label label, body div.formcontainer form.contact-form fieldset div.form-option label {

  cursor: pointer;

  line-height: 100%;

}



body div.formcontainer form.contact-form fieldset div.form-input, body div.formcontainer form.contact-form fieldset div.form-textarea {

  display: block;

  float: none;

  margin: 0.2em 0 0 0;

  width: 100%;

}



body div.formcontainer form.contact-form fieldset div.form-input input, body div.formcontainer form.contact-form fieldset div.form-textarea textarea {

  padding: 0.3em;

  width: 97%;

}



body div.formcontainer form.contact-form fieldset div.form-textarea textarea {

  overflow: auto;

}



body div.formcontainer form.contact-form fieldset div.form-input input.error {

  background-color: #FBF4E2;

}



body div.formcontainer form.contact-form fieldset div.form-input input.optional {

  margin-bottom: 0.2em;

}



body div.formcontainer form.contact-form fieldset div.form-option, body div.formcontainer form.contact-form fieldset div.form-submit {

  display: block;

  float: none;

  margin: 1em 0 0 0;

  width: 100%;

}



body div.formcontainer form.contact-form fieldset div.form-submit input {

  cursor: pointer;

  padding: 0.5em 2em;

}



#portfolio {

  width: 920px;

  margin-left: 10px;

  float: left;

}



#portfolio h1{

  border-bottom: dotted 1px #ccc;

}



#portfolio p img {

  margin: 0 18px 0 0;

}



#portfolio ul{

  margin:0;

  list-style-type: none;

  clear:both;

}



#portfolio li{

float:left;

  margin:0 18px 18px 0;

  list-style-type: none;

}





.portfolio_item {

  min-height: 180px;

  margin: 20px 0 0 0;

  border-bottom: dotted 1px #ccc;

}



.primaria{

  width: 540px;

  margin-right: 50px;

  float: left;

}



.secundaria{

  width: 300px;

  float: left;

}

/* rss box */



#rss_buttons{

  position: relative;

  width: 160px;

  margin: 0 auto;

  padding-left: 800px;

  z-index: 1;

}



#rss_buttons a{

  display: block;

  float: left;

  text-indent: -9000px;

  width: 85px;

  height: 86px;

  margin-bottom: -25px;

}



#twitter_btn{

  background: url(images/twitter-icon.png) no-repeat top center;

}



#rss_btn{

  background: url(images/rss-icon.png) no-repeat top center;

  margin-left: -15px;

}



/* Slider



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



#slider {

	margin:0;

	padding:0;

	list-style:none;

}

#slider ul, #slider li {

	margin:0;

	padding:0;

	list-style:none;

}

/*

    define width and height of list item (slide)

    entire slider area will adjust according to the parameters provided here

*/

#slider li {

	width:330px;

	height:170px;

	overflow:hidden;

}

#slider img{

  margin:0;

  padding:0;

}

p#controls {

	margin:0;

	position:relative;

}

#prevBtn, #nextBtn {

	display:block;

	margin:0;

	overflow:hidden;

	width:46px;

	height:45px;

	position:absolute;

	left:-26px;

	top:-100px;

    visibility: hidden;

}

#nextBtn {

	left:300px;

}

#prevBtn a {

	display:block;

	width:46px;

	height:45px;

	background: url(images/l_arrow.gif) no-repeat 0 0;

}

#nextBtn a {

	display:block;

	width:46px;

	height:45px;

	background: url(images/r_arrow.gif) no-repeat 0 0;

}







.addthis_toolbox.addthis_pill_combo a {

    float: left;

}

.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,

.addthis_toolbox.addthis_pill_combo a.addthis_counter {

    margin-top: -2px;

}

.addthis_button_compact .at15t_compact {

    margin-right: 4px;

    float: left;

}


.alignleft{float:left}