@import url("master.css");

#page {
	background-color: #fff;
	width: 960px;
	clear: both;
	margin: 0 auto;
	border-left: 3px solid #bbb;
	border-right: 3px solid #bbb;
}

#header, #menu, #submenu, #nav, #content, #footer{
	width: 96%;
	margin: 0 auto;
	clear: both;
}
	

#user-menu, #footer {
	font-size: 0.9em;
}



/* UL LI FLOAT LEFT */

#menu ul, #submenu ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#header ul li, #user-menu ul li, #menu ul li, #submenu ul li {
	float: left;
	margin: 0;
	padding: 0;
}









/* HEADER */

#header {
	padding:5px 0px 10px 0px;
	
}


#header .logo {
	float:left;
	background: transparent url("../images/logo-header.gif") no-repeat 0px 9px;
	margin-top: 15px;
	width: 210px;
	height: 115px;
}

#header .logo a {
	margin-top: 2px;
	width: 200px;
	height: 95px;
	display:block;
}
#header .logo h1 {
	font-size: .9em;
	letter-spacing: -1px;
	line-height:1em;
}

#header .logo-left {
	float:right;
	width: 700px;
}

#top-search {
	width: 355px;
	clear:both;
	float:left;
	margin: 0px;
	margin-left: 55px;
	padding:0px;
	text-align: left;
}



#top-search h1 {
	font-family: "Arial Black";
	font-size: 25px;
	letter-spacing: -1px;
	line-height: 22px;
	margin-left: 10px;
	padding: 5px 0px 5px 0px;
}



#top-twitter{
	width: 460px;
	float: left;
	text-align: left;
}
#sidebar-twitter{
	width: 320px;
	float: right;
	text-align: left;
}
#top-twitter p, #sidebar-twitter p{
	margin-left: 4px;
	font-size:.9em;
	letter-spacing: 0px;
	line-height:1.2em;
}


#top-newsletter {
	width: 350px;
	float: right;
	margin-left: 13px;
}
#sidebar-newsletter {
	width: 320px;
	float: right;
	margin-left: 0px;
}
#news-result {
	font-size: 1em;
	margin-left: 18px;
}
#top-halfbanner{
	float: right;
	margin-top: 25px;
	/*border: 0px solid #333;*/
}










/* USER MENU */

#user-menu {
	text-align: right;
	float:right;
	padding: 8px 0px 5px 0px;
	margin-bottom: 0px;
}
#user-menu a:visited{ 	color: #551a8b; }
#user-menu ul{ 	float: right; }
#user-menu ul li { 	margin: 0px 7px 0px 7px; }
#user-menu .user-id{ font-weight: bold; }
#user-menu .active a{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}








/* TOP-SEARCH */





#search-form-top, .newsletter-form-top, .newsletter-form-sidebar{
	
}

#search-form-top .search-term, .newsletter-form-top .newsletter-email, .newsletter-form-sidebar .newsletter-email{
	color: #003441;
	font-size: 1em;
	margin: 0px 0px 0px 0px;	
	padding: 5px;	
	width: 240px;	
}

#search-form-top .search-btn,  .newsletter-form-top .newsletter-btn,  .newsletter-form-sidebar .newsletter-btn{
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin-top: 1px;
	width: 75px;	
}

.newsletter-form-top .newsletter-email, .newsletter-form-sidebar .newsletter-email{
	width: 225px;	
	margin-left: 15px;
}
.newsletter-form-sidebar .newsletter-email{
	width: 205px;	
	margin-left: 5px;
}

.newsletter-form-top .newsletter-btn, .newsletter-form-sidebar .newsletter-btn{
	width: 80px;	
	padding: 5px;
}

#search-counters, .search-counters  {
	font-size: 1.1em;
	padding: 0px;
	margin-top: 10px;
}

#search-counters strong , .search-counters strong {
	font-weight: bold;
	font-size: 1.4em;
}

#search-counters span, .search-counters span {
	font-size: 20px;
}

/* */









/* MENU & SUBMENU */

#menu {
	font-size: 1em;
	font-weight: bold;
	color: #333;
	background-color: #448e1f;
	border-bottom: 1px solid #666;
	height: 33px;
}

