/* CSS Document */

body {
	font-size: 11px;
	margin-top: 13px;
	font-family: Tahoma, 'Times New Roman', Serif;
	color: #565656;
	text-align: left;
 	background-image: url(images/flavio_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	margin: 0px;
	padding: 0px;
	}
	
a {color: #c60000;text-decoration: underline;}
a:visited {color: #c60000;text-decoration: underline;}
a:hover {color: #c60000;text-decoration: none;}
a img{ border:none; }
p {padding: 0px 0px 15px;margin: 0px;}

h1, h1 a, h1 a:visited {
	margin:0;
	font: normal 30px/100% "Arial";
	color: #fff;
	text-decoration:none;
	text-transform:lowercase;
	float:right;
	}

h1 a:hover{color: #fff;text-decoration: none;}

h2 {
	color: #900;
	margin: 0 0 2px;
	border-bottom: 1px solid #900;
	letter-spacing: -1px;
	font: normal 190% "Arial", Tahoma;
	padding-bottom: 3px;
	}
	
h2 a, h2 a:visited {color: #900;text-decoration: none;}
h2 a:hover {color: #c60000;text-decoration: none;}
h3 {font: normal 140%/100% "Arial", Tahoma;color: #900;margin: 10px 0 5px;}
h4 {font: normal 130%/100% "Arial", Tahoma;color: #ccc;margin: 10px 0 5px;}

form {margin:0;padding:0;}

#page {
	margin: 0px auto;
	width: 760px;
	}
#header {background: transparent;height: 0;margin:0;}
#description{color: #fff;font-size: 13px;float:left; clear: both; margin-bottom: 30px; *margin-bottom: 0px; _margin-bottom: 0px; font-size: 11px;}

#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	left: 260px;
	top: 10px;
	border-top: 3px solid #880000;
	border-right: 1px solid #880000;
	}
	
#nav li {float: left;margin-left: 0px;}
#nav .current_page_item a{color: #ccc;}

#nav .page_item a{
	color: #cc0000;
	text-decoration: none;
	background: transparent;
	padding: 120px 10px;
	font: bold 11px/100% Georgia, Arial, Helvetica, sans-serif;
	border-left: 1px solid #900;
	display: block;
	/* text-transform: uppercase; */
	}
	
#nav .page_item a:hover {color: #fff;background:#880000;}
#content {
	padding: 390px 30px 30px 13px;
	float: left;
	width: 480px;
	margin: 0px;
	}

acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}

blockquote, blockquote cite {
	margin: 0 5px 0 0;
	padding: 10px 10px 10px 10px;
	background: #000;
	color: #ccc;
	font-size: 0.9em;
	border-left: 5px solid #900;
	}
	
blockquote cite {display: block; }
.post {clear:both;padding-top: 10px;}
.post-date {width: 45px;height: 49px;float:left;background: url(images/date.gif) no-repeat;}

.post-month {font-size: 11px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
	}
	
.post-day {font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	display:block;
	line-height: 21px;
	padding-top: 7px;
	margin-left: -3px;
	}
	
.entry {float:right;width: 440px;}
.post-cat {padding-left: 20px;float:left;font-size: 95%;color: #999;}
.post-comments {padding-left: 20px;float: right;font-size: 95%;}
.post-calendar {padding-left: 20px;float: right;font-size: 95%;color: #999;}
.post-content {clear: both;padding-top: 10px;}
.navigation {clear: both;padding: 10px 0;}
.navigation a, .navigation a:visited {color: #c60000;}
.previous-entries {float: left;padding-left: 18px;}
.next-entries {float: right;padding-right: 18px;}

#comments, #respond {border-bottom: 1px dotted #900;padding-bottom: 5px;}
.commentlist {margin: 10px 0;padding-left: 20px;line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #f7f6f4;}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #565656;
	}
	
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
	}
	
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
	}

#commentform p {padding: 6px 0;margin: 0;}
#commentform label{color: #fff;font-size: 87%;}

#commentform input{
	width: 200px;
	background:#fff;
	border: 1px solid #900;
	padding: 3px;
	margin-top: 3px;
	}
	
#commentform textarea{
	width: 487px;
	height: 115px;
	background:#fff;
	border: 1px solid #900;
	padding: 2px;
	margin-top: 3px;
	}
	
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}

#commentform #submit{background: url(images/bg.gif) no-repeat;font: bold 12px Arial, Helvetica, sans-serif;color: #fff;border: none;float:right;width: 144px;height: 28px;cursor: pointer;}

#sidebar {
	float: left;
	margin: 0px;
	padding: 20px;
	padding-top: 30px;
	width: 150px;
	background: #880000;
	}
	
#sidebar a {color: #FFFFFF; text-decoration: underline;}
#sidebar a:hover {text-decoration: none;}
	
#searchform {background: transparent;}
#searchform #s {
	border:1px solid #333;
	width: 100px;
	height: 15px;
	padding: 2px 2px 0px 5px;
	margin: 0px;
	background: white;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}

