* { padding: 0; margin: 0; }
div { border: 0px solid orange; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100.01%; color: #F0F0F0; background: #000000; margin: 20px auto;}

#wrapper { width: 960px; margin: 0 auto; font-family:  }
#header { float: left; width: 100%; height: 180px; margin: 0 0 20px 0; background: url(/images/bg-header.jpg) no-repeat }
#content { float: left; width: 960px; padding: 0px; margin: 0 0 20px 0;}
#main { float: left; width: 600px; padding: 20px; background: #000000 url(/images/bg-main.png) no-repeat;}
#sidebar { float: right; width: 300px;}
#footer { float: left; width: 940px; padding: 0 10px; margin: 0 0 20px 0;}

h1 { font-size: 1.6em; font-weight: normal; font-variant: small-caps; color: #FFCCFF; margin: 0 0 10px 0; text-shadow: 2px 2px 2px #000000; }
h2 { font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #FFCCFF; margin: 0 0 10px 0; text-shadow: 2px 2px 2px #000000; }
h3 { font-size: 1.0em; font-weight: normal; font-variant: small-caps; color: #FF99FF; margin: 0 0 5px 0; }
p { font-size: 0.75em; line-height: 1.5em; margin: 0 0 15px 0;}
blockquote {font-family: Arial, sans-serif; color: #FFCCFF; padding: 0 60px 0 60px; clear: both;}
blockquote p { font-weight: bold; padding: 0 32px 0 0; background: url(/images/bg-q2.gif) no-repeat right top;}
blockquote p span {display: block; font-size: 0.9em; font-weight: normal;}
ul { font-size: 0.75em; line-height: 1.5em; list-style: square; margin: 0 0 15px 15px;}
ol { font-size: 0.75em; line-height: 1.5em; margin: 0 0 15px 25px;}
a:link { color: #FF33FF; }
a:visited { color: #FF66FF; }
a:hover { color: #FF99FF; }
a:active { color: #FFCC66; }
a:focus { color: #FFCC66; position: relative; left: 1px; top: 1px; }
img {display: block;}
a img {border: 0;}
.imgright {float: right; border: 2px solid #000000; margin: 0 0 5px 15px;}
.imgleft {float: left; border: 2px solid #000000; margin: 0 15px 5px 0;}
object {display: block; padding: 0 0 15px 0;}

ul#nav {width: 485px; height: 36px; list-style: none; padding: 0 0 0 15px; background: url(/images/bg-nav.gif); margin: 150px 0 0 0; }
ul#nav li { float: left; width: auto; display: inline; padding: 3px 0; margin: 0 7px 0 0;}
ul#nav li a { display: block; float: left; width: auto; display: inline; font-weight: bold; text-decoration: none; line-height: 28px; padding: 0 10px; border: 1px solid #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  text-shadow: 2px 2px 2px #000000;}
ul#nav li a:link { color: #FFFFFF; background: #800080 url(/images/bg-nava.png); }
ul#nav li a:visited { color: #FFFFFF; background: #800080 url(/images/bg-nava.png); }
ul#nav li a:hover { color: #FFFFFF; background: #1970FF url(/images/bg-nava.png) bottom; }
ul#nav li a:active { color: #FFFFFF; background: #990099 url(/images/bg-nava.png); }
ul#nav li a:focus { color: #FFFFFF; background: #990099 url(/images/bg-nava.png); }
ul#nav li a.current {color: #FFCCFF; background: #1970FF url(/images/bg-nava.png) bottom;}

.sbbox { float: left; width: 260px; padding: 20px 20px 0 20px;  background: #000000 url(/images/bg-sbbox.png) no-repeat; margin: 0;}
ul.sbmerch { width: 260px; list-style: none; margin: 0 0 15px 0; clear: both; }
ul.sbmerch li { width: 250px; height: 104px; padding: 5px; }
ul.sbmerch img { display: block; float: left; border: 2px solid #000000; margin: 0 10px 0 0; width: 100px; height: 100px;}

div.grid { padding: 10px; }
div.grid300a { float: left; width: 270px; padding: 15px; background: #000000 url(/images/bg-sbbox.png) no-repeat; margin: 0 20px 0 0; }
div.grid300b { float: left; width: 270px; padding: 15px; background: #000000 url(/images/bg-sbbox.png) no-repeat; }
div.grid300c { float: right; width: 270px; padding: 15px; background: #000000 url(/images/bg-sbbox.png) no-repeat; }

ul.latestnews {list-style: none; margin: 0; clear: both;}
ul.latestnews li {float: left; width: 100%; margin: 0 0 15px 0; clear: both; }


.entry {float: left; width: 600px; margin: 0 0 20px 0;}
.player {padding: 2px; margin: 0 0 15px 0;}
ul.gallery {float: left; width: 100%; list-style: none; margin: 0 0 15px 0;}
ul.gallery li {float: left; width: 140px; height: 140px; padding: 5px; margin: 0 0 10px 0; overflow: hidden;}

ol.comments {float: left; width: 100%; list-style: none; margin: 0 0 15px 0;}
ol.comments li.a {padding: 15px 15px;}
ol.comments li.b {padding: 15px 15px; background: #220022; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ol.comments p {margin: 0;}
.comment-author {display: block; font-weight: bold; color: #C0C0C0;}
.paginate {text-align: right;}

div.merch {float: left; width: 100%;}
div.merch-image {float: left; width: 220px;}
div.merch-info {float: left; width: 360px;}
.order-note {padding: 10px; background: #330033; border: 1px dotted #FFFF00;}


ul.links {list-style: none; margin: 0 0 15px 0;}
ul.links li {padding: 0 0 10px 0;}

form p.left {float: left; width: 45%;}
form p.right {float: left; width: 45%;}
form input.text {padding: 2px; background: #E3B5E3; border: 2px solid #000000;}
form input.text:focus {padding: 2px; background: #F8EDF8; border: 2px solid #804D80;}
form textarea {padding: 2px; background: #E3B5E3; border: 2px solid #000000;}
form textarea:focus {padding: 2px; background: #F8EDF8; border: 2px solid #804D80;}
form input.submit {color: #FFFFFF; background: #800080 url(/images/bg-nava.png); padding: 5px; font-weight: bold; border: 1px solid #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  text-shadow: 1px 1px 1px #000000;}

#footer p {text-align: center;}