/* Schwackages is stylin' */

body { margin: 0; padding: 0; background: #333; color: #fff; font-family: arial black, arial, sans-serif; font-size: small; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #9cf; text-decoration: underline; }
#page { margin: 25px auto 100px auto; padding: 0; width: 400px; }
#header { position: relative; margin: 0; padding: 0; }
h1, h2 { display: none; }
h2.thisismeter { display: none; }

.graph { position: relative; width: 400px; height: 110px; padding: 0; margin: 0 auto; background: url(images/launch-o-meter-bb.gif) no-repeat 0 0; }
.graph .bar { display: block; position: relative; width: 400px; height: 110px; background: url(images/launch-o-meter-bb.gif) no-repeat 0 -110px; }
.graph .bar span { position: absolute; top: 2px; left: 220px; color: #222; font-size: 12px; line-height: 50px; width: 50px; text-align: center; }

.content { background: #222 url(images/contentfooter-bb.gif) no-repeat bottom center; margin: 15px auto; padding: 0 0 50px 0; position: relative; width: 400px; }
h3.contentheader, h3.contentheader a { display: block; width: 400px; height: 55px; padding: 0; margin: 0; text-indent: -9999px; }
h3.launch { background: url(images/launchheader-bb.gif) no-repeat top center; }
h3.thanks { background: url(images/signup-thanks-bb.gif) no-repeat top center; }
h3.schwagvertise, h3.schwagvertise a { height: 110px; background: url(images/schwagvertise-bb.gif) no-repeat top center; }
h3.smm, h3.smm a { height: 140px; background: url(images/smm-schwackages-bb.gif) no-repeat top center; }
p { margin: 0 15px; padding: 0 0 15px 0; font-family: arial black, arial, sans-serif; font-size: 11px; line-height: 1.4em; text-transform: lowercase; }
strong { color: #9cf; font-weight: normal; }
form { margin: 0 0 10px 0; padding: 0; text-align: center; }
form div { margin: 3px; }
input, button, select { font-family: arial black, arial, sans-serif; }
.forminput, select { padding: 4px 0 0 6px; margin: 2px; height: 20px; width: 275px; color: #222; vertical-align: middle; border: none; background: #fff; }
select { padding: 0; margin: 6px 0; height: auto; width: 280px; line-height: 2em;  }
button { border: none; color: #9cf; background: #222; font-size: 12px; padding: 5px; cursor: pointer; vertical-align: middle; }

.from { display: block; width: 133px; height: 48px; background: transparent url(images/by-aga-bb.gif) no-repeat top left; margin: 0; padding: 0; position: absolute; bottom: -35px; left: 10px; }
.from a { display: block; width: 133px; height: 48px; text-indent: -9999px; }
.from a:hover { background: transparent url(images/by-aga-bb.gif) no-repeat bottom left; }

ul.menu { padding: 0; margin: 0; position: absolute; bottom: 20px; right: 20px; }
ul.menu li { display: inline; margin: 0; padding: 0 5px; }
ul.menu li a { font-size: 11px; color: #fff; text-decoration: none; }
ul.menu li.active a { color: #9cf; }
ul.menu li a:hover { color: #ff9; text-decoration: none; }