/*-----------------------------------------------------------------------------------------------
  STANDARD THINGS
-----------------------------------------------------------------------------------------------*/
body {background: #111 url(../img/bg.gif) center top repeat-y; word-spacing: 1px; color: #bbb; font: 15px/22px Times, "Times New Roman", Georgia, "Palatino", "Adobe Garamond Pro", serif; text-align: center;}

a {color: #fff; text-decoration: none;}
a:hover {color: #777; text-decoration: underline;}

p {margin-bottom: 13px;}

h2 {color: #fff; font: 30px/40px Times, "Times New Roman", Georgia, serif; margin-bottom: 16px; word-spacing: 0px;}
h2.subtitle {font-size: 18px; line-height: 20px; margin: -4px 0 24px; word-spacing: 0px;}
h3 {color: #fff; font: 18px/24px Times, "Times New Roman", Georgia, serif; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;}
h4 {color: #fff; font: 13px/20px Times, "Times New Roman", Georgia, serif; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 1px;}
div#sidebar h2 {font-size: 26px; line-height: 30px; margin-bottom: 10px;}
div#sidebar h4 {font-size: 12px;}

hr {margin: 40px 0 40px 0px;  height: 1px; color: #333; background-color: #333; border: none;}
hr.footer_line {margin: 60px 0 10px 0px;  height: 1px; color: #333; background-color: #333; border: none;}

.small {font-size: 13px; line-height: 20px;}
.smaller {font-size: 11px; line-height: 18px;}


/*-----------------------------------------------------------------------------------------------
  LAYOUT
-----------------------------------------------------------------------------------------------*/
div#header {width: 860px; height: 410px; margin: 0 auto; background: url(../img/header.gif) center top no-repeat; text-align: left; border: 0px solid blue;}
div#container {margin: 0 auto 50px auto; padding: 0 50px; text-align: left; width: 860px; voice-family: "\"}\""; voice-family: inherit; width: 760px; border: 0px solid yellow;}
html>body #container {width:760px;}
div#col_left {float: left; width: 482px;}
div#long_text {width: 620px;}
div#sidebar {float: right; width: 200px; padding: 15px 20px; font-size: 13px; line-height: 18px; background: #141414; border-top: 1px solid #333; border-bottom: 1px solid #333;}

div#container_members {width: 450px; margin: 15px auto 15px auto; padding-top: 15px; text-align: left; background-image: url(../img/members_sprite.jpg); background-repeat: no-repeat;}
div#container_videos {width: 480px; margin: 0 auto 0 auto; text-align: left;}

div#container_shop {width: 300px; margin: 30px auto; text-align: left;}
div#container_shop a {color: #bbb; text-decoration: none;}
div#container_shop a:hover {color: #fff; text-decoration: underline;}
div#container_shop div.col_a {width: 150px;}
div#container_shop div.col_b {width: 150px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hidden {display: none;}

/*-----------------------------------------------------------------------------------------------
  NEWS
-----------------------------------------------------------------------------------------------*/
.article {margin-bottom: 60px;}
.article .details {font-size: 13px; color: #777; padding-top: 1px; border-top: 1px solid #333; margin-top: 25px;}
.article img.border {border: 1px solid #333;}
.article ul {margin-bottom: 13px;}


form.newsletter input {width: 135px; padding: 2px 4px; background: #333; color: #999; font: 10px/15px Arial, Helvetica, sans-serif; border-bottom: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #000; border-left: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
form.newsletter input.button_subscribe {width: 60px; padding: 2px 0 1px 0; font: 11px/20px Times, "Times New Roman", Georgia, serif; text-align: center; background: #333; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-top: 8px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-top: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #000; border-right: 1px solid #000;}
form.newsletter input.button_subscribe:focus, form.newsletter input.button_subscribe:hover {background: #282828; color: #999; cursor: pointer;}


/*-----------------------------------------------------------------------------------------------
  BIOGRAPHY
-----------------------------------------------------------------------------------------------*/
.lineup li {border: 0px solid black; float: left; display: block; margin-right: 15px;}
.lineup li a {display: block; width: 140px; color: #777; padding-top: 213px; font-size: 13px; text-decoration: none; text-align: center; background-image: url(../img/members.jpg); background-repeat: no-repeat;}
.lineup li a:hover {color: #bbb; text-decoration: none; opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);}
.lineup li a.infernus {background-position: 0 0;}
.lineup li a.tormentor {background-position: -140px 0;}
.lineup li a.boddel {background-position: -280px 0;}
.lineup li a.pest {background-position: -420px 0;}
.lineup li a.asklund {background-position: -560px 0;}

dl.lineup_history {margin: 20px 0 26px 0;}
dl.lineup_history dt {float: left;  color: #777;}
dl.lineup_history dd {margin: 0 0 16px 70px; font-size: 15px; width: 620px;}


/*-----------------------------------------------------------------------------------------------
  DISCOGRAPHY
-----------------------------------------------------------------------------------------------*/
ul.tabs {border-bottom: 1px solid #333; padding-bottom: 24px;}
ul.tabs li {list-style: none; display: inline;}
ul.tabs a {position: relative; float: left; font-size: 13px; line-height: 20px; padding-bottom: 4px; margin-right: 15px; color: #999; text-decoration: none!important;}
ul.tabs a:hover {color: #fff;}
ul.tabs a.selected {color: #fff; background: url(../img/tabs_arrow.gif) center bottom no-repeat; cursor: default;}

div.discography {border-top: 1px solid #333; padding-top: 30px; padding-bottom: 15px;}
div.discography div.col_a {float: left; width: 242px;}
div.discography div.col_a img.cover {border: 1px solid #333; margin-bottom: 5px;}
div.discography div.col_b {float: right; width: 460px;}

a.buy_link {background: #333; font-size: 13px; padding: 6px 18px; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-top: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #222; border-right: 1px solid #222;}
a.buy_link:hover {background: #282828; color: #999; text-decoration: none;}


/*-----------------------------------------------------------------------------------------------
  GALLERY
-----------------------------------------------------------------------------------------------*/
div.gallery {margin: 0 0 40px 15px;}
div.gallery a {float: left; margin: 10px 10px 0 0; padding: 2px; border: 1px solid #222;}
div.gallery a img {width: 65px; height: 65px; display: block;}
div.gallery a:hover img {opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30);}
a.video_thumb {width: 364px; height: 230px; display: block; margin: 5px 0; border: 1px solid #222; padding: 2px;}
a.video_thumb img {width: 364px; height: 230px;}
a.video_thumb:hover img {opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30);}


/*-----------------------------------------------------------------------------------------------
  SHOP
-----------------------------------------------------------------------------------------------*/
.shop_music a {float: left; margin: 0 20px 20px 0; width: 110px; font-size: 13px; line-height: 18px; text-align: center;}
.shop_music a img {display: block; margin-bottom: 4px; border: 1px solid #333;}
.shop_music a:hover {text-decoration: none;}

.shop_clothing a {float: left; margin: 0 20px 20px 0; width: 240px; font-size: 13px; line-height: 18px; text-align: center;}
.shop_clothing a img {display: block; margin-bottom: 4px; border: 1px solid #333;}
.shop_clothing a:hover {text-decoration: none;}


/*-----------------------------------------------------------------------------------------------
  MISC.
-----------------------------------------------------------------------------------------------*/
dl.interviews {margin: 15px 0 13px 0;}
dl.interviews dt {float: left;  color: #777; font-size: 13px;}
dl.interviews dd {margin: 0 0 2px 6.5em; font-size: 15px;}
dl.interviews dd span {font-size: 13px;}


/*-----------------------------------------------------------------------------------------------
  LINKS
-----------------------------------------------------------------------------------------------*/
div.links_col_a {float: left; width: 380px;}
div.links_col_b {float: right; width: 380px;}

div.links_col_a a {color: #bbb; text-decoration: none;}
div.links_col_a a:hover {color: #fff; text-decoration: underline;}

div.links_col_b img.bannr {width: 378px; height: 85px; border: 1px solid #333; display: block;}
div.links_col_b input {margin: 5px 0 25px 0; padding: 2px; width: 374px; background-color: #333; color: #666; font: 10px/15px Arial, Helvetica, sans-serif; border-bottom: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #222; border-left: 1px solid #222;}


/*-----------------------------------------------------------------------------------------------
  NAVIGATION + FOOTER
-----------------------------------------------------------------------------------------------*/

.nav {width: 490px; height: 30px; position: relative; left: 50%; top: 315px; margin-left: -380px; font:  13px/20px times, "Adobe Garamond Pro", serif; text-transform: uppercase; letter-spacing: 1px;}
.nav li {display: inline; margin-right: 6px;}
.nav li a {text-decoration: none; color: #bbb;}
.nav li a:hover {text-decoration: none; color: #fff;}

.current_news li.news a, 
.current_live li.live a, 
.current_biography li.biography a, 
.current_discography li.discography a, 
.current_gallery li.gallery a, 
.current_shop li.shop a, 
.current_misc li.misc a, 
.current_forum li.forum a, 
.current_myspace li.myspace a, 
.current_facebook li.facebook a, 
.current_contact li.contact a, 
.current_links li.links a {border-bottom: 1px solid #393939;}

/*
.nav {position: relative; top: 315px; left: 49px; width: 450px; height: 40px;}
.nav li a {background: url(../img/nav.gif) no-repeat; position: absolute; top: 0; height: 20px; text-indent: -9000px; overflow: hidden;}

.nav li.news a {left: 0; width: 43px; background-position: 0 0;}
.nav li.news a:hover {background-position: 0 -40px;}
.current_news li.news a {background-position: 0 -80px;}

.nav li.live a {left: 43px; width: 42px; background-position: -43px 0;}
.nav li.live a:hover {background-position: -43px -40px;}
.current_live li.live a {background-position: -43px -80px;}

.nav li.biography a {left: 85px; width: 90px; background-position: -85px 0;}
.nav li.biography a:hover {background-position: -85px -40px;}
.current_biography li.biography a {background-position: -85px -80px;}

.nav li.discography a {left: 175px; width: 110px; background-position: -175px 0;}
.nav li.discography a:hover {background-position: -175px -40px;}
.current_discography li.discography a {background-position: -175px -80px;}

.nav li.gallery a {left: 285px; width: 75px; background-position: -285px 0;}
.nav li.gallery a:hover {background-position: -285px -40px;}
.current_gallery li.gallery a {background-position: -285px -80px;}

.nav li.shop a {left: 360px; width: 45px; background-position: -360px 0;}
.nav li.shop a:hover {background-position: -360px -40px;}
.current_shop li.shop a {background-position: -360px -80px;}

.nav li.misc a {left: 405px; width: 45px; background-position: -405px 0;}
.nav li.misc a:hover {background-position: -405px -40px;}
.current_misc li.misc a {background-position: -405px -80px;}


.nav li.forum a {left: 0; top: 20px; width: 55px; background-position: 0 -20px;}
.nav li.forum a:hover {background-position: 0 -60px;}
.current_forum li.forum a {background-position: 0 -100px;}

.nav li.myspace a {left: 55px; top: 20px; width: 75px; background-position: -55px -20px;}
.nav li.myspace a:hover {background-position: -55px -60px;}
.current_myspace li.myspace a {background-position: -55px -100px;}

.nav li.facebook a {left: 130px; top: 20px; width: 85px; background-position: -130px -20px;}
.nav li.facebook a:hover {background-position: -130px -60px;}
.current_facebook li.facebook a {background-position: -130px -100px;}

.nav li.contact a {left: 215px; top: 20px; width: 73px; background-position: -215px -20px;}
.nav li.contact a:hover {background-position: -215px -60px;}
.current_contact li.contact a {background-position: -215px -100px;}

.nav li.links a {left: 288px; top: 20px; width: 50px; background-position: -288px -20px;}
.nav li.links a:hover {background-position: -288px -60px;}
.current_links li.links a {background-position: -288px -100px;}
*/


.footer {position: relative; width: 760px; height: 50px; overflow: hidden; /* for ie7 og verre */ }
.footer li a {background: url(../img/footer.gif) no-repeat; position: absolute; top: 0; height: 50px; text-indent: -9000px; overflow: hidden;}

.footer li.forces a {left: 0px; width: 72px; background-position: 0 0;}
.footer li.forces a:hover {background-position: 0 -50px;}
.footer li.regain a {left: 72px; width: 40px; background-position: -72px 0;}
.footer li.regain a:hover {background-position: -72px -50px;}

.footer li.bergenkommune a {left: 180px; width: 40px; height: 25px; background-position: -180px 0;}
.footer li.bergenkommune a:hover {background-position: -180px 0px; cursor: default;}
.footer li.ud a {left: 220px; width: 30px; height: 25px; background-position: -220px 0;}
.footer li.ud a:hover {background-position: -220px -50px;}
.footer li.kulturrad a {left: 250px; width: 90px; height: 25px; background-position: -250px 0;}
.footer li.kulturrad a:hover {background-position: -250px 0px; cursor: default;}

.footer li.fender a {left: 395px; width: 50px; height: 25px; background-position: -395px 0;}
.footer li.fender a:hover {background-position: -395px -50px;}
.footer li.jackson a {left: 445px; width: 70px; height: 25px; background-position: -445px 0;}
.footer li.jackson a:hover {background-position: -445px -50px;}
.footer li.seymour a {left: 515px; width: 65px; height: 25px; background-position: -515px 0;}
.footer li.seymour a:hover {background-position: -515px -50px;}
.footer li.evh a {left: 580px; width: 65px; height: 25px; background-position: -580px 0;}
.footer li.evh a:hover {background-position: -580px -50px;}
.footer li.gallien a {left: 645px; width: 55px; height: 25px; background-position: -645px 0;}
.footer li.gallien a:hover {background-position: -645px -50px;}
.footer li.dean a {left: 700px; width: 60px; height: 25px; background-position: -700px 0;}
.footer li.dean a:hover {background-position: -700px -50px;}

.footer li.vic a {left: 455px; top: 25px; width: 40px; height: 25px; background-position: -455px -25px;}
.footer li.vic a:hover {background-position: -455px -75px;}
.footer li.mogami a {left: 495px; top: 25px; width: 65px; height: 25px; background-position: -495px -25px;}
.footer li.mogami a:hover {background-position: -495px -75px;}
.footer li.coffin a {left: 560px; top: 25px; width: 65px; height: 25px; background-position: -560px -25px;}
.footer li.coffin a:hover {background-position: -560px -75px;}
.footer li.metald a {left: 625px; top: 25px; width: 85px; height: 25px; background-position: -625px -25px;}
.footer li.metald a:hover {background-position: -625px -75px;}
.footer li.intune a {left: 710px; top: 25px; width: 50px; height: 25px; background-position: -710px -25px;}
.footer li.intune a:hover {background-position: -710px -75px;}