/*
Theme Name: Clube dos Desocupados
Description: It was made exclusively to Clubedosdesocupados.com.
Author: Nizows
Version: 1.0
Tags: three-columns, gold, modern, mafia style
*/


* {
	font-family: arial, freesans;
}

body {
	margin: 0;
	padding: 0;
	background: #000 url(images/bg.jpg) no-repeat top center;
}

#main-wrapper {
	width: 1021px;
	position: relative;
	display: inline-block;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	background: url(images/border.png) repeat-y top center;
}

#header-wrapper {
	clear: both;
	width: 961px;
	height: 431px;
	margin: 0 auto;
	background: url(images/border2.png) repeat-x bottom center;
}

.content-wrapper {
	width: 961px;
	margin: 0 auto;
	background: #000;
}

.content-wrapper #col1 {
	float: left;
	width: 287px;
}

.content-wrapper #col2 {
	float: left;
	width: 459px;
	background: #FFF;
}

.content-wrapper #col3 {
	float: left;
	width: 207px;
	margin-left: 4px;
}

/* BUSCA */
#busca {
	width: 278px;
	height: 70px;
	margin: 0 0 0 5px;
	background: url(images/bg_busca.jpg) no-repeat;
}

#busca input.txt {
	width: 150px;
	border: none;
	background: none;
	margin: 26px 0 0 25px;
	font-family: arial, freesans;
	font-size: 14px;
	color: #000;
}

#busca input.btn {
	margin-left: 30px;
	vertical-align: middle;
}

/* Col1 - PAINEIS */
#col1 .panel {
	width: 281px;
}

#col1 .tltcat {
	background: url(images/bg_tlt_categoria.jpg) no-repeat;
}

#col1 .tltarq {
	background: url(images/bg_tlt_arquivos.jpg) no-repeat;
}

#col1 .panel .content {
	width: 281px;
	margin-top: 102px;
	background: url(images/bg_mid_panel.jpg) repeat-y;
}
#col1 .panel .footer {
	width: 281px;
	height: 39px;
	background: url(images/bg_end_panel.jpg) no-repeat;
}

#col1 .panel .content {
	font-size: 12px;
	padding: 0 0 0 40px;
	line-height: 18px;
}

/* Col3 - PAINEIS */
#col3 .panel {
	width: 201px;
}

#col3 .tlterecentes {
	background: url(images/bg_tlt_erecentes.jpg) no-repeat;
}

#col3 .tlttrade {
	background: url(images/bg_tlt_trade.jpg) no-repeat;
}

#col3 .panel .content {
	width: 201px;
	margin-top: 74px;
	background: url(images/bg_mid_panel2.jpg) repeat-y;
}

#col3 .panel .footer {
	width: 201px;
	height: 31px;
	background: url(images/bg_end_panel2.jpg) no-repeat;
}

#col3 .panel .content {
	font-size: 12px;
	padding: 0 0 0 30px;
	line-height: 18px;
}

.postnew {
	margin: 0 0 10px 10px;
	padding: 0 !important;
}

.postnew span {
	display: block;
	color: #9f8315;
	font-size: 10px;
	margin-bottom: 1px;
}

.postnew a {
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.postnew a:hover {
	text-decoration: underline;
}

.htitle {
	display: none;
}

/* CONTEUDO - PAINEL */

.panel {
	margin-bottom: 5px;
	border: #000 1px solid;
}

.panel a {
	color: #000;
	text-decoration: none;
}

.panel a:hover {
	text-decoration: underline;
}

.panel .content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* PAINEL - Widget */
.npanel {
	color: #c5a52a;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
}

.npanel a {
	color: #fbda5b;
	text-decoration: none;
}

.npanel a:hover {
	text-decoration: underline;
}

.npanel ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.panel .content p, .panel .content div {
	margin: 0px;
	padding: 0px;
	width: 70%;
	line-height: 18px;
}

#row {
	position: relative;
	display: inline-block;
	display: block;
	overflow: hidden;
}

div.center {
	text-align: center;
}

div.hide {
	width: 455px;
	overflow: hidden;
}

/* POSTS */
#posts>div {
	width: 450px;
	margin: 0 auto;
}

#posts>div .header {
	height: 149px;
	background: url(images/bg_post_header.jpg) no-repeat;
}

#posts>div .header h2 {
	width: 380px;
	height: 45px;
	font-size: 18px;
	padding: 5px 0 0 0;
	margin: 0 0 0 35px;
}

#posts>div .header h2 a {
	color: #000;
	text-decoration: none;
}

#posts>div .header h2 a:hover {
	text-decoration: underline;
}

#posts>div .header p {
	font-size: 14px;
	padding: 0;
	margin: 0 0 0 35px;
	font-weight: bolder;
}

#posts>div .header>div {
	margin: 17px 0 0 47px;
}

#posts>div .header .date {
	color: #FFF;
	float: left;
	width: 45px;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
}

#posts>div .header .date span {
	display: block;
	margin-top: -5px;
	font-size: 28px;
}

#posts>div .header .info {
	float: left;
	font-size: 12px;
	margin: 0 0 0 57px;
}

#posts>div .header div.info .categorias {
	color: #000;
	width: 280px;
	height: 32px;
	overflow: hidden;
}

#posts>div .header div.info .categorias a {
	color: #000;
	text-decoration: none;
}

#posts>div .header div.info .categorias a:hover {
	text-decoration: underline;
}

#posts>div .header div.info .categorias span {
	color: red;
	text-transform: uppercase;
}

#posts>div .header div.info .comentario {
	color: #fd1906;
}

#posts>div .header div.info .comentario a {
	color: #000;
	text-decoration: none;
}

#posts>div .header div.info .comentario a:hover {
	text-decoration: underline;
}

#posts>div .content {
	font-size: 12px;
	padding: 5px 0 5px 0;
	text-align: center;
}

#posts>div .content p {
	font-size: 12px;
	padding: 0 10px 0 10px;
	text-align: center;
}

#posts>div .content a {
	color: #a08d42;
	text-decoration: none;
}

#posts>div .content a:hover {
	text-decoration: underline;
}

/* PAGINACAO */
div.pagination {
	position: relative;
	width:100%;
	text-align: center;
	clear:both;
	overflow: hidden;
	background: #000;
}

div.pagination ul {
	list-style-type: none;
	position: relative;
	margin: 20px auto;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	padding: 5px;
	zoom:1;
	*display:inline;
}

* html div.pagination ul { margin: 0 auto; width: 340px; } /* IE fix */

div.pagination ul li {
	white-space: nowrap;
	float: left;
	padding: 0 1px;
	line-height: 28px;
	font-weight: bold;
}

div.pagination ul li a {
	color: #000;
	width: 28px;
	display: block;
	float: left;
	text-decoration: none;
	background: url(images/bg_pag.jpg) -28px 0px;
}

div.pagination ul li.active_page a, div.pagination ul li a:hover {
	color: #FFF;
	background: url(images/bg_pag.jpg) no-repeat;
}


/* FOOTER */
#footer {
	width: 961px;
	height: 138px;
	margin: 0 auto;
	background: url(images/bg_footer.jpg) no-repeat;
}

#footer div {
	width: 79px;
	height: 79px;
	float: right;
	margin: 38px 47px 0 0;
}