BODY
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	BACKGROUND-COLOR: #FAFAFA
}

.kdiams
{
	FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #000000
}

/* IMAGE STYLES */
IMG.single
{
	FLOAT: left;
	WIDTH: 50px;
	HEIGHT: 50;
	MARGIN-RIGHT: 5
}

IMG.single2
{
        FLOAT: left;
        WIDTH: 100px;
        HEIGHT: 50;
        MARGIN-RIGHT: 5
}

IMG.album
{
        FLOAT: left;
        WIDTH: 150;
        HEIGHT: 150;
        MARGIN-RIGHT: 10
}

IMG.album2
{
        FLOAT: left;
        WIDTH: 300;
        HEIGHT: 150;
        MARGIN-RIGHT: 10
}

IMG.link
{
	FLOAT: clear;
	WIDTH: 15;
	HEIGHT: 15;
	MARGIN-RIGHT: 5
}


/* PAGE HEADER STYLES */
.ptitle1
{
	  FONT-FAMILY: verdana, arial, helvetica;
        FONT-WEIGHT: bold;
        FONT-SIZE: 20px;
        COLOR: black
}

/* SINGLES STYLES */
.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
}

.stitle2b
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        COLOR: green
}

.stitle2c
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        COLOR: red
}

.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
}


/* 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
}

.adetails
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        PADDING-LEFT: 10;
        VERTICAL-ALIGN: middle;
        COLOR: black
}

.adate
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        FONT-WEIGHT: bold;
        PADDING-LEFT: 10;
        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
}

.td0
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        VERTICAL-ALIGN: top
}

.td1
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 45%;
        VERTICAL-ALIGN: top
}

.td2
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 45%;
        VERTICAL-ALIGN: top
}

.td3
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 10%;
        VERTICAL-ALIGN: top;
        TEXT-ALIGN: right
}

.tb1
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 45%;
        VERTICAL-ALIGN: top
}

.tb0
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 100%;
        VERTICAL-ALIGN: top
}

.tb2
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        WIDTH: 55%;
        VERTICAL-ALIGN: top
}

/* COVERS STYLES */

.tc1
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 35%;
	VERTICAL-ALIGN: top
}

.tc2
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 55%;
	VERTICAL-ALIGN: top
}

.tc3
{
	FONT-FAMILY: verdana, arial, helvetica;
	FONT-SIZE: 11px;
	COLOR: black;
	WIDTH: 10%;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right
}


/* ---------------------------------------------------  TEXT BOX STYLES --------------------------------------------------- */
.tbtable
{
        WIDTH: 725;
        BORDER: 1px solid black;
        MARGIN-TOP: 10;
        MARGIN-BOTTOM: 25;
        VERTICAL-ALIGN: top;
        ALIGN: left;
        PADDING: 5
}

.tbtitle
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 12px;
        FONT-WEIGHT: bold;
        HEIGHT: 30px;
        COLOR: black
}

.tbtext
{
        FONT-FAMILY: verdana, arial, helvetica;
        FONT-SIZE: 11px;
        COLOR: black;
        VERTICAL-ALIGN: middle
}


/* 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
}

.UKrel
{
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 10px;
    COLOR: green
}

/* 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
}

a.web:hover
{
	COLOR: white;
	FONT-WEIGHT: bold;
	BACKGROUND: white
}

.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);
}

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;
}
