/*-----------------------------------------------------------------------------------------------
  GAP VAR GINNUNGA
-----------------------------------------------------------------------------------------------*/
body {background: #000 url(../img/gvg_bg.jpg) center top fixed repeat-y; color: #000; font: 14px/23px Georgia, Times, "Times New Roman", serif;}

#column_left {width: 180px; position: relative; top: 90px; left: 50%; margin-left: -322px;} /* satt til relative pga safari 3 */
#column_right {width: 360px; position: absolute; top: 90px; left: 50%; margin-left: -37px;}

.rune {background: url(../img/rune.png) no-repeat; width: 30px; height: 1630px; position: absolute; top: 0; left: 50%; margin-left: -93px;}


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

#column_left {font-size: 11px; line-height: 18px;}


p {margin-bottom: 13px;}

h2 {font: 24px/30px Georgia, Times, "Times New Roman", serif; margin-bottom: 30px; width: 290px; height: 23px; background-image: url(../img/gvg_headline.png);}
h2 span {display: block; width: 0; height: 0; overflow: hidden;}
h3 {font: bold 10px/18px  Verdana, Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;}
h3.extraspace {padding-top: 13px;}
h4 {font: 11px/18px Georgia, Times, "Times New Roman", serif; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;}


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


a {color: #800; text-decoration: none; -webkit-transition: color 150ms linear;}
a:hover {color: #888;}

a.cover {background: url(../img/gvg_jewelcase.jpg) 0px 1px no-repeat; overflow: hidden; display: block; width: 180px; height: 183px; margin-bottom: 26px; -webkit-transition: color 300ms linear;}
a.slideshow {border: 1px solid #000; display: block; margin-bottom: 6px;}

.tracks {line-height: 15px;}
.tracks td.col_a {width: 22px; font-family: Times, "Times New Roman", serif;}
.tracks td.col_b {width: 123px;}
.tracks td.col_c {width: 35px; text-align: right; font-family: Times, "Times New Roman", serif;}

.gvgmenu {margin: 26px 0; text-shadow: none;}
.gvgmenu li {margin-bottom: 3px;}
.gvgmenu li a {background-color: #999; color: #aaa; font-size: 11px; line-height: 14px; padding: 5px 0 5px 34px; width: 146px; display: block; -moz-border-radius: 12px; -webkit-border-radius: 12px; -webkit-transition: all 150ms linear;}
.gvgmenu li a:hover {background-color: #fff; color: #fff; text-decoration: none;}
.gvgmenu li a.buy {background-image: url(../img/menu_buy.png); background-position: center left; background-repeat: no-repeat;}
.gvgmenu li a.music {background-image: url(../img/menu_music.png); background-position: center left; background-repeat: no-repeat;}
.gvgmenu li a.lyrics {background-image: url(../img/menu_lyrics.png); background-position: center left; background-repeat: no-repeat;}

.hidden {display: none;}


/*-----------------------------------------------------------------------------------------------
  LYRICS
-----------------------------------------------------------------------------------------------*/

#lyrics_container {width: 44em; position: absolute; top: 90px; left: 50%; margin-left: -20em;}

.lyrics h4 {margin-bottom: 1em;}

.lyrics td.spacing {height: 2.5em;}
.lyrics td.col_a {width: 4em;}
.lyrics td.col_b {width: 17em; font-style: italic; padding: 13px 0 0 1em; border-left: 1px solid #888;}
.lyrics td.col_c {width: 17em; font-style: italic; padding: 13px 0 0 1em; border-left: 1px solid #888;}

.lyrics td.hagal {background: url(../img/lyrics_hagal.png) no-repeat}
.lyrics td.bjarkan {background: url(../img/lyrics_bjarkan.png) no-repeat}
.lyrics td.thurs {background: url(../img/lyrics_thurs.png) no-repeat}
.lyrics td.jara {background: url(../img/lyrics_jara.png) no-repeat}
.lyrics td.laukr {background: url(../img/lyrics_laukr.png) no-repeat}
.lyrics td.kauna {background: url(../img/lyrics_kauna.png) no-repeat}
.lyrics td.algir {background: url(../img/lyrics_algir.png) no-repeat}
.lyrics td.dagr {background: url(../img/lyrics_dagr.png) no-repeat}


/*-----------------------------------------------------------------------------------------------
  TOOLTIP
-----------------------------------------------------------------------------------------------*/

#tooltip {position: absolute; z-index: 3000; background: #343434; background: rgba(34, 34, 34, 0.9); padding: 5px 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#tooltip h3, #tooltip div {margin: 0; color: #aaa; font: 11px/14px Georgia, Times, "Times New Roman", serif; text-transform: none; letter-spacing: 0px; text-shadow: none;}