/*
-----------------------------------------------
Client: Copious Ltd
Author: Copious Ltd - www.copious.co.uk
Copyright: 2004 Copious Ltd
Version:  14 Oct 2004
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {
	color: #575757;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, sans-serif;
	}
	
	
/* Postioning
----------------------------------------------- */

/*   Header Postioning
----------------------------------------------- */

#wrapper	{
	margin: 0 auto;
	text-align: left;
	width: 740px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px;	 
	}

/*  Page Framing
----------------------------------------------- */

.leftborder {  border-left: 1px solid #B3B3B2; }
.rightborder { border-right: 1px solid #B3B3B2; }


	
/* Common Typography
----------------------------------------------- */
	
/*  Headers
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-family:  "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	letter-spacing: 0;
	}

h1	 { 
	color: #1A4474; 
	font-weight: bold;
	text-decoration : underline;
	letter-spacing: 0;
	font-size: 110%; 
	margin-top: 10px; 
	margin-bottom: 10px;
	}
	
#contact_form h1	 { 
	color: #1A4474; 
	font-weight: bold;
	text-decoration : underline;
	letter-spacing: 0;
	font-size: 100%; 
	margin-top: 0; 
	margin-bottom: 10px;
	}

h2	 { 
	color: #1A4474; 
	font-weight: bold; 
	font-size: 110%;
	margin-top: 25px; 
	margin-bottom: 6px 
	}
	
h3	 { 
	color: #1A4474; 
	font-weight: bold; 
	font-size: 80%;
	margin-top: 15px; 
	margin-bottom: 3px 
	}

h4	 { 
	color: #1A4474; 
	font-weight: bold; 
	font-size: 80%;
	margin-top: 3px; 
	margin-bottom: 3px 
	}
	

/* Main Column
----------------------------------------------- */

p {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 70%;
	line-height: 1.6em;
	}

#studio p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 70%;
	line-height: 1.6em;
	}

#studio ul {
	
	font-size: 70%;
	color: #1A4474; 
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}
	
#studio ul li	{
	margin-top: 3px;
	padding: 0;
	list-style-type: square;
	}

#links, #morelinks {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#links p { 
	font-size: 70%;  
	margin-top: 0;
	margin-bottom: 4px
	}
	
#morelinks p { 
	font-size: 0.7em;  
	margin-top: 25px;
	margin-bottom: 4px
	}

#links ul, #morelinks ul {
	font-size: 70%;
	color: #1A4474; 
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}

#links ul li, #morelinks ul li	{
	margin-top: 3px;
	padding: 0;
	list-style-type: square;
	}	
	
	
/* Imagery / Photography
----------------------------------------------- */

.coverthumb {
	float: left;
	border: 1px solid Silver;
	padding: 0px;
	margin: 2px 10px 0 0;
	}
	
.dj-mixes {
	border: 1px solid Silver;
	padding: 0px;
	margin: 0 0 10px 0;
	}
	
.photo {
	float: left;
	border: 1px solid Silver;
	padding: 0px;
	margin: 2px 0 6px 0;
	}


/* General linkology
----------------------------------------------- */

a:link {
	font-weight : normal; 
	text-decoration : underline;
	color:  #1A4474;
	background: transparent; 
	}
	
a:visited {
	text-decoration : none;
	color: #1A4474;
	background: transparent; 
	}

a:hover { 
	text-decoration : none;
	color: #575757;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color:  #1A4474;
	background: transparent;  
	}
	

/*  Main Navigation 
----------------------------------------------- */		
		
#navcontainer	{
	background: transparent url(images/headerlogo.jpg) top left no-repeat;
	height: 35px;
	padding: 0px;
	}

#navlist {
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 20px;
	border: 0;
	}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#navlist a, #navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	margin: 9px 12px 0 5px;
	text-decoration: none;
	font-size: 78%;
	border: 0;
	color: White;
	}

#navlist a:hover {
	border-bottom: 4px solid White;
	padding-bottom: 3px;
	background: transparent;
	color: White;
	}

#navlist a:link#current, #navlist a:visited#current {
	border-bottom: 4px solid #B4B3AB;
	padding-bottom: 3px;
	background: transparent;
	color: #DCDBD8;
	}

	
/* Header
----------------------------------------------- */
	
#header	{
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	}
	
#header h1 {
	background: transparent url(images/header.jpg) top left no-repeat;
	color: #000;
	margin: 0;
	padding: 0;
	height: 39px;
	}
	
#header h1 span	{ display: none; }


/*  Footer
----------------------------------------------- */		
					
#footer {
	background: transparent url(images/footer.gif) top left no-repeat;
	border: 0;
	color: #666;
	font-size:10px;
	height: 91px;
	padding: 15px 20px 0px 20px;
	text-align: center;
	}

#footer a { text-decoration: none; }
	
#footer a:link, #footer a:visited  { color: #666; }


#footer a:hover { 
	color: #666;
	text-decoration: underline;
	}
	
	
/*  copyright
----------------------------------------------- */

#copyright {
	border: 0;
	color: Gray;
	font-size:10px;
	padding: 0px 0px 50px 0px;
	text-align: center;
	}

#copyright a { text-decoration: underline; }
	
#copyright a:link, #copyright a:visited { color: Gray; }

#copyright a:hover { 
	color: Gray;
	text-decoration: none;
	}



/* Misc
----------------------------------------------- */

/*  Classes*/

.fileprops {
	color: #575757;
	margin: 0;
	padding: 0;
	font-style: normal;
	}
	
.label { 
	color: #575757; 
	font-weight: bold; 
	margin-top: 0; 
	margin-bottom: 2px 
	}
	
.name {
	color: #575757;
	text-align: left;
	margin: 0;
	padding: 0 35px;
	font-style: normal;
	}          
	
/* Registration Form
----------------------------------------------- */

#contact_form { 
	border: 1px solid #A09DA0;
	margin: 50px 20px 20px 20px;
	padding: 20px;
	width: 180px;
	background: #E7E3DE;
	}
	
#contact_form p {
	margin: 0;
	padding: 0 0 6px 0;
	}
	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

legend {
	display: none;
	}

.formLabel, .formMessage {
	padding: 0;
	font-size: 75%;
	font-weight: Bold;
	}
	
.formLabel span {
	padding: 0;
	font-weight: normal;
	}

.row {
	clear: both;
	padding-top: 4px;
	}
	
.inputfield, .inputarea { 
	border: 1px solid #C5C5BB;
	margin: 0;
	padding: 3px 0 3px 0;
	width: 99%;
	font-size: 90%;
	}

.inputsend {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size: 90%;
	}
	
.thanks {
	color: #00346B;
	margin: 0;
	padding: 0;
	}
	
.sorry {
	color: #B22222;
	margin: 0;
	padding: 0 0 10px 0;
	}