/* ######################### CSS STYLESHEET ######################### *\
// ##             WRITTEN EXCLUSIVELY FOR BUFFY FANS               ## \\
// ##       CREATED BY PHOTOGENIC - PHOTOGENIC-DESIGNS.NET         ## \\
// ##  FILE MAY NOT BE REDISTRIBUTED IN WHOLE OR SIGNIFICANT PART  ## \\
// ##           CSS STYLESHEET COPYRIGHT 2010 PHOTOGENIC           ## \\
// ##      THIS COPYRIGHT NOTICE MUST REMAIN INTACT FOR USE        ## \\
\* ################################################################## */

body { background: #e8e2d2; font: 8pt 'helvetica neue', helvetica, arial, verdana, sans-serif; padding: 0; margin: 0; color: #e6e6ef; line-height: 18px; }
a:link, a:visited, a:active { font-weight: bold; color: #cf2b08; text-decoration: underline; }
a:hover { color: #fff; }
#main { background: #000 url(images/top.jpg) no-repeat top; width: 900px; padding-top: 440px; margin: 10px auto; position: relative; border: 6px solid #000; }
#content { padding: 10px; }

#nav { list-style-type: none; padding: 0px; margin: 0px; }
#nav li { top: 413px; height: 25px; position: absolute; overflow: hidden; }
#nav a { display: block; width: 100%; height: 100%; }
#nav a:link, #nav a:visited, #nav a:active, #nav a:hover { text-decoration: none; }
#nav span { display: none; }
#nav-main { left: 262px; width: 45px; }
#nav-information { left: 303px; width: 86px; }
#nav-gallery { left: 387px; width: 59px; }
#nav-media { left: 450px; width: 51px; }
#nav-music { left: 500px; width: 54px; }
#nav-internet { left: 550px; width: 67px; }
#nav-site { left: 614px; width: 43px; }

#side1 { float: left; width: 554px; border-right: 6px solid #9d1f04; text-align: justify; padding-right: 15px; }

#side2 { float: right; width: 290px; font-size: 100%; padding-left: 15px; }
#side2 > * { margin-left: 10px; }

#footer { clear: both; padding: 10px; border-top: 6px solid #9d1f04; text-align: center; font-weight: bold; }

.block { margin-bottom: 10px; }

h2 { margin: 0; padding: 5px; font-size: 170%; min-height: 38px; text-shadow: 1px 1px 1px #000; }
h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { color: #fff; text-decoration: none; }
#side1 h2 { background: url(images/side1-bg.jpg) no-repeat top left; }
#side2 h2 { background: url(images/side2-bg.jpg) no-repeat top left; }

.body { padding: 10px; padding-bottom: 20px; }

p { margin: 6px 0px; }
.indent { text-indent: 15px; }
strong, b { color: #fff; }
em, i { color: #e9e2d2; }
.und { text-decoration: underline; }
.str { text-decoration: line-through; }
ul { list-style-type: square; }
li span { color: #e9e2d2; }
ol li { font-weight: bold; }
ol li span { font-weight: normal; }