html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-width:980px;
}

body
{
	background-color:#000000;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000000;
	/*cursor:default;*/
	background-image:url(/img/bg.gif);
	background-attachment:fixed;
}

#outercont
{
	/*width:100%;
	height:100%;*/
	margin:0;
}

#innercont
{
	width:980px;
	margin:auto;
	padding:20px 0;
}

/* remove IE6 flicker */
/*.tabl, .tabm, .tabr, .btnl, .btnm, .btnr
{filter: expression(document.execCommand("BackgroundImageCache", false, true));}*/



/**************************************************** default
****************************************************/

p {margin:0;}
.paragraphs p {margin:10px 0;}

h1 {font-size:26px; font-weight:bold;}
h2 {font-size:22px; font-weight:bold;}
h3 {font-size:18px; font-weight:bold;} /* person title */
h4 {margin:2px 0; font-size:16px; font-weight:bold;} /* news title */

a {outline:none; cursor:pointer;}
/*a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}*/

a img {border:0;}

a.nounderline {text-decoration:none;}
a.nounderline .underline {text-decoration:underline;}

.nopad {padding:0px;}
.nowrap {white-space:nowrap;}
.hleft {text-align:left;}
.hmid {text-align:center;}
.hright {text-align:right;}
.vtop {vertical-align:top;}
.vmid {vertical-align:middle;}
.vbot {vertical-align:bottom;}
.small {font-size:10px;}
.smaller {font-size:11px;}
.larger {font-size:18px;}
.large {font-size:24px;}
a.zoom, .zoom {cursor:url(/img/zoomin.cur), pointer;}
.rounded {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.color1 {color:#ffffff;} /* white */
.color2 {color:#C00A0B;} /* red */

a.link1 {color:#000000;} /* black to black h-light same in boxes */
a.link1:hover, a.link1over {color:#ffffff; background:#000000; text-decoration:none;}
a.link2 {color:#538cb4; background-color:transparent; text-decoration:underline;} /* blue to black hlight same in boxes */
a.link2:hover {color:#ffffff; background:#000000; text-decoration:none;}
a.link3 {text-decoration:none;} /* color at boxes */
a.link3:hover {text-decoration:underline;}
a.link4 {text-decoration:underline; color:#ffffff;} /* white underline in title1 changes to box color */
a.link4:hover {color:#ffffff;} /* check at boxes */


/*.title1 {font-size:18px; font-weight:bold; color:#ffffff; background:#000000; padding:8px 8px 8px 0; line-height:37px;}*/
.title1 {float:left; padding:5px; font-size:18px; font-weight:bold; color:#ffffff; background:#000000;}
.title2 {font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase;}
.title3 {font-size:60px; font-weight:bold;}

.block1 {background-image:url(/img/transp1.png);} /* black 20% */
.block2 {background-image:url(/img/transp2.png);} /* white 20% */
.block3 {padding:4px; color:#000000; background-color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* white rounded */
.block4 {padding:8px; color:#000000; background-color:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* white rounded */
.block5 {padding:8px; color:#000000; background-color:#e1e1e1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* grey rounded */
.infoblock {margin-top:4px; font-size:11px; color:#a1a1a1;}

.row1, .row2 {padding:2px 8px;}
.row1 {background-image:url(/img/transp2.png);} /* under songs */

.date {font-size:11px; font-weight:bold;}

.divider /* empty space */
{
	height:8px;
	font-size:0;
	overflow:hidden;
	clear:both;
}

.divider1 /* color adjusting on box */
{
	height:4px;
	margin:10px 0;
	font-size:0;
	overflow:hidden;
	clear:both;
	background-image:url(/img/divider1.gif);
}

.clear
{
	height:0;
	font-size:0;
	overflow:hidden;
	clear:both;
}

.collapsed
{
	border-collapse:collapse;
	border-spacing:0;
	border:0;
}

.nosize
{
	width:0;
	height:0;
	border:0;
	margin:0;
	padding:0;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	text-indent:-9999px;
}

object /* no bottom space for flash */
{
	display: block;
	background-image: url(/img/spacer.gif);
	background-attachment: fixed;
	outline: none;
}

form {margin:0px; padding:0px;}
input, select, textarea {font-family: Arial, sans-serif; font-size:12px; color:#636363;}





/**************************************************** layout
****************************************************/

#header
{
	width:980px;
	height:96px;
	position:relative;
	margin:0;
	background-position:bottom;
}

#underlogo
{
	width:327px;
	height:86px;
	background-image: url(/img/vinyl.png);
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}

a#logo, div#logo
{
	display:block;
	text-indent:-9999px;
	width:180px;
	height:60px;
	overflow:hidden;
	position:absolute;
	left:14px;
	top:14px;
	z-index:101;
	background-image:url(/img/logo.png);
	background-repeat:no-repeat;
}

#headerobj1, #headerobj2
{
	position:absolute;
	z-index:102;
}

#main
{
	width:980px;
	position:relative;
	margin:0;
}

#mainbgover
{
	width:980px;
	position:relative;
	margin:0;
	background-repeat:no-repeat;
}

#content
{
	width:680px;
}

.col1
{
	width:670px;
	margin:0 0 10px 10px;
	float:left;
}

.col2
{
	width:330px;
	margin:0 0 10px 10px;
	float:left;
}

.col3inner
{
	width:194px;
	margin:0 0 10px 10px;
	float:left;
}

#footer
{
	width:980px;
	height:118px;
	position:relative;
	margin:0;
	background-position:top;
}

#copyrights
{
	float:right;
	padding:5px;
	margin:0;
	background-color:#000000;
	color:#707070;
	font-size:11px;
}

#copyrights a {color:#707070;}
#copyrights a:hover {color:#ffffff;}



/**************************************************** header / footer menu
****************************************************/

#headmen
{
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	float:right;
	margin:14px 15px 0 340px;
	cursor:default;
}

#footmen
{
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	margin:43px auto;
}

a.headmenitem, a.headmenitemact, a.headmeniteminact, a.footmenitem, a.footmenitemact, a.footmeniteminact
{
	margin:2px;
	float:left;
	padding:3px 8px;
	font-size:11px;
	/*line-height:23px;*/
	text-decoration:none;
}
a.headmeniteminact, a.footmeniteminact, .headmeniteminact, .footmeniteminact
{
	color:#464646;
	background-color:#7d7d7d;
}



.logoel
{
	margin:0;
	/*width:37px;
	height:20px;*/
	padding:3px 24px;
	font-size:11px;
	/*line-height:23px;*/
	background-position:center center;
	background-repeat:no-repeat;
}



/**************************************************** visualarea
****************************************************/

#visualarea
{
	width:690px;
	margin:0;
	position:relative;
}

#livenews
{
	position:absolute;
	width:224px;
	right:10px;
	top:34px;
}

#livenews .boxmid
{
	max-height:263px;
	overflow-y:auto;
}

#livesugg
{
	position:absolute;
	width:224px;
	left:10px;
	top:80px;
}

#livesugg .boxmid
{
	max-height:227px;
	overflow-y:auto;
}

#livesugg img, #livenews img {vertical-align:bottom; border:1px solid #000000;}


/**************************************************** content
****************************************************/

.pictd, .pictd2
{
	vertical-align:top;
	padding-right:5px;
}

.pictd img {vertical-align:bottom;}
.pictd2 img {vertical-align:bottom; border:1px solid #000000;}
.pictd3 {padding:5px; text-align:center;}
.pictd3 img {max-width:80px; max-height:80px;}
.thumb2 {vertical-align:bottom; padding:1px; background-color:#000000;}

.albumimgcont
{
	position:relative;
	margin:0 auto;
	padding:0;
	background:#ffffff;
	min-width:200px;
}
.albumimgcont img {display:block; position:relative; z-index:1; min-width:200px;}

.loader
{
	position:absolute;
	width:100%;
	height:100%;
	left:0; top:0;
	z-index:2;
	background-image: url("/img/loader.gif");
	background-repeat:no-repeat;
	background-position:center center;
}



/**************************************************** pager
****************************************************/

.pager
{
	margin:20px 0px;
	text-align:center;
}

a.page, .pageactive, a.pageactive
{
margin:0px 1px;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:4px 6px;
background-color:#000000;
border:1px solid #000000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.pageactive, a.pageactive {color:#ffffff; border:1px solid #000000;}
a.page {color:#898989;}
a.page:hover, a.pageactive:hover {color:#000000; border:1px solid #000000; background-color:#ffffff;}

a.pageprev, .pageprevinact, a.pagenext, .pagenextinact
{
margin:0px 1px;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:4px 6px;
background-color:#000000;
border:1px solid #000000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
a.pageprev, a.pagenext {color:#898989;}
a.pageprev:hover, a.pagenext:hover {color:#000000; border:1px solid #000000; background-color:#ffffff;}
.pageprevinact, .pagenextinact {color:#464646; background-color:#7d7d7d; border:1px solid #464646;}




/**************************************************** right
****************************************************/

#right
{
	width:280px;
	float:right;
	margin:10px 10px 10px 0;
	position:relative;
}

.livepic
{
	position:absolute;
	top:-68px;
	right:0;
	width:90px;
	height:115px;
	z-index:104;
}

.livepicspace
{
	float:right;
	width:90px;
	height:47px;
	margin:0 0 0 8px;
}




/**************************************************** mood
****************************************************/

a.btnmoodbad, a.btnmoodgood
{
	display:block;
	width:38px;
	height:38px;
	background-image:url(/img/btnmood.png);
}
a.btnmoodbad {background-position:top left;}
a.btnmoodgood {background-position:bottom left;}
a.btnmoodbad:hover {background-position:top right;}
a.btnmoodgood:hover {background-position:bottom right;}




/**************************************************** boxes
****************************************************/

.box1,.box2, .box3, .box4, .box5 {position:relative;}
/*.boxhead, .boxmid {position:relative;}*/
.boxmid {position:relative;}

.boxpad {padding:8px;}


/**** box1 violet ****/

.box1 .boxhead
{
	background-image:url(/img/box1head.gif);
	background-color:#695b81;
}

.box1 .boxmid
{
	background-image:url(/img/box1mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#9783b9;
}

.box1 .deflinks a {color:#9783b9;}
.box1 .divider1 {background-color:#9783b9;}
.box1 .boxcolor1 {color:#9783b9;}
.box1 a.link4:hover {color:#9783b9;}
.box1 a.page, .box1 a.pageprev, .box1 a.pagenext {color:#9783b9;}
.box1 a.page:hover, .box1 a.pageprev:hover, .box1 a.pagenext:hover {color:#9783b9; border:1px solid #9783b9;}

/*.box1 .block3 a, .box1 .block4 a {color:#9783b9;}
.box1 .block3 a:hover, .box1 .block4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.box1 .block3 h4 a, .box1 .block4 h4 a {color:#000000;}
.box1 .block3 h4 a:hover, .box1 .block4 h4 a:hover {color:#9783b9; background-color:transparent; text-decoration:underline;}*/


/**** box2 pinkbrown ****/

.box2 .boxhead
{
	background-image:url(/img/box2head.gif);
	background-color:#775542;
}

.box2 .boxmid
{
	background-image:url(/img/box2mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#aa7a5f;
}

.box2 .deflinks a {color:#aa7a5f;}
.box2 .divider1 {background-color:#aa7a5f;}
.box2 .boxcolor1 {color:#aa7a5f;}
.box2 a.link4:hover {color:#aa7a5f;}
.box2 a.page, .box2 a.pageprev, .box2 a.pagenext {color:#aa7a5f;}
.box2 a.page:hover, .box2 a.pageprev:hover, .box2 a.pagenext:hover {color:#aa7a5f; border:1px solid #aa7a5f;}


/**** box3 tirqouse ****/

.box3 .boxhead
{
	background-image:url(/img/box3head.gif);
	background-color:#3f7980;
}

.box3 .boxmid
{
	background-image:url(/img/box3mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#5aaeb8;
}

.box3 .deflinks a {color:#5aaeb8;}
.box3 .divider1 {background-color:#5aaeb8;}
.box3 .boxcolor1 {color:#5aaeb8;}
.box3 a.link1:hover {color:#eedd9b; background:#000000;}
.box3 a.page, .box3 a.pageprev, .box3 a.pagenext {color:#5aaeb8;}
.box3 a.page:hover, .box3 a.pageprev:hover, .box3 a.pagenext:hover {color:#5aaeb8; border:1px solid #5aaeb8;}


/**** box4 yellow ****/

.box4 .boxhead
{
	background-image:url(/img/box4head.gif);
	background-color:#b37900;
}

.box4 .boxmid
{
	background-image:url(/img/box4mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#ffad00;
}

.box4 .deflinks a {color:#ffad00;}
.box4 .divider1 {background-color:#ffad00;}
.box4 .boxcolor1 {color:#ffad00;}
.box4 a.link1:hover {color:#eedd9b; background:#000000;}
.box4 a.page, .box4 a.pageprev, .box4 a.pagenext {color:#ffad00;}
.box4 a.page:hover, .box4 a.pageprev:hover, .box4 a.pagenext:hover {color:#ffad00; border:1px solid #ffad00;}

/* link in box color */
/*.box4 a {color:#ffffff; background-color:#b37900; text-decoration:none;}
.box4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}

/* link in box on white block */
/*.box4 .block3 a, .box4 .block4 a {color:#ffad00; background-color:transparent; text-decoration:underline;}
.box4 .block3 a:hover, .box4 .block4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.box4 .block3 h4 a, .box4 .block4 h4 a {color:#000000; background-color:transparent; text-decoration:underline;}
.box4 .block3 h4 a:hover, .box4 .block4 h4 a:hover {color:#ffad00; background-color:transparent; text-decoration:underline;}*/


/**** box5 - dark grey ****/

.box5 .boxhead
{
	background-image:url(/img/box5head.gif);
	background-color:#262626;
}

.box5 .boxmid
{
	background-image:url(/img/box5mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#363636;
	color:#acacac;
}

.box5 .deflinks a {color:#ffffff;}
.box5 .divider1 {background-color:#363636;}
.box5 .boxcolor1 {color:#363636;}
.box5 .boxcolor2 {color:#898989;}
.box5 a.link1:hover {color:#363636; background:#000000;}
.box5 a.page, .box5 a.pageprev, .box5 a.pagenext {color:#363636;}
.box5 a.page:hover, .box5 a.pageprev:hover, .box5 a.pagenext:hover {color:#363636; border:1px solid #363636;}

/* link in box5 color */
/*.box5 a {color:#d7d7d7; background-color:#636363; text-decoration:none;}
.box5 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}

.box5 .block3 a, .box5 .block4 a {color:#ffad00;}
.box5 .block3 a:hover, .box5 .block4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.box5 .block3 h4 a, .box5 .block4 h4 a {color:#000000;}
.box5 .block3 h4 a:hover, .box5 .block4 h4 a:hover {color:#ffad00; background-color:transparent; text-decoration:underline;}*/

.calloutsidel, .calloutsider
{
	width:50px;
	height:27px;
	margin:45px 0 0 0;
	background-image:url(/img/calloutside.png);
	background-repeat:no-repeat;
}
.calloutsidel {float:left; background-position:left;}
.calloutsider {float:right; background-position:right;}


/**** box6 green-yellow ****/

.box6 .boxhead
{
	background-image:url(/img/box6head.gif);
	background-color:#777242;
}

.box6 .boxmid
{
	background-image:url(/img/box6mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#aaa35f;
}

.box6 .deflinks a {color:#aaa35f;}
.box6 .divider1 {background-color:#aaa35f;}
.box6 .boxcolor1 {color:#aaa35f;}
.box6 .boxcolor2 {color:#4f307d;}
.box6 a.link3 {color:#3dc3cc;}
.box6 .thumb1 {padding:8px; background-color:#3dc3cc;}
.box6 a.page, .box6 a.pageprev, .box6 a.pagenext {color:#aaa35f;}
.box6 a.page:hover, .box6 a.pageprev:hover, .box6 a.pagenext:hover {color:#aaa35f; border:1px solid #aaa35f;}

/* link in box color */
/*.box6 a {color:#ffffff; background-color:#777242; text-decoration:none;}
.box6 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}*/

/* link in box on white block */
/*.box6 .block3 a, .box6 .block4 a {color:#aaa35f; background-color:transparent; text-decoration:underline;}
.box6 .block3 a:hover, .box6 .block4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.box6 .block3 h4 a, .box6 .block4 h4 a {color:#000000; background-color:transparent; text-decoration:underline;}
.box6 .block3 h4 a:hover, .box6 .block4 h4 a:hover {color:#aaa35f; background-color:transparent; text-decoration:underline;}
*/


/**** box7 brownred ****/

.box7 .boxhead
{
	background-image:url(/img/box7head.gif);
	background-color:#77424b;
}

.box7 .boxmid
{
	background-image:url(/img/box7mid.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#aa5f6b;
}

.box7 .deflinks a {color:#aa5f6b;}
.box7 .divider1 {background-color:#aa5f6b;}
.box7 .boxcolor1 {color:#aa5f6b;}
.box7 .boxcolor2 {color:#4f307d;}
.box7 .thumb1 {padding:8px; background-color:#3dc3cc;}
.box7 a.page, .box7 a.pageprev, .box7 a.pagenext {color:#aa5f6b;}
.box7 a.page:hover, .box7 a.pageprev:hover, .box7 a.pagenext:hover {color:#aa5f6b; border:1px solid #aa5f6b;}

/* link in box color */
/*.box7 a {color:#ffffff; background-color:#77424b; text-decoration:none;}
.box7 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}

.box7 .block3 a, .box7 .block4 a {color:#aa5f6b; background-color:transparent; text-decoration:underline;}
.box7 .block3 a:hover, .box7 .block4 a:hover {color:#ffffff; background-color:#000000; text-decoration:none;}
.box7 .block3 h4 a, .box7 .block4 h4 a {color:#000000; background-color:transparent; text-decoration:underline;}
.box7 .block3 h4 a:hover, .box7 .block4 h4 a:hover {color:#aa5f6b; background-color:transparent; text-decoration:underline;}*/




/**************************************************** non dependant links
****************************************************/

/*a.nobgnd, a.nobgnd:hover,
.box6 .block3 a.nobgnd, .box6 .block3 a.nobgnd:hover,
.box6 .block4 a.nobgnd, .box6 .block4 a.nobgnd:hover
{background-color:transparent;}*/

.deflinks a:hover {color:#ffffff; background:#000000; text-decoration:none;} /* default links black h-light */



a.imgprev, a.imgnext
{
	display:block;
	position:absolute;
	width:50%; /*min 100px so albumimgcont min 200px*/
	height:100%;
	background-image: url("/img/spacer.gif");
	z-index:5;
	font-size:50px;
}
a.imgprev {left:0; top:0;}
a.imgnext {right:0; top:0;}
a.imgprev:hover
{
	background-image: url("/img/imgprev.png");
	background-repeat:no-repeat;
	background-position:left center;
}
a.imgnext:hover
{
	background-image: url("/img/imgnext.png");
	background-repeat:no-repeat;
	background-position:right center;
}

a.linkvote
{
	background-image: url("/img/ico_fav.png");
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#a1a1a1;
}
a.linkvote:hover {color:#b4090a;}

a.linkmore
{
	padding:0 2px 0 9px;
	background-image: url("/img/bul1.gif");
	background-repeat:no-repeat;
	background-position:2px center;
}
a.linkmore:hover
{
	background-image: url("/img/bul1.gif");
	background-repeat:no-repeat;
	background-position:2px center;
}


/**************************************************** bread
****************************************************/

a.linkbread
{
	font-size:11px;
	color:#a1a1a1;
	padding-left:7px;
	margin-right:7px;
	background-image: url("/img/bul1.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
a.linkbread:hover {color:#b4090a;}



/**************************************************** btn1
****************************************************/

a.btn1, a.btn1icon
{
	display:block !important;
	display:inline;
	height:22px;
	padding:0;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	background-color:transparent;
}
a.btn1, a.btn1icon {float:left; margin:0;}

a.btn1 .l, a.btn1 .m, a.btn1 .r, a.btn1icon .l, a.btn1icon .m, a.btn1icon .r
{
	display:block;
	float:left;
	height:22px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
}
a.btn1 .l, a.btn1 .m, a.btn1 .r {background-image: url(/img/btn1.png);}
a.btn1icon .l, a.btn1icon .m, a.btn1icon .r {background-image: url(/img/btn1icon.png);}

a.btn1 .l {background-position:0px -22px; width:15px;}
a.btn1icon .l {background-position:0px -22px; width:25px; padding:2px 0 0 8px; height:20px;}
a.btn1 .m {background-position:-15px -22px; padding:3px 0 0 0; height:19px;}
a.btn1icon .m {background-position:-27px -22px; padding:3px 0 0 0; height:19px;}
a.btn1 .r, a.btn1icon .r {background-position:-585px -22px; width:15px;}

a.btn1:hover, a.btn1icon:hover {background-color:transparent; color:#ffffff; text-decoration:none;}
a.btn1:hover .l {background-position:0px 0px; width:15px;}
a.btn1icon:hover .l {background-position:0px 0px; width:25px; padding:2px 0 0 8px; height:20px;}
a.btn1:hover .m {background-position:-15px 0px; padding:3px 0 0 0; height:19px;}
a.btn1icon:hover .m {background-position:-27px 0px; padding:3px 0 0 0; height:19px;}
a.btn1:hover .r, a.btn1icon:hover .r {background-position:-585px 0px; width:15px;}