body{
	/*font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;*/
	font-family: 'Nobile', arial, serif;
	background-color: #CCCCCC;
}

/* Site Container */        
#container{
	position: absolute;
	min-height: 100%;
	width: 800px;
	top: 0;
	left: 50%;
	margin-left: -400px;
	background: url('../images/site_bg_3.png') top left repeat-y;
}

/* MENU */

#header_menu{
	line-height: 50px;
	color: #66CCFF;
}

#header_menu li{
	display: inline;
	color: #333;
	font-size: 15px;
}

#header_menu li .selected{
	font-weight: bold;
}

#header_menu li a:hover{

}

#header_menu li a{
	display: inline;
	font-size: 15px;
	color: #333;
}

#header_menu li a:hover{
	color: #777;
}

#site_header_menu{
	position: relative;
	width: 100%;
	height: 54px;
	background: url('../images/menu_bg.png') top left repeat-x;
	text-align: center;
}

/*Markers for menu items*/
#site_header_menu .marker1,#site_header_menu .marker2,
#site_header_menu .marker3,#site_header_menu .marker4{
	width: 46px;
	height: 17px;
	position: absolute;
	bottom: -12px;
	background: url('../images/menu_marker.png') top left no-repeat;
	display: block;
}

#site_header_menu .marker1{left: 260px;}
#site_header_menu .marker2{left: 345px;}
#site_header_menu .marker3{left: 425px;}
#site_header_menu .marker4{left: 490px;}

/* Site Footer */
#site_footer{
	position: relative;
	left: 7px;
	width: 787px;
	height: 0px;
}

#w3c_icon{
	position: absolute;
	bottom: 10px;
	right: -40px;
}

#site_footer a:hover,
#site_footer a:visited,
#site_footer a{
	color: #999;
	text-decoration: none;
}

#site_footer_icons{
	width: 130px;
	top: 10px;
	position: absolute;
	left: 50%;
	margin-left: -65px;
}

#site_footer_text{
	font-size: 9px;
	color: #777;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#site_footer_text_left{
	font-size: 9px;
	position: absolute;
	bottom: 5px;
	left: 10px;
}

#site_footer_text_left a{
	color: #777;
	cursor: text;
}

#footer_header{
	position: relative;
	padding: 10px 10px 10px 10px;
}


#footer_footer{
	height: 30px;
	position: relative;
}

#footer_header .leftBox,
#footer_header .rightBox{
	position: relative;
	float: left;
	border: 1px solid #58616A;
	width: 348px;
	padding: 10px 10px 10px 10px;
	color: #777;
	font-size: 13px;
	line-height: 23px;
}

#footer_header .leftBox a,
#footer_header .rightBox a{
	color: #777;
}

#footer_header .leftBox a:hover,
#footer_header .rightBox a:hover{
	color: #999;
}

#footer_header .rightBox{
	margin-left: 10px;
}

/* BOTTOM OF THE PAGE*/
#page_end{
	width: 771px;
	min-height: 100px;
	background-color: #40474d;
	margin-left: 8px;
}

/* Drafts */
table#table_drafts{
	width: 680px;
	border-spacing: 0 3px;
	border-collapse:separate;
}

table#table_drafts td{
	padding-left: 5px;
	line-height: 20px;
	font-size: 11px;
	color: #333;
}

table#table_drafts td.tdLeft{
	border: 1px solid #ccc;
}

table#table_drafts td.tdLeft:hover{
	background-color: #ccc;
}

table#table_drafts td.tdRight{
	width: 70px;
	text-align: right;
}

/* Conteúdos */
.conteudos_img{
	position: relative;
	width: 200px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
}

.conteudos_img img{
	width: 200px;
}

.conteudos_text{
	position: relative;
	width: 450px;
	float: right;
	margin-right: 10px;
}

.conteudos_text h1{
	font-size: 15px;
	padding-bottom: 5px;
}
	
.conteudos_text h2{
	font-size: 11px;
	padding-bottom: 5px;
}

.conteudos_text span.text{
	font-size: 11px;
	line-height: 17px;
}

.conteudos_text span.text a{
	color: #66AADD;
}

.conteudos_text span.text p{
	padding: 3px 0;
}

/* SHADOWBOX CONTENT */
#table_ne input[type=text]{
	width: 350px;;
	border: 1px solid #999;
	padding: 3px 3px;
	color: #666;
}

#table_ne{
	padding: 10px 0px;
	color: #333;
}

#table_ne tr td{
	vertical-align: top;
}

#table_ne input[type=radio]{
	padding-right: 25px;
}

#table_ne tr td label{
	font-size: 11px;
	color: #333;
	padding-right: 5px;
}

#table_ne .title{
	width: 70px;
	text-align: right;
	padding-right: 5px;
	color: #666;
	font-size: 13px;
}

#table_ne .titleLarge{
	color: #666;
	width: 120px;
	text-align: right;
	padding-right: 5px;
	font-size: 13px;
}

#table_ne .inputs{
	width: 330px;
	text-align: left;
	color: #666;
}

#table_ne .button{
	padding-top: 10px;
	text-align: right;
}

#table_ne .form_comment{
	padding-top: 10px;
	font-size: 10px;
	color: #999;
	text-align: left;
}

#table_ne .check_categorias{
	float: left;
	width: 100px;
	font-size: 10px;
}

#table_ne .check_categorias input[type=checkbox]{
	margin-right: 10px;
}


/* COMENTARIOS */
#titleComments{
	margin: 20px 0;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

.comment{
	margin-top: 20px;
}

.comment_owner{
	padding: 0 10px 0  10px;
	width: 690px;
	font-size: 12px;
	color: #333;
}

/* STUFF */
#warning{
	width: 100%;
	position: absolute;
	top: 100px;
	text-align: center;
	color: #333;
	font-size: 15px;
}

.comma{
	padding: 0px 5px;
}



/* FOOTER MENU */

.footer_inicio{
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 20px;
}

#footer_menu{
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
	color: #888;
}

#footer_menu a{
	color: #888;	
}

/* Paginação de Artigos */
.paginacao{
	position: relative;
	width: 100%;
	margin: 30px 0px 10px 0px;
	text-align: center;
	font-size: 13px;
	color: #444;
}

.paginacao ul li{
	display: inline-table;
	border: 1px solid #B1B1B1;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.paginacao ul li a,
.paginacao ul li a:hover{
	color: #444;
}

.paginacao ul li.selected{
	font-weight: bold;
	background-color: #E4E4E4;
}

paginacao ul li:hover{
	background-color: #E4E4E4;
	cursor: pointer;
}

/* Listagem de Categorias Lateral */
#listaCategorias{
	position: absolute;
	right: -135px;
	width: 150px;
	z-index: 999;
}

#listaCategorias a,
#listaCategorias a:visited{
	color: #444;
}

#listaCategorias a:hover{
	color: #888;
}

#listaCategorias p{
	font-size: 11px;
	padding: 5px 0px 5px 15px;
}

#listaCategorias_up{
	width: 100%;
	height: 20px;
	background: url('../images/lista_categorias_up.png') top left no-repeat;
}

#listaCategorias_mid{
	width: 100%;
	background: url('../images/lista_categorias_mid.png') top left repeat-y;
}


#listaCategorias_down{
	width: 100%;
	height: 20px;
	background: url('../images/lista_categorias_down.png') top left no-repeat;
}