/*
Theme Name: Clube do Jornal Homepage
Theme URI:
Description: Tema para o site principal do clube do jornal
Version: 0.1
Author: Tau Hacklab, Anderson Orui e Felipe Fagundes.
Author URI: 
Tags: 

*/

/********** RESET **********/
* {
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:baseline;
}

img {
  border:none;
}

.clearL {
	clear:left;
}

.clearR {
	clear:right;
}

.clear {
	clear:both;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/********** GERAL **********/
html {
  background:#ede0d3;
}

body {
  width:996px;
  margin:auto;
  font-family:Verdana;
}

h1 {
  font-size:24px;
}

h2 {
  font-size:20px;
}

h3 {
  font-size:18px;
}

h4 {
  font-size:16px;
}

h5 {
  font-size:14px;
}

h6 {
  font-size:12px;
}
/********** IMG WP Handling *************/

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/********** HEADER **********/
#header {
	position: relative;
}

#menu{
	
	top: 70px;
	left: 330px;
	position: absolute;
	
}
#menu li{
	height: 128px;
	cursor: pointer;
	float: left;

}

#menu li a {
	padding:0 99% 128px 0;
	display: block;
}
		
li#menu-proposta{
	width: 125px;
	background:url(images/menu.png);
	background-position: 0px 0px;
}
li#menu-proposta:hover{
	background:url(images/menu.png);
	background-position: 0px 126px;
}

li#menu-participantes{
	width: 165px;
	background:url(images/menu.png);
	background-position: -125px 0px;
}
li#menu-participantes:hover{
	background:url(images/menu.png);
	background-position: -125px 126px;
}

li#menu-institucional{
	width: 170px;
	background:url(images/menu.png);
	background-position: -296px 0px;
}
li#menu-institucional:hover{
	background:url(images/menu.png);
	background-position: -296px 126px;
}

li#menu-contato{
	width: 118px;
	background:url(images/menu.png);
	background-position: -466px 0px;
}
li#menu-contato:hover{
	background:url(images/menu.png);
	background-position: -466px 126px;
}

#home-link {
	
	padding: 0 0 125px 130px;
	position: absolute;
	top: 120px;
	left: 110px;
}

/********** FOOTER **********/

#footer {
  width:996px;
  
  height:126px;
  background:url(images/footer.png);
}


/********** CONTENT **********/
#content {
    width:915px;
    padding:0 10px 0 60px;
    background:url(images/content-pattern.jpg) repeat-y;
	overflow:hidden;
}

#left-content {
     width: 660px;
	 float: left;
	 overflow:hidden;
	 
}
/*********** ULTIMAS NOTICIAS *****/

#news {
	width:656px;
	height:325px;
	background:url(images/news.gif) no-repeat;
	padding-top: 15px;
	margin-bottom: -15px;
	position:relative;
}

	.news-row1 {
		float:left;
		width:250px;
		padding:50px 0 0 56px;
		margin-top: 0px;
	}

	.news-row2 {
		float:left;
		width:250px;
		padding:0px 0 0 56px;
	}

	.news-hr {
		width:250px;
		height:11px;
		margin:10px 0;
		background:url(images/news-hr.png) no-repeat;
	}
	
	#news-others {
		width:260px;
		padding:0px 0 0 56px;
		display: none;
	}
	
	#news-others-link {
		margin-top: 35px;
	}
	#news-others-link a{
		margin-left: 56px;
		padding:0 0 10px 166px;
		background:url(images/news-others.png) no-repeat;
    }
    
    #open-more-news {
        cursor: pointer;
        margin: 20px 50px;
		position: absolute;
		bottom: 25px;
		left: 0px;
    }

#news h2 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;          
}
	#news h2 a,
	#news h2 a:link,
	#news h2 a:visited {
	  color:#165fa2;
	  text-decoration:none;
	}
	#news h2 a:hover {
	  text-decoration:underline;
	}

#news p {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	color:black;
}
	#news p a,
	#news p a:link,
	#news p a:visited {
		color:black;
		text-decoration:none;
	}
	#news p a:hover {
		text-decoration:underline;
	}

#more-news {
	width:556px;
	height:260px;
	padding: 100px 50px 50px 55px;
	font-size:14px;
	color:#165fa2;        
	background:url(images/more-news.gif) no-repeat;
	display: none;
}

    #more-news ul {
        list-style-type: square;
    }
    
    #more-news ul li,
    #more-news ul li a:link,
    #more-news ul li a:visited
     {
        color: #165FA2;
        text-decoration: none;
    }
    #more-news ul li a:hover {
        text-decoration: underline;
    }

