/*
Theme Name: Feijoada APP
Theme URI: http://www.luigitricoli.com.br
Description: 
Version: 1.0
Author: Luigi tricoli
Author URI: http://www.luigitricoli.com.br
*/

*{
	border:0;
	padding:0;
	margin:0;
	text-indent:0;
	font: 12px Arial, sans-serif;
}


@font-face {
    font-family: "Helvetica75";
    src: url(includes/helvetica75.eot); /* para IE */
    src: local("includes/helvetica75"), url("includes/helvetica75.ttf");
}

@font-face {
    font-family: "MyriadPro";
    src: url(includes/myriadpro-bold-webfont.eot); /* para IE */
    src: local("includes/MyriadPro-Bold"), url("includes/MyriadPro-Bold.otf");
}

body, html {
	heigth: 100%;
}

#all {
    background: url(images/bg_main.jpg);
	width: 100%;
    min-width: 980px;
}

#container_content {
    width: 980px;
    margin: 0 auto;
    
}

#container_header {
    background: url(images/bg_top.png) no-repeat;
    width: 100%;
    height: 398px;
    position: relative;
}

#player {
    text-align: center;
}

.title_blog {
    float: left;
    position: absolute;
    top: 240px;
    left: 50%;
    margin-left: -190px;
    z-index: 9999999;
}

.title_blog a{
    background: url(images/bt_feijoada_app.png) no-repeat;
    width: 172px;
    height: 170px;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
}

.date_local {
    background: url(images/data_local.png) no-repeat;
    position: absolute;
    width: 235px;
    height: 93px;
    text-indent: -9000px;
    overflow: hidden;
    right: 46px;
    top: 123px;
}

#hovers {
    border: blue 1px solid;
    width: 523px;
    height: 42px;
    position: absolute;
    z-index: 99999;
    right: 43px;
    top: 305px;
}

#menu {
    background: #e11918;
    width: 523px;
    height: 42px;
    position: absolute;
    z-index: 999999;
    padding-top: 4px;
    right: 43px;
    top: 305px;
}

#menu ul {
    list-style: none;  
}

#menu ul li {
    background: #e11918;
    float: right;
    margin-right: 50px;     
}

#menu ul li a.about{
    background: url(images/bt_sobre.png) no-repeat;
    display: block;
    height: 36px;
    width: 108px;
    overflow: hidden;
    text-indent: -9000px;
    position: relative;
    z-index: 999999;  
}

#hovers #hover_about{
    background: url(images/hover_feijao.png) no-repeat;
    width: 73px;
    height: 71px;
    float: left;
    position: absolute;
    top: -61px;
    left: 100px;
    display: block;
	opacity:0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);    
}

#menu ul li a.t-shirt{
    background: url(images/bt_camisa.png) no-repeat;
    display: block;
    height: 36px;
    width: 104px;
    overflow: hidden;
    text-indent: -9000px;
    position: relative;
    z-index: 999999;    
}

#hovers #hover_t-shirt{
    background: url(images/hover_camisa.png) no-repeat;
    width: 113px;
    height: 71px;
    float: left;
    position: absolute;
    top: -61px;    
    display: block;
    left: 230px;
	opacity:0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0); 
}

#menu ul li a.photo{
    background: url(images/bt_fotos.png) no-repeat;
    display: block;
    height: 36px;
    width: 80px;
    overflow: hidden;
    text-indent: -9000px;
    position: relative;
    z-index: 999999;    
}

#hovers #hover_photo{
    background: url(images/hover_fotos.png) no-repeat;
    width: 91px;
    height: 71px;
    float: left;
    position: absolute;
    top: -61px;
    display: block;
    left: 390px;
	opacity:0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

#menu ul li a.ticket{
    background: url(images/bt_ingressos.png) no-repeat;
    display: block;
    height: 36px;
    width: 116px;
    overflow: hidden;
    text-indent: -9000px;
    position: relative;
    z-index: 999999;    
}

#hovers #hover_ticket{
    background: url(images/hover_ingresso.png) no-repeat;
    width: 78px;
    height: 71px;
    float: left;
    position: absolute;
    top: -61px;
    margin-left: 7px;
    display: block;
    left: 490px;
	opacity:0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

#hovers span.active{
    top: -71px !important;
	opacity:1.0 !important;
	-moz-opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
}

#social {
    position: absolute;
    bottom: 5px;
    height: 31px;
    margin-left: 50px;
}

#social h4 {
    display:none;
}

#social ul {
    list-style: none;
}

#social ul li {
    float: left;
    margin-right: 13px;
}

#social ul li a.bt_twitter {
    background: url(images/bt_twitter.gif) no-repeat;
    width: 72px;
    height: 31px;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
}

#social ul li a.bt_youtube {
    background: url(images/bt_youtube.gif) no-repeat;
    width: 54px;
    height: 31px;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
}

#social ul li a.bt_flickr {
    background: url(images/bt_flickr.gif) no-repeat;
    width: 47px;
    height: 31px;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
}

