﻿/* CSS Document for ebonyRed records*/


body {
		background-color:#8B008B;
	
	}

/*Classes*/

.tableone
	{
		background-color: white;
		text-align:right;
	}
.tabletwo
	{
		background-color: white;
		align:middle;
	}
.tablethree
	{
		border-right:1px solid silver;
		border-left:1px solid white;
		border-top:1px solid white;
		border-bottom:1px solid white;
		text-align:right;
	}
.tablefour
	{
		border-right:0px solid silver;
		border-left:1px solid white;
		border-top:1px solid white;
		border-bottom:1px solid white;
		text-align:left;
		margin-right:25px;
		padding:0px;
	}
.heading
	{
		color: white;
		font-size: 40pt;
		font-family:verdana;
		padding:9px;

	}
.sub_heading
	{
		color: white;
		font-size: 12pt;
		font-family:verdana;
		padding:9px;

	}
/* headings*/
h1
	{
		font-size: 11pt;
		font-family: verdana;
		color: black; 
		text-decoration:underline;

	}

/* */


 /*Hyperlink one - Navigation*/
a.one:visited
	{		
		color: black;
		font-size: 12pt;
		font-family: verdana;
		text-decoration:none;
	}
a.one:link
	{
		color: black;
		font-size: 12pt;
		font-family: verdana;
		text-decoration:none;
	}
a.one:hover
	{
		color: black;
		font-size: 12pt;
		font-family:  verdana;
		text-decoration:underline;

	}
/* */

/* Hyperlink Two - in paragraph*/
a.two:link
	{
		color:#8B008B;
		font-size: 10pt;
		font-family:  verdana;
	}
a.two:visited
	{
		font-size: 10pt;
		color: #8B008B;
		font-family:  verdana;
	}
a.two:hover
	{
		font-size: 10pt;
		color: #8B008B ;
		font-family:  verdana;
	}
/* */

/* Hyperlink Three - heading link*/
a.three:link
	{
		color:black;
		font-size: 16pt;
		font-family:  verdana;
		text-decoration:underline;
	}
a.three:visited
	{
		font-size: 16pt;
		color: black;
		font-family:  verdana;
		text-decoration:underline;
	}
a.three:hover
	{
		font-size: 16pt;
		color: silver ;
		font-family:  verdana;
		text-decoration:underline;
	}
/* */

/* Hyperlink Four - in paragraph*/
a.four:link
	{
		color:black;
		font-size: 12pt;
		font-family:  verdana;
		background-color: silver;
	}
a.four:visited
	{
		font-size: 12pt;
		color: black;
		font-family:  verdana;
			background-color: silver;
	}
a.four:hover
	{
		font-size: 12pt;
		color: white ;
		font-family:  verdana;
		background-color: silver;
	}
/* */

/* Hyperlink Three - built by websitedesignleeds.net link*/
a.link:link
	{
		color:#8B008B;
		font-size: 10pt;
		font-family:  verdana;
		text-decoration:none;
		
	}
a.link:visited
	{
		font-size: 10pt;
		color: #8B008B;
		font-family:  verdana;
		text-decoration:none;
		
	}
a.link:hover
	{
		font-size: 10pt;
		color: #8B008B ;
		font-family:  verdana;
		text-decoration:underline;
		
	}
/* */

/* Paragraphs */
font.one
	{
		font-family:Bradley Hand ITC;
		font-size:13pt;
	}

h1
	{
		color:black;
		
	}
p
	{
		color: black;
		font-size: 10pt;
		font-family:verdana;

	}
p.underline
	{
		color: black;
		font-size: 13pt;
		font-family:verdana;
		text-decoration:underline;

	}
p.two
	{
		color: white;
		font-size: 11pt;
		font-family:Bradley Hand ITC;

	}

p.navigation
	{
		color:silver;
		font-size: 16pt;
		font-family: verdana;
		
	}
p.title
	{
		color:black;
		font-size: 14pt;
		font-family: verdana;
		text-decoration:underline;
		
	}
p.heading
	{
		color:black;
		font-size: 16pt;
		font-family: verdana;
		text-decoration:underline;
		
	}
ul
	{
		color:black;
		font-size: 11pt;
		font-family: verdana;
		text-decoration:underline;
		
	}
.imgcenter
   {
   display:block; 
   margin:0 auto; 
   text-align:center; 
   } 


#Skeleton
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1300px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		background-color:white;
	}
#Skeleton2
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height:5000px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		/*background-color:#8B008B;*/
	}
#Skeleton3
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height:5000px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		/*background-color:#8B008B;*/
	}
#Skeleton4
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 2750px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		background-color:white;
	}
#Skeleton5
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1000px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
	
		/*background-color:#8B008B;*/
	}
#Skeleton6
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 950px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*/*border: 1px solid #000;*/
		background-color:white;
	}
#Skeleton7
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1150px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		/*background-color:#8B008B;*/
	}
#Skeleton8
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1050px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*border: 1px solid #000;*/
		background-color:white;
	}
#Skeleton9
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1250px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*/*border: 1px solid #000;*/
		/*background-color:#8B008B;*/
	}
#Skeleton10
	{
		position:absolute;
		left: 50%; 
		top:20px;
		width: 800px;
		height: 1180px;
		margin-top:0px; /* half of the height */
		margin-left: -400px; /* half of the width */
		/*/*border: 1px solid #000;*/
		background-color:white;
	}
	
	
#textone
	{
		background-color: silver;
		position:absolute;
		left: 165px; 
		top:239px;
		width: 610px;
		height: 500px;
		padding:5px;
	
	}





#gallery {position:relative; width:496px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:482px; height:360px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute;  top:5px; left:5px }
#thumbwrapper {margin-top:10px; padding:5px 0; width:492px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:492px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:360px; width:20%; z-index:100; height:360px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}







