/*
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
-----------------------------------------------------------------------------*/

*
    {
    margin: 0;
    padding: 0;
    border: 0;
}



/* Styles for layout

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

.clear    {
    clear:both;
}


.right    {
    float: right;
}


.left    {
    float: left;
}

.data {
       font-size:0.9em;
}

.atualizado {
        font-size:0.9em;
        text-align:right;
} 


/* 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;
    
} 
/* 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.2em; /* Equivalent to 10pt */
    background-color:#e4e4e4;
    border-top: 1px dotted #999;
    padding:2px;
}  

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

#coberturas h3    { 
    font-size: 1.4em; /* Equivalent to 14pt */ 
    background-color:#169904; 
    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.1em; /* Equivalent to 10pt */ 
}  

#rightbar 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:977px; 
    clear:both; 
    /*background: url(../images/logo-cabecalho.gif) top left no-repeat;*/
    }    /* Navigation 
-----------------------------------------------------------------------------*/  
/* Header2 
-----------------------------------------------------------------------------*/ 
#headerespecial { 
    padding-top:15px; 
    width:500px; 
    clear:both; 
    }   
	
	 /* Navigation 
-----------------------------------------------------------------------------*/  

/* Leftbar Navigation */  

.leftbar-nav ul { 
margin-left: 0px; /* 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: ; 
border-bottom: 2px solid #d7d7d7; 
}  

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

#leftbar-nav a:visited { 
color: #169904; 
text-decoration: none; 
}  

.leftbar-nav a:hover { 
background-color: #ffffff; 
color: #000; 
}    

/* linkages 
-----------------------------------------------------------------------------*/ 
#leftbar a { 
display: block; 
padding: 2px 2px 2px 4px; 
background-color: #; 
border-bottom: 2px solid #d7d7d7; 
}  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#centerbar h2 a:hover { 
color: #169904; 
}   

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

#centerbar a:link { 
text-decoration:none; 
color: #000; 
} 

#centerbar a:hover { 
background-color: #ebebeb;
text-decoration:none; 
} 

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

 /* Footer 
-----------------------------------------------------------------------------*/ 
#footer { 
    width:978px; 
    padding: 0 0 12px 185px; 
    clear:both; 
    color:#999; 
    } 
	
	   /* Homepage 
-----------------------------------------------------------------------------*/ 
#leftbar { 
    width:150px; 
    float:left; 
    }  

#rightbar { 
    width:337px; /* original was 334px */ 
    float:right; 
	margin-left:10px; 
    } 
#centerbar { 
    width:470px; /* 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:140px; 
float: right; 
}  

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

#principalinternas { 
width: 437px; 
}  

#rightmenu {

	position: absolute;
	top: 220px;
    width: 337px; 
}

#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 */ 
}  

#space-dir-bot { 
margin:0px 10px 15px 0px; /* changed from 0 20px 16px 20px on 010808 */ 
}  

#foto { 
margin:0px 0px 0px 0px; /* 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:#169904; 
    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 JCOND TEAM -----------------------------------------------*/  

.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: 977px; 
         text-align: left; 
         float: left; 
         clear: both; 
}  

#content { 
         width: 500px; /* 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: 150px; 
         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;
		 position:relative; 
}  

/*---:[ 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 JCOND WEB */  

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

#content a:hover { 
color: #000; 
}  

#home-slideshow {

	position: absolute;

	height: 200px;

	width: 300px;


}

#menuhorizontal { 
text-decoration:none;
padding: 0px 0px 0px 48px;
margin-bottom: 10px;
text-transform: uppercase;
position: absolute;
top: 80px;
}  

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

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


  /* --- Fim do CSS ---*/
  
  * {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
} .clear {
    clear: both;
} #menu {
    background: #fff;
    padding: 5px 0;
} #menu ul {
    list-style: none;
}

ul.principal {
    width: 337px;
    height: 50px;
    margin: 0 auto;
}

ul.principal li {
    float: left;
    margin: 0 0 0 10px;
    text-align: center;
    position: relative;
    height: 30px;
    background: transparent;
}

ul.principal li:first-child, ul.principal li#first {
    margin-left: 0;
}

ul.principal li a {
    color: #FFF;
    display: block;
    background: url(../Imagens/botao.png) top center;
    padding: 5px 0 0 0;
    width: 300px;
    height: 25px;
    font-weight: bold;
}

ul.principal li a:hover {
    text-decoration: none;
}

ul.principal li:hover a, ul.principal li.over a {
    background: url(../Imagens/botao.png) 0 -20px;
}

ul.principal li.selecionado a {
    background: url(../Imagens/botao.png) 0 -64px;
}

ul.principal li ul.nivel2 {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 30px;
    border: 1px solid #000;
    border-top: none;
    display: none;
    width: 300px;
}

ul.principal li:hover ul.nivel2, ul.principal li.over ul.nivel2 {
    display: block;
}

ul.principal li ul.nivel2 li {
    margin: 0;
    height: 18px;
}

ul.principal li ul.nivel2 li a {
    width: 150px;
    background: #EEE url(../Imagens/fundo_nivel2.png) top;
    color: #000;
    height: 18px;
    margin: 0;
    padding: 2px 0 2px 2px;
    text-align: left;
    border-top: 1px solid #000;
    font-weight: normal;
}

ul.principal li ul.nivel2 li a.submenu {
    background: #EEE url(../Imagens/fundo_nivel2_sub.png) top;
}

ul.principal li ul.nivel2 li:hover a, ul.principal li ul.nivel2 li.over a {
    background: #DDD url(../Imagens/fundo_nivel2.png) bottom;
}

ul.principal li ul.nivel2 li:hover a.submenu, ul.principal li ul.nivel2 li.over a.submenu {
    background: #DDD url(../Imagens/fundo_nivel2_sub.png) bottom;
}

ul.principal li ul.nivel2 li ul.nivel3 {
    position: absolute;
    left: 150px;
    top: 0;
    border: 1px solid #000;
    border-top: none;
    display: none;
}

ul.principal li ul.nivel2 li:hover ul.nivel3, ul.principal li ul.nivel2 li.over ul.nivel3 {
    display: block;
}

ul.principal li ul.nivel2 li ul.nivel3 li {
    height: 18px;
}

ul.principal li ul.nivel2 li ul.nivel3 li a {
    background: #FFF url(../Imagens/fundo_nivel3.png) top;
    font-size: 10pt;
    height: 16px;
}

ul.principal li ul.nivel2 li ul.nivel3 li:hover a, ul.principal li ul.nivel2 li ul.nivel3 li.over a {
    background: #169904 url(../Imagens/fundo_nivel3.png) bottom;
}