#news-archive {
	background:url(images/news-archive.png) no-repeat;
	width: 69px;
	height: 26px;
	position:absolute;
	top: 30px;
	right: 40px;
	
}
.more-icon-yellow{
	display:inline;
}
/************* EDIÇÕES ***********************/

#editions {
        width:632px;
        height:346px;
        margin:0 0 0 10px;
        background:url(images/editions.gif);
      }
      /* EDITIONS STRUCTURE */
      #left-arrow {
        float:left;
        width:35px;
        padding:200px 0 0 40px;
      }
      #editions-itens {     
          padding:110px 0 0 110px;
        }
        .editions-item {
          float:left;
          width:110px;
        }
        .editions-item img {
          width:100px;
          height:auto;
          padding:5px;
        }
      #right-arrow {
        float: left;
		padding: 90px 0 0 20px;
		width: 35px;
      }
	  
.editions-item {
        text-align:center;
      }
      .editions-item h1 {
          font-size:11px;
          margin:0;
          padding:0;
	  height: 28px;
        }
        .editions-item h1 a,
        .editions-item h1 a:link,
        .editions-item h1 a:visited {
          color:white;
          text-decoration:none;
        }
        .editions-item h1 a:hover {
          text-decoration:underline;
        }
      .editions-item p {
          font-family:Verdana;
          font-size:11px;
          margin:0;
          padding:0;
        }
        .editions-item p a,
        .editions-item p a:link,
        .editions-item p a:visited {
          color:white;
          text-decoration:none;
        }
        .editions-item p a:hover {
          text-decoration:underline;
        }
        
        .editions-arrows {
		    cursor: pointer;
		}

/********** JORNAL DOS JORNAIS ***************/

 #newspapers {
        margin:30px 0 0 0;
      }
      #newspapers-header {
        width:652px;
        height:142px;
        background:url(images/newspapers-header.gif);
      }
      #newspapers-body {
          width:649px;
          background:url(images/newspapers-body.gif);
		  overflow: hidden;
		  padding-bottom: 40px;
		  position:relative;
		  
        }
        .newspaper {
            clear:both;
            padding:10px 30px;
          }
          .newspaper-left {
            float:left;
            padding:0 10px;
          }
		  .newspaper-left img{
            
          }
      #newspapers-footer {
        width:648px;
        height:19px;
        background:url(images/newspapers-footer.gif);
		position: relative;
		
      }
	  
	  .newspaper h2 {
          font-size:14px;
          font-weight:normal;
          padding:0;
		  margin:0px 0 0 120px;
        }
        .newspaper h2 a,
        .newspaper h2 a:link,
        .newspaper h2 a:visited {
          color:#a61c1f;
          text-decoration:none;
        }
        .newspaper h2 a:hover {
          text-decoration:underline;
        }
		
		.newspaper p {
          margin:7px 0 0 120px;
          font-size:11px;
          padding:0;
        }
        .newspaper p a,
        .newspaper p a:link,
        .newspaper p a:visited {
          color:black;
          text-decoration:none;
        }
        .newspaper p a:hover {
          text-decoration:underline;
        }
		.newspaper span.p-grey {
			font-size:10px;
			color:#808285;
		  }
		  .newspaper span.a-red a, 
		  .newspaper span.a-red a:link, 
		  .newspaper span.a-red a:visited {
			color:#a61c1f;
			font-weight:bold;
		  }
		  .newspaper span.a-red a:hover {
			text-decoration:underline;
		  }

#newspaper-archive {
	background:url(images/btn-archive-blue.png) no-repeat;
	width: 86px;
	height: 36px;
	right: 80px;
	bottom: 0px;
	position: absolute;
}

.newspaper-nav {
    width: 35px;
    height: 37px;
    position:absolute;
    right: 40px;
}

#newspaper-nav-up {
    background:url(images/btn-up.gif) no-repeat;
    top: 0px;
}

#newspaper-nav-down {
    background:url(images/btn-down.gif) no-repeat;
    bottom: 0px;
}

.arrows {
    cursor: pointer;
}

/************ SINGLE *****************/
.internal .post {
	font-family: "Verdana";
	padding: 10px;
	padding: 0 30px 0 30px;
	overflow:hidden;	
	
}
.internal_body {
	
	text-align: justify;
	
}

.internal_body h2, .internal_body h3 {
    margin-bottom: 10px;
}

#internal_body{
	background: transparent url(images/base-pattern.gif) repeat-y;
	height: 1%;
}

.internal_header {
	background:url(images/base-pattern-header.gif) no-repeat;
	height: 70px;
	width: 655px;
}

