HTML, body { margin: 0px auto; text-align: center; background: #0c344e; }


* { margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; }
img { border: none; }
.clr { clear: both; }
.outside, .outside2 { display: inline; float: left; position: relative; left: -29px; margin-right: -58px; }
.outside2 { margin-top: 89px; }
blockquote { padding: 0px 0px 0px 90px; background: url(blockquo.png) left center no-repeat; }
a { outline: none; }
	
	/* about */
	a:focus { outline: none; }

	#header { height: 300px; background: #1d4a62 url(header_b.jpg) top center;}
	#header #headercontainer{ width: 920px; margin: 0px auto; text-align: center; cursor: default; }
	#header #headercontainer #linkcenter a { position: relative; top: 45px; right: 60px;  padding: 40px 120px; }
	#header #headercontainer #title { float: left; width: 210px; height: 140px; margin: 150px 0px 0px -60px; background: url(title000.png) center no-repeat; }

	
	#container { margin: 0px auto; width: 920px; background: white url(container_bg.jpg) center top repeat-y; }
	#container #subcontainer { float: left; width: 570px; padding: 30px 20px 30px 20px; }
	#container #subcontainer .post { float: left; margin-bottom: 50px; text-align: left; }
	#container #subcontainer .post .postmetadata { color: #8FA9BF; background: #f9f9f9; border-top: 2px dashed #B8CAD9; }
	#container #subcontainer .post .postmetadata a { color: #8FA9BF; }
	#container #subcontainer .post { clear: both; padding-top: 5px; }
	#container #subcontainer .post a { padding: auto 2px; font-weight: bold; color: #68a1c1; border-bottom: 1px dashed #68a1c1; }
	#container #subcontainer .post a:hover { color: #3e728f; border-bottom: 1px dashed #3e728f; }
	#container #subcontainer .post a img { display: block; margin: 3px 15px 15px 0px; border: 3px solid #8EB8CF; }
	#container #subcontainer .post .addtoany_share_save_container { margin-bottom: 70px; }
	#container #subcontainer .post .addtoany_share_save_container a img, #container #subcontainer .post .addtoany_share_save_container a:hover img { border: none; }
	#container #subcontainer .post a:hover img { border: 3px solid #3E728F; }
	#container #subcontainer .post h1, #container #subcontainer .post h1 a { width: 520px; font: bold 26px Arial; color: #68a1c1; }
	#container #subcontainer .post h1 a:hover { color: #3E728F; }
	
	/* 
	#container #subcontainer .post h2 { display: block; margin: 7px auto 11px 0px; padding: 2px 3px; font: normal 9px Tahoma; color: #fff; background: #22526F; }
	#container #subcontainer .post h2 a { font-weight: bold; padding: 2px 3px; color: #fff;}
	#container #subcontainer .post h2 a:hover { background: #6290AF;}
	*/

	#container #subcontainer .post h2 { display: block; float: left; width: 480px; margin-top: -30px; padding: 2px 3px; font: 11px Verdana; color: #6d6d6d; }
	#container #subcontainer .post h2 a, #container #subcontainer .post .entry a.more-link { font: bold 11px Verdana; color: #6d6d6d; border: none; }
	#container #subcontainer .post h2 a:hover, #container #subcontainer .post .entry a.more-link:hover { color: #2d2d2d; }
	#container #subcontainer .post h3 { display: block; text-align: right; margin: 7px auto 11px 0px; padding: 2px 3px; font: normal 9px Tahoma; color: #fff; background: #22526F; }
	#container #subcontainer .post h3 a { font-weight: bold; padding: 2px 3px; color: #fff;}
	#container #subcontainer .post h3 a:hover { background: #6290AF;}
	
	#container #subcontainer .post p { margin: 5px auto 15px 0px; font: 12px Verdana; color: #444; line-height: 17px; text-align: justify; }
	#container #subcontainer .post .details { margin-top: 6px; padding-top: 6px; font: bold 11px Verdana; border-top: 1px solid #ddd; text-align: right; }
	/* #container #subcontainer .post .details a { padding: 2px 3px 4px 3px; color: #0f3552; }
	#container #subcontainer .post .details a:hover, #container #subcontainer .post .details_comments a:hover { background: #8EB8CF; }
	#container #subcontainer .post .details_comments { clear: both; margin-top: -16px; padding-top: 3px; font: normal 9px Arial; border-top: 1px solid #B5D0DF; text-align: right; }
	#container #subcontainer .post .details_comments a { padding: 4px 3px 2px 3px; color: #0f3552; }*/
	#container #subcontainer .navigation { display: block; height: 60px; }
	#container #subcontainer .navigation .olderposts a { float: left; height: 60px; width: 60px; margin-right: 15px; background: url(old00000.jpg) top no-repeat; }
	#container #subcontainer .navigation .olderposts a:hover { background-position: bottom; }
	#container #subcontainer .navigation .newerposts a { float: left; height: 60px; width: 60px; background: url(new00000.jpg) top no-repeat; }
	#container #subcontainer .navigation .newerposts a:hover { background-position: bottom; }
	#container #subcontainer .navigation .up a { float: right; height: 60px; width: 50px; background: url(up000000.jpg) top no-repeat; }
	#container #subcontainer .navigation .up a:hover { background-position: bottom; }
	
		
	#container #sidebar { float: right; width: 214px; padding: 30px 32px 20px 34px; text-align: left; 	}
	#container #sidebar ul.mail_ul  { border: none; }
	#container #sidebar ul { width: 224px; border: 1px solid #B8CAD9;  }
	#container #sidebar h2 { padding: 10px; font: bold 18px Arial; color: #8eb8cf; background: white url(sidebar_.jpg) top center no-repeat; }
	#container #sidebar ul li { line-height: 0px; }
	#container #sidebar ul li a { display: block; padding: 3px 10px; font: 11px Arial; color: #0F374F; border-bottom: 1px solid #E0E3F0; background: #F2F6FA; }
	#container #sidebar ul li a:hover { background: #B8CAD9; }
	#container #sidebar ul ul { width: 222px; margin: 0px 0px 35px 0px; }	
	#container #sidebar ul ul ul{ border: 0px; margin: 0px; }	
	
	/* quote collection */
	#container #sidebar div.quotescollection_randomquote { margin-bottom: 35px; padding: 6px 10px; font: italic 11px Georgia; color: #17445F; line-height: 16px; background: #F2F6FA; border: 1px solid #B8CAD9; } 
	#container #sidebar div.quotescollection_randomquote cite { margin-top: 10px; font-size: 9px; color: #3E728F; } 
	


	
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

	/*
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
*/

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}


/* #sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}
*/






small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



/* Begin Structure */


.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */



/*	Begin Headers */

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {

		/* aqui � que deu a merda do LIST-STYLE:
	content: "\00BB \0020";
		*/
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

/* #sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
*/

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

/*#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}*/
	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#searchform #s {
	width: 108px;
	padding: 2px;
	}

#searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

	/*
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/


	#footer { clear: both; padding: 30px 360px 50px 0px; font: 11px Verdana; color: #4a809e; background: #0c344e url(footer_b.jpg) center top repeat-x; }
	#footer a { color: #1c465e; border-bottom: 1px dashed #4a809e; }
	#footer a:hover { color: #0f3449; border-bottom: 1px dashed #1c465e; }