#submenu {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	background-color: #e7f9de;
	border-bottom: 1px solid #666;
	height: 33px;
}

#menu ul li:hover, #submenu ul li:hover {
	background-color:#e7f9de;
	color: #666;
}

#menu a, #submenu a{
	color: #fff;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display:block;
}



#menu a:hover, #submenu a:hover{
	text-decoration: underline;
	color: #666;
}


#menu li.active {
	background-color:#e7f9de;
	border: 1px solid #666;
	border-bottom: 0px;
	display: block;
	
}
#menu .active a {
	font-size: 1.4em;
	letter-spacing:-1px;
	color:#cc6600
}


#submenu a {
	color: #666;
	letter-spacing: -1px;
}
#submenu li.active {
	display: block;
}

#submenu .active a {
	color:#ddaa55;
	font-size: 1.3em;
	letter-spacing:-1px;
}




#publish-row {
	margin: 15px 0px 15px 0px;
}






#search-header, #menu2, .search-header-line {
	border-bottom: 1px solid #999;
	height: 100%;
}

#search-header ul, #menu2 ul{
}

#search-header li , #menu2 li{
	float:left;
	border: 1px solid #999;
	border-bottom: 0;
	margin-left: 3px;
	margin-right: 6px;	
	padding: 0;
}
#search-header li:hover, #menu2 li:hover{
	background-color: #fee;
}

#search-header li:hover a, #menu2 li:hover a {
	color: #f00;
}

#search-header a, #menu2 a{
	font-size: 1em;
	padding: 3px 5px 3px 3px;
	display: block;
	text-decoration: none;
	text-align: center;

}

#search-header ul li.active a, .search-header ul li.active:hover a, .search-header li.active a:hover,
#menu2 ul li.active a, .menu2 ul li.active:hover a, .menu2 li.active a:hover
{	
	color: #fff;
	letter-spacing: 0px;
	font-size: 1.2em;
}

#search-header ul li.active a:hover, #menu2 ul li.active a:hover
{	color: #eee;	}

#search-header ul li.active, #menu2 ul li.active {
	background-color: #999;
}





/* CONTENT */

#content {
	clear: both;
	margin: 20px auto;
}

#content h2 {
	/*color: #2f980b;*/
	color: #b00;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#content h3 {
	color: #d00;
	font-family: "Arial";
	font-size: 1.6em;
	letter-spacing: -1px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	line-height: 1em;
	font-weight: bold;
}

#content h3 strong{
	font-family: "Arial Black";
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:-2px;
}

#content h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	padding-left: 10px;
}

#content ul {
	margin-left:20px;
}
#content ul li {
	list-style-type: disc;
}

#div3-col1, #div3-col3{
	width: 18%;
	float: left;
}

#div3-col1 {
	padding-right: 5px;
}
#div3-col1 div, #div3-col3 div{
	margin-top: 10px;
}

#div3-col2 {
	width: 60%;
	float: left;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding-left: 10px;
	padding-right: 10px;
}

#div3-col3 {
	padding-left: 5px;
}


#left-col, #right-col1, #left-col-50 {
	width: 62%;
	float:left;
	border-right: 1px solid #999;
	padding-right: 10px;
	min-height:300px;
	
}

#right-col, #left-col1, #right-col-50 {
	padding: 0;
	margin: 0;
	width: 35%;
	float: right;
}

#right-col1 {
	border-left: 1px solid #999;
	border-right: 0;
	padding-left: 10px;
	padding-right: 0px;
	float: right;
}

#left-col1 {
	float: left;
}

#left-col-50, #right-col-50 {
	width: 49.9%;
}
#left-col-50{
	width: 39%;
	border: 0;
	margin-left:20px;
}
#right-col-50 {
	width: 54%;
	padding-top: 10px;
	padding-left: 25px;
	border-left: 1px solid #ccc;
}

#content ul {
	margin-top: 15px;
}

#content ul, #content ul li {
	padding: 1px 1px 1px 5px;
	
}

#content ul li a:hover {
	color: #f00;
}



/* */












/* FOOTER */

