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

body {
	margin: 0;
	padding: 0;
	text-align: left;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #3a3a3c;
	line-height: 1.3em;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	
}

.bodytextlowercase {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

#container {
	width: 813px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}

.logo {
	float: left;
}


.indexLogo {
	float: left;
	padding-left: 160px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}


.indexTxt {
	float: left;
	padding-left: 10px;
	margin-top: 250px;
	margin-left: auto;
	margin-right: auto;
}

.keyline {
	border: 1px solid #666666;
	float:left;
	display:block;
	margin-right: 15px;
	margin-bottom: 10px;
}



.bold_bodytext {
	font-size: 0.9em;
	font-weight: bold;

}

a.bold_bodytext:link {
	font-size: 0.9em;
	font-weight: bold;

}

a.bold_bodytext:hover {
	font-size: 0.9em;
	font-weight: bold;
	color: #9f2214;

}

.keyline_nofloat {
	border: 1px solid #666666;
	margin-right: 15px;
}

.keylineR {
	border: 1px solid #666666;
	margin-right: 15px;
	margin-bottom: 10px;
	float: right;
	margin-left: 10px;
	
}



.1pxborderwhite{ 
	border-color: white; 
	border-style: solid; 
	border-width: 1px; 
}

.noKeylineR {
	border: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	float: right;
	margin-left: 10px;
	
}


#leftNavCol {
	background-image: url(/img/left_side_bg.gif);
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 172px;
	float: left;
	padding-bottom: 25000px;
	margin-bottom: -25000px;
	background-repeat: repeat-y;
}

#contentMain {
	width: 607px;
	height: 828px;
	background-color: #818285;
}

#rightTop {
	background-image: url(img/top_bar.gif);
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 106px;
	width: 607px;
	float: left;
	background-repeat: repeat-x;
	background-color: #3a3a3a;
}

#centerColumn {
	width: 607px;
/* 	height: 934px; */
	float: left;
	padding-bottom: 25000px;
	margin-bottom: -25000px;
	background-color: #818285;

}

#bottomBar {
/*
	background-image: url(img/bottom_bar.gif);
	background-position: left bottom;
*/
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 607px;
	float: left;
/*
	background-repeat: repeat-x;
	background-color: #818285;
*/
}

#rightColumn {
	width: 10px;
	height: 934px;
	float: left;
}

#rightTopcorner {
	width: 33px;
	height: 106px;
	float: left;
	background-image: url(img/rhc_top_corn.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#rightMiddle {
	width: 33px;
/* 	height: 800px; */
	float: left;
	background-image: url(img/right_bar.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 25000px;
	margin-bottom: -25000px;
}

#rightBottom {
	width: 33px;
	height: 28px;
	float: right;
	margin-right: -2px;
/*
	background-image: url(img/rhc_bottom_corn.gif);
	background-repeat: no-repeat;
	background-position: left top;
*/
}

#navBar {
	background-image: url(img/nav_bkgrnd_01.png);
	height: 245px;
	width: 172px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 64px;
}

.alignLeft {
	float: left;
}

.navButton {
	margin: 1px;
	float: left;
	height: 10px; -1px;
	padding-right: 2px;
	padding-left: 45px;
	min-width: 85px;
}

.navButtonTop {
	float: left;
	height: 10px;
	margin-top: 55px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-right: 2px;
	padding-left: 45px;
	margin-left: 1px;
}

#bottomRow {
	width: 620px;
	margin-top: 10px;
	margin-left: 190px;
	padding-bottom: 30px;
	float: left;
}

#page_bottom {
	position: relative;
	left:-2px;
	margin-top: -104px; /* negative value of footer height */
	height: 104px;
	background-color: #3a3a3a;
	clear:both;
	padding:0;
	background-image: url('img/new_footer_bg.gif');
	background-position: center;
	background-repeat: no-repeat;
} 

#footer {
	position: relative;
	left:-2px;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	background-color: #3a3a3a;
	clear:both;
	padding:0;
	background-image: url('1px-dark-grey.gif');
	text-align:center;
}

#copyright {
/* 	float:left; */
	margin-left:auto;
	margin-right:auto;
/* 	margin: 20px 30px 0px 17px; */
	padding:0;
}

.floatdiv {
  	position:relative;
   	
   
}

.OneCol {
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:7px;
	float: left;
	width: 600px;
}

.OneCol2 {
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:7px;
	float: left;
	width: 580px;
}

.OneColArtists {
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:7px;
	float: left;
}


.menuButton {
	background-color: #999999;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	float: left;
	text-decoration: none;
	color: #A02013;
	font-size: 9px;
	font-weight: bold;
}

a.menuButton:link {
	display: block;
}

a.menuButton:hover {
	background-color: #666666;
	display: block;
	text-decoration:none;
}

