/*
 
 #FAFAFC - background
 
 #6676B3 - main site colour of bar
 #992C00 - better red
 #638000 - good green
 #22283C - dark lines
 #3B4468 - contrast blue 1
 #546193 - contrast blue 2
 
 
 #060A17 - black
*/

BODY
{
background-color: #FAFAFC;
font-family: verdana;
text-align: center;
color: #060A17;
margin-top: 0px;
margin-bottom: 0px;
font-size: 0.8em;
}

P.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

DIV#All
{
padding-top: 0px;
padding-bottom: 5px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

DIV#TopHeader
{
width: 800px;
height: 100px;
background-image: url('images/banner7.jpg');
background-repeat: no-repeat;
margin-left: 0px;
margin-right: 0px;
}

.embold
{
	color : #992C00;
}

img
{
	border : 0px;
}

INPUT.button
{
	background-color: white;
	border: solid 1px #22283C;
	display : inline;
}

INPUT.textbox
{
	width: 200px;
}

INPUT.longtextbox
{
	width: 300px;
}

.floatleft
{
float: left; padding-right: 10px; padding-bottom: 10px; 
}

DIV#mailinglist
{
	float: right;
	width: 270px;
}

DIV#maininfo
{
	float: left;
	width: 490px;
}

DIV#album1
{
	float: right;
	width: 270px;
}

DIV#album2
{
	float: right;
	width: 270px;
}

DIV#Introduction
{
	width: 790px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: right;
	font-size: 1.1em;
	padding-left: 0px;
	padding-top: 5px;
}


DIV.footer
{
	font-size: 70%;
	text-align: center;
}

P
{
margin-left: 20px;
margin-right: 20px;
}

A
{
color: #0B080E;
text-decoration:underline;
cursor: pointer;
cursor: hand;
}

A IMG
{
border-color: #0B080E;
}

A:Hover
{
color: #6676B3;
}

DIV.annotate
{
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

span.Header
{
font-weight: bold;
display: block;
margin-bottom: 5px;
clear: both;
}

span.PageHeader
{
font-weight: bold;
display: block;
margin-top: 18px;
margin-bottom: 5px;
padding-left: 25px;
width: 775px;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-left-width: 0px;
border-right-width: 0px;
border-color: #22283C;
clear: both;
}

span.HeaderNoClear
{
font-weight: bold;
display: block;
margin-bottom: 5px;
}

IMG.Album-Mini
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.AlbumLink
{
	text-align: center;
	width: 260px;
}

TABLE
{
	font-size: 1.0em;
}

TABLE.AlbumsTable
{
	width: 800px;
	margin-left: 0px;
	margin-top: 10px;
	border-collapse: collapse;
}

DIV.Album
{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	min-height: 400px;
	position: relative;
	height: auto;
}

/* for Internet Explorer */
* html DIV.Album {
height: 400px;
}


IMG.AlbumCover
{
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
}

A.ArtistTitle
{
	font-weight: bold;
}

DIV.AlbumTitle
{
	font-weight: bold;
}

DIV.AlbumRight
{
	float: right;
	width: 460px;

}

DIV.AlbumDescription
{
	margin-top: 20px;
}

DIV.AlbumDetails
{
	float: left;
	clear: left;
	width: 300px;
	top: 320px;
	left: 20px;
	margin-left: 0px;
}

DIV.TrackListing
{
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	float : left;
}

DIV.TrackLinks
{
	float: left;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

DIV.TrackLinks A
{
	font-weight: bold;
	text-decoration:none;
}

DIV.Artwork
{
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 10px;
}

DIV.newsdate
{
	margin-left: 10px;
}
DIV.newsitem
{
	margin-left: 10px;
	margin-bottom: 20px;
}

DIV#linkspage
{
	margin-left: 0px;
	text-align: left;
}
DIV#linkspage A
{
	margin-left: 50px;
	text-decoration:none;
}
DIV#linkspage IMG
{
	margin-top: 10px;
	margin-bottom: 10px;
}
span.linktext
{
	vertical-align: 60px;
	margin-left: 20px;
}	

TABLE#ContactTable
{
	margin-left: 20px;
	margin-top: 5px;
}

INPUT.LongInput
{
	width: 300px;
}

DIV.ImageLink
{
	margin-left: 20px;
	margin-top: 5px;
	background-repeat: no-repeat;
}

DIV#ColerabbyPage
{
	width: 770px;
	height: 400px;
	background-image: url('images/studiopage.jpg');
}

DIV.ImageLink DIV A
{
color: white;
padding: 30px 30px 30px 30px;
border-width: 1px;
border-style: solid;
border-color: white;
text-decoration:none;
}


DIV.ImageLink DIV A:Hover
{
color: #6F2C6F;
border-color: #6F2C6F;
}

DIV.StudioBlog
{
	margin-left: 5px;
}

DIV#mediasection
{
	float: left;
	width: 395px;
	height: 395px;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/mediapage.jpg');
	background-repeat: no-repeat;
}

DIV#merchandisesection
{
	width: 395px;
	height: 395px;
	float: right;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	background-image: url('images/merchpage.jpg');
	background-repeat: no-repeat;
}

div#mediapage
{
	height: 400px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

div#mediasectiontext
{
	position: relative;
	top: 100px;
	left: 290px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	width: 60px;
	padding: 10px;
	background-color: white;
}

div#merchandisesectiontext
{
	position: relative;
	top: 310px;
	left: 250px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	width: 90px;
	padding: 10px;
	background-color: white;
}