/*  
Theme Name: Livro de Mochila 2010
Version: 1.0
Description: Designed by Diego Dotta.
Author: Diego Dotta
Author URI: http://www.livrodemochila.com
*/

/* Default styles */
@import "reset.css";

/* Custom styles */

body {
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a {
	color:#42b2e3;
	text-decoration: none;
}



input, textarea { 
	font-family: Georgia, "Times New Roman", Times, serif;
	border:2px solid #777; 
	padding: 3px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	font-size: 20px;
}

input:focus, input:hover,
textarea:focus, textarea:hover { 
	border: 2px solid #42b2e3;
}

textarea {
	width: 100%;
}

input.btn {
	border:2px solid #777; 
	padding: 2px 3px;
}

p {
	padding: 5px 0;
}

blockquote {
	padding: 10px 40px;
}

/* IDs */

#site {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	min-width: 950px;
	background: #42b2e3 url('images/header.png') no-repeat center -10px;
}

#header{
	display: block;
	height: 250px;
}

#header:hover{
	background: transparent;
}



#conteudo{
	padding: 0 20px 20px 30px;
	text-align:center;
	background:  url('images/footer_kombi.jpg') no-repeat bottom center;
}

.limitador {
	width:900px;
	margin: 0 auto;
}

	#bagagens {
		text-align:center;
	}
	
	.chamada {
		color: #FFF;
		font-size: 60px;
		font-style: italic;
		margin-bottom:80px;
		opacity:0.3;
		filter:alpha(opacity=30);
		-moz-opacity:.3;
	}
	
	.chamada2 {
		color: #FFF;
		font-size: 60px;
		font-style: italic;
		margin-bottom:80px;
		opacity:0.7;
		filter:alpha(opacity=70);
		-moz-opacity:.7;
	}
	
	.nav-post{
		display: inline-block;
		margin-bottom:40px;
	}
	.nav-post a{
		display: inline-block;
		margin: 10px 1px;
		border:10px solid #FFF;

		line-height: 1;
		position:relative;
		text-align:center;
		text-decoration:none;
		background: #FFF;
		padding: 10px;
		 /* Round corner */
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		color: #42b2e3;
		opacity:0.5;
		filter:alpha(opacity=50);
		-moz-opacity:.5;
	}
	.nav-post a:hover{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
	}
	
	.nav-post span{
		font-size:20px;
		}
		
		a.mala,
		a.malaNota{
			height:180px;
			display: inline-block;
			margin: 10px 1px;
			border:10px solid #FFF;
			outline: none;
			line-height: 1;
			position:relative;
			text-align:left;
			text-decoration:none;
			 /* Round corner */
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;

		}
		
		a.malaNota {
			height: auto;
		}
		
		a.mala:hover,
		a.malaNota:hover{
			/* border-color: #1e87b5; */
			-moz-box-shadow: 0 0 30px #42b2e3;
			-webkit-box-shadow: 0 0 30px #42b2e3;
			z-index:9999;
			
		}
		
		a.mala span.imgOut {
			display:block;
			position: absolute;
			left:0;
			top:0;
			height:100%;
			width:100%;
		}
		
		a.mala span.imgOver {
			opacity:0.2;
			filter:alpha(opacity=20);
			-moz-opacity:.2;
			display:block;
			position: absolute;
			left:0;
			top:0;
			height:100%;
			width:100%;
		}
		
		/* fade com jquery 
		a.mala:hover span.imgOver {
			opacity:1;
			filter:alpha(opacity=100);
			-moz-opacity:1;
		}
		*/
		
		a.mala span.titulo {
			font-size: 20px;
			text-align: center;
			position: absolute;
			line-height: 0.8em;
			font-style: italic;
			font-weight: bold;
			top:10px;
			left: 12%;
			width:80%;
			color:#FFF;
			padding:5px;
			padding-bottom:10px;

		}
		
		a.malaNota span.titulo {
			font-size: 20px;
			text-align: center;
		}
		
		a.malaNota{
			opacity:0.7;
			filter:alpha(opacity=70);
			-moz-opacity:.7;
		}
		
		a.malaNota:hover{
			color: #42b2e3;
			opacity:1;
			filter:alpha(opacity=100);
			-moz-opacity:1;
		}


		a.mala span.resumo {
			font-size: 11px;
			width:100%;
			bottom:5px;
			color: #FFF;
			position:absolute;
			
		}
		a.mala span.resumo p {
			padding-left:30px;
		}

		a.mala span.detalhes {
			font-size: 11px;
			display:none;
			width:100%;
			padding:0 10px 5px 10px;
			bottom: -20px;
			left: -10px;
			background:#FFF;
			color: #1e87b5;
			position:absolute;
			
			-webkit-border-bottom-left-radius:20px;
			-webkit-border-bottom-right-radius:20px;
			-moz-border-radius-bottomleft:20px;
			-moz-border-radius-bottomright:20px;
		}
		
		a.mala span.detalhes p {
			padding:0;
			margin:0;
		}
		
		a.mala:hover span {
			color: #1e87b5;
		}
		
		a.mala:hover span.resumo {
			background:#000000;
			color: #FFF;
		}
		a.mala:hover span.titulo {
			color: #FFF;
			text-shadow: 3px 3px 8px #000000;
		}
		
		a.mala span.alca {
			position:absolute;
			display:block;
			top:-25px;
			height:25px;
			width: 100%;
			background: url('images/malaAlca.png') no-repeat top center;
		}
		
		a.mala span.canto1 {
			font-size:30px;
			line-height:0;
			position:absolute;
			display:block;
			height:20px;
			width:20px;
			top: 0;
			left: 0;
			background: #FFF;
			-webkit-border-bottom-right-radius:20px;
			-moz-border-radius-bottomright:20px;
		}
		
		a.mala span.canto2 {
			font-size:30px;
			line-height:0;
			text-align:right;
			position:absolute;
			display:block;
			height:20px;
			width:20px;
			top: 0;
			right: 0;
			background: #FFF;
			-webkit-border-bottom-left-radius:20px;
			-moz-border-radius-bottomleft:20px;
		}
		
		a.mala span.canto3 {
			font-size:30px;
			line-height:0;
			text-align:right;
			position:absolute;
			display:block;
			height:20px;
			width:20px;
			bottom: 0;
			right: 0;
			background: #FFF;
			-webkit-border-top-left-radius:20px;
			-moz-border-radius-topleft:20px;
		}
		
		a.mala span.canto4 {
			font-size:30px;
			line-height:0;
			position:absolute;
			display:block;
			height:20px;
			width:20px;
			bottom: 0;
			left: 0;
			background: #FFF;
			-webkit-border-top-right-radius:20px;
			-moz-border-radius-topright:20px;
		}