.internal_footer {
	background:url(images/base-pattern-footer.gif) no-repeat;
	height: 70px;
	width: 655px;
	clear: both;
}

.internal .post h1,
.internal .post h2,
.internal .post h3,
.internal .post h4,
.internal .post h5,
.internal .post h6 {
  color:#165fa2;
 
}

.internal .post p {
  font-size:12px;
  color:#58595b;
  line-height:16px;
  
}
.internal .post a,
.internal .post a:link,
.internal .post a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#165fa2;
}
.internal .post a:visited,
.internal .post a:hover {
  text-decoration:underline;
}
.internal .post ul,
.internal .post ol {
  padding:0 0 0 15px;
}
.internal .post ul li,
.internal .post ol li {
  padding:2px 0;
}


/************PARTICIPANTES **********/
#lista_jornais .post {
	font-family: "Verdana";	
	padding: 0 50px 0 40px;
	text-align: justify;
	overflow:hidden;
}

#lista_jornais .post h1,
#lista_jornais .post h2,
#lista_jornais .post h4,
#lista_jornais .post h6 {
  color:#165fa2;
}

#lista_jornais .post h3{
	color: #525252;
	margin-bottom: 15px;
}

#lista_jornais .post h5 {
	color: #525252;
	font-weight: normal;
	margin-bottom: 10px;
}

#lista_jornais .post a,
#lista_jornais .post a:link,
#lista_jornais .post a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#165fa2;
}
#lista_jornais .post a:visited {
  text-decoration:underline;
}

#lista_jornais .edicao a,
#lista_jornais .edicao a:link,
#lista_jornais .edicao a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	background:url(images/download_button_bg.gif) no-repeat;
	padding: 3px 5px 14px 5px;
	font-size: 10px;
}

#lista_jornais .post ul,
#lista_jornais .post ol {
  padding:0 0 0 15px;
}
#lista_jornais .post ul li,
#lista_jornais .post ol li {
  padding:2px 0;
}

.edicao {
	float: left;
	height: 210px;
	width: 29%;
	text-align: center;
	padding: 0 10px;
}

.edicao img{
	height: 150px;
	width: 110px;
}

.select_local {
	height: 63px;
	width: 433px;
	background:url(images/fundo_busca.png) no-repeat;
	text-align: right;
	padding: 20px 0px 0px 0px;
	margin-left: 210px;
	
}

.select_local span {
	float: left;
	margin-left: 20px;
	color: #525252;
}

.select_local select{
	padding: 0 5px;
	margin: 0 25px 0 0;
	float: right;
}
.select_local #cidade_loader {
	float: left;
	margin: 3px 0 0 5px;
}
/***********COMMENTS*****************/

#comments {
	margin-top: 30px;
}

#comments h3{
	font-size: 18px;
	color: #165fa2;
}

.comment-author{
	background-color: #f8f8b0;
	height:32px;
	padding: 2px;
	margin: 16px 0;
}

.comment-author .fn{
	color: #165fa2;
	font-size: 14px;
}

.comment-author span{
	display:none;
}
.comment-author img{
	vertical-align: middle;
	display: inline;
	margin: 2px 3px;
}

.comment-meta {
	display: inline;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 10px;
	font-style: italic;
}
.comment-meta a{
	font-weight: normal !important;
}

.comment-body {
	position:relative;
}
/**wp**/
#commentform p {
	display: inline;
}

#commentform input {
	width: 133px;
	float: left;
	padding: 2px;
	margin: 10px 5px 1px 0;
	border: 1px #165fa2 solid;
	font-size: 10px;
}

#commentform {
	margin: 25px 0px 0 20px;
	font-size: 10px;
}

#commentform textarea {
	width: 535px;
	height: 70px;
	padding: 2px;
	border: 1px #165fa2 solid;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	background:url(images/btn-comment.gif) no-repeat;	
	border: none;
	height: 32px;
	width: 87px;
	cursor: pointer;
	float:right;
	margin: 5px 32px 1px 0;
}

/************ SIDEBAR ***************/
#right-content {
      float:right;
      width:200px;
	  margin-right: 50px;
    }

/******** ARCHIVE **************/

.navigation {
    clear: both;
	padding: 30px 30px 0 30px;
	height: 30px;
}

.navigation .alignleft a{
    background-image: url(images/btn-older.png);
    padding: 8px 66px;
    margin-left: 20px;
}

.navigation .alignright a{
    background-image: url(images/btn-newer.png);
    padding: 8px 66px;
    margin-right: 20px;
}