/*
Theme Name:        Jornal Já Theme
Theme URI:        http://jornalja.com.br
Description:            Design & HTML/CSS by Jornal Já, CMS+CSS by Nando Pereira & Rogério Mosimann.
Version:        1.1
Author:            Jornal Já
Author URI:        http://jornalja.com.br/
*/

/* Import other stylesheets

-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
#centerbar .publicidade { display:none }

.alignleft { float:left; }
.tfe { margin: 5px 10px 1px 0; }
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}



/* Styles for layout

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

.clear    {
    clear:both;
}


.right    {
    float: right;
}


.left    {
    float: left;
}

.orange {
        color: #f90;
}

.data {
       font-size:0.9em;
}

.atualizado {
        font-size:0.9em;
        text-align:right;
} 
/* Leftbar Navigation */

.nav ul {
        margin-top: 4px;
        padding-left: 0;
        list-style-type: none;
}

.nav a {
        display: block;
        padding: 2px 2px 2px 4px;
        background-color: #f1f1f1;
        border-bottom: 2px solid #fff;
}


.nav a:link, .navlist a:visited {
        color: #000;
        text-decoration: none;
}

.nav a:hover {
        background-color: #e4e4e4;
        color: #000;
} /* Set up the document
-----------------------------------------------------------------------------*/

body    {
    font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    text-align:center;
}

#wrapper {
    width: 978px; /* Set page width here - you can also use percentage */
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background: url(../images/bg_wrapper.png) repeat-y;
} /* Typography
-----------------------------------------------------------------------------*/

h1    {
    font-size: 2.0em; /* Equivalent to 20pt */
}

#leftbar h1 {
    margin: 20px 10px 6px 14px;
    padding-left:2px;
    font-size: 1.2em; /* Equivalent to 14pt */
    background-color:#d7d7d7;
    border: 1px dotted #999;
    }

h2    {
    font-size: 1.6em; /* Equivalent to 16pt */
}

h3    {
    font-size: 1.0em; /* Equivalent to 10pt */
    background-color:#e4e4e4;
    border-top: 1px dotted #999;
    padding:2px;
}  

#rightbar h3    {
	font-size: 1.4em; /* Equivalent to 14pt */
	background-color:#f90;
	border-top: 1px dotted #666;
	padding:2px;
	color: #fff;
}  

#coberturas h3    { 
    font-size: 1.4em; /* Equivalent to 14pt */ 
    background-color:#f90; 
    color:#fff; 
    border-top: 1px dotted #666; 
    padding:2px; 
}  

h4    { 
    font-size: 1.6em; /* Equivalent to 18pt */ 
}  

h5    { 
    font-size: 1.4em; /* Equivalent to 14pt */ 
}  

p, q, cite 
    { 
    font-size: 1.2em; /* Equivalent to 12pt */ 
}  

ul, ol, dl    { 
    list-style: none; 
    font-size: 1.0em; /* Equivalent to 10pt */ 
}  

li, dd, dt    { 
    font-size: 1.0em; /* Equivalent to 10pt */ 
}  #assuntos 
ul, ol, dl    { 
    list-style: none; 
    font-size: 1.0em; /* Equivalent to 10pt */ 
}  

li, dd, dt    { 
    font-size: 1.0em; /* Equivalent to 10pt */ 
} 
/* Header 
-----------------------------------------------------------------------------*/ 
#header { 
        padding-top:15px; 
    width:968px; 
    clear:both; 
    background: url(../images/bg_header.png) top left no-repeat; 
    }    /* Navigation 
-----------------------------------------------------------------------------*/  

/* Header Navigation */  

#header ul { 
    z-index: 999999; 
        margin:0; padding: 0; 
        list-style:none; 
    right: 0; 
    bottom: 1px !important; bottom: 0; 
}  

#header li { 
   display:inline; 
   margin: 0px; 
   padding:0; 
}  

#header li a { 
   float:right; 
   background: url(../images/tableft.png) no-repeat left top; 
   margin:0 0 0 3px; 
   padding:0 0 0 14px; 
   text-decoration:none; 
}  

#header a span { 
   float:left; 
   display:block; 
   background: url(../images/tabright.png) no-repeat right top; 
   padding:6px 18px 3px 4px; 
   color: #000; 
}  

/* Commented Backslash Hack hides rule from IE5-Mac \*/  

#header a span {float:none;}  

/* End IE5-Mac hack */  

#header a:hover span { 
    color:#ff6600; 
}  

#header a:hover { 
   background-position:0% -30px; 
} 
#header a:hover span { 
   background-position:100% -30px; 
} 
#header #current a { 
   background-position:0% -30px; 
    color: #ff6600; 
} 
#header #current a span { 
   background-position:100% -30px; 
    color: #ff6600; 
}  

/* Leftbar Navigation */  

.leftbar-nav ul { 
margin-left: 10px; /* changed from 14px */ 
margin-right: 10px; 
padding-left: 0; 
list-style-type: none; 
}  

