@charset "utf-8";
/* CSS Document */
*{
	line-height: 1em;}

/* Cores herdadas */
body, .selected a, .selected:hover, .list a, a.text{
	color: #222;}
.box.player{
	background-color:#000000;}

.abas li.selected, .abas li:hover{
	border-bottom-color: #EDFFE5;}
.box, /*ul li:hover,*/ .background, .abas li, /*ul li.selected*/ .comment, .box .load_layer, .box .load_layer_content{
	background-color: #DBDBDB /*#EDFFE5*/;}

/*#right .box, #right.box, #right ul li:hover, #right .background, #right .abas li, #right ul .selected,*/ .background2, .background2 .load_layer, .background2 .load_layer_content, /*#right .background .load_layer, #right .background .load_layer_content, */.box.player #left.list a.selected, .box.player #left.list a:hover, .player_content_box{
	background-color: #EEEEEE;}

.box2, .list h2 a:hover, .list ul li a:hover, .list ul li a.selected, #right .list ul li a:hover, #right .list ul li a.selected, .box2 .load_layer, .box2 .load_layer_content{
	background-color: #ADD8E6 /*#EFFDFF;*/}

a, .link{
	color:#2FC2EF;}
.soft{
	color: #777777;}
body{
	background-color: #DDDDDD;
	color: #333333;}
input, input[type=file], input[type=submit], button, textarea, .border{
	border-color: #E9EAE1;}
input[type=submit], button{
	cursor:pointer;}

/* Objetos principais */

body{
	background: #CCCCCC repeat 0 0;
	text-align: center;}
body, form, input{
	font: 13px Calibri, Verdana, Arial;}
textarea{
	font: 13px Consolas, "Courier New", Courier;}
#body, #main{ /* Se wusics não tiver essa largura, as colunas "left" e "right" não ficarão nos cantos */
	width: 1000px;
	position: relative;}
#body{
	text-align: left;
	margin: 0em auto;}
a{
	text-decoration: none;
	outline: 0;}
ul{
	width: auto;
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;}
ul li{
	float: left;}
ul li a, .list h2 a{
	padding: 0em 0.4em; /* margin-right de .list .overflow_visible o segue*/ 
	display: block;}
h2, h3, h4{
	text-shadow: 1px 1px 0px #FFFFFF;}
h1{
	margin: 0em;
	padding: 0em;
	font-size: 1.5em;}
h2{
	font-size: 1.7em;
	margin: 2em 0em 0.5em 0em;
	text-align: left;}
h2:first-child{
	margin-top: 0em;}
h3{
	margin: 0em 0em 0.5em 0em;}
h4{
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0em 0.3em;
	text-align: left;
	font-variant: small-caps;
	border-bottom: 1px solid;}
img{
	display: block;
	vertical-align: middle;
	border: none;
	background: 50% 50% no-repeat;
	float: left;}
.border{
	border-style: solid;
	border-width: 1px;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;}
/*.border li a{
	border-width: 1px 0px 0px 0px;}
.border li:first-child a{
	border-top-width: 0px;}*/
input, textarea, input, input[type=file], input[type=submit], button{
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;}
input[type=text], textarea{
	background: #FFFFFF;}

.vertical li{
	clear: both;
	display: block;}

/* Fixos */

/*#logo{
	float: left;
	font-weight:bold;
	font-size: 1.8em;}*/

#menu1{
	float: right;
	margin: 0em 0em 0.4em;
	padding: 0em 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;}
#menu1 li{
	font-size: 1.3em;}
#menu1 li a{
	line-height: 1.4em;}

.abas li{
	opacity: 0.7;
	margin-left: 0.2em;
	font-size: 1.1em;}
.abas li a{
	line-height: 1.5em;}
.abas li:first-child{
	margin-left: 0em;}
.abas li.selected, .abas li:hover{
	opacity: 1;}
#sessoes li{
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	font-size: 1.4em;}

/*#sitemap.box{
	-moz-border-radius-bottomleft: 0em;
	-webkit-border-bottom-left-radius: 0em;
	margin-top: 0em;}
#sitemap.box .content{
	margin: 0em 1em;}
#sitemap img{
	margin-right: 1em;}

.search input{
	}
.search input.idle{
	font-style: italic;
	color: #666666;}
.search input.active{
	font-style: normal;
	color: #000000;}
.search #box{
	font-size:1.2em;
	width: 400px;
	margin-right: 1em;}*/

#main{
	float: left;}

#left, #right{
	vertical-align: top;}
#left{
	float: left;
	width: 230px;
	/*text-align: right;*/}
#right{
	float: right;
	width: 755px;}

