45 x 60
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
</head>
<body id="section-index">
<div id="navigation">
</div>
<div id="container">
<div id="header">
<h1>
<a title="BlogOPA" href="http://blog.opa.art.br/">BlogOPA</a>
</h1>
</div>
<div id="feedarea">
</div>
<div id="headerimage"> </div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body id="section-index" class="home blog logged-in">
<div id="access" role="navigation">
</div>
<div id="container">
<div id="header">
<h1>
<a title="BlogOPA" href="http://opa.art.br/blog/">BlogOPA</a>
</h1>
</div>
<div id="feedarea">
</div>
<div id="headerimage"> </div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
</head>
<body id="firstrun">
</body>
</html>
#about_image {
    background: url("img/avatar_4x3_small.png") no-repeat scroll 0 50% #FFFFFF;
    border: 1px solid #000000;
    float: left;
    height: 60px;
    margin: 3px 10px 3px 0;
    width: 45px;
}
#about_desc {
    margin: 0;
}
#sidebar ul li {
    clear: both;
}
table#wp-calendar a, table#wp-calendar a:visited, table#wp-calendar a:hover {
    font-weight: bold;
    text-decoration: underline;
}
* {
    margin: 0;
    padding: 0;
}
p {
    line-height: 1.6em;
    margin: 0.7em 0;
}
dl {
    margin: 1em 0;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0.5em;
    padding: 0;
}
img {
    background: url("img/shadow.gif") no-repeat scroll right bottom transparent;
    border-color: #EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-right: 0 none;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 4px 10px 10px 4px;
}
img.right {
    float: right;
    margin: 10px 0 0 10px;
}
img.left {
    float: left;
    margin: 0 10px 10px 0;
}
a:link img, a:visited img, a:hover img, a:active img {
    background: url("img/shadow.gif") no-repeat scroll right bottom transparent;
    border-color: #EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
    border-right: medium none;
    border-style: solid none none solid;
    border-width: 1px medium medium 1px;
    padding: 4px 10px 10px 4px;
}
a:link img, a:visited img {
    border-bottom: 1px dashed;
}
a:hover img, a:active img {
    border-bottom: 1px solid;
}
.wp-smiley, #wpstats {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 0;
}
.clear {
    clear: both;
    height: 20px;
}
blockquote {
    background: url("img/blockquote.gif") no-repeat scroll left top transparent;
    color: #666666;
    margin: 1em;
    padding: 0 0 10px 50px;
}
fieldset {
    border: 0 none;
}
body {
    background: none repeat scroll 0 0 #F9F9F0;
    color: #333333;
    font: 76%/1.6em verdana,tahoma,arial,sans-serif;
    margin: 0;
    text-align: center;
}
a {
    text-decoration: none;
}
a:link, a:visited {
    color: #265E15;
}
a:hover, a:active {
    border-bottom: 1px solid #996633;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Georgia,Verdana,Arial,Serif;
}
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 780px;
}
#navigation {
    background: none repeat scroll 0 0 transparent;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,Serif;
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 760px;
}
html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0;
}
#navigation ul li a {
    background: none repeat scroll 0 0 #EDEDED;
    border-color: #DEDEDE #DEDEDE -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #666666;
    display: block;
    font-weight: bold;
    letter-spacing: 0;
    padding: 2px 10px;
    text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #333333;
}
#navigation ul li.search {
    font-size: 0.9em;
    position: absolute;
    right: 0;
    top: 0;
}
#navigation ul li.search input#searchsubmit {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #999999;
    color: #265E15;
    font-size: 0.9em;
    margin: 0 0 0 2px;
    padding: 2px;
}
#header {
    clear: both;
    float: left;
    margin: 10px 5px;
    width: 450px;
}
#header h1 {
    font-size: 1.8em;
    font-variant: small-caps;
    letter-spacing: 0;
    margin: 10px 0 0 10px;
}
#header h1 a {
    border: 0 none;
    text-decoration: none;
}
#header h2 {
    font-family: Tahoma,Verdana,Arial,Serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 5px 0 0 10px;
}
#feedarea {
    float: right;
    padding: 10px 10px 0 0;
    text-align: right;
}
html #feedarea {
    padding-top: 10px;
}
#feedarea dl dt {
    display: inline;
    height: 45px;
    margin-right: 5px;
}
#feedarea dl dd {
    background: url("img/icon_feed.gif") no-repeat scroll left center transparent;
    display: inline;
    height: 45px;
    margin-right: 5px;
    padding-left: 16px;
}
#headerimage {
    background: url("img/misty.jpg") no-repeat scroll 0 0 #FFFFFF;
    clear: both;
    color: #FFFFFF;
    height: 200px;
    margin: 20px;
}
html #headerimage {
    margin-top: 0;
}
#content {
    margin: 10px 10px 10px 30px;
}
html #content {
    height: 1%;
}
#content h3 {
    color: #265E15;
    font-size: 1.4em;
    font-weight: normal;
    margin: 1em 0 0;
}
#content h4 {
    font-size: 1.1em;
    margin: 1em 0 0;
}
#content h5 {
    font-size: 1em;
    margin: 1em 0;
}
#content-main ul {
    list-style-image: url("img/bullet.png");
    margin: 0 1em;
    padding: 0 1em;
}
#content-main ul.asides {
    border-bottom: 1px dashed #DDDDDD;
    margin: 0;
    padding: 2em;
}
#content ol {
    list-style-type: decimal;
    margin: 1em;
    padding: 0 1em;
}
#content-main {
    float: left;
    margin-right: 20px;
    width: 520px;
}
html #section-index #content-main {
    margin-right: 20px;
}
#content .post {
    border-bottom: 1px dashed #DDDDDD;
    padding: 0 0 2em;
}
#content h2 {
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.4em;
    margin: 1em 0 0;
}
#content .entry {
    margin: 1em 0;
    padding-right: 1em;
}
#content .entry a:link, #content .entry a:visited {
    border-bottom: 1px dashed #996633;
}
#content .entry a:hover, #content .entry a:active {
    border-bottom: 1px solid #996633;
}
#content .post-info, #content .postmetadata {
    color: #999999;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}