a.menuButton:visited {
	display: block;
}

a.menuButton:active {
	display: block;
}

.spinner {
	margin-left: : 8px;
	margin-right: : 10px;
	margin-bottom: : 10px;
	margin-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left; 
	width: 350px;
	display: inline;
	
}

.TwoCols6633Col1 {
	margin-left: : 10px;
	margin-right: : 10px;
	margin-bottom: : 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left; /*THIS IS THE *!&*%$£ THAT IS CAUSING THE SCROLL TO FAIL BUT NOW THERE'S A CLEAR DIV AT THE END OF HOMEPAGE.PHP AND ITS WORKING BETTER.. ONLY PROBLEM WITH THE CLEAR DIV IS THAT IT KILLS THE 2 COL LAYOUT.*/
	/* height: 682px; */
	width: 350px;
	display: inline;
	
}

.TwoCols6633Col1_dl {
	margin-left: : 10px;
	margin-right: : 10px;
	margin-bottom: : 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left; 	
	height: 800px;
	width: 350px;
	display: inline;
	
}

.TwoCols6633Col2 {
	margin-left: : 10px;
	margin-right: : 10px;
	margin-bottom: : 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	/* height: 682px; */
	width: 180px;
	display: inline;
	
}

.TwoCols6633Col2_dl {
	margin-left: : 10px;
	margin-right: : 10px;
	margin-bottom: : 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	height: 800px;
	width: 180px;
	display: inline;
	
}

.TwoCols6633Col1Item {
	width: 350px;
	min-height: 230px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	
}

.TwoCols6633Col1ItemleftCol {
	width: 165px;
	/* height: 200px;*/
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}

.TwoCols6633Col1ItemRightCol {
	width: 165px;
	/* height: 200px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.TwoCols6633Col1HR {
	margin: 0px;
	padding: 0px;
	width: 330px;
	height: 1px;
	background-color:#666666;
}

.TwoCols6633Col2ColItem {
	padding: 0px;
	width: 170px;
	min-height: 230px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}

.TwoCols6633Col2ColItem2 {
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-color: #FFFFFF;
	border-style: solid;
	padding: 0px;
	width: 360px;
	height: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: aqua
}

.TwoCols6633Col2ColHR {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 1px;
	background-color:#666666;
}

.TwoCols6633Col2ColHR3 {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 1px;
	background-color:#666666;
}

/*  hesido: You only need to define the size for the flexcrolled div, let the content be liquid*/
#flexwrap {
	height: 804px;
	float: left;
	/* hesido: had to make this smaller as floated elements bigger than available space causes elements to skid.*/
	width: 607px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: none
}

#contents {
	padding: 0px;
	margin: 0px;
	background-color: #818285;	
	min-height: 804px;
}

#flexwrap:focus {
	margin-bottom: 0; text-decoration: none;
	/* Webkit */
	outline: auto 0px -webkit-focus-ring-color; outline-offset: -2px;
	/* Gecko */
	-moz-outline: -moz-mac-focusring solid 0px; -moz-outline-radius: 0 0px 0px;
	-moz-outline-offset: 0;
}

#video {
	height: 300px;
	clear: both;
}


#audio {
	height: 360px;
	clear: both;
}


.bodyButton {
	border: 1px solid #666666;
	background-color: #999999;
	float: left;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	padding-bottom: 2px;
}

a.bodyButton:hover {
	border: 1px solid #666666;	
	background-color: #666666;
	display: block;
}

.artistname {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #9f2214;
	text-decoration: none;
}

.artistnameB {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #9f2214;
	text-decoration: none;
}

.albumname {
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #9f2214;
	text-decoration: none;
}

.linkname {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #9f2214;
	text-decoration: none;
}

.TwoColumns5050 {
	margin: 5px;
	padding: 5px;
	float: left; /*another failure causing left float - this one killED artists and releases before i added the clear div */
	width: 265px;
}

