/* New CSS Document - clean format for otherness song site*/



/* Resets all margins and padding to 0 */

*	{
	margin:0;
	padding:0;
	}


html {
	margin:0;
	padding:0;
	}
	



/* Sets background colour outside of web site area */

body	{
	margin:0;
	padding:0;
	background: #ddd url(../images/sea_background.jpg) fixed;
	padding:10px 0 10px 0;
	}



/* Sets width, adds borders and centres web site  area */



#wrapper {
	width:965px;
	margin-top: 0px;
	padding-top:0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #111;
	background: #006666;
	}






/* Sets default font */

body,h1,h2,h3,h4,p,ul,ol,li,blockquote,td,tr,th,dt,dd {
	font-family: Arial, Helvetica, sans-serif;
	}



/* Headings */

h1,h2,h3,h4 {
	letter-spacing: 0.02em;
	font-weight: normal;
	}



h1,h3,h4 {
	color:#003E3E;
	}


#content h1 {
	font-size: 2.25em;
	margin-top:0.15em;
	margin-bottom: 0.15em;
	padding-bottom:0em;
	}
	
	
#content h2 {
	margin-bottom:14px;
	text-align: right;
	text-transform: lowercase;
	}



h2 {
	font-size: 1.45em;
	color: #fff;
	background-image: url(../images/gradient_lng.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
	border-right: 0px solid #666;
	margin: 1.1em -12px 0.25em;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
	
	}


h3 {
	font-size: 1.10em;
	margin-top:0.6em;
	margin-bottom: 0.15em;
	padding-bottom:0em;
	}

h4 {
	font-size: 1.0em;
	margin-top:0.5em;
	margin-bottom: 0.1em;
	padding-bottom:0em;
	}





/* General font size and line height*/


p, li,td,dd  {
	font-size: 0.85em;
	line-height: 1.6;
	color: #111;
	letter-spacing: 0.03em;
	}

p {
	margin-bottom:0.25em;
	}



blockquote p {
	font-weight: bold;
	color: #666;
	text-indent: -0.2em;
	margin-bottom: 0.15em;
	margin-top: 1.25em;
	}


/* Sets text space to the right of paragraph and bullet text in content area of document */

#content p,#content blockquote p,#content ul {
	padding-right:120px;
	}


/*lists - basic*/



#content ul {
	list-style: url(../images/block_list.gif);
	margin-left:60px;
	}
	
	
#content ul li {
margin-bottom:10px;
line-height: 1.45em;
	}


ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	line-height: 1.45em;
	list-style: square;
	}
	
	

li {
	margin-bottom:0.26em;
	}



/* Indented bullet list only */

ul ul li {
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	margin-left: 1em;
	list-style: disc;
	font-size: 1em;
	}




#content ul.no_bullets {
	margin-left: 2em;
	padding-left: 0px;
	list-style-type: none;
	}







/*text variations*/

.bold_presentation {
	font-weight: bold;
	}



.hilight {
	color: #003E3E;
	font-weight: bold;
	}



.alt_highlight {
	font-weight: bold;
	color: #003E3E;
	}


.alt_colour {
	color:#b31e00;
	font-weight: bold;
	}



.colour {
	color: #fff;
	}


.data_feint {
	color: #666;
	}


.credit_caps {
	color: #b31e00;
	font-weight: bold;
	text-transform: uppercase;
	}



.italics_presentation {
	font-style: italic;
	}



.white {
	color: #fff;
	}






/*specific heading style for links in h2 block headings*/


h2 a:link,h2 a:visited, h2 a:hover, h2 a:active {
	display: block;
	}

h2 a:link,h2 a:visited {
text-decoration: none;
	}

h2 a:hover, h2 a:active {
	background: #003E3E url(../images/gradient_lng.jpg);
	color: #b31e00;
	text-decoration: underline;
	}











/*links - inline only - not navigation*/

a:link {
	color: #003E3E;
	text-decoration: underline;
	background:transparent;
	}

a:visited {
	color: #002F2F;
	text-decoration: underline;
	background:transparent;
	}



a:hover {
	color: #fff;
	text-decoration: none;
	background:#006666;
	}

a:active {
	color: #fff;
	text-decoration: none;
	background:#b31e00;
	}










/*All header - heading, logo, strapline, gradient etc*/

#header {
	margin-top:0px;
	margin-bottom:25px;
	padding:12px;
	border-right: 0px solid #006666;
	border-bottom: 2px solid #fff;
	background: #fff url(../images/banner_sea_4.jpg) repeat-y -32px -10px;
	height:74px;
	}

