body { 
	background: #f7f6f6; 
	height: auto !important;
	height: 100%;
	width: 1090px;
	overflow-x: hidden;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	}
	
#wrapper {
	background: url("images/body-background.png") repeat-y #f7f6f6; 	
	margin: 0 auto;
	float: left;
	width:100%;
	}
	
#container { 
  margin-left: 54px;
	width: 971px;
}

#ads { 
	width: 728px;
	margin: 20px 60px 10px;}

#header { 
	clear:both;
	background: url("images/gradient-header.png"); 
	margin-top:0;
	width: 971px;
	height: 141px;
	color: #fff;
	}
	
#logo {
	background: url("images/logo.png") no-repeat bottom right;
	width: 395px;
	height: 96px;
	padding: 15px 0pt 0pt 50px;
	float: left;
	}

#podcast { 
	float: left; 
	margin-left: 280px; 
	padding-top: 45px; 
	width: 125px;
	text-align: right;
	}


#podcast-button { 
	float: right;
	}

#rss { 
	float: left;
	padding:73px 0pt 0pt 28px;;
	}

#navigation { clear: both;}

#tabs-bar {
	position: relative;
	background: url("images/tabs-bar.png");
	width: 971px;
	height: 16px;
	z-index: 1;
	}
	
#tabs {
  float:left;
  line-height:normal;
	margin-top: -13px;
	margin-left: 20px;
	height: 35px;
  }

#tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }

#tabs li#current { position: relative; z-index: 1;}

#tabs li {
	position: relative;
	float:left;
	background:url("images/tab-left.png") no-repeat left top;
	margin-left: 10px;
	padding:0 0 0 9px;
	z-index: 0;
 }

#tabs a, #tabs strong, #tabs span {
	display:block;
	background:url("images/tab-right.png") no-repeat right top;
	padding: 7px 40px 10px 30px;
 }

#tabs #current {
	background-image:url("images/tab-left-on.png");
  }

#tabs #current a {
	background-image:url("images/tab-right-on.png");
	padding-bottom: 15px;
 }


#content {
	clear: both;
	margin-top: 0px;
}

.archive #posts { margin-top: 60px ;}
#posts {
	float: left;
	padding-left: 60px;
	width: 500px;
	margin-top: 10px;
}

#posts.search-results { padding-top:50px}

.date { background-color: #5e6f82; padding: 5px; color: #fff; font-size: 1.2em; float: left}

.entry, .metadata, .article { clear: both ;}

.article { margin-top: 60px;}

br.clearing { clear: both;}

.take-action ul, .metadata ul { margin: 0;}

.archive .take-action { margin-bottom: 60px }

.metadata {
  float:left;
  line-height:normal;
	width: 500px;
	margin:-2px 0 6px 0;
  }

.metadata ul {
  padding:0px 0px 0;
  list-style:none;
	float: left;
	margin: 7pt 0pt 0pt -7px;
  }


.metadata li {
	float:left;
	background:url("images/bubble-left.jpg")
	no-repeat left top;
	margin-left: 5px;
	padding:0 0 4px 12px;
 }

.metadata li a, .metadata li strong, .metadata li span {
	display:block;
	background:url("images/bubble-right.jpg")
	no-repeat right top;
	padding:5px 19px 5px 6px;
	color: #fff;
	min-height: 18px;
 }

.metadata li a:focus, .metadata li a:hover { color: #5e6f82;}

.take-action {
  float: left;
	clear:both;
	width: 500px;
	margin-left: 40px;
}

.take-action li { margin-right:  65px; float: left; }
.take-action li a { line-height: 2em; vertical-align:15%;}

.take-action li.comments { list-style-image: url("images/button-comment.jpg") }
.take-action li.send { list-style-image: url("images/button-send.jpg") }
.take-action li.delicious { list-style-image: url("images/button-delicious.jpg") }
.take-action li.stumble { list-style-image: url("images/button-stumble.jpg") }

.ads-bar {
	clear: both;
	background: url("images/ads-bar.png") no-repeat;
	width: 528px;
	height: 14px;
	margin: 6px 0 0 10px;
	padding:3px 0pt 6px 7px;
}


#sidebar {
	float: left;
	width: 270px;
	margin: -22px 0 0 70px;
}

#posts #search {background: transparent;}
#search {
	position: relative;
	background: url("images/search-tab-background.png") no-repeat;
	width: 268px;
	height: 35px;
	padding-right: 10px;
	z-index: 1;
	margin:-3px 0pt 70px -10px;
	padding-bottom: 30px;
}

