*{ list-style: none; margin: 0; padding: 0; }
body{ width: 890px; margin: 0 auto; font: 62.5% Tahoma, Verdana; padding-bottom: 20px; color: #827f7f; }
img{ border: 0; }
a{ color: #c08f17; text-decoration: none; }
a:hover{ text-decoration: underline; }

h5 { font-weight:bold; font-size:15px;}
h3 { font-weight:bold; font-size:20px;}
h2, h2 a{ width: 280px; height: 60px; float: left; display: block; }
h2 a{ text-indent: -9999px; background: url(img/bruno_maestrini.gif) no-repeat; }
h1{ width: 600px; height: 60px; float: left; display: block; text-indent: -9999px; }
h1.home{ background: url(img/cartola_portfolio.gif) no-repeat; }
h1.concerts{ background: url(img/cartola_concerts.gif) no-repeat; }
h1.nature{ background: url(img/cartola_nature.gif) no-repeat; }
h1.places{ background: url(img/cartola_places.gif) no-repeat; }
h1.people{ background: url(img/cartola_people.gif) no-repeat; }
h1.about{ background: url(img/cartola_about.gif) no-repeat; }
h1.blog{ background: url(img/cartola_blog.gif) no-repeat; }
h1.multimedia{ background: url(img/cartola_multimedia.gif) no-repeat; }
h1.experiments{ background: url(img/cartola_experiments.gif) no-repeat; }
h1.curso{ background: url(img/cartola_curso.gif) no-repeat; }


ul#menu{ float: left; width: 268px; display: block; }
ul#menu li{ float: right; width: 240px; height: 40px; clear: right; display: block;; }
ul#menu li *{ text-indent: -9999px; display: block; float: right; width: 228px; height: 40px; background-repeat: no-repeat; }
ul#menu li a{ background-position: 0 0; }
ul#menu li a:hover{ background-position: 0 -40px; }
ul#menu li b{ background-position: 0 -80px; }
ul#menu li .concerts{ background-image: url(img/menu_concerts.gif); }
ul#menu li .nature{ background-image: url(img/menu_nature.gif); }
ul#menu li .people{ background-image: url(img/menu_people.gif); }
ul#menu li .places{ background-image: url(img/menu_places.gif); }
ul#menu li .multimedia{ background-image: url(img/menu_multimedia.gif); }
ul#menu li .experiments{ background-image: url(img/menu_experiments.gif); }
ul#menu li .about{ background-image: url(img/menu_about.gif); }
ul#menu li .blog{ background-image: url(img/menu_blog.gif); }

#conteudo{ float: left; width: 610px; background: url(img/conteudo_fundo.gif) repeat-y; padding: 10px 0 20px 12px; }

#curso{ position:absolute; top:2em;}

#destaque{ margin-bottom: 25px; float: left; }
#destaque div{ font-weight: bold; border: solid 1px #b2b2b2; width: 570px; overflow: hidden; padding: 0 9px 9px 9px; }
#destaque h3{ font-size: 1.4em; display: inline; float: left; line-height: 200%; }
#destaque strong{ float: right; margin-right: 30px; }
#destaque div strong{ margin-right: 0; }
#destaque strong a{ font-size: 1.4em; line-height: 200%; }
#destaque strong span{ font-size: 1.2em; color: #bababa; }
#destaque img{ clear: both; }

#conteudo ul{ clear: both; float: left; width: 100%; }
#conteudo li{ display: block; float: left; width: 170px; font-weight: bold; border: solid 1px #b2b2b2; overflow: hidden; padding: 0 9px 9px 9px; margin: 0 10px 10px 0; }
#conteudo li h4{ font-size: 1em; display: inline; float: left; }
#conteudo li h4 a{ font-size: 1.4em; line-height: 200%; }
#conteudo li h4 span{ font-size: 1.2em; color: #bababa; }

#desc{ margin-bottom: 25px; margin-left:25px; float: left; }

.post { font-size:12px; margin-bottom:25px; margin-top:25px; padding: 0 9px 9px 9px; width: 550px;}

.entry { margin-bottom:25px; margin-top:25px; color:#000000;}
.entry p{margin: 10px; padding: 10px;}

.postmetadata alt { margin-bottom:25px; margin-top:25px; padding: 0 9px 9px 9px; }

#commentlist li{font-size:12px; color:#000;}
#commentlist cite {font-size:10px;}
#commentspopup p {width:350px;}
#commentspopup form {width:350px;}
#commentspopup ol {width:350px;}
#commentarios {width:550px; margin-left:auto; margin-right:auto; }