#header h2 {
	color: #b31e00;
	letter-spacing: -0.04em;
	font-size: 2.1em;
	margin-top:0.15em;
	margin-bottom: 6px;
	padding:0em;
	background: transparent;
	border: none;
	font-weight: bold;
	}

.logo {
	width:185px;
	height:47px;
	border: none;
	visibility: hidden;	
	}

.logo a:link img, .logo a:visited img, .logo a:hover img, .logo a:active img {
	border: none;
	}



p.strapline {
	letter-spacing: -0.00em;
	font-size: 18px;
	font-weight: normal;
	margin-top:55px;
	margin-left:20px;
	color: #666;
	padding-top:1px;
	}





/*Link behaviour on strapline - link to home pages(s)*/


#header p.strapline a:link,#header p.strapline a:visited {
	color: #006666;
	background: transparent;
	padding:2px;
	text-indent: -4px;
	text-decoration: none;
	}



#header p.strapline a:hover {
	color: #FFF;
	background: #006666;
}

#header p.strapline a:active {
	color: #FFF;
	background: #b31e00;
	}




#header p.strapline .colour a:link,#header p.strapline .colour a:visited {
	color: #FFF;
	}


















/*All right column styles - links, photos, headings and captions*/


#right_column {
	width: 194px;
	margin-right:12px;
	margin-top:0px;
	background: #005555;
	float:right;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	}
	




		
	

	
	

/*right column link boxes with h3 headings*/

.nav {
	background: #999 url(../images/gradient_lng.gif) repeat-y scroll -100px top;
	padding:1px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	width:170px;
	margin-top: 12px;
	margin-bottom: 9px;
	margin-left: 8px;
		}
	
.nav h3 {
	color:#fff;
	background:#003E3E;
	font-size: 1.05em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right:1px;
	padding: 2px;
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #999;
	}

.nav ul {
	list-style: none;
	margin-left:-4px;
	margin-top:0px;
	margin-bottom:8px;
	padding-top:0;
	padding-right:5px;
}

.nav li {
	font-size: 0.8em;
	margin-bottom:0.00em;
	line-height: 1.3;	
	
}


.nav a:link,.nav a:visited {
	color: #003E3E;
	text-decoration: none;
	padding: 2px 2px 2px 13px;
	display:block;
	width:160px;
}

.nav a:hover {
	color: #fff;
	text-decoration: none;
	background: #003E3E;
}


.nav a:active {
	color: #fff;
	text-decoration: none;
	background: #b31e00;
}




		
	



/*New style for 'one link' image and caption in the right column*/

#right_column .nav_link {
	display:block;
	margin-top:17px;
	font-size: 0.8em;
	text-align: center;
	margin-left: 7px;
	width:179px;	
	}



#right_column .nav_link a:link,.nav_link a:visited {
	color:#fff;
	background: transparent;
	text-decoration: none;
	display:block;
	padding:1px;
	word-spacing: -0.05em;
	}




#right_column .nav_link a:hover {
	background: #fff;
	text-decoration: none;
	color:#b31e00;
	padding:1px;
	}



#right_column .nav_link a:active {
	background: #b31e00;
	color:#fff;
	text-decoration: none;
	padding:1px;
	}





#right_column .nav_link img {
	display:block;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #ddd;
	border-left: 3px solid #ddd;
	background: #ddd;
	}




#right_column .nav_link a:link img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	background: #ddd;
	padding:1px;
	}
	
	
	
	
#right_column .nav_link a:visited img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #ddd;
	border-left: 3px solid #ddd;
	padding:1px;
	}
	
	
	
#right_column .nav_link a:hover img {
	background: #fff;
	border: 3px solid #fff;
	padding:1px;
	}
	
	
	
	
#right_column .nav_link a:active img {
	background: #b31e00;
	border:3px solid #b31e00;
	padding:1px;
	}
		
		
		
	

.nav_photo {
	margin-top:10px;
	margin-left: 7px;
	}



.nav_photo img {
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #eee;
	border-left: 3px solid #eee;
	padding:1px;
	background: #ddd; 
	}	
	
	
.nav_photo p {
	font-size: 0.75em;
	color: #fff;
	text-align: center;
	margin-top:-4px;
	padding-top:0;
	margin-bottom:0px;
	letter-spacing: -0.01em;
	}
	
	
	
.nav_photo p a:link, .nav_photo p a:visited {
	color: #fff;
	}
	
	
	
	
	
	
	
	
/*uniform size cd boxes*/
.cd_cover img{
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	padding:1px;
	margin-bottom:14px;
	margin-top:14px;
	margin-right:11px;
	background: #fff;
	}