#postPagination{
	position: relative;
	top: -50px;
	z-index:999;
	padding-right: 150px;
	color:#999999;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	text-align: center;
}

#postPagination .previouspostslink {
	display: none;
}

	#postPagination a {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		background: #FFF;
		color:#999999;
		display:block;
		left:230px;
		padding:0 5px;
		line-height:2em;
		position:relative;
		text-align:center;
		text-decoration:none;
		top:10px;
		width:290px;
	}
	
	
	#postPagination a:hover {
		background: #42B2E3;
		color: #FFF;
	}

#contentIn {
	background: #FFF;
	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-align: left;
}
	
	#contentIn a:hover,
	.col-right a:hover{
		color: #FFF;
		background: #42b2e3;
	}

	#contentIn blockquote {
		margin:10px 50px;
		background: #F0F0F0;
		padding:20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
	
	#contentIn ul, 
	#contentIn ol {
		padding-left:50px;
	}
		#contentIn ul li {
			margin-bottom: 10px;
			line-height: 1.5em;
			list-style: circle;
		}
		
		#contentIn ol li {
			margin-bottom: 10px;
			line-height: 1.5em;
			list-style: upper-roman;
		}


	#contentIn  h1, h2, h3, h4, h5 {
		font-size:20px;
		font-style:italic;
	}
	
	#contentOut h2{
		color:#FFFFFF;
		font-size:60px;
		font-style:italic;
		margin-bottom:-25px;
		text-shadow:-3px -3px 1px #42B2E3;
		margin-top:20px;
	}
	

	
	#contentIn img {
		margin: 0 10px;
	}
	
	#contentIn .ngg-gallery-thumbnail img {
		margin:4px 0 4px 5px;
		}
	
	#contentIn img.ngg-singlepic {
		width:100%;
		padding: 0;
		margin:0;
		height: auto;
	}
	
	#contentIn .data {
		color:#42B2E3;
		float:right;
		font-size:30px;
		font-style:italic;
		margin-right:-19px;
		margin-top:-32px;
		z-index:99;
	}
	
	#contentOut .tags {
		font-size:40px;
		margin-top: 20px;
		color: #FFF;
	}
	
		#contentOut .tags span {
			color: #FFF;
			opacity:0.2;
			filter:alpha(opacity=20);
			-moz-opacity:.2;
			margin: 1px;
			padding:3px;
		}
		
		#contentOut .tags a {
			color: #FFF;
			opacity:0.5;
			filter:alpha(opacity=50);
			-moz-opacity:.5;
			padding:3px;
		}
		
		#contentOut .tags a:hover {
			opacity:1;
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
		}
		
	#comments .col-left {
		float: left;
		width:110px;
	}
	
	#comments .autor {
		color:#a1d9f1;
		font-size:30px;
		font-style:italic;
		margin-bottom:-8px;
		margin-left:120px;
		margin-top:10px;
		text-align:left;
		text-shadow:-1px -1px 1px #42B2E3;
	}
	#comments .autor a{
		color:#FFFFFF;
	}
	
	#comments .avatar{
		border: 2px solid #FFF;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background:#FFFFFF;
		border:2px solid #FFFFFF;
		padding:10px;
	}
	#comments .data{
		color:#42B2E3;
		float:right;
		font-size:30px;
		font-style:italic;
		margin-right:-19px;
		margin-top:-18px;
	}
	
	#comments .col-right {
		padding:5px 20px;
		background: #FFF;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		margin-left: 90px;
		text-align: left;
		
	}
	

		
	#commentform {
		padding:5px 20px;
		background: #FFF;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-align: left;
	}