#footer {
	padding-top:40px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 0.7em;
	color: #333;

}
#footer .footer-links {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0px;
	padding: 5px;
}
#footer .footer-links a{
	padding: 3px 6px 3px 6px;
	font-size: 1.2em;
}

/* */








.pagination a {
	font-size: 1em;
	padding: 3px;
	margin: 1px;
	border: 1px dotted #999;
}

.pagination a:hover {
	background-color: #fee;
	color: red;
}


.pagination a.prev-next {
	font-size: 1em;
	padding: 1px;
	font-weight: bold;
	border: 0px;
}

.pagination a.prev-next:hover {
	background-color: #fff;
}

.pagination a.active {
	font-weight: bold;
	font-size: 1.2em;
	border: 0px;
	text-decoration: none;
}

.pagination a.active:hover{
	background-color: inherit;
}








.quadro-coment {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	clear: both;
}


.quadro-coment .coment {
	padding-top: 25px;
	padding-bottom: 0px;
	border-top: 1px solid #ccc;
}
.quadro-coment .first{
	border: 0;
}


.quadro-coment .coment .coment-titulo
{
	font-weight: bold;
	margin-bottom: 5px;
}

.quadro-coment .coment .coment-titulo span
{
	padding: 2px;
	margin: 6px;
	text-align: center;
	width: 50px;
	height: 50px;
	border: 1px solid #999;
	background-color:#333;
	color: #fff;
	font-size: 0.8em;
}

.quadro-coment .coment .coment-texto {
	font-style: normal;
	padding: 5px;
	font-size: 0.9em;
}












/* OUTRAS CLASSES 
	.quadro - para formularios de login e cadastro
*/

.quadro, .quadro-erro, .quadro-sucesso {
	background-color: #fff;
	border: 4px solid #448e1f;
	padding: 6px;
	text-align: center;
}

.quadro div, .quadro-erro div, .quadro-sucesso div {
	border: 1px solid #9c9;
	padding: 5px;
	background-color: #fafffa;
}


.quadro-erro {
	border: 4px solid #a00;
}
.quadro-erro div {
	border: 1px solid #e00;
	padding: 5px;
	background-color: #ffeeee;
}



 
 

/* OUTRAS CLASSES 
	.rating-box - estilo para as estrelas de avaliação
*/


.rating-box a {
	float: left;
	padding: 0;
	margin: 0;
	border: 0px solid red;
	cursor: pointer;
}

.rating-box {
	width: 100px;
	float: left;
}

a.star {
	width: 10px;
	height: 19px;
	padding: 0;
	margin: 0;
}
.star-off {
	background: transparent url("../images/icon-star-off.png") no-repeat 0px 0px;
}
.star-off-1 { background: transparent url("../images/icon-star-off-1.png") no-repeat 0px 0px; }
.star-off-2 { background: transparent url("../images/icon-star-off-2.png") no-repeat 0px 0px; }

.star-on {
	background: transparent url("../images/icon-star-on.png") no-repeat 0px 0px;
}
.star-on-1 { background: transparent url("../images/icon-star-on-1.png") no-repeat 0px 0px; }
.star-on-2 { background: transparent url("../images/icon-star-on-2.png") no-repeat 0px 0px; }


.star-hover {
	background: transparent url("../images/icon-star-hover.png") no-repeat 0px 0px;
}
.star-hover-1 { background: transparent url("../images/icon-star-hover-1.png") no-repeat 0px 0px; }
.star-hover-2 { background: transparent url("../images/icon-star-hover-2.png") no-repeat 0px 0px; }







/* ÍCONES */
.frase-icon-off, .frase-icon-on, .date-icon-off, .date-icon-on, .favorite-icon-off,.favorite-icon-on, .share-icon-off, .share-icon-on, .share2-icon-off, .share2-icon-on, .collect-icon-off, .collect-icon-on,
.comment-icon-off, .comment-icon-on, .email-icon-off, .email-icon-on, .twitter-icon-off, .twitter-icon-on,
.orkut-icon-off, .okut-icon-on, .autor-icon-on {
	padding-left: 18px;
	cursor: pointer;
}