.right_image {
	margin-top: 20px;
	margin-right:12px;
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	padding:0.5em;
	width:151px;
	height:250px;
	padding:0.5em;
	background: url(../images/background-final.jpg);	
}






/*Main content area beneath header*/


#content {
	padding:10px 12px 12px;
	width:700px;
	border-right: 0px solid #006666;
	border-top: 2px solid #fff;
	border-bottom: 3px solid #000;
	background: #fff url(../images/blue_gradient.gif) repeat-y right top;
	float:left;
	clear:none;
	margin-bottom:7px;
	}



/*Welcome page only*/


#content_index {
	padding:10px 12px 12px;
	border-right: 0px solid #006666;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff url(../images/blue_gradient.gif) repeat-y right top;
	float:left;
	clear:both;
	margin-bottom:-4px;
	margin-top:-4px;
	}




#content_index p.strip_caption {
	font-size: 0.7em;
	color: #b31e00;
	margin-top:-15px;
	text-align: right;
	padding-right:0px;
	margin-right:3px;
	}



body.welcome {
	margin:0;
	padding:10px 0 10px 0;
	background: #006666;
	}


#header .strapline.contrast {
	color: #b31e00;
	}

#header .strapline .contrast a:link, #header .strapline .contrast a:visited {
	color: #b31e00;
	}

 #header .strapline .contrast a:hover,#header .strapline .contrast a:active {
	color: #fff;
	}





/*narrow photo strip - display as block - borders, background and margins*/
.strip {
	display: block;
	border-top: 1px solid #999;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
	border-left: 1px solid #999;
	padding:1px;
	background: #fff;
	margin: 16px auto;
	}


/*Right aligned credit for photos*/
#content p.strip_caption {
	font-size: 0.65em;
	font-weight: normal;
	color: #006666;
	margin-top:-15px;
	text-align: right;
	padding-right:0px;
	margin-right:3px;
	}

#content p.strip_caption a:link,#content p.strip_caption a:visited {
	color: #b31e00;
	}

#content p.strip_caption a:hover,#content p.strip_caption a:active {
color: #006666;
	}






/*footer area*/

#footer {
	clear: both;
	margin-top: 8px;
	padding-top:3px;
	padding-bottom:5px;
	border-top: 2px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	background: transparent url(../images/footer_sea.jpg) no-repeat;
	}
	
	
#footer h2 {
	color: #fff;
	letter-spacing: -0.01em;
	font-size: 1.75em;
	padding-top:7px;
	margin-top:0px;
	margin-bottom: 0.05em;
	padding-left:12px;
	padding-right:22px;
	background: transparent url(none);
	border: none;
	font-weight: bold;
	text-align: right;
	}


#footer p {
	text-align: right;
	padding-right: 12px;
	font-size: 0.85em;
	color:#fff;
	background: transparent url(none);
	}


#footer a:link,#footer a:visited {
	color: #fff;
	text-decoration: none;
	background: transparent;
	padding:2px;
	}



#footer a:hover {
	text-decoration: none;
	color: #fff;
	background: #006666;
	}


#footer a:active {
	text-decoration: none;
	color: #fff;
	background: #b31e00;
	}


#w3block	{
	float: left;
	margin-left:12px;
	margin-right: 12px;
	border-style: none;
	margin-top:6px;
	background:transparent;
	}


#w3block a:hover, #w3block a:hover {
	background:transparent;
	}




img.w3c_icon {
	border:none;
	margin-right: 12px;
	}







/*Right photo only*/
.photo_right {
	float: right;
	}




















/*links page - displays all links as blocks on their own line, gets rid of bullets, sets line height etc*/


.links {
		}
		
		

.links h2 {
	margin-bottom: 0.7em;
	}
	
	
.links h3 {
	margin-top:0.8em;
	margin-bottom:0.15em;
	color: #006666;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 1.65em;
	}




.links ul  {
	list-style: none;
	width:400px;
	padding-right:25px;
	margin-right:0;	
	}




.links ul li {
	margin-bottom:0.75em;
	line-height: 1.5em;
	margin-left: 1.95em;
	list-style: url(../images/block_list_red.gif);
	}




.links ul li a:link,.links ul li a:visited,.links ul li a:hover,.links ul li a:active {
	margin-bottom:0.1em;
	display:block;
	font-weight:bold;
	}

.links ul li a:link {
	color:#b31e00;
	}


.links ul li a:visited {
	color:#641100;
	}



.links ul li a:hover,.links ul li a:active {
	color: #fff;
	}






.lyrics p {
	line-height: 1.35em;
	padding-left: 4em;
	color:#b31e00;
	}







/*Keith biog page*/

#biog {
	clear: none;
	}


#biog p{
	clear: none;
	padding-right:180px;
	}
	
		

