body { background-color: black; color: #d58023; font-size: 62.5%; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
div#wrapper { background: black url('../images/background.png') top center repeat-y; margin: 0 auto; width: 1050px; }

/* BANNER */
a#header { display: block; margin-bottom: -160px; }
a#header img { width: 100%; height: 160px; }
h1.banner, h2.banner { display: block; width: 1050px; height: 0px; overflow: hidden; padding-top: 200px; color: black; background: black url('../images/nightspirit-header.png') top center no-repeat; z-index: 1; }

/* MENU */
ul#menu { width: 820px; height: 34px; margin: 0 auto; padding: 3px 70px; margin-top: -45px; font-family: 'Times New Roman', Times, serif; font-style: italic; z-index: 1000; }
ul#menu li { display: block; float: left; padding: 0 .6em; font-size: 1.8em; color: #ff4400; z-index: 1000; }
ul#menu li.noimage { padding: .3em 1em; }
ul#menu a { color: inherit; background: transparent none; }
ul#menu li a:hover img { color: #ff9933; background: transparent url('../images/menu_glow.png') center center no-repeat; }
ul#menu a img.precut { margin-left: -.5em; }
ul#menu a img.postcut { margin-right: -.5em; }

/* LOGIN */
div#loginbar { background-color: black; clear: both; height: 2em; padding: 0 70px; text-align: right; font-size: 1.2em; }

/* SIDEBARS */
div#col1 { width: 200px; float: left; }
div#col2 { width: 200px; float: right; }
div.sidebar { padding-top: 0em; }
div.sidebar h4 { font-size: 1.8em; font-family: 'Times New Roman', Times, serif; font-variant: small-caps; margin: 0 0 .4em 0; color: red; letter-spacing: .2em; text-align: center; }
div.sidebar ul { font-size: 1.2em; padding-left: 1em; list-style-type: square; color: #ff9933; }

/* CONTENT */
div#bodywrapper { margin: 0 auto; width: 950px; min-height: 300px; padding: 120px 0px 0 0px; background: transparent url('../images/content-header.png') top center no-repeat; }
div#bodywrapper p { font-size: 1.4em; padding: .2em 0em .8em; }
div#content { width: 500px; margin-left: 225px; position: relative; }
div#content h2, div#content h1 { font-family: 'Times New Roman', Times, serif; font-size: 2.4em; padding: 0 0 .2em 0; margin: .2em 0 0; letter-spacing: .1em; text-align: left; color: red; }
div#content.faded { background: transparent url('../images/faded-cloud.png') top center no-repeat; }
div#content .navigation { margin-top: 3em; margin-bottom: 2em; padding-bottom: 1em; }
h2.body_header { font-size: 4em; text-align: center !important; }
h3.body_header { margin-top: -.5em; font-size: 2.5em; }
h1.body_header, h2.body_header, h3.body_header, h2.content_header, h3.content_header { font-family: 'Times New Roman', Times, serif; font-variant: small-caps !important; color: red !important; letter-spacing: .2em !important; text-align: center; background: transparent url('../images/black-cloud.png') 50% 100% no-repeat; }
h2.content_header a, h3.content_header a { color: red; font-style: normal; }

h2.flash_header { height: 2.5em; }

/* COPYRIGHT */
div#copyright { clear: both; background: transparent url('../images/fadetoblack.png') top center repeat-x; width: 1050px; height: 50px; text-align: center; color: #ff4400; }

/* LINKS */
a:link, a:visited, a:active { color: #ff6600; text-decoration: none; font-style: italic; }
div#loginbar a { color: #ff9933; }
a:hover { text-decoration: underline; }

div.widget { margin-bottom: 1em; }

/* POSTS */
div.post { padding: 1em 0; }
div.post div.comment_count { font-size: 1.2em; float: right; margin-top: -.8em; color: red; }
div.post h3 { font-size: 1em; font-style: italic; color: #cc0000; padding: 0 2em .5em 0; }
div.post h4 { font-family: 'Times New Roman', Times, serif; font-size: 1.8em; padding-top: .5em; color: #ff9933; }
div.post img { border: none; } /*1px solid #774411; }*/
div.post img.post_image { margin: .7em .7em .7em 0; width: 225px; float: left; }
div.post img.excerpt_image { margin: 0 0 .7em .7em; float: right; }
div.post h5 { font-family: 'Times New Roman', Times, serif; font-size: 1.6em; padding-top: .5em; color: #ff9933; }
div#bodywrapper div.post p { padding: .2em 1em .8em; }
div.post div.excerpt { font-style: italic; color: #ff9933; }
div.post p.links { font-size: 1.2em; padding: 0 0 .5em; }

div#bodywrapper div.post p { font-size: 1.2em; }

p.postmetadata a { color: #ff9933; }

img.alignleft { margin: .5em .5em .5em 0; }

/* COMMENTS */
li.comment { background: transparent url('/public/images/comment.png') 365px 5px no-repeat; padding: 1em 0; border: 1px inset #774411; padding: 1em 1.5em; margin: .5em 0 1em 0; }
li.comment img.avatar { float: left; padding: 0 1em 0 0; }
li.comment div.vcard { font-size: 1.2em; }
li.comment div.comment-meta { margin-bottom: .5em; }
div.comment h4 { color: gray; }
div.comment p { font-size: 1.4em; font-style: italic; padding: 0 1em 1em; }

div#wallcomments { font-size: .8em; }
div#wallcomments p { padding: 0; }

/* FORMS */
form input.field, form textarea, form select, form#searchform #s { background-color: transparent; color: white; border: 1px inset #aa6622; width: 80%; }
form input.medium { width: 10em; }
form input.short { width: 5em; }
form#searchform #s { width: 10em; }
form textarea { width: 100%; }
form select { background-color: black; }
form input.button, form input.submit, form button, form#searchform #searchsubmit { background: #ff4400 url('../images/fadetoblack.png') 0 70% repeat-x; color: white; border: 1px outset #aa6622; margin: 0; padding: 0 .5em; font-size: 1em; }

/* FIELDSET */
fieldset {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
fieldset { background: transparent url('../images/semi-black.png') 0 0 repeat; border: 1px inset #774411; padding: 1em 1.5em; margin: .5em 0 1em 0; font-size: 1em; }
fieldset h5 { font-family: 'Times New Roman', Times, serif; font-size: 2em; font-weight: bold; padding: .2em 0; }
fieldset h6 { width: 10em; font-size: 1.4em; float: left; padding: .3em 0; margin-bottom: -1.6em; color: #ff9933; }
fieldset h6.full_line { width: 100%; float: none; }
fieldset p { font-size: 1.4em; padding: .3em 0 .3em 10em !important; }
fieldset.error p, fieldset p.noindent { padding-left: 0 !important; }
fieldset p.category_end { padding-bottom: 1em !important; }
fieldset span.note { font-size: .8em; }
fieldset span.error { color: red; font-size: .8em; }

form#commentform fieldset h5 { font-size: 1.6em; }

.sidebar fieldset { background: none; border: none; }

/* REVIEW */
table.review, table.review th {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px inset #774411;
    border-collapse: separate;
    border-spacing: 5px;
}
table.review { background: transparent url('../images/semi-black.png') 0 0 repeat; width: 100%; font-size: 1.4em; padding: .3em; }
table.review th { font-weight: bold; padding: .2em .5em; border: 1px solid #502805; }
table.review td { padding: .2em .5em;  }
table.review td.band { width: 30%; }
table.review td.album { width: 50%; }
table.review td.release { width: 20%; }


/* UTIL */
.floatleft, .alignleft { float: left; }
.floatright, .alignright { float: right; }
.hidden { display: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }