/*-----------------------------------------------------------------------------------------------
  RESET
-----------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,embed,object{margin: 0; padding: 0;}
fieldset,img,abbr{border: 0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style: normal; font-weight: normal;}
ul {list-style: none;}
a {text-decoration: none;}
a img {border: none;}


/*-----------------------------------------------------------------------------------------------
  GENERAL STUFF
-----------------------------------------------------------------------------------------------*/
body {background: #000; color: #888379; font: 12px/18px Arial, Helvetica, sans-serif; text-align: center;}

a:link, a:visited, a:active {color: #800; text-decoration: none;}
a:hover {color: #d4cbb7; text-decoration: underline;}

p {margin-bottom: 13px;}

h1 {color: #d4cbb7; font: bold 16px/22px Arial; margin-bottom: 4px;}
h2 {color: #d4cbb7; font: bold 13px/18px Arial; margin-bottom: 4px;}
h3 {color: #d4cbb7; font: bold 11px/14px Arial;}

h4 {color: #d4cbb7; font: normal 9px/14px Arial; text-transform: uppercase; letter-spacing: 0px;}

hr {height: 1px; margin: 0 0 2px 0; background: #500; color: #500; border: none;}


.confuse_a_bot_ltd {display: none;}

/*-----------------------------------------------------------------------------------------------
  GENERAL STUFF #2
-----------------------------------------------------------------------------------------------*/
.col_right265 {font-size: 11px; line-height: 15px;}
.col_right265 p {margin-bottom: 10px;}

.col_left370, .col_right370 {font-size: 11px; line-height: 15px;}

.small {font-size: 11px; line-height: 15px;}
.smaller {font-size: 10px; line-height: 14px;}
.smallest {font-size: 9px;}

.red {color: #800;}
.question {font-weight: bold; color: #AFA897; margin-bottom: 3px;}
strong {color: #AFA897;}


#container380 p {font-size: 11px; line-height: 16px;}

#footer {color: #888379; font-size: 10px; line-height: 15px; padding: 2px 2px; margin: 40px 0 30px 0; border-top: 1px solid #500; border-bottom: 0px solid #500;}
#footer a:link, #footer a:visited, #footer a:active {color: #d4cbb7;}
#footer a:hover {color: #888379; text-decoration: none;}


/*-----------------------------------------------------------------------------------------------
  LAYOUT
-----------------------------------------------------------------------------------------------*/
#container780 {width: 780px; margin: 0 auto 0 auto; padding-top: 80px; text-align: left; border: 0px solid #F00;}
#container380 {width: 380px; margin: 5px auto 0 auto; border: 0px solid #F00;}

#top {width: 100%; height: 60px; background: transparent url(../img/top_bg.png) center top no-repeat; position: fixed; top: 0; left: 0; z-index: 11;}
#top_container780 {width: 780px; margin: 0 auto 0 auto; text-align: left;}

.col_left475 {float: left; width: 475px; margin-right: 39px;}
.col_right265 {float: right; width: 265px;}

.col_left370 {float: left; width: 370px; margin-right: 39px;}
.col_right370 {float: right; width: 370px;}

.col_left370interview {float: left; width: 370px; padding-right: 19px; border-right: 1px dotted #500; font-size: 11px; line-height: 15px;}
.col_right370interview {float: right; width: 370px; font-size: 11px; line-height: 15px;}

.sidebar_box {background: #000 url(../img/sidebar_bg.gif) left bottom no-repeat; width: 265px; margin-bottom: 25px;}
.sidebar_box h3 {background: #000 url(../img/sidebar_top.gif) left top no-repeat; padding: 7px 10px 16px 12px; text-shadow: #000 -1px 1px 1px;}
.sidebar_box_padding {padding: 0 10px 3px 12px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/*-----------------------------------------------------------------------------------------------
  LOGO + MUSIC PLAYER LINKS
-----------------------------------------------------------------------------------------------*/
#logo {width: 250px; height: 35px; background: url(../img/logo.gif) no-repeat; margin: 0; padding: 0; position: relative;}
#logo li {margin: 0; padding: 0; list-style: none; float: left;}
#logo li, #logo a {height: 35px; display: block; font-size: 1px; text-indent: -9000px;}

#logoA {top: 0; left: 0; width: 85px;}
#logoB {top: 0; left: 85px; width: 15px;}
#logoC {top: 0; left: 100px; width: 90px;}

#logoA a:hover {background: transparent url(../img/logo.gif) 0px -35px no-repeat;}
#logoC a:hover {background: transparent url(../img/logo.gif) -100px -35px no-repeat;}


/*-----------------------------------------------------------------------------------------------
  NEWS
-----------------------------------------------------------------------------------------------*/
.news_border {border: 1px solid #500; padding: 1px; display: block; margin-bottom: 15px;}
.divider {margin-bottom: 15px; clear: both;}
.myspaceBox {width: 170px; height: 45px; background: url("../news/img/myspace.gif") no-repeat; margin-left: 43px; margin-bottom: 25px;}

/*-----------------------------------------------------------------------------------------------
  ABOUT
-----------------------------------------------------------------------------------------------*/
.about_header {background: #0a0908 url(../about/img/about_header.jpg) no-repeat; width: 780px; height: 270px; margin-bottom: 40px; border-top: 1px solid #500; border-bottom: 1px solid #500;}

ul.gvg_runes {float: left; clear: both; width: 400px; margin: 4px 0 14px 24px; color: #5f5c55; font-size: 10px; background: transparent url(../about/img/about_gvg_runes.gif) no-repeat;}
ul.gvg_runes li {float: left; padding: 40px 0px 0 0px; width: 50px; text-align: center;}

.gallery {width: 243px; padding-bottom: 11px;}
.gallery li{list-style-type: none; float: left; width: 50px; height: 40px; border: 1px solid #11100e; margin: 0 11px 11px 0;}
.gallery li.last{margin: 0 0 11px 0;}


/*-----------------------------------------------------------------------------------------------
  SHOP
-----------------------------------------------------------------------------------------------*/
.shop_border {border: 1px solid #23211F;}

.shop_menu {color: #888379; font-size: 10px; line-height: 15px; padding: 2px 2px; margin: 30px 0 20px 0; border-bottom: 1px solid #500; border-top: 0px solid #500;}
.shop_menu a:link, .shop_menu a:visited, .shop_menu a:active {color: #d4cbb7; border: none;}
.shop_menu a:hover {color: #888379; border: none; text-decoration: none;}

.fragment1 {background: #0a0908 url(../shop/img/featured_e.jpg) no-repeat; height: 270px; border-top: 1px solid #500; border-bottom: 1px solid #500;}
.fragment2 {background: #0C0B0A url(../shop/img/featured_f.jpg) no-repeat; height: 270px; border-top: 1px solid #500; border-bottom: 1px solid #500; display: none;}

dt {float: left;}
dd {margin: 0 0 6px 94px;}

dt strong {color: #d4cbb7;}


/*-----------------------------------------------------------------------------------------------
  ADD TO CART
-----------------------------------------------------------------------------------------------*/
#container_buyit {width: 400px; margin: 30px auto 0 auto; text-align: left; border: 0px solid #222;}
#container_buyit p {margin-bottom: 18px;}

form .shipping {margin: 5px 0 15px 0;}
form .shipping li {display: inline;  font-size: 11px; background: none;}
form .shipping label {cursor: pointer;}
form .shipping label .radio {margin: 0 2px 0 0;}

form.buyit p select {margin: 0 5px 0 0px; width: 140px; font-size: 10px;}


/*-----------------------------------------------------------------------------------------------
  NEWSLETTER FORM +++
-----------------------------------------------------------------------------------------------*/
.inputNewsletter {
	width: 135px;
	
	margin: 0;
	padding: 3px 3px 3px 3px;
	background: #d4cbb7 url(../img/form_bg.png) no-repeat;
	border: 1px solid #d4cbb7;
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
}

.inputNewsletter:focus, .inputNewsletter:hover {background-color: #bfb8a5;}

.btnNewsletter {
	width: 75px;
	height: 19px;
	margin: 0;
	padding: 2px 0 2px 0;
	background: #d4cbb7 url(../img/form_bg.png) no-repeat;
	border: 1px solid #d4cbb7;
	color: #000;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;
}

.btnNewsletter:focus, .btnNewsletter:hover {background-color: #bfb8a5; cursor: pointer;}

select, input {outline: none;}


/*-----------------------------------------------------------------------------------------------
  BITCHING
-----------------------------------------------------------------------------------------------*/

noscript div {width: 100%; padding: 2px 0; position: absolute; left: 0; top: 0; background: #FF0; color: #000; font: bold 9px/12px Verdana; z-index: 22;}
noscript div a:link, noscript div a:visited, noscript div a:active {color: #00F;}
noscript div a:hover {color: #F00;}