form#commentform {
	clear: both;
}

#search-input {
	margin: 0 0 0 20px;
	width: 194px;
	height: 15px;
}

#searchsubmit {
	width: 32px;
	height: 21px;
	margin-left: 0;
}

.section { margin-top: 30px; clear: both;}

.section-header { 
	background: url("images/sidebar-sections-gradient.png"); 
	padding: 6px 10px 10px 15px ; 
	color: #fff;  
	width:223px;
	height: 19px;
	font-size: 1.4em;
	margin: 25px 0 10px 0;
	}
	
.commented-article, .authors {display: block;;}


#footer {
  clear: both;
  width: 973px;
  background: url('images/footer.jpg') bottom no-repeat;
}

#footer, .push {
  float: left;
	height: 140px; /* .push must be the same height as .footer */
}


#footer {
	color: #fff;
	font-size:0.8em;
	line-height: 1.3;
}


#footer p.feeds { margin: 85px 37px 0 0px;}

#footer p {
  margin: 85px 0pt 0pt 50px;
}

#footer span {
  margin: 85px 50pt 0pt 0px;
}

#footer a { color: #fff; font-weight: bold;}

.search-result .metadata { padding-bottom: 20px;}

.navigation { clear: both; padding-top: 20px;}

.older { float: left ;}
.newer { float: right;}

/*---------------------- Typographic styles --------------------- */
p { line-height: 1.6;}
h1 { color: #5e6f82; font-size: 2.2em; line-height: 1.2;}
h2 { color: #7F8B99; font-weight: bold;}
h2.center { margin: 2em 0 1em}
#posts h1 { float: left; margin-left: 20px; width: 400px;}
#posts h3 { margin:0.2em 0pt 0.5em;}
h3 { margin:0; font-size: 1.4em; line-height: 1.2em; font-weight: bold;}
#sidebar h3 { color: #fff;}
.ads-bar { color: #7f8b99; font-weight: bold;}
p.postmetadata { margin:0.5em 0pt 2em; line-height: 1.2;}

.metadata-categories a, .ads-bar a { color: #fff;}
#tabs a, #header a { color: #fff; font-size: 1.2em;}
td a { font-weight: normal;}
a { color: #7f8b99; font-weight: bold; text-decoration: none;}
a:focus, a:hover {color:#4a5766;}
a:visited { color: #555;}
.entry ul { list-style-type: disc;}
ul { list-style-type: none;}
ul.rss { list-style-position: inside; list-style-image: url("images/rss-button.png");}
ul.rss li { line-height: 1.2em }
ul.rss li a { vertical-align: 35%;}
ol.commentlist { list-style-type: decimal;}
ol.commentlist ul li, ol.commentlist ol li { margin-bottom: 1em; padding: 0;}
ol.commentlist li { background-color: #ebe9ea; padding: 15px 25px; margin:30px 0;}
#sidebar ul { margin: 0 5px 0 5px; line-height: 1.5;}
#sidebar li { margin-bottom: 1em;;}

table.tabelaDados { line-height: 1;}
.cWidgetA #Proximos td, .cWidgetA #EmCasa td, .cWidgetA #Vistos td {vertical-align: middle;}

/*---------------------------- Classes -------------------------- */
.block { float: left;}

#header .block {width:70px;}

#footer .feeds { float: right;}