@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
	}


html, body {
	width:100%; 
	height:100%; 
	overflow:hidden; 
	text-align:left;
	background: #000 url(bg_vhr.png) center no-repeat;
	}


#logo {
	position:absolute; 
	z-index:2;
	top:20px;
	left:20px;
	width:350px;
	height:166px;
	}

#left {
	position:absolute; 
	z-index:99;
	width:254px;
	overflow:hidden;
	top:200px;
	left:35px;
	}

#cover {
	border: 1px solid #FFFFFF;
	margin: 0 10px 0 0;
	}

.text, h2 {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	background-color:#FFFFFF;
	margin: 2px 0 2px 0;
	padding: 2px;
  	filter:alpha(opacity=80);
    opacity:0.8;
	}

h2 {
	font-size:12px;
	}

a {
	color:#000000;
	}

a:hover {
	color:#B00013;
	}

#player {
	margin: 9px 0 0 0;
	}

/* GALLERYSTYLES */

#img img{
	position:absolute; 
	z-index:1; 
	width:100%;
	border: none;
	}

#gallery{height:60px
	}

#gallery li {
	float:left;
	cursor:pointer
	}

span.caption{
	display:none; 
	}



/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */

.jcarousel-container{
	position:relative;
	float:left;
	width:252px;
	overflow:hidden;
	}

.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}

.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}

.jcarousel-list li,

.jcarousel-item{float:left;list-style:none;width:60px;height:60px}



/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */

.jcarousel-next{z-index:3;display:none;text-indent:-999em}

.jcarousel-prev{z-index:3;display:none;text-indent:-999em}

.jcarousel-skin .jcarousel-container-horizontal{width:254px;padding:0px; }

.jcarousel-skin .jcarousel-clip-horizontal{height:60px;width:186px; margin: 0 0 0 34px;}

.jcarousel-skin .jcarousel-item{width:58px;height:58px;border: 1px solid #FFFFFF;}

.jcarousel-skin .jcarousel-item-horizontal{margin-right:2px}
.jcarousel-skin .jcarousel-item-placeholder{background:#0e0d0d;color:#000}



.jcarousel-skin .jcarousel-next-horizontal{
	position:absolute;
	margin: 1px 0 0 220px;
	width:32px;
	height:58px;
	background:url(http://www.vivahaterecords.com/agalloch/picx/plus.png) no-repeat 0 0px;
	outline: none;
	}

.jcarousel-skin .jcarousel-next-horizontal:hover{
	background-position:0;
	background:url(http://www.vivahaterecords.com/agalloch/picx/plus_h.png) no-repeat 0 0px;
	}
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active{cursor:pointer;background-position:0 0px}


.jcarousel-skin .jcarousel-prev-horizontal{
	position:absolute;
	width:32px;
	height:58px;
	background:url(http://www.vivahaterecords.com/agalloch/picx/minus.png) no-repeat 0 0px;
	outline: none;
	margin: 1px 0 0 0;
	}

.jcarousel-skin .jcarousel-prev-horizontal:hover{
	background-position:0;
	background:url(http://www.vivahaterecords.com/agalloch/picx/minus_h.png) no-repeat 0 0px;}
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active{cursor:pointer;background-position:0 0px}