/* --------------------------- COLOR STUFF */


#header h1,

#header p,

#content a:link,

#content a:visited,
a:link, 
a:visited {
color: #586B00;
}

.posting {
border-bottom: 0px solid #C5CE9B;
}

a img {
vertical-align: -1px;
border: none;
}


/* --------------------------- OTHER STUFF */

* {
margin: 0;
padding: 0;
list-style: none;
}

body {
text-align: center;
font: normal 70%/1.4 verdana, arial, sans-serif;
background: white;
}

#wrapper {
width: 700px;
margin: 0 auto;
text-align: left;
}

div#sorteio {
position: relative;
margin: 6px 0 6px 0;
padding: 12px 0 0 0;
}

div#header {
position: relative;
background: url(caixa-topo.png) left top no-repeat;
margin: 6px 0 6px 0;
padding: 12px 0 0 0;
}

#header h1 {
font: bold 4em/1 "Trebuchet MS", verdana, arial, sans-serif;
padding: 0 16px 0.5em 16px;
background: url(caixa-baixo.png) left bottom no-repeat;
}

h1 a:focus,
h1 a:hover,
h1 a:active {
color: black;
}

#header p {
font-style: italic;
position: absolute;
right: 16px;
top: 2em;
}

a:link, 
a:visited {
text-decoration: none;
border: none;
}

a:focus, 
a:hover,
a:active {
color: white;
text-decoration: none;
border: none;
}

#headbox {
background: url(caixa-topo.png) left top no-repeat;
overflow: auto;
}

#headbox .container {
width: 201px;
float: left;
padding: 12px 16px;
margin-bottom: -12px;
}

.container h2 {
color: black;
border-bottom: 1px dotted black;
font: normal 1.3em/1.5 "Trebuchet MS", verdana, arial, sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 0 0 0.5em 0;
}

#headbox #boxbottom {
clear: both;
border: none;
height: 12px;
background: url(caixa-baixo.png) left bottom no-repeat;
}

#content a:link,
#content a:visited {
text-decoration: none;
}

#content a:focus,
#content a:hover,
#content a:active {
background: #C5CE9B;
color: black;
}

#content {
margin: 6px 0;
padding: 12px 0 0 0;
background: url(box-topo.png) top left no-repeat;
}

#content ul, ol {
margin-left: 22px;
}

#content ul li {
list-style: square;
}

#content ol li {
list-style: decimal;
}

blockquote {
margin: 0 0 0.5em 10px;
padding: 0 0 0 10px;
border-left: 1px solid #999;
}


.posting {
clear: both;
overflow: auto;
background: url(box-meio.png) top left repeat-y;
padding: 12px 0 12px 16px;
}

#content h2 {
font: bold 2em/1.1 "Trebuchet MS", verdana, arial, sans-serif;
margin: 0 0 0.3em 0;
}

#content h3 {
font: bold 1.5em/1.1 "Trebuchet MS", verdana, arial, sans-serif;
margin: 0 0.2em 0.5em -0.3em;
}

#content h4 {
font: 1.4em/1.3 "Trebuchet MS", verdana, arial, sans-serif, sans-serif;
}

.frase {
font: bold 2.4em/1.3 "Trebuchet MS", verdana, arial, sans-serif, sans-serif; color: #999999;
}

p {
padding-bottom: .75em;
}

.box {
float: left;
width: 215px;
padding-right: 18px;
padding-bottom: 15px;
}

p.author {
border-top: 1px dotted black;
clear: both;
width: 669px;
margin-bottom: 1.2em;
padding-top: 0.4em;
}


#link {
background: url(box-baixo.png) left bottom no-repeat;
text-align: left;
padding: 0em 2px 1em 0;
}
#link p {
margin: 0;
padding: 0;
margin-left: 0px;
font-weight: bold;
}


#footer {
background: url(caixa-topo.png) left top no-repeat;
text-align: center;
padding-top: 12px;
margin-top: 6px;
}
#footer p {
background: url(caixa-baixo.png) left bottom no-repeat;
padding: 0 0 12px 0;
}

#sorteio-microcontos {
font: 1.2em/1.6 arial, sans-serif, sans-serif;
color: #000099;
padding-top: 12px;
padding-left: 56px;
padding-right: 56px;
}

#sorteio-frases {
font: 1.2em/1.4 arial, sans-serif, sans-serif;
color: #999999;
padding-top: 2px;
padding-left: 56px;
padding-right: 56px;
}


/* --------------------------- COMMENTING STUFF */


h2#commentheadline {
margin-top: 30px;
}

#commentlist h4 {
margin: 5px 0 7px 0;
}

form {
border-top: 1px dotted black;
padding-top: 1.2em;
margin-top: 1.2em;
width: 667px;
}

div.input {
width: 222px;
float: left;
}

label {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

div.input input {
width: 212px;
}

div#spamquestion {
padding: 8px 0 0 17px;
margin: 0 0 -14px 0;
}

div#spamquestion input {
width: 318px;
}

div#message {
width: 320px; 
float: left;
margin-top: 1.2em;
}

div#message textarea {
width: 310px;
height: 120px;
}

div#file {
width: 330px;
float: right;
margin-top: 1.2em;
}

div#file input {
width: 320px;
}

div#buttons {
width: 330px;
float: right;
margin-top: 35px;
overflow: hidden;
}

div#buttons input {
width: 160px;
float: left;
}