.favorite-big-icon-on, .comment-big-icon-on, .collect-big-icon-on, .autor-big-icon-on, .frase-big-icon-on, .perfil-big-icon-on,
.procura-big-icon-on, .sorte-big-icon-on {
	padding-left: 38px;
}

.autor-icon-on {
	background: transparent url("../images/icon-autor-on-16x16.png") no-repeat 0px 0px;
}
.sorte-icon-on {
	background: transparent url("../images/icon-sorte-on-16x16.png") no-repeat 0px 0px;
}
.autor-big-icon-on {
	background: transparent url("../images/icon-autor-on-32x32.png") no-repeat 0px 10px;
}
.frase-big-icon-on {
	background: transparent url("../images/icon-frases-on-32x32.png") no-repeat 0px 10px;
}
.perfil-big-icon-on {
	background: transparent url("../images/icon-autor2-on-32x32.png") no-repeat 0px 10px;
}
.procura-big-icon-on {
	background: transparent url("../images/icon-search-29x29.gif") no-repeat 0px 10px;
}
.favorite-big-icon-on {
	background: transparent url("../images/icon-favorites-on-32x32.png") no-repeat 0px 0px;
}
.comment-big-icon-on {
	background: transparent url("../images/icon-comments-on-32x32.png") no-repeat 0px 0px;
}
.collect-big-icon-on {
	background: transparent url("../images/icon-collections-on-32x32.png") no-repeat 0px 0px;
}
.sorte-big-icon-on {
	background: transparent url("../images/icon-sorte-on-32x32.png") no-repeat 0px 5px;
}

.frase-icon-off  {
	background: transparent url("../images/icon-frases-off-16x16.png") no-repeat 0px 0px;
}
.frase-icon-off:hover, .frase-icon-on {
	background: transparent url("../images/icon-frases-on-16x16.png") no-repeat 0px 0px;
}

.date-icon-off  {
	background: transparent url("../images/icon-clock-off-16x16.png") no-repeat 0px 0px;
}
.date-icon-off:hover, .date-icon-on {
	background: transparent url("../images/icon-clock-on-16x16.png") no-repeat 0px 0px;
}

.favorite-icon-off  {
	background: transparent url("../images/icon-favorites-off-16x16.png") no-repeat 0px 0px;
}
.favorite-icon-off:hover, .favorite-icon-on {
	background: transparent url("../images/icon-favorites-on-16x16.png") no-repeat 0px 0px;
}

.share-icon-off {
	background: transparent url("../images/icon-share-off-16x16.png") no-repeat 0px 0px;
}
.share-icon-off:hover, .share-icon-on {
	background: transparent url("../images/icon-share-21x21.png") no-repeat 0px 0px;
}

.share2-icon-off {
	background: transparent url("../images/icon-share-off-16x16.png") no-repeat 0px 5px;
}
.share2-icon-off:hover, .share2-icon-on {
	background: transparent url("../images/icon-share-on-16x16.png") no-repeat 0px 5px;
}


.collect-icon-off  {
	background: transparent url("../images/icon-collection-off-16x16.png") no-repeat 0px 0px;
}
.collect-icon-off:hover, .collect-icon-on {
	background: transparent url("../images/icon-collection-on-16x16.png") no-repeat 0px 0px;
}

.comment-icon-off  {
	background: transparent url("../images/icon-comments-off-16x16.png") no-repeat 0px 0px;
}
.comment-icon-off:hover, .comment-icon-on {
	background: transparent url("../images/icon-comments-on-24x24.png") no-repeat 0px 0px;
}

.email-icon-off  {
	background: transparent url("../images/icon-email2-off-16x16.png") no-repeat 0px 5px;
	padding-left: 20px;
}
.email-icon-off:hover, .email-icon-on {
	background: transparent url("../images/icon-email2-on-16x16.png") no-repeat 0px 5px;
}

.twitter-icon-off  {
	background: transparent url("../images/icon-twitter2-off-16x16.png") no-repeat 0px 4px;
	padding-left: 20px;
}
.twitter-icon-off:hover, .twitter-icon-on  {
	background: transparent url("../images/icon-twitter2-on-16x16.png") no-repeat 0px 4px;
}