#biog img {
	padding: 1px;
	float: right;
	margin-left: 15px;
	margin-bottom:8px;
	margin-right:-180px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	}



#biog h3 {
	clear: both;
	margin-top:28px;
	font-size: 1.2em;
	letter-spacing: 0.02em;
	}



/*For choice of navigation to different sites on the welcome page only*/

.index {
	height:96px;
	margin-bottom:2px;
	display:block;
	padding-top:8px;
	width:750px;
	}



.index img{
	margin-right: 9px;
	border-top: 1px solid #666;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	padding:1px;
	}


.index a:link img,.index a:visited img {
	float:left;
	background: #fff;
	border-color: #666 #000 #000 #666;
	}



.index a:hover img {
	background: #006666;
	border-color:  #006666;
	}
	
	


.index a:active img {
	background: #b31e00;
	border-color:  #b31e00;
	}

.index  p a:link,.index  p a:visited,.index  p a:hover,.index  p a:active {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	}

.index p.bold_presentation {
	text-indent: 3px;
	color:#b31e00;
	}


.right_index {
	float:left;
	}
		
		
		
		


/*For archive music page and for cd icon bullet list*/


#archive ul,#archive p {
	padding-right:0px;
	}



#archive img {
	float:right;
	margin-left:10px;
	margin-right:-7px;
	margin-bottom:6px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	padding:1px;
	}



#archive h2 {
	clear:both;
	}



#archive p {
	color:#006666;
	margin-left:108px;
	line-height: 1.2;
	}
	
	
	
	

/*Image list - CD icon at present*/

#archive ul {
	list-style: url(../images/cd_list.gif);
	}



#archive li{
	margin-bottom:10px;
	}



#archive li a:link,#archive li a:visited,#archive li a:hover,#archive li a:active {
	padding:2px;
	}




p.archive {
	list-style:  url(../images/cd_list.gif);
	display: list-item;	
	margin-left:27px;
	padding-left:0px;
	margin-bottom:8px;
	margin-top:8px;
	}



	
/*Film list with list icon of film reel at present*/
	
.film {
	margin-left: 27px;
	padding-left: 0px;
	list-style: url(../images/film_list.gif);
	}
	
.film li {
	margin-bottom:3px;
	}
	
.film_single {
	list-style: url(../images/film_list.gif);
	text-indent: 0px;
	margin-left:-2px;
	}
	
	
	
	
/*Hand link list with list icon of hand at present*/	

#content ul.hand {
	margin-top:14px;
	}
	
#content ul.hand li {
	margin-left: 27px;
	padding-left: 3px;
	list-style: url(../images/hand_list.gif);
	}
	
.hand li {
	margin-bottom:6px;
	}

.hand li a:link,.hand li a:visited,.hand li a:hover,.hand li a:active {
	padding:2px;
	}




	
/*One-off hand icon in group of CDs*/

#archive ul.hand {
	margin-top:14px;
	}
	
	
	
	
	
#archive .hand {
	margin-left: 27px;
	padding-left: 0px;
	list-style: url(../images/hand_list.gif);
	}
	
#archive .hand li {
	margin-bottom:6px;
	}
	


	
	
/*Spaces above and below video player - at present YouTube Player*/

.video {
	margin-top:26px;
	margin-bottom:26px;
	}
		
		
		
/*Colour coded box around player*/		
	
.player	{
	display: block;
	background: #b31e00;
	border-top: 3px solid #ccc;
	border-right: 3px solid #006666;
	border-bottom: 3px solid #006666;
	border-left: 3px solid #ccc;
	width:425px;
	height:344px;
	padding:1px;
	}


/*Caption beneath video player*/	

.video p {
	color: #b31e00;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	padding-bottom: 22px;
	width: 425px;
	}
	
	
	

/*Used on Linda's biog page*/

	
dt {
	color:#000;
	font-weight: bold;
	margin-bottom:0.15em;
	}
	
dt.alt {
	color:#003E3E;
	}
	
	
	
	
dd {
	margin-bottom:0.35em;
	}
	
	
	
dt.bigger {
	font-size: 1.15em;
	margin-top: 20px;
	padding-top: 6px;
	border-top: 1px dotted #003e3e;
	color:#b31e00;
	clear:both;
	}
	
	
dl img,img.linda_r {
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	background: #ddd;
	float:right;
	margin-left:14px;
	margin-bottom:12px;
	padding:1px;
	}
		
		
.wider img {
	margin-right:-118px;
	}
		
		

		
		
p.line {
	margin-top: 20px;
	margin-bottom:12px;
	padding-top: 6px;
	border-top: 1px dotted #003e3e;
	}