#content .post-info, #content h2.pagetitle {
    background: url("img/underline1.jpg") no-repeat scroll left bottom transparent;
    padding-bottom: 15px;
}
#sidebar {
    float: left;
    font-size: 0.9em;
    width: 200px;
}
#sidebar ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#sidebar li {
    margin-bottom: 5px;
}
#sidebar ul ul {
    list-style: none outside none;
    margin: 0.5em 0 0 1em;
}
#sidebar ul ul ul {
    margin: 0 0 0 1em;
}
li.sidebox {
    background: url("img/sideheadtop.gif") no-repeat scroll left top #EDEDED;
    margin-bottom: 10px;
    padding: 10px;
}
html li.sidebox {
    padding-bottom: 10px;
}
li.sidebox h2 {
    color: #224422;
    font-size: 1.4em;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
}
li#sidelinks ul {
    margin: 0;
    padding: 0;
}
#sidebar li.sidebox p img {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 3px;
}
#footer {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    margin: 0 auto;
    text-align: left;
    width: 760px;
}
html #footer {
    height: 1%;
}
#footer p {
    float: left;
    line-height: 1.2em;
    width: 50%;
}
#footer p.right {
    color: #999999;
    float: right;
    font-size: 0.9em;
    margin: 1em 0;
    text-align: right;
    width: 50%;
}
#comments, #respond {
    margin: 0;
    padding: 1em 0 0;
}
#commentform {
    background: none repeat scroll 0 0 #F9FCFC;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 10px 0;
    padding: 10px;
}
.commentnum {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 5px 0 0;
}
#container .commentlist {
    border-top: 1px solid #DDDDDD;
    margin: 1em 0;
    padding: 0;
}
.commentlist li {
    background: url("img/shadow_top.gif") repeat-x scroll center top #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    list-style: none outside none;
    margin: 0;
    padding: 1em 0.5em;
}
.commentlist li.alt {
    background: none repeat scroll 0 0 #F9F9F9;
}
.commentlist li.authorcomment {
    border: 1px solid #FFCC99;
}
.commentlist li .cmtinfo {
    font-size: 1em;
}
.commentlist li cite {
    font-style: normal;
    font-weight: bold;
}
.commentlist li .cmtinfo em {
    color: #999999;
    float: right;
    font-size: 0.9em;
    font-style: normal;
    margin: 0;
    padding: 0;
}
#content .commentsfeed {
    background: url("img/icon_feed.gif") no-repeat scroll left center transparent;
    padding-left: 16px;
}
#content .trackback {
    background: url("img/link.gif") no-repeat scroll left center transparent;
    padding-left: 20px;
}
input.textbox, textarea {
    background: url("img/shadow_top.gif") repeat-x scroll center top #FFFFFF;
    border: 1px solid #CCCCCC;
    font: 1em Verdana,Arial,Serif;
    padding: 2px;
    width: 150px;
}
textarea {
    height: 20em;
    line-height: 2em;
    padding: 10px;
    width: 90%;
}
input.textbox:focus, textarea:focus {
    background: url("img/shadow_top.gif") repeat-x scroll center top #FFFFFF;
    border: 1px solid #999999;
}
#submit {
    padding: 3px 5px;
}
.post h4 {
    font-family: Verdana,Tahoma,Arial,Serif;
    font-size: 1em;
    font-weight: normal;
}
.post h4 em {
    float: right;
    font-style: normal;
    font-weight: normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}