.leftbar-nav a { 
display: block; 
padding: 2px 2px 2px 4px; 
background-color: #d7d7d7; 
border-bottom: 2px solid #e4e4e4; 
}  

.leftbar-nav a:link, #leftbar-navlist a:visited { 
color: #000; 
text-decoration: none; 
}  

.leftbar-nav a:hover { 
background-color: #cacaca; 
color: #000; 
}    /* linkages 
-----------------------------------------------------------------------------*/ 
#leftbar a { 
display: block; 
padding: 2px 2px 2px 4px; 
background-color: #d7d7d7; 
border-bottom: 2px solid #e4e4e4; 
}  

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

#leftbar a:hover { 
background-color: #cacaca; 
color: #000; 
}  

#rightbar p a { 
padding: 2px; 
text-decoration:none; 
}  

#rightbar p a:link, #rightbar a:visited { 
color: #ff6600; 
text-decoration: none; 
}  

#rightbar p a:hover { 
background-color: #ebebeb; 
color: #000; 
}  

#centerbar p a { 
padding: 2px; 
text-decoration:none; 
}  

#centerbar p a:link, #leftbar a:visited { 
color: #000; 
text-decoration: none; 
}  

#centerbar p a:hover { 
background-color: #ebebeb; 
color: #000; 
}  

#centerbar a:hover { 
background-color: #ebebeb; 
color: #000; 
}  

#centerbar h1 a { 
text-decoration:none; 
}  

#centerbar h1 a:link, #centerbar a:visited { 
color: #ff6600; 
text-decoration: none; 
}  

#centerbar h1 a:visited { 
color: #ff6600; 
text-decoration: none; 
}  

#centerbar h1 a:hover { 
color: #f90; 
}  

#centerbar h2 a { 
text-decoration:none; 
}  

#centerbar h2 a:link, #leftbar a:visited { 
color: #000; 
text-decoration: none; 
}  

#centerbar h2 a:hover { 
color: #f90; 
}    /* Footer 
-----------------------------------------------------------------------------*/ 
#footer { 
    width:978px; 
    padding: 0 0 12px 185px; 
    clear:both; 
        color:#999; 
    }    /* Homepage 
-----------------------------------------------------------------------------*/ 
#leftbar { 
    width:157px; 
    float:left; 
    }  

#rightbar { 
    width:334px; /* original was 334px */ 
    float:left; 
    } 
#centerbar { 
    width:467px; /* changed from 477px 010808 */ 
    float:left; 
    }  

/* Your template 
-----------------------------------------------------------------------------*/  

#leftbar p { 
margin: 4px 10px 0 14px; 
padding-left: 0; 
font-size:1.0em; 
}  

#ultimas { 
margin-left:10px; 
width:150px; 
float: right; 
}  

#principal { 
margin-left:5px; 
margin-bottom:16px; 
width: 296px; 
float:left; 
}  

#principalinternas { 
width: 437px; 
}  

#ideias { 
margin:0 10px 16px 10px; /* changed from 0 20px 16px 20px on 010808 */ 
}  

#coberturas { 
margin:0 10px 16px 10px; /* changed from 0 20px 16px 20px on 010808 */ 
}  

#lancamentos { 
margin:0 10px 16px 10px; /* changed from 0 20px 16px 20px on 010808 */ 
}  

#foto { 
margin:12px 10px 16px 10px; /* changed from 12px 20px 16px 20px */ 
}  

.manchetes { 
margin-top:5px; /* margin-top added 060308 */ 
margin-left:0px; /* changed from 20px, cause: bleeding the centerbar */ 
margin-bottom:16px; 
clear:both; 
}  

.manchetes1 { 
margin-left:20px; 
margin-bottom:16px; 
clear:none; 
}    #categorias { 
margin-left:20px; 
margin-bottom:16px; 
clear:both; 
}  

.publicidade{ 
margin-left:10px; /* changed from 20px in 010808 */ 
margin-bottom:16px; 
}  

#olho { 
font-size:1.0em; 
}  

.upper { 
font-size: 16pt; 
text-transform:uppercase; 
}    /* Forms 
-----------------------------------------------------------------------------*/  

input.text    { 
    margin: 2px; 
    padding: 2px; 
    height:1.1em; 
    border-top: 1px solid #999999; 
    border-right: 1px solid #000; 
    border-left: 1px solid #999; 
    font-size:1.0em; 
}  

#leftbar input.text { 
        margin-left:14px; 
}  

    .button { 
    margin: 2px; 
    padding: 2px; 
    background-color:#f90; 
    color:#ccc; 
    font-size:1.0em;}    .default input { 
                        border: 1px; 
                        border-color: #ccc; 
}    /* Tables 
-----------------------------------------------------------------------------*/  

table    { 
      border-spacing: 0; 
    border-collapse: collapse; 
}  

td    { 
      text-align: left; 
    font-weight: normal; 
}  

/* CSS FROM THE JORNAL JÁ TEAM -----------------------------------------------*/  

#singlepost    { 
      width: 300px; 
}        /* CSS FROM ORIGINAL THEME STYLESHEET -----------------------------------------------*/    /*---:[ content styles ]:---*/  

