BODY
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	BACKGROUND-COLOR: #FAFAFA
}

.kdiams
{
	FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #000000
}

IMG.single
{
        FLOAT: left;
        WIDTH: 50;
        HEIGHT: 50;
        MARGIN-RIGHT: 5
}

IMG.note
{
	FLOAT: left;
	WIDTH: 20;
	HEIGHT: 40;
	BORDER: 0;
	MARGIN-RIGHT: 5
}

IMG.album
{
	FLOAT: left;
	WIDTH: 150;
	HEIGHT: 150;
	MARGIN-RIGHT: 10
}

IMG.movie
{
	FLOAT: left;
	WIDTH: 40;
	HEIGHT: 40;
	BORDER: 0;
	MARGIN-RIGHT: 5
}

/* PAGE HEADER STYLES */
.mtitle
{
	  FONT-FAMILY: verdana, arial, helvetica;
        FONT-WEIGHT: bold;
        FONT-SIZE: 20px;
        COLOR: black
}

/* SINGLES STYLES */
.stable
{
	TABLE-LAYOUT: fixed;
	WIDTH: 750;
	BORDER-WIDTH: 0;
	MARGIN-BOTTOM: 15;
	PADDING: 0;
	VERTICAL-ALIGN: top
}

.stitle
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: black
}

.stitle2a
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #4682B4
}

.sdetails
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black
}

.scaption
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 10px;
	FONT-STYLE: italic;
	COLOR: black;
	PADDING-LEFT: 10
}

.sspace
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 5px;
	COLOR: black
}


/* ALBUM STYLES */
.atable
{
	TABLE-LAYOUT: fixed;
	WIDTH: 750;
	VERTICAL-ALIGN: top;
	BORDER: 0;
	MARGIN: 5;
	PADDING: 5
}

.atitle
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: black;
	PADDING-LEFT: 10;
	VERTICAL-ALIGN: top
}

.arelease
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 10;
	VERTICAL-ALIGN: middle;
	COLOR: black
}

.adetails
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	PADDING-LEFT: 10;
	VERTICAL-ALIGN: middle;
	COLOR: black
}

.anote
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 10px;
        FONT-STYLE: italic;
        PADDING-LEFT: 10;
        COLOR: black
}

/* ALBUM TABLE STYLES */
.dtable
{
	TABLE-LAYOUT: fixed;
	WIDTH: 750;
      VERTICAL-ALIGN: top;
	BORDER: 0;
	MARGIN: 2;
	PADDING: 2
}

.tdside
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	FONT-WEIGHT: 600;
	COLOR: black
}

.td1
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 50%;
	VERTICAL-ALIGN: top
}

.td2
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 40%;
	VERTICAL-ALIGN: top
}

.td3
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 10%;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right
}

.tdnote1
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    FONT-STYLE: italic;
    FONT-WEIGHT: 500;
    COLOR: black
}

.tdnote2
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    COLOR: black
}

.UKrel
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: 800;
    COLOR: green
}


/* OTHERS */
.linka
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: 600;
    COLOR: black
}
.linkb
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    COLOR: black
}

.copyw
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 9px;
    COLOR: #808080
}

/* ROLLOVERS */
a:link
{
	COLOR: blue;
	TEXT-DECORATION: none
}

a:active
{
	COLOR: yellow;
	TEXT-DECORATION: none
}

a:visited
{
	COLOR: blue;
	TEXT-DECORATION: none
}

a:hover
{
	COLOR: white;
	BACKGROUND: blue;
	TEXT-DECORATION: none
}

a.ext:link
{
	COLOR: #BF00FF;
	FONT-WEIGHT: bold;
	BORDER: 0;
	TEXT-DECORATION: none
}

a.ext:hover
{
	COLOR: white;
	FONT-WEIGHT: bold;
	BORDER: 0;
	BACKGROUND: #BF00FF
}

.zoom_img img{
	position:relative;
	height:150px;
	width:150px;
	left:0px;
	top:0px;
	-moz-transition:-moz-transform 0.1s ease-in;
	-webkit-transition:-webkit-transform 0.1s ease-in;
	-o-transition:-o-transform 0.1s ease-in;
}

.zoom_img img:hover{
	box-shadow: 3px 3px 2px #808080;
	left:105px;
	top:105px;
	z-index:9999;
	-moz-transform:scale(2.4);
	-webkit-transform:scale(2.4);
	-o-transform:scale(2.4);
}

.zoom_45 img{
	position:relative;
	height:50px;
	width:50px;
	float:left;
	top:0px;
	-moz-transition:-moz-transform 0.1s ease-in;
	-webkit-transition:-webkit-transform 0.1s ease-in;
	-o-transition:-o-transform 0.1s ease-in;
}

.zoom_45 img:hover{
    box-shadow: 2px 2px 1px #808080;
    left:100px;
    top:100px;
    z-index:9999;
	-moz-transform:scale(5);
	-webkit-transform:scale(5);
	-o-transform:scale(5);
}

span.dropt {background: #ffffff;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; box-shadow: 5px 5px 2px #808080; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 10px 10px 10px 10px ;
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 30px 0 0 150px; background: #F5F6CE; z-index:6;
}