/*.media_player #left{
	width: 200px;
	text-align: left;}
.media_player #left .box{
	min-height: 366px;
	-moz-border-radius-topright: 0em;
	-moz-border-radius-bottomright: 0em;
	-webkit-border-top-right-radius: 0em;
	-webkit-border-bottom-right-radius: 0em;
}*/

.player_list, .player_content_box{
	float: right;
	position: relative;}
.player_list#left{
	width: 210px;
	/*margin: 0em;*/}
.player_content_box{
	width: 714px;}
#left.player_list h2, #left.player_list h3, #left.player_list h4{
	text-shadow: 1px 1px 0px #999999;}

.box{
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	float: left;
	width: 100%;
	margin-top: 1em;}

.box2{
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;}

.content{
	margin: 2.2em 3.2em;
	position: relative;
}
.player_content_box.content, .player_list.content{
	margin: 0.2em;}
.player_content_box.content{
	padding: 2.2em;}

#left .content{
	margin-left: 1em;
	margin-right: 1em;}

.clear{
	display: block;
	clear:both;}

#footer{
	width: 100%;
	float: left;
	clear: both;}

/* Edit */

.edit ul.abas+div.box{
	margin-top: 0em;
	-moz-border-radius-topleft: 0em;
	-webkit-border-top-left-radius: 0.0em;}
.edit{
	margin-top: 1em;}

/* Selected */

.selected{
	font-weight: bold;}

/* Atalhos Lista */

.list{
	text-align: left;}
.list .selected{
	text-align: right;}
.list ul{
	width: 100%;}
.list ul li{
	width: 100%;
	font-size: 0.9em;
	clear: both;
	position: relative;}
.list ul li, .list h2{
	margin-top: 1px;}
.list ul li:first-child{
	margin-top: 0px;}
.list ul li a{
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;}

#left.player_list, #left.player_list.list ul li a{
	color: #FFFFFF !important;}
#left.player_list{
	margin-left: 0.8em;
	margin-top: 1em}
.player_list.list ul li a{
	-moz-border-radius: 0em;}
#left.player_list.list ul li a.selected, #left.player_list.list ul li a:hover{
	margin-right: -6px;
	color: #000000 !important;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-top: -1px;
	margin-bottom: -1px;}

.list ul li a, .list h2 a{
	-moz-border-radius: 0em 7px 7px 0em;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;}
#left.list ul li a, #left.list h2 a{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;}
.list .overflow_visible{
	margin-right: 0.4em; /* Segue o padding de ul li a*/
	overflow: hidden;}
.list .overflow{
	overflow: visible;
	width: 300px;}

.list.horizontal ul{
	width: auto;}
.list.horizontal ul li{
	width: auto;
	margin-top: 0px;}

