/*
Theme Name: Interferência 2
Description: Tema feito para o site Interferência
Author: Leo Germani
*/

body {
	font-size: 0.65em; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFF url('img/fundo_site.gif') no-repeat fixed top;
	color: #FFF;
	padding:0px;
	margin:0px;
	}

img{
border:0px;
}

a:link, a:visited, a:active{

font-weight:bold;
color: #F5EB28;
text-decoration:none;

}

a:hover{
font-weight:bold;
color: #FFF;
text-decoration:none;


}

h2{
padding:0px;
margin:0px;
}

.subTits{
font-weight:bold;
padding:3px;
}

/****************************** HEADER ****************************************/

#header{

	margin:30px 0px 30px 0px;
	background-color: #000;
	height: 100px;
	text-align: center;
	width: 100%;

}

#header_content{
	width: 630px;
	/*border: 1px solid red;*/
	margin: auto;
	text-align:left;
}

#header_pages{

	clear:both;
	float: right;
	/*margin-top: -5px;*/
}

#header_pages a:link,#header_pages a:visited,#header_pages a:active{
font-size:1.4em;
color: #FFF;

}

#header_pages a:hover{
	font-size:1.4em;
	color: #F5EB28;

}

#header_bottom{
	clear:both;
	margin-top: 10px;
	padding-top: 20px;
	

}

#header_pages li{
	display: block;
	float: left;
	margin-left: 15px;
	
}

#title{
	font-size:33px;
	color: #F5EB28;
	display: inline;
	float:left;
	/*clear:both;
	margin-top: 18px*/
}

#title img{
	margin-top: -15px;
}

#header_search{
	float: right;
	display: inline;
	border:1px solid white;
	margin-top:5px;
	/*margin-top: 25px;*/
}

#header_search input{
	color: #fff;
	background-color: #000;
	border: 0px;
}


/****************************** VIDEO ****************************************/


#video{
margin:auto;
width:795px;
height: 350px;
}

#video_player{
margin:auto;
width:500px;
background-color: #000;
float:left;
position:relative;
background-color:#000;
padding:5px;
}

.video_setas{

width:80px;
height:100px;
float:left;
margin-top:109px;
}
#seta_dir{
float:right;
}

#seta_esq{
float:left;
}

#video_title{
color: #F5EB28;
padding:8px;
font-weight:bold;
font-size:1.3em;

}

#video_title a{

font-size:0.6em;
color:#FFF;
margin-left:8px;
}

#video_title a:hover{
color: #F5EB28;
}
/*
#video_loading{
width:635px;
height:318px;
position:absolute;
z-index:10;
background-color:red;
top:0px;
left:0px;
}
*/


/*********************** HOME ***********************************/

#home_programas{
float:left;
width:500px;
padding:5px;
background-color:#000;
margin:10px 0px;
text-align:justify;
}

#home_programas.mosaico #mosaico .box{

	width: 95px;
	min-height:100px;
	height: auto !important;
	height:100px;

}

#home_programas.mosaico #mosaico .box img{

	width: 95px;
	

}

/****************************** POSTS ****************************************/


#container{
clear:both;
margin: 20px auto;
width: 1000px;
/*background-image: url(img/fundo_container2.gif);*/
overflow:hidden;

}

#posts {

	/*background-color: #000;*/
	width: 470px;
	margin-bottom: 10px;
	padding:5px;
	min-height: 100%;
	float:right;
	background-color:#000;
	font-size:1em;

}


.post h2 a, .post h2, .post h2 a:hover {

font-weight:normal;
font-size:1.2em;

}

.post{
margin-top:20px;
border-bottom: 1px dashed #8f8e8e;
}

.postmetadata, .postmetadata a{
color:#8f8e8e;
}

.postmetadata a:hover{
color:#FFF;
}

.entry{
font-size:1.2em;
}

/****************************** PAGINA ****************************************/



#container-pag{
clear:both;
margin: 20px auto;
width: 1000px;

overflow:hidden;
}

#pagina{

float:right;
width:580px;
background-color:#000;
min-height:500px;
padding:15px;

}

#pagina h2{
float:right;
margin-bottom:20px;

}

#pagina .entry {
clear:both;

}

/******************************** MOSAICO ****************************************/

#container.mosaico{

background-color:#000;

}

#mosaico{
padding:20px;
overflow:hidden;
}

#mosaico .box{
float:left;
width:120px;
padding:5px;
margin-right:15px;
margin-bottom:10px;
font-size:1.1em;
border: 2px solid #F5EB28;
min-height:120px;
height: auto !important;
height:120px;
}

#mosaico .box:hover{
cursor:pointer;
border: 2px solid #FFF;

}

#mosaico h2{

color:#F5EB28;
margin-bottom:14px;


}

/****************************** COMMENTS ****************************************/



.commentlist li{

border-bottom: 1px solid white;
}

#comment{
width:450px;
border: 0px;
color:#FFF;
background-color:#000;
}

.comment_inputs{
width:450px;
border: 1px solid white;
margin-bottom: 10px;
}

#comment_name input{
width:390px;
border: 0px;
color:#FFF;
background-color:#000;
}

#comment_info input{
width:130px;
border: 0px;
color:#FFF;
background-color:#000;
}




/****************************** SIDEBAR ****************************************/




.sidebar{
/*background-color:#000;*/
clear:both;
padding: 5px;
min-height: 100%;
background-color:#000;
margin-top:10px;
overflow:hidden;
}

.sidebar h2{
	color: #F5EB28;
	font-weight: normal;
	font-size:1.1em;
}

.sidebar ul{
	padding: 0px 0px 0px 4px;
	list-style-type: none;
	line-height:1.3em;
	font-weight:bold;
	text-align:left;
	

}

.widgetready{
float:left;
margin-right:25px;
}

.sidebar ul li{
margin: 0px;
padding:0px;
text-align:left;
font-size:1.3em;

}
.sidebar a:link,.sidebar a:visited,.sidebar a:active{
font-weight: normal;
color: #FFF;
font-size:0.7em;

}

.sidebar a:hover{
font-weight: normal;
	color: #F5EB28;
	font-size:0.7em;

}

/************************** RODAPE ***********************************/

#footer{
background-color:#000;
width:1000px;
margin:auto;
color:#FFF;
font-weight:bold;
margin-top:10px;
text-align:center;
padding-top:15px;
color:#8f8e8e;
}

#footer a, #footer a:hover{
color:#8f8e8e;
}
