body {margin:0 0 0 9px;padding:0;background:#000;color:#ccc;font:11px verdana,helvetica,sans-serif;}
h1 {padding:0;margin:0 0 5px 0;font-size:14px;font-weight:bold;}

a {color:#f41510;text-decoration:none;}
a:visited {color:#999;}
a:active {color:#fff;}
a:hover {text-decoration:underline;}

img {border:0;vertical-align:-0.3em;}
span {color:#fff;}
span.red {color:#c33;font-stretch:extra-condensed;}
span.big {color:#ccc;font-size:12px;}

#c {width:485px;padding:0;margin:0;}
#h {height:72px;}
#h #logo {width:314px;height:72px;background:url(/ofe/img/popup/logo.gif) no-repeat top left;float:left;display:inline;}
#h #close {width:120px;height:35px;background:url(/ofe/img/popup/close.gif);margin:17px 0 0 14px;padding:0;float:left;display:inline;}
#h #close a {display:block;height:35px;}
#h #close a:hover {background:url(/ofe/img/popup/close.gif) 0px -36px no-repeat;}

#maintop {width:485px;height:14px;background:url(/ofe/img/popup/top.gif) no-repeat top left;}
#mainbtm {width:485px;height:28px;background:url(/ofe/img/popup/btm.gif) no-repeat top left;margin:0 0 10px 0;}
#main {width:485px;background:url(/ofe/img/popup/bodybg.gif) repeat-y top left;padding:0;margin:0;} #main div {padding:0 20px 0 15px;} #main div div {padding:0;}

/*images*/
#c #main div#bar {background:#333;height:13px;text-align:center;padding:3px;font-size:12px;
width:450px;voice-family: "\"}\"";voice-family:inherit;width:444px;} #c #main div#bar {width:444px;}
#c #main #controls {width:450px;height:25px;margin:10px 0;padding:0;}
#controls #prev {width:74px;height:22px;background:url(/ofe/img/popup/prev.gif);margin:0;padding:0;float:left;}
#controls #prev a {display:block;height:22px;}
#controls #prev a:hover {background:url(/ofe/img/popup/prev.gif) 0px -23px no-repeat;}
#controls #next {width:68px;height:25px;background:url(/ofe/img/popup/next.gif);margin:0;padding:0;float:right;}
#controls #next a {display:block;height:25px;}
#controls #next a:hover {background:url(/ofe/img/popup/next.gif) 0px -25px no-repeat;}

#c #main p {text-align:left;}
#c #main h3 {font-size:12px;font-weight:bold;color:#fff;padding:0;margin:10px 0;}
#c #main h4 {text-align:center;font-size:12px;font-weight:normal;margin:0;padding:8px 0 0 0;}

/*songs*/
#c #main h2 {background:#131313;padding:3px;font-size:14px;font-weight:bold;color:#fff;margin:10px 0 5px 0;
width:450px;voice-family: "\"}\"";voice-family:inherit;width:444px;} #c #main h2 {width:444px;}
#c #main h2.error {border:1px solid #f41510;}
#c #main h2.center {text-align:center;}

/*journal*/
ul {border:0;margin:0;padding:0;list-style-type:none;list-style-image:none;}
ul li {text-align:left;margin:0;padding:8px;width:450px;voice-family: "\"}\"";voice-family:inherit;width:436px;} ul li {width:436px;}
ul li.odd {background:#333;}
ul li span.title {font-size:12px;font-weight:bold;}

ul#date {list-style-image:url(/ofe/img/home/b.gif);margin:0 0 0 1em;padding:0 0 0 1em;vertical-align:top;}
ul#date li {margin:0;padding:0;}
ul#date li span {color:#ff6;font-weight:bold;}

#main div #wformleft {float:left;display:inline;width:200px;padding:0;margin:0;}
#main div #wformright {float:left;display:inline;padding:0;margin:0;}
#main div #wformright div {margin:3px 0 8px 0;}
#main div #wform {clear:both;}

form {margin:0;padding:0;}
input {background:#fff;border:2px solid #f41510;font:12px arial,helvetica,sans-serif;color:#333;padding:1px 2px;margin:1px 0 6px 0;width:12em;}
input.zip {width:6em;}
input.age {width:6em;}
input.btn {border:0;margin-top:8px;padding:0;background:none;width:79px;height:28px;text-align:right;}
input.pp {padding:0;margin:0;border:0;width:1em;background:none;}
select {background:#fff;border:2px solid #f41510;font:12px arial,helvetica,sans-serif;color:#333;margin:2px 0 6px 0;}
textarea {background:#fff;border:2px solid #f41510;font:12px arial,helvetica,sans-serif;color:#333;padding:1px 2px;width:35em;height:8em;}