.list.thumbs ul li{
	margin: 0px;
	border-top: 1px solid #333333;}
.list.thumbs ul li:first-child{
	border: none;}
.list.thumbs ul li a{
	padding-top: 1px;
	padding-bottom: 1px;}
.list.thumbs img{
	width: 50px;
	height: 37px;
	margin-right: 0.4em;}

.list.links li{
	overflow: hidden;}
.list.links a, .list.links .favicon, .list.links .favicon img, .list.links .referer{
	height: 16px;
	line-height: 16px;}
.list.links .favicon{
	overflow: hidden;}
.list.links .favicon img{
	max-width: 16px;
	overflow: hidden;}
.list.links .overflow{
	line-height: 16px;
	height: 16px;}
.list.links img{
	margin-right: 0.3em;}

.list.collection ul li{
	font-size: 0.8em;
	width: 51px;
	height: 51px;
	float: left;
	clear: none;
	overflow: hidden;}
.list.collection ul li a{
	padding: 0.2em 0.1em 0.2em 0.1em;}
.list.collection ul li a:hover, .list.collection ul li a.selected{
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;}
.list.collection img{
	width: 49px;
	height: 37px;
	float: none;
	margin: 0px auto;}

.wrapper{
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.5;
	background-color: #000000;
	position: absolute}

.wrapper:hover, .selected .wrapper{
	opacity: 0;}
/* Comentários */

.comments{
	width: auto;}
ul.search li:hover{
	background-color: #EEEEEE;}
.comment{
	font-size: 0.9em;
	width: 100%;
	margin: 1px 0em;
	padding: 0.5em 0em;
	position: relative;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;}
.comments+.comment{
	padding-top: 0em;
	border-width: 0px;}
.comment .poster, .comment .balloon{
	display: block;}
.comment .poster{
	margin-left: 1em;
	width: 60px;
	text-align:center;
	float: left;}
.comment .balloon{
	margin-right: 1em;
	width: 405px;
	float: right;
	padding: 0em;}
.comment .name{
	font-size: 1.1em;
	font-weight:bold;}
.comment .time{
	text-align: right;
	float: right;
	clear: right;}
.comment .txt{
	display: block;}
.comment:hover .toolbox{
	display: block;}
.comment a .lasts{
	display: block;
	float: none;}
.comment a .post{
	background: url(../img/comment_p.png) no-repeat 0px 0px;
	padding-left: 20px;}
.comments input{
	padding: 0em;
	border: none;
	background: none;}
.comment.box2 .name{
	margin-left: 18px;}
.comment .lock{
	position: absolute;
	top: 2px;
	left: 80px;}

.toolbox{
	display: none;
	clear: both;
	float: right;}
	
/* Imagens */
.img{
	float: left;
	margin-right: 1em;}

.imgr{
	float: right;
	margin-left: 1em;}

/* Resumo */	

div.resumo{
	height: 150px;
	position: relative;
	margin: 0.5em 0em;
	padding-top: 0.5em;
	border-width: 1px 0px 0px 0px;
	border-style: solid;}
h2+.resumo{
	padding-top: 0em;
	margin-top: 0em;
	border-top: 0px;}
.resumo>h3{
	margin-top: 0em;}
.resumo>img{
	float:left;
	height:150px;
	margin-right:1em;
	width:250px;}

/* Counters */

.counters{
	font-size: 0.9em;
	position: absolute;
	bottom: 0px;
	left: 250px;
	right: 0px;}
.counter{
	float: left;
	padding-left: 1em;
	text-align: center;}
.counters .sender{
	display: block;
	width: 130px;
	float: right;
	text-align: right;}

/* Youtube */

.youtube, .youtube object, .youtube param, .youtube embed{
	margin: 0px auto;
	width: 500px;
	height: 307px;}	

.video_player{
	width: 600px;
	height: 366px;
	float: right;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;}

.video_player .youtube, .video_player .youtube object, .video_player .youtube param, .video_player .youtube embed{
	margin: 0px auto;
	width: 600px;
	height: 366px;}

/* Classes de pouco uso */

.tracklist ul li{
	float: none;
	clear: both;}

.shadow{
	background: url(../img/resources.png) no-repeat -47px -22px;
	width: 500px;
	height: 16px;}

.small{
	font-size: 0.6em;}

.label{
	color:#999999;
	text-align: right;
	padding-right: 5px;}
#sitemap .label{
	font-size: 0.8em;}
	

.tip-wrap{
	display: none;
	z-index: 12;}

.tip{
	max-width: 500px;
	text-align: left;
	color: #FFFFFF;
	background-color: #000000;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	padding: 0.4em;
	border: 1px solid #111111;
	opacity: 0.9;
}

.tip-title{
	font-weight: bold;
	font-size: 1.1em;
}.load_layer, .load_layer_content{
	overflow: visible;
	position: absolute;
	right: 0px;
	left: 0px;}
.load_layer{
	-moz-border-radius: 1em;
	top: 0px;
	bottom: 0px;
	opacity: 0.7;
	z-index: 9;}
.load_layer_content{
	min-height: 200px;
	top: 50%;
	bottom: 50%;
	text-align: center;
	height: 24px;
	margin-top: -12px;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;}
.load_layer_content img{
	float: none;
	margin: 0px auto}

.texto{
	padding: 0px 0px 0px 8px;}
.texto img{
	float:left;
	margin: 0px 8px 0px 0px;}