/* Basic Structure */

#container {border: 0px solid #999;}

#header {
	position: relative;
	width: 40%;
	height: 330px;
	margin-left:60%;
	clear: both;	
	border: 0px solid blue;
}

#content {
	margin: 0;
	margin-top:100px;
	background: url("../img/sidebar.gif") repeat-y 60% top;
	border: 0px solid green;
}


#sidebar {
	width: 40%;
	min-height: 400px;
	margin-top: -125px;
	padding-top: 2em;
	float: right;
	background: url("../img/sidebar2.gif") repeat-y scroll left top;
	border: 0px solid purple;
}

div#main {
	width: 60%;
	overflow: hidden;
	border: 0px solid red;
}	


div.wrapper {
	width: 43em;
	max-width: 59%;
	float: right;
	padding-right: 3em;
	border: 0px solid #999;
}

#footer {
	clear: both;
	padding-right: 215px;
	text-align: center;
	background: transparent url("../img/sidebar.gif") repeat-y scroll 60% top;
}

#content:after,
div#main:after,
div.wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Layout */

/*** header ***/

div#header a.logo {
	position: absolute;
	top: 197px;
	left: 20px;
	width: 220px;
	height: 100px;
	display: block;
}

div#header span.slogan {
	position: absolute;
	left: 20px;
	top: 239px;
	width: 297px;
	height: 57px;
	display: block;
	text-indent: -9999em;
	background: transparent url("../img/slogan.gif") no-repeat center;
}

div#header span.rss a {
	position: absolute;
	top: 0px;
	left: -100%;
	width: 56px;
	height: 21px;
	display: block;
	text-indent: -9999em;
	background: transparent url("../img/rss.gif") no-repeat center;
}

div#header span.home a {
	position: absolute;
	top: 0px;
	left: 0%;
	width: 111px;
	height: 21px;
	display: block;
	text-indent: -9999em;
	background: transparent url("../img/home.gif") no-repeat center;
}


/*#### sidebar ####*/
	
div#sidebar	div {
	width: 215px;
	margin: 0 0 2em 20px;
	border: 0px solid #999;
}

/*### busca ###*/

/*div#sidebar div#sb_search {
	position: absolute;
	width: 197px;
	height: 83px;
	top: 0px;
	margin: 0em 0 2em 0px;
	text-align: left;
	background: url("../img/search.gif") repeat-x center;
}*/

div#sidebar div#sb_search {padding-bottom: 2em;}
div#sidebar div#sb_search h1 {display: none;}

div#sidebar div#sb_search label {
	width: 74px;
	height: 26px;
	display: block;
	background:  url("../img/h1_busca.gif") center left;
}

div#sidebar div#sb_search input {
	width: 135px;
	height: 17px;
	padding: 0.15em 0.25em;
	vertical-align: top;
	background-color: #B5C6CF;
	border: 1px solid #EAEFF4;
}			
	
div#sidebar div#sb_search button {
	width: 24px;
	height: 22px;
	background-color: #B5C6CF;
	border: 1px solid #EAEFF4;
}
	
div#sidebar div#sb_search button img {vertical-align: middle;}
	
/*### saiba mais ###*/
	
div#sidebar div	span.saiba_mais {display: block;}	
div#sidebar div	span.saiba_mais a {text-decoration: none; border-bottom: 1px dotted #E6BBCD;}
div#sb_sobre p, div#sb_sobre a {margin: 0 0.25em; color: #000;}



/*### header ###*/

div#sidebar div h1, div#sidebar div#sb_search label {
	width: 212px;
	height: 32px;
	text-indent: -9999em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center left;
}

div#sidebar div#sb_sobre h1 {background-image: url("../img/h1_sobre.gif"); height: 58px;}
div#sb_categorias h1 {background-image: url("../img/h1_categorias.gif");}
div#sb_colaboradores h1 {background-image: url("../img/h1_colaboradores.gif");}
div#sb_arquivos h1 {background-image: url("../img/h1_arquivos.gif");}
div#sb_links h1 {background-image: url("../img/h1_links.gif");}
	
div#sidebar div ul {
	margin: 0.25em 0;
	padding: 0.5em 0em;}
	
div#sidebar ul li {
	display: block;
	margin: 0 0.5em;
	list-style-type: none;
	background: transparent url("../img/sidebar_li.gif") no-repeat left 0.8em;
}

div#sidebar ul li {
	color: #000;
	text-decoration: none;
	padding-left: 15px;
}

div#sidebar ul li a:link,
div#sidebar ul li a:visited {
	color: #000;
	text-decoration: none;
}
	
div#sidebar ul li a:hover,
div#sidebar ul li a:focus,
div#sidebar ul li a:active {color: #7A0612;}

div#sb_arquivos div.table_container {
	width: 85%;	
	margin: 1em auto;
	text-align: center;
}
	
div#sb_arquivos table {	
	width: 55%;
	text-align: center;
	border: 0;
}
	
div#sb_arquivos table tr td {padding: 0em 0.4em; color: #000; border: 0;}
	
div#sb_arquivos table tr td.mes {text-align: center;}	