.orkut-icon-off  {
	background: transparent url("../images/icon-orkut-off-16x16.png") no-repeat 0px 4px;
	padding-left: 20px;
}
.orkut-icon-off:hover, .orkut-icon-on  {
	background: transparent url("../images/icon-orkut-on-16x16.png") no-repeat 0px 4px;
	padding-left: 20px;
}

.checked-icon {
	background: transparent url("../images/info-note.png") no-repeat 0px 0px;
	padding-left: 30px;
}

.warning-icon {
	background: transparent url("../images/icon-warning.png") no-repeat 0px 0px;
	padding-left: 35px;
}


.menu-on{
	font-size: 1.2em;
	font-weight: bold;
}






.email-icon, .twitter-icon, .share-icon, .phrase-icon-favorite, .phrase-icon-comment, .author-icon-phrases, .author-icon-bio {
	text-decoration: none;
	height: 25px;
	font-family: "Arial";
	font-size: 1.4em;
	letter-spacing: -1px;
	vertical-align: center;
	padding-left: 22px;
	color: blue;
	cursor: pointer;
}

.share-icon {
	background: transparent url("../images/icon-share-21x21.png") no-repeat 0px 0px;
}
.twitter-icon {
	background: transparent url("../images/icon-twitter-21x21.png") no-repeat 0px 2px;
}
.email-icon {
	background: transparent url("../images/icon-email2-21x21.png") no-repeat 0px 0px;
}

.author-icon-phrases {
	background: transparent url("../images/icon-frases-on-20x20.png") no-repeat 0px 0px;
}
 
.phrase-icon-favorite {
	background: transparent url("../images/icon-heart-on-20x20.png") no-repeat 0px 0px;
}

.phrase-icon-comment {
	background: transparent url("../images/icon-comment-on-20x20.png") no-repeat 0px 0px;
}
.author-icon-bio{
	background: transparent url("../images/icon-autor-on-21x21.png") no-repeat 0px 0px;
}

.cruz-ankh-icon{
	background: transparent url("../images/icone-cruz-ankh-21x21.png") no-repeat 0px 0px;
	padding-left: 24px;
}

.cruz-icon{
	background: transparent url("../images/icone-cruz-21x21.png") no-repeat 0px 0px;
	padding-left: 24px;
}
.masculino-icon{
	background: transparent url("../images/masculino-azul-16x16.png") no-repeat 5px 0px;
	padding-left: 24px;
}
.feminino-icon{
	background: transparent url("../images/feminino-color-16x16.png") no-repeat 5px 0px;
	padding-left: 24px;
}






/* PANELS OPEN-CLOSE*/

.panel-menu {
	
}

.panel-menu h3{
	text-decoration: none;
	cursor: pointer;
	padding-left: 15px;
}

.panel-menu div {
	overflow:auto;
}

.ticker-opened {
	padding-left: 18px;
	background: transparent url("../images/icon-panels-ticker-opened.gif") no-repeat -2px 10px;
	cursor: pointer;
}

.ticker-closed {
	padding-left: 18px;
	background: transparent url("../images/icon-panels-ticker-closed.gif") no-repeat 2px 6px;
	cursor: pointer;
}

















/* OUTRAS CLASSES 
	???
*/

.label {
	float: left;
	margin-right: 5px;
}



#banner-right-1 {
	width: 336px;
	height: 300px;
}
#ads-top {
	width: 100%;
	text-align: center;
	margin: 0px 0px 15px 0px;
}


.ad-quad {
	width: 125px;
	height: 125px;
	border: 0px solid black;
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
}
#ad-quad-1, #ad-quad-2 {
	margin-top: 20px;
}

#ad-sidebar-336-280{
	
}












.clouds  li {
float: left;
}

.size-1 { font-size: 0.7em;  }
.size-2 { font-size: 1.0em;  }
.size-3 { font-size: 1.3em; letter-spacing: -1px; }
.size-4 { font-size: 1.6em; letter-spacing: -1px; }
.size-5  { font-size: 1.9em; letter-spacing: -1px; }