#container_middle {
    background: url(images/bg_middle.png) repeat-y;
    padding: 30px 40px;
}

#suppor {
    background: url(images/bg_apio.jpg) no-repeat;
    width: 216px;
    min-height: 675px;
    float: right;
    margin-right: 6px;
    position: relative;
    top: -76px;
    z-index: 99999;
    padding: 12px 0 0 16px;
}

#suppor h4.apoio{
    background: #000;
    font: 17px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    padding: 0px 5px;
    color: #fff;
    width: 51px;
    height: 20px;
}

#suppor h4.patrocinio{
    background: #000;
    font: 17px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    padding: 0px 5px;
    color: #fff;
    width: 96px;
    height: 20px;
}

#suppor h4.realiza{
    background: #000;
    font: 17px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    padding: 0px 5px;
    color: #fff;
    width: 97px;
    height: 20px;
}

#suppor .hr {
    border-top: #979797 1px dashed;
    height: 1px;
    width: 152px;
    position: relative;
    top: -1px;
    left: 63px;    
}

#suppor .hr hr {
    display: none;
}

#suppor ul {
    list-style: none;
    padding: 12px 0 0 5px;
}

#suppor ul li {
    float: left;
    margin: 0 0 15px 5px;
    
}

.title_section {
    font: 46px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-left: 37px;
    line-height: 55%;
}

.title_section span{
    color: #e11918;
    font: 30px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
}

#container_list_posts {
    list-style: none;
    margin: 20px 0 0 37px;
    width: 581px;
    min-height: 1300px;    
}

#container_list_posts li .title_post{
    font: 24px Arial, sans-serif;
    color: #000;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 10px;
    text-decoration: none;
}

#container_list_posts li a.title_post:hover {
    text-decoration: underline;
}

#container_list_posts li .date_post{
    background: #000;
    font: 11px Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    width: 50px;
    height: 45px;
    text-align: center;
    float: left;
    margin: 6px 0 0 -62px;
    text-transform: uppercase;
}

#container_list_posts li .content_post{
    position: relative;
    top: 5px;
    padding-bottom: 5px;
}

#container_list_posts li .date_post span {
    font-size: 22px;
    font-weight: bold;
}

#container_list_posts li p {
    color: #000;
    font: 13px Arial, sans-serif;
    margin: 10px 0;
}

#container_list_posts li .bt_comentaries {
    margin-top: 20px;
}

#container_list_posts li .bt_comentaries a{
    background: #000;
    color: #ed1b24;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
}

#container_list_posts li .bt_comentaries a span{
    color: #fff;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#container_list_posts li .bt_comentaries.float {
    float:right;
    margin-top: -2px;
}

#container_list_posts li .bt_comentaries a.btn_answer {
    color: #fff;
}

#container_list_posts li .comentary_current{
    font: 20px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    line-height: 55%;
    margin-bottom: 30px;
}

#container_list_posts li .comentary_current span{
    font: 20px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    color: #ed1b24;
    text-transform: uppercase;
    line-height: 55%;
}

#container_list_posts li.comentary h4{
    font: 16px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    color: #000;
    line-height: 55%;
}

#container_list_posts li.comentary .date_posted{
    font: 10px Arial, sans-serif;
    color: #ed1b24;
    font-weight: bold;
}

#container_list_posts li .hr {
    border-top: #979797 1px dashed;
    height: 1px;
    width: 100%;
    margin: 20px 0 27px;
}

#container_list_posts li .hr hr{
    display: none;
}

#container_list_posts li.container_form {
    position: relative;
    top: -10px;
}

#container_list_posts li.container_form h4{
    font: 18px  MyriadPro, 'Trebuchet MS', Arial, sans-serif;
    color: #000;
    margin-bottom: 15px;
}

#container_list_posts li.container_form input, textarea{
    border: 1px solid #000;
    padding: 5px;
    color: #7F7F7F;
    width: 485px;
}

#container_list_posts li.container_form label {
    display:block;
    float:left;
    width: 80px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

#container_list_posts li.container_form .submit {
    text-align: right;
    width: 578px;
}

#container_list_posts li.container_form .submit input {
    background: #000;
    color: #ed1b24;
    font: 14px Arial, sans-serif;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    width: auto;
}

#container_footer {
    background: url(images/bg_footer.png) no-repeat;
    height: 35px;
    padding: 21px 0 30px;
}

#container_footer address {
    font: 16px  Helvetica75, 'Trebuchet MS', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

a {
    color: #ed1b24;
}

.content_post span.subtitle {
    font-size: 20px;
    font-weight: bold;
}

.content_post span.subtitle_red {
    font-size: 15px;
    font-weight: bold;
    color: #e11918;
}

.content_post span.red {
    color: #e11918;
    font-weight: bold;
}

.content_post strong {
    font-weight: bold;
}

.content_post table tr td {
    vertical-align: top;
    color:#000000;
    font:13px Arial,sans-serif;    
}