.colunaFooter {
	float:left;
	width:30%;
	padding: 10px;
}

.colunaFooter h3 {
	font-size: 30px;
}

#optionFooter{
	padding-top:20px;
	padding-bottom: 20px;
	background: #f3fafd;
}

#contentOut a:hover,
#optionFooter a:hover,
#comments a:hover {
	color:#FFF;
	background: #42b2e3; 
	text-decoration: none;
}

.malasExtras {
	margin-top: -60px;
	margin-right: 150px;
	z-index: 999;
	position: relative;
	margin-bottom: 15px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
}

#colunaVideo {
	background: #F3FAFD url('images/footer_video.gif') no-repeat bottom center;
	height:390px;
	position: relative;
}

	#colunaVideo a{
		color: #FFF;
	}
	
	#colunaVideo a:hover{
		background: #42B2E3;
		color: #FFF;
	}
	
	#colunaVideo .colunaFooter{
		color: #FFF;
		margin-top:20px;
	}
	
	#colunaVideo .videoBlock{
		border:10px solid #F3FAFD;
		float:left;
		margin-top:20px;
	}


#notas {
	height:167px;
	margin:0 auto 145px;
	padding-top:45px;
	position:relative;
	width:680px;
}
	
	#carona {
		text-align:center;
		height:85px;
		padding-left:35px;
		padding-top:4px;
	}
	
	#carona .autor{
		display:block;
		font-size:11px;
		height:16px;
		overflow:hidden;
		padding-top:3px;
	}
	
	#carona a.caroneiro {
		color:#999;
		display:block;
		margin:0 10px;
		width:85px;
		position:relative;
		float:left;
	}
	
	#carona a.caroneiro img{
		border: 2px solid #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background:#FFFFFF;
		border:2px solid #FFFFFF;
		padding:3px;
	}
	
	#carona a.caroneiro span.comentario {
		display:none;
		position:absolute;
		border: 5px solid #CCC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background:#FFFFFF;
		padding:10px;
		color: #000;
		width: 150px;
		left:40px;
		top:-20px;
	}
	
	#carona a:hover {
		z-index:999;
		color: #000;
	}
	
	#carona a:hover.caroneiro img{
		background:#CCC;
	}
	
	#tags {
		margin:auto;
		opacity:0.8;
		filter:alpha(opacity=80);
		-moz-opacity:.8;
	}
	
	#tags a{
		margin: 2px;
		max-width: 200px;
		color: #beb109;
		display:block;
		text-align: center;
		font-weight: normal;
		text-shadow: 2px 2px 8px #FFFFFF;
	}
	
	#tags a:hover{
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #FFF;
		color: #555;
		z-index:999;
	}
	
	#tags span.link{
		padding-bottom:5px;
		display:block;
	}
	
	#tags span.description{
		display:none;
	}
	
	#tags a:hover span.description{
		display:block;
		line-height:1.1em;
		padding-top:6px;
	}
	
	#tags span{
		font-size:11px;
	}


#ventarola {
	background: #FFF url('images/footer_bg2.png') no-repeat top center;
	padding: 20px 10px;
}
	#ventarola a.titulo {
		color:#555;
		font-size:20px;
		font-style:italic;
		font-weight:bold;
	}
	
	#ventarola a:hover{
		color:#FFF;
		background: #42B2E3;
	}
	#ventarola h3 {
		font-size: 30px;
	}
	
	#ventarola .txtBloco{
		margin-left: 90px;
		margin-top:20px;
	}
	
	#ventarola .data {
	}
	
	#ventarola .texto {
		padding-bottom:10px;
	}
	
	#ventarola .imagem {
		margin-top:20px;
		float:left;
		height:70px;
		width:70px;
		border: 5px solid #CCC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	

.fix {
	clear:both;
	height:1px;
	margin:-1px 0 0;
	overflow:hidden;
	}