.TwoColumnsItem {
	padding: 0px;
	width: 265px;
	height: 160px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.floatLeft {
	float: left;
	margin-right: 10px;
}



.graphicButton {
	border: 1px solid #666666;
	background-color: #999999;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	float: left;
}

a.graphicButton:link {
	display: block;
}

a.graphicButton:hover {
	background-color: #666666;
	display: block;
}

a.graphicButton:visited {
	display: block;
}

a.graphicButton:active {
	display: block;
}

.graphicButtonnoFloat {
	background-color: #999999;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 56px;
}

a.graphicButtonnoFloat:link {
	display: block;
}

a.graphicButtonnoFloat:hover {
	background-color: #666666;
	display: block;
}

a.graphicButtonnoFloat:visited {
	display: block;
}

a.graphicButtonnoFloat:active {
	display: block;
}

select {
	border: 1px solid #666666;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #999999;
	line-height: 1.3em;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;
}

input.submit {
	border: 1px solid #999999;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #999999;
	line-height: 1.3em;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

input.button {
	border: 1px solid #999999;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #999999;
	line-height: 1.2em;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.album_homepage_rightcol_content {
	padding: 0px;
	width: 370px;
	/* margin-top: 10px;*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.TwoCols3366Col2 {
	margin: 0px;
	padding-left: 10px;
	float: left;
	/* height: 682px; */
	width: 330px;
	display: inline;
	
}

.header {
	/*background-color: black;*/
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left; /* another flexscroll killer !*/
	/* height: 682px; 
	background-color: #000000;*/
	width: 585px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
}

.TwoCols3366Col1 {
	/*background-color: black;*/
	margin: 0px;
	padding-left: 10px;
	float: left; /* another flexscroll killer !*/
	/* height: 682px; */
	width: 175px;
	display: inline;
}

.TwoCols1682Col1 {
	/*background-color: black;*/
	margin: 0px;
	padding-left: 10px;
	float: left; /* another flexscroll killer !*/
	/* height: 682px; */
	width: 87px;
	display: inline;
}

.imgFloatLeft150pxdown {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #666666;
}

.imgFloatRight150pxdown {
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.textButton {
	float: left;
	background-color: #999999;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	min-width: 148px;
}



.textButton:hover {
	float: left;
	background-color: #999999;
	color: #FFFCDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	min-width: 148px;
}

.TwoCols3366Col1Item {
	padding: 0px;
	width: 165px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	white-space: normal;
}

.150w {
	width: 160px;
}

.imgLeft {
	
	margin-bottom: 20px;
	margin-right: 10px;
}

input.text {
	border: 1px solid #999999;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #999999;
	line-height: 1.2em;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.login_rows {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	width:165px
	background-color: #000000;
}

.login_rows2 {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	width:165px
	background-color: #000000;
}

.button_link {
	border: 1px solid #999999;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #999999;
	line-height: 1.3em;
	text-align: left;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-left: 20px;
}



.news_rows {
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-height: 80px;
}


.rhs_img_rows {
	padding-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}


.OneColumnsHR {
	width: 460px;
	height: 1px;
	background-color:#666666;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.TwoColumnsHR {
	width: 560px;
	height: 1px;
	background-color:#666666;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.NewstextButton {
	background-color: #999999;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	min-width: 150px;
}


.NewstextButton2 {
	width: 1600px;
	background-color: #999999;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	
}

a.NewstextButton2 {
	width: 1600px;
	background-color: #3a3a3c;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;	
}
a.NewstextButton2:hover {
	width: 1600px;
	background-color: #999999;
	color: #9f2214;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	
}


.events_rows {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
}


.downloads_rows {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.linksRows {
	padding: 1px;
}

#clear {
	clear: both;
	width: 120px;
	
}

/*  light form styles */

x*{
	font-family:  Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
} 

body{
	background: #3a3a3c;
}

a, a:hover{
	text-decoration: none;
	color: #FFFCDD;
}
a:hover{
	color: #FFFCDD;
}

h1 {
	color: #FFFFFF;
	font-size: 1.6em;
}

/* Form */

form {
	width: 400px;
	/*padding: 10px;*/
	padding: 0;
	/*margin: 40px auto;*/
	margin: auto;
}

.selectorSpacer {
	width: auto;
	padding: 0;
	margin-bottom: 18px;
	margin-top: 21px;
	margin-left: auto;
	margin-righ: auto;
}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

/*img {
	border:0;
}*/

.blue {
	color: #FFFFFF;
	font-weight: bold;
}

/* Congratulation message */

.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	background-color: 999999;
}

.MsgSent h1 {
	background: url(../images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */

.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: left;
	background-color: 999999;
}

.MsgError h1 {
	background: url(../images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/* Admin Buttons */

.adminButtons  {
	width: 620px;
	margin-left: 180px;
	padding-bottom: 50px;
	
}

.iframe {
	background: #818285;
}

.lowercase {
	text-transform: lowercase;
}

/* debugging */
/*form {
	background-color: #00417f;
	padding: 0px;
	margin: 0px;
}*/


.downloads_rowCol1 {
	width: 100px
}
.downloads_rowCol2 {
	width: 200px
}

/* lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 0.8em Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	text-transform: lowercase;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.clear {
	clear:both;
}

#facebook {
	float:left;
	background-color: #FFF;
}

#twitter {
	float:right;
}

#soundcloud {
	margin: 20px 0;
}


/* ne nov 2 11 */

#media {
	border-top: 1px white;
	padding-top: 5px;
	float: left;
}