#searchform #searchsubmit {
	background: transparent;
	background-image: url(images/btbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	margin-top: 3px;
	border: 0px;
	width: 25px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: middle;
	cursor: pointer;
	}
#sidebar h3 {font: bold 95% "Arial", Tahoma;color: #fff;margin: 20px 0px 0px 0px;; text-transform:uppercase;}

.ul-cat {color: #FFFFFF; list-style: none; margin:0px; padding:0px;}
.ul-cat li{margin: 0px; padding: 0px;}
.ul-cat li a, .ul-cat li a:visited{color: #fff;text-decoration: none;}
.ul-cat li a:hover{color: #5C0000; text-decoration: none;}
.ul-archives {color: #FFFFFF; list-style: none; margin:0px; padding: 0px;}
.ul-archives li{margin: 0px; padding: 0px; list-style: none; margin-top: 7px;}
.ul-archives li a, .ul-archives li a:visited{color: #fff;text-decoration: none;}
.ul-archives li a:hover{color: #5C0000;text-decoration: none;}
.recent-posts {list-style: none; margin:0px 0px 15px;padding: 0;}
.recent-posts li{padding: 0px; margin: 0px;}
.recent-posts li a, .recent-posts li a:visited{color: #fff;text-decoration: none;}
.recent-posts li a:hover{color: #5C0000;text-decoration: none;}
.ul-blogroll {list-style: none;margin:0px;padding:0px;}
.ul-blogroll li{margin: 0px;padding: 0px;}
.ul-blogroll li a, .ul-blogroll li a:visited{color: #fff;text-decoration: none;}
.ul-blogroll li a:hover{color: #5C0000;text-decoration: none;}

#footer { display: none; clear: both;background: #000;color: #ccc;font-size: 95%;line-height: 130%;border-top:1px solid #5C0000;margin-top:30px;}
#footer a, #footer a:visited{color: #fff;}
#footer a:hover{color: #900;}
#footer .left-col{width: 240px;float: left;margin-left: 10px;}
#footer .right-col{width: 220px;float: right;padding-right: 10px;padding-left: 10px;}
.ul-roll {list-style: square;margin:0 0 15px;padding:0;font-size: 100%;line-height: 130%;font-weight: normal;}
.ul-roll li{margin: 0;padding: 2px 0 2px 3px;}
.ul-roll li a, .ul-roll li a:visited{color: #ccc;text-decoration: none;}
.ul-blogroll li a:hover{color: #900;text-decoration: none;}
#footer h4 {font: normal 146%/100% "Arial", Tahoma;color: #900;margin: 10px 0 5px;}
.recently-commented {list-style: square;margin: 0;padding: 0;font-size: 92%;line-height: 110%;}
.recently-commented li{padding: 0 0 10px 3px;}
.recently-commented a{font-size: 100%;line-height: 130%;font-weight: bold;}

#credits {margin: 0px auto; float: left; clear: both; width: 70%;color: #333;font-size: 85%;line-height: 120%;text-align:center;}
#credits a, #credit a:visited{color: #c60000;}
.center {text-align: center;}
img.center, a img.center {display: block; margin-left: auto; margin-right: auto; padding: 3px;}
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-left: 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0;padding: 0;}
#wp-calendar {color: #CCCCCC; empty-cells: show;margin: 0px;width: 145px; float: left; clear: both;}
#wp-calendar-caption {color: #FFFFFF;}
#wp-calendar #prev a {font-size: 8pt;}
#wp-calendar a {text-decoration: none;color: #FFFFFF;}
#wp-calendar caption {font: bold 1.0em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 145px;}
#wp-calendar td {padding: 3px 0px;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background: transparent;}
#content p img{border:none;margin-bottom:8px;padding:5px;max-width:479px; background: #FFFFFF;}

/*ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	list-style-image: none;
	}
	
li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	list-style-image: none;
	position: relative;
	margin-right: -20px;
	}
*/	
.cat-item {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	list-style-image: none;
	position: relative;
	margin-right: -20px;
}

#fundo {
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/flavio.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

