@charset "UTF-8";
/* CSS Document */

/* some nice defaults */
body,table { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: white; }
img { display: block; border: 0; }
form { margin: 0; }
p { margin: 0.2em 0; }

body { background: black; margin: 0; }

a { color: #e8f103; text-decoration: none; }
a:hover { color: #fba103; }

/* layout stuff */
#page { margin: 0 auto; width: 804px; background: url(/themes/heroic/media/pagebg.jpg) repeat-y; }

#top { height: 220px; background: url(/themes/heroic/media/bannerbg.jpg) no-repeat; }

#nav { height: 20px; padding-top: 1px; background: url(/themes/heroic/media/navbg.jpg) no-repeat; }
/* Note:  "height" + "padding-top" = actual height of box - div layout can be really screwy sometimes.  */
#nav a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #161616; margin: 0px 15px 0 15px; font-weight: bold; }
#nav a:hover { color: white; }

#side { width: 196px; background: url(/themes/heroic/media/contactbg.jpg) no-repeat; float: right; }
#inside { width: 180px; margin-top: 57px; text-align: right; }

#content { width: 550px; margin: 0px 0 0 25px; float: left; }

#footer { height: 184px; background: url(/themes/heroic/media/footerbg.jpg) no-repeat; clear: both; }
#footer p { text-align: right; font-size: 10px; margin-right: 12px; }

div.subheadblock { background: url(/themes/heroic/media/subheaderbg.jpg) no-repeat -1px 0; margin-top: 18px; }
div.subheadblock h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin: 2px 0 9px 0px; color: #fc7903; }

h1 { color: #fba103; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; margin-top: 22px; }

.orange { color: #fc7903; }