.entry { font-size: 1.0em; }  

.entry blockquote { font-size: 1.0em; }  

.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }  

.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }  

.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }  

.entry p { margin: 0 0 1.5em 0; 
/* padding-top: 2.0em; atributo retirado em 060308 por excesso de produção de espaço vertical entre os parágrafos */ 
}  

.entry ul, .entry ol { margin: 0 0 1.5em 40px; }  

.entry ul { list-style-type: square; }  

.entry li { margin: 0 0 0.5em 0; }  

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }  

.entry dl { margin: 0 0 1.5em 0; }  

.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }  

.entry dd { margin: 0 0 1.5em 20px; }  

.entry .ad { margin: 0 0 0.5em 15px; float: right; }  

.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }  

.entry img { }  

.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }  

.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }  

.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }  

.entry img.off { padding: 0 !important; border: none !important; }  

.entry img.stack { clear: none !important; }  

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }  

.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }  

.tagged a:hover { color: #fff; background: #333; text-decoration: none; }  

.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }  

.thumbdir { 
padding: 2px; 
margin: 0px 0px 0px 0px; 
float: right; 
clear: both; 
border: 1px; 
border-color: #333; 
}  

.thumbesq { 
padding: 2px; 
margin: 0px 10px 0px 0px; 
float: left; 
clear: both; 
border: 0px; 
border-color: #333; 
}  

/*---:[ core layout elements ]:---*/  

#container { 
         width: 980px; 
         margin: 15px auto 0 auto; 
}  

#content_box { 
         width: 978px; 
         text-align: left; 
         float: left; 
         clear: both; 
}  

#content { 
         width: 457px; /* it was 553px and it was bleeding, and then changed again 010808 from 467px */ 
         padding: 0 0 0 0px; /* last number was 20px, it was also bleeding */ 
         /* margin-left: 200px; */ 
         float: left; 
}  

#sidebar { 
         width: 210px; 
         padding: 0 0 0 15px; 
         float: right; 
}  

#l_sidebar { 
         width: 157px; 
         padding: 0 0 0 15px; 
         float: left; 
}  

#footer { 
         width: 970px; 
         padding: 1.2em 0 0 0; 
         border-top: 2px solid #ccc; 
         float: left; 
         clear: both; 
}  

/*---:[ comment styles ]:---*/  

#comments { width: 457px; float: left; clear: both; }  /* changed from 500px 020808 */

ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }  

ul#comment_list li.comment { width: 457px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }  /* changed from 500px 020808 */

ul#comment_list li.trackback { width: 427px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }  /* changed from 470px 020808 */

.comment_meta { margin: 0 0 1.2em 0; }  

.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }  

.trackback .comment_num { padding: 0 0 0 20px; }  

.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }  

.comment_num a:hover { color: #df0000; text-decoration: none; }  

.comment_meta strong { font-size: 1.6em; }  

.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }  

.comment .entry { padding: 0 15px; }  

.comment .entry p { margin: 0 0 1.0em 0; }    /*---:[ comment form styles ]:---*/  

#comment_form { width: 457px; padding: 1.0em 0 0 0; float: left; }  /* changed from 500px 020808 */

#comment_form p { padding: 0.6em 0; }  

#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }  

#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }  

#comment_form .text_area { width: 321px !important; }  

#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }  

#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }  

#comment_form p.subscribe-to-comments { font-size: 1.4em; }  

#comment_form p.subscribe-to-comments label { font-size: 1.0em; }    /*---:[ search form styles ]:---*/  

#search_form { }  

#search_form .search_input { width: 201px; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }  

li.widget .search_input { font-size: 1.1em !important; }  

#search_form .search_input:focus { 
border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
}    /* Advanced Search form, do PLUGIN! */  

/* 
#ctas_form { 
    text-align: left; 
} 
*/  

#ctas_form fieldset ul { 
    list-style: none; 
    margin: 5px 15px; 
    padding: 0; 
}  

#ctas_form fieldset { 
    border: 1px solid #777; 
    margin: 15px 0; 
    padding: 15px; 
}  

#ctas_form legend { 
    font-size: 1.1em; 
    font-weight: bold; 
}  

#ctas_form fieldset li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}  

/* 
#ctas_form fieldset li:before { /* for the default theme */ 
    content: ''; 
} 
*/  

#ctas_form input { 
    border: 1px solid #777; 
    background-color: #f9f9f9; 
    color: #444; 
}  

#ctas_form input:focus { 
    background-color: #fff; 
    color: #444; 
}  

#ctas_footer p { 
    font-size: 0.9em; 
    text-align: center; 
    margin-top: 25px; 
    border-top: 1px solid #888; 
}  

#ctas_month1, #ctas_month2, #ctas_year1, #ctas_year2 { 
    text-align: center; 
}  

/* End Advanced Search form */  

/* NEW CSS FROM JORNAL JÁ WEB */  

#content a:link, #content a:visited { 
color: #ff6600; 
}  

#content a:hover { 
color: #000; 
}    /* --- Fim do CSS ---*/