@charset "UTF-8";

/*	
Theme Name: Percy Jackson Brasil 2010
Theme URI: http://www.percyjacksonbr.com/
Description: PJBR.
Version: 3.0
Author: Mariana Bergo

*/

body {
	margin: 0px AUTO;
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif, 'Lucida Grande', Verdana;
	background: url(images/bg.jpg) repeat-y	top center #DF7627;
	color: #FFF;
	text-align: center;
}


h1 {
	background-color: #222;
	font-size: 2.4em;
	color: #DF7626;
	display: inline;
	padding-left: 4px;
}

strong {
	color: #CCC;
}

img {
	border: 0;
	padding: 3px;
}

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #DF7626;
}

a:hover {
	text-decoration: none;
	color: #FFF;
}

#tudo {
	position: absolute;
	width: 960px;
	left: 20px;
	top: 0px;
	text-align: justify;
	left: 50%;
	margin-left: -480px;
	background-color: #131313;
}

#logo {
	position: relative;
	background-color: #222;
	width: 960px;
	height: 230px;
}

#header {
	position: absolute;
	background-color: #000;
	height: 50px;
	width: 960px;
	border-bottom: 1px solid #222;
}

#sidebar {
	position: relative;
	width: 210px;
	top: 70px;
}

.esqt {
	position: relative;
	background: url(images/sidebar.gif) no-repeat	top left;
	width: 220px;
	height: 33px;
	line-height: 33px;
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
	padding-left: 10px;
}

.esq {
	position: relative;
	padding: 5px;
	width: 210px;
	font-size: 1.2em;
	color: #999;
	letter-spacing:1px;
}

#sidebar2 {
	position: absolute;
	width: 210px;
	left: 740px;
	top: 300px;
	text-align: left;
}

.dirt {
	position: relative;
	background: url(images/sidebar2.jpg) repeat-x	bottom left;
	width: 200px;
	height: 28px;
	line-height: 28px;
	font-size: 1.5em;
	color: #FFF;
	font-weight: bold;
	padding-left: 10px;
}

.dirb {
	position: relative;
	padding: 5px;
	width: 200px;
	font-size: 1.2em;
	color: #999;
	letter-spacing:1px;
}

#busca {
	position: relative;
	width: 200px;
	height: 30px;
	background-color: #222;
	border: 0;
	font-size: 1.1em;
	color: #DF7626;
	padding: 5px 3px 2px 5px;
}

#content {
	position: absolute;
	width: 520px;
	left: 230px;
	top: 300px;
}

.bloco {
	position: relative;
	background-color: #222;
	border: 1px solid #000;
	width: 490px;
}

.content {
	position: relative;
	background: url(images/sidebar2.jpg) repeat-x	bottom left #131313;
	width: 478px;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	padding: 5px;
}

.content p {
	font-size: 1.3em;
	text-align: justify;
	letter-spacing: normal;
	line-height: 1.4em;
}

.content .extras {
	background-color: #000;
	border: 1px solid #222;
	color: #DF7626;
	padding: 5px;
	display:inline;
}


.dropd {
	line-height: 26px;
	padding-left: 7px;
}


ul.afiliados,
ul.afiliados li,
ul.afiliados ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 1.1em;
}

ul.afiliados {
 position: relative;
 float: left;
 letter-spacing:normal;
}

ul.afiliados li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.afiliados li.hover,
ul.afiliados li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.afiliados ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
}

ul.afiliados ul li {
 float: none;
}

ul.afiliados ul ul {
 top: 1px;
 left: 99%;
}

ul.afiliados li:hover > ul {
 visibility: visible;
}

ul.afiliados {
 font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
 top: 8px;
 background: url(images/seta.gif) no-repeat	top left;
 width: 200px;
 height: 30px;
 line-height: 30px;
}

ul.afiliados li {
	padding: 3px 0;
	line-height: normal;
}

ul.afiliados li.hover,
ul.afiliados li:hover {
	 
}

ul.afiliados a:link,
ul.afiliados a:visited { color: #CCC; text-decoration: none; }
ul.afiliados a:hover { color: #DF7626; text-decoration: none; }
ul.afiliados a:active { color: #CCC; }
	
/* ----- NON-FIRST LEVEL */

ul.afiliados ul {
	 width: 200px;
	 background-color: #222;
	 color: #fff;
	 font-size: .8em;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
}

ul.afiliados ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
}

ul.afiliados ul li.hover,
ul.afiliados ul li:hover {
		 background-color: transparent;
		 
}

ul.afiliados ul a:link,
ul.afiliados ul a:visited { color: #fff; }
ul.afiliados ul a:hover { color: #fff; text-decoration: none; }
ul.afiliados ul a:active { color: #fff; }


/* ----- END LEVEL */

ul.afiliados li {

}

ul.afiliados ul a {
	 padding: 4px 5px 4px 14px;
	 width: auto; /* Especially for IE */
}

ul.afiliados ul a:hover {
	color: #DF7627;
	 
}

ul.afiliados a.open {
	 background-color: #222;
	 color: #DF7627;
}

ul.afiliados ul a.open {
	 background-color: #DF7627;
	 color: #fff;
}

.comments { 
	position: relative;
	left: 20px;
	width: 490px;
	padding: 5px;
}

.comentario {
	position: relative;
	width: 490px;
	border: 1px solid #000;
	background-color: #222;
	font-size: 1em;	
	color: #CCC;
	margin-bottom: 20px;
}

.comentariot {
	position: relative;
	padding: 5px;
}

.avatar {
	border:1px solid #DF7627;
	float:left;
	padding:2px;
	width:52px;
	height:52px;
	margin-right: 3px;
}

#comment {
	width:590px;
	background:#222;
	}

#comentar {
	position: relative;
	margin-top: 10px;
	font-size: 1.3em;
	color: #CCC;
	line-height: 2.2em;
	width: 590px;
}

#comentar strong {
	font-size: 1.2em;
	color: #DF7627;
}

#commentform input {
	position: relative;
	width: 200px;
	height: 30px;
	background-color: #DF7627;
	border: 1px solid #000;
	font-size: 1.3em;
	color: #000;
	padding: 5px 3px 2px 5px;
}

#commentform textarea {
	position: relative;
	width: 490px;
	border: 1px solid #000;
	background-color: #222;
	font-size: 1.3em;	
	color: #CCC;
	margin-bottom: 20px;
}