html, body { background: #1b0c06 ; }

body { color: #ddc ; padding: 2em 0 2em ; font-family: "Century Gothic",Helvetica,Lucida Grande,Lucida Sans; }

strong { font-weight: bold ; }
em { font-style: italic ; }

a:link { color: #cb9 ; text-decoration: underline ; font-style: normal ; }
a:visited { color: #cb9 ; text-decoration: underline ; font-style: normal ; }
a:hover { color: #986 ; text-decoration: none ; font-style: italic ; }

#userbar { color: #cb9 ; width: 100% ; position: absolute ; top: 0 ; left: 0 ; margin: 0 0 1em ; padding: .7em 0 ; text-align: right ; border-bottom: 1px dotted #542 ; font-size: 72% ; text-indent: 1em ; }
#userbar a { color: #986 ; font-family: "Century Gothic", Trebuchet, Optima, Helvetica, Arial, sans-serif ; text-decoration: none ; }
#userbar span { padding: 0 10px ; }

#masthead { display: block ; width: 650px ; margin: 1em auto ; text-align: center ; }
#masthead img, #masthead #blank_banner { display: block ; margin: 0 auto ; padding: 3px ; border: 1px solid #986 ; }

#login { display: block ; width: 650px ; margin: 1em auto ; text-align: center ; font-size: 70% ; }
#login a, #login a:visited { color: #653 ; text-decoration: none ; }

h1, h2 { display: block ; width: 638px ; text-align: left ; margin: .5em auto 1em ; padding: 0 ; border: 1px solid transparent ; }
h1, h2 { font-weight: bold; font-size: 110%; line-height: 1.1em;  }

pre { font-weight: normal ; font-size: 75%; line-height: 1.2em; margin-bottom: 2em ; font-family: monospace ; }

.post { display: block ; clear: both ; width: 638px ; margin: .7em auto ; padding: 0 ; padding-top: .7em ; border: 0 ; border-top: 1px dotted #542 ; }
p { font-weight: normal ; font-size: 75%; line-height: 1.2em; margin-bottom: 2em ; }
.post img.avatar { float: left ; margin-right: 1.5em ; margin-bottom: 1.5em ; padding: 2px ; border: 1px solid #542 ; }
img.avatar.Michael { border-color: #969 ; }
img.avatar.Brett { border-color: #369 ; }
img.avatar.Austin { border-color: #399 ; }
img.avatar.John { border-color: #fcc ;}
img.avatar.Richardo { border-color: #720 ;}
.post p.timestamp { color: #542 ; font-size: 70% ; display: block ; float: right ; margin-left: 2em ; margin-bottom: 2em ; }

#post-form { display: block ; width: 650px ; margin: 1em auto ; text-align: center ; }

#rocketlube { display: block ; margin: 5em auto 1em ; height: 133px ; width: 152px ; background: transparent url('http://poopbutts.com/rocketlube.png') ; z-index: 100 ; }

a.tag { padding: 2px ; margin: 2px ; -webkit-border-radius: 3px ; -moz-border-radius: 3px ; border-radius: 3px ; border: 1px solid #542 ; color: #542 ; font-style: normal ; text-decoration: none ; }
a.tag:hover { padding: 2px ; margin: 1px ; border: 2px solid #542 ; }
p.tags { color: #542 ; font-style: italic ; clear: both ; float: left ; font-size: 60% ; }

#ytObject, #ytPlayerContainer { border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; height: 344px; width: 425px ; }

textarea, input, button { padding: .8em ; background: transparent ; color: #ddc ; border: 1px dotted #986 ; border-radius: 3px ; font: 110% ;  }
textarea:focus, input:focus, input:hover { border: 1px solid #986 ; }


/* Christmas! * /

#rocketlube { background: transparent url('http://poopbutts.com/rocketlube-Christmas.png') ; }

/* */

/* Austin's birthday! * /

html, body { background: black ; }
body.poops { background: black url('http://poopbutts.com/flames.gif') bottom repeat-x ; }

textarea { background: black url('http://poopbutts.com/flames.gif') bottom repeat-x ; }

/* */

#crapmap { padding: 3px ; border: 1px solid #986 ; }