div#sb_arquivos table tr td a:link, div#sb_arquivos table tr td a:visited {color: #7A0612; text-decoration: underline;}
div#sb_arquivos table tr td a:hover, div#sb_arquivos table tr td a:focus, div#sb_arquivos table tr td a:active  {color: #F4E4E8; text-decoration: overline; font-weight: bold;}

	
div#sb_arquivos table tr td.nav a:link, div#sb_arquivos table tr td.nav a:visited {
	display: block;
	font-size: 2.2em;
	text-decoration: none;
}

/****main****/	

div#main div.titles, div#main div.results {
	padding: 0.5em 0.75em;
	margin: 1.5em 0em;
	text-align: left;
	background: url("../img/titles.png") repeat scroll left top;
}

div.titles a {text-decoration: none;}
	
div#main div.results {background-color: #1B406F; background-image: none;}
div#main div.results


div#main div.titles a {text-decoration: none;}
div#main div.titles span.home {float: right; margin-top: 0.75em;}
div#main div.titles span.next, div#main div.titles span.comentar {display: block; text-align: right;}
	
div#main div.titles h1 {	
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: normal;
	color: #000;
}	 
	
div#main h1.titles strong {
	display: block;
	color: #C3DAED;
	font-size: 0.8em;
	font-weight: normal;
	font-variant: normal;
}		 		
	
/***posts and texts ans search results***/

div.post {
	margin: 0 auto;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 2px solid #00305F;
}
	
div.text {margin: 0 auto;}

div.post p,
div.text p {margin-bottom: 1.8em;}
	
div.search {margin-bottom: 2em;}	
	
div.post div.post_header, div.text div.post_header {
	overflow: auto;
	padding-bottom: 1.25em;
}	

div.post h1, div.text h1 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #00203F;
	margin-left: 0.25em;
}
	
div.post h1 a:link, div.text h1 a:link, div.post h1 a:visited, div.text h1 a:visited {
	text-decoration: none;
	text-align: right;
	color: #DFF0FF;
}
	
div.search h1 {font-size: 1.2em;}		
	
div.post div.post_date {
	color: #638B9F;
	font-size: 1.1em;
	margin-right: 0em;
	margin-left: 0.25em;
}

div.post div.post_date span {color: #00121F;}

div.post div.post_text, div.text div.post_text {padding: 0.25em 0; overflow: hidden;}

	
div.text div.post_text img, div.post div.post_text img {
	float: left;
	clear: left;
	margin: 0.5em 1em 0.5em 0em;
	padding: 0 0.75em 0.5em 0;
	border: 1px solid #00305F;
	border-width: 0 3px 3px 0;
}	
	
div.post div.post_text p {margin: 0 0 1.8em 0px;}
	
div.post div.post_text div.youtube {
	width: 425px;
	height: 345px;
	margin: 1em auto;} 	
	
div.post div.post_links {
	margin: 0.5em 0;
	padding-left: 10px;
	background:  url("../img/post_links_span.gif") no-repeat left 0.7em;
	text-transform: uppercase;
}
	
div.post div.post_links a:link,
div.post div.post_links a:visited {text-decoration: none; color: #00121F;}

div.post div.post_links a:hover,
div.post div.post_links a:focus,
div.post div.post_links a:active {color: #fff;}

div.post_links span {padding: 0 0.35em; color: #00121F;} 
div.post_links span.tags {display: block; text-transform: none;}										

	
/** comentários **/

div.comments, div.comment_form, div.envio_form {}
	
div.comments h1, div.comment_form h1, div.envio_form h1 {
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #00203F;
}
	
div.comment  {
	margin: 1.5em 0;
	padding: 0.75em 1em;
	background-color: #0D416F;
}
	
div.comment div.comment_head span a {
	text-decoration: none;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: normal;
	color: #000;
	margin-right: 0.75em;
}	 
	
div.comment div.comment_head span.date {
	display: block;
	color: #BFE1FF;
	font-weight: normal;
	font-variant: normal;
}
div.comment div.comment_head span a:hover,
div.comment div.comment_head span a:focus,
div.comment div.comment_head span a:active
 {text-decoration: none; color: #BFE1FF;}

div.comments div.comment div.comment_text {
	margin: 0.25em auto 1em auto;
}
	
/** formulário de comentário e de envio **/

div.comment_form form, div.envio_form form  {
	margin: 3em 0;
	padding: 2em;
	background-color: #0D416F;
}

div.comment_form p, div.envio_form p {margin: 0.5em;}
	
div.comment_form input, div.comment_form textarea,
div.envio_form input, div.envio_form textarea  {width: 36em;}

div.comment_form label, div.envio_form label {
	width: 10em;
	color: #67A0CF;
	display: block;
	font-size: 1.1em;
	text-transform: uppercase;
}
	
div.comment_form p.captcha, div.envio_form p.captcha {margin-top: 1.5em; margin-bottom: 2em;}

/***Footer***/

div#footer {padding: 1em 0px 1em 0;}

div#footer span.footer_links {
	font-size: 1em;
	padding: 0px 10px;
}

div#footer span.footer_rss {font-size: 1.2em;}
div#footer span.footer_links a {text-decoration: underline;}	
div#footer span.footer_rss a:hover {color: #FD7501;}