/*-----------------------------------------------------------------------------
Finkworld.co.uk
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(reset.css);
@import url(helpers.css);



/* =Elements
-------------------------------------------------------*/

html {
	background:#beb8b9;
	}
	body {
		width:710px;
		margin:0 auto;
		text-align:left;
		color:#fff;
		background:#beb8b9;
		}
		a:link {
			text-decoration:none;
			color:#d4027a;
			}
		a:visited {
			text-decoration:none;
			color:#b74b89;
			}
		a:hover {
			text-decoration:underline;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}
		a:focus { 
			-moz-outline-style: none; 
			}
		h1, h2, h3, h4, h5, h6 {
			font-weight:normal;
			color:#fff;
			}
			#content-wrapper h1 {font-size:4.3em; line-height:0.9; padding-bottom:15px; position:relative; left:-3px; text-transform:uppercase; }
			#content-wrapper h2 {font-size:2em;}
			#content-wrapper h3 {font-size:1.8em; line-height:0.9; padding-bottom:5px; }
			#content-wrapper h4 {font-size:2.2em;}
			#content-wrapper h5 {font-size:2.8em;}
			#content-wrapper h6 {font-size:1em;}
		p {
			font-size:1.3em;
			line-height:1.4;
			padding:0 0 0.8em;
			}


/* =Header
-------------------------------------------------------*/
div#header { 
	height: 475px;
	position: relative;
	background:url(../images/header_bg.png) no-repeat top right;
	}
	div#header strong.logo { /* Logo */
		position:absolute;
		top:64px;
		left:0;
		overflow:hidden;
		text-indent:-999em;
		width:151px;
		height:66px;
		background:url(../images/fink_logo.png) 0 0 no-repeat;
		}
		div#header strong.logo a {
			display:block;
			height:100%;
			}
			

/* =Navigation
-------------------------------------------------------*/
ul#navigation { 
	position: absolute;
	top: 172px;
	left: 0;
	}
	ul#navigation li { 
		font-size: 2em;
		color:#fff;
		height:25px;
		line-height:26px;
		padding:0;
		margin: 0;
		}
		ul#navigation li a:link { 
			color: #fff;
			text-decoration: none;
			}
		ul#navigation li a:visited { 
			color:#fff;
			}
		ul#navigation li a:hover { 
			color: #d4027a;
			}
		ul#navigation li a:active { 
			color:#fff;
			}
		ul#navigation li.current { 
			background:url(../images/nav_selected_bg.gif) no-repeat left bottom;
			padding-left:13px;
			}
			ul#navigation li.current a:hover { 
				color:#fff;
				}
			


/* =Layout elements
-------------------------------------------------------*/
#content-wrapper {
	width: 100%;
	}
	#content-full { 
		width:100%;
		}
	#content-left {
		width:340px;
		margin:0;
		position:relative;
		z-index:1;
		float:left;
		line-height:1.2;
		}
	#content-right {
		float:right;
		width:340px;
		}		


		
/* =Home page (and Diary)
-------------------------------------------------------*/
#content-left .diary-entry { 
	margin-bottom: 30px;
	}
	#content-left .diary-entry h2 { 
		line-height: .85;
		padding-bottom: 0.1em;
		}
	#content-left .diary-entry p.date { 
		font-size: 1.2em;
		margin-bottom: 10px;
		}
	#content-left .diary-entry img.photo { 
		width: 328px;
		padding: 5px;
		margin-bottom: 20px;
		border: 1px solid #fff;
		}


form.mailing-list { 
	width:100%;
	padding:12px 0 21px 0;
	margin-bottom: 45px;
	border-top:1px dashed #fff;
	border-bottom:1px dashed #fff;
	}
	form.mailing-list p { 
		font-size:1.2em;
		line-height:1.5;
		padding-bottom:15px;
		}
	form.mailing-list input { 
		width: 275px;
		height: 18px;
		padding-top:4px;
		font:1.2em Helvetica, Arial, sans-serif;
		text-indent:5px;
		color: #aca3a4;
		float: left;
		border-color: #8d8a8b #8d8a8b #b5adae;
		border-style: solid;
		border-width: 2px 1px 1px;
		}
	form.mailing-list button {
		width: 51px;
		height: 22px;
		padding: 0;
		margin: 0;
		text-indent: -999em;
		cursor: pointer;
		cursor: hand;
		float: right;
		background:url(../images/button_join.png) no-repeat 0 0;
		border: none;
		}
		form.mailing-list button::-moz-focus-inner {
			padding: 0;
			border: none;
			}
	
#content-right ul#releases { 
	clear: both;
	margin-bottom:55px;
	}
	#content-right ul#releases li { 
		padding:15px 0;
		border-bottom:1px dashed #fff;
		}
		#content-right ul#releases li:after {
		    content:".";
		    display:block;
		    clear:both;
		    visibility:hidden;
		    line-height:0;
		    height:0;
			}
			#content-right ul#releases li{display:inline-block;}
			html[xmlns] #content-right ul#releases li {display:block;}
			* html #content-right ul#releases li {height:1%;}
		
		#content-right ul#releases li.first-child { 
			border-top:1px dashed #fff;
			}
		#content-right ul#releases li img.cover { 
			width: 135px;
			padding: 3px;
			margin-right: 15px;			
			float: left;
			border:1px solid #fff;
			}
		#content-right ul#releases li p { 
			width: 181px;
			padding-bottom: 1.2em;
			float: right;
			}
			
#content-right h5.homepage-link { 
	padding: 0 0 20px 0;
	margin: 0 0 25px 0;
	position:relative;
	background: url(../images/home_links_blank.png) no-repeat left bottom;
	}
	#content-right h5.homepage-link.myspace {
		padding-left: 30px; 
		background-image:url(../images/home_links_myspace.png);
		}
	#content-right h5.homepage-link.rock-and-roll { 
		background-image:url(../images/home_links_RockAndRoll.png);
		}
	#content-right h5.homepage-link.youtube {
		padding-left: 30px; 
		background-image:url(../images/home_links_youtube.png);
		}
	#content-right h5.homepage-link.facebook {
		padding-left: 30px; 
		background-image:url(../images/home_links_facebook.png);
		}
	#content-right h5.homepage-link a { 
		position:relative;
		top: -3px;
		}
		#content-right h5.homepage-link a:hover { 
			text-decoration: none;
			}
	#content-right h5.homepage-link img.buy { 
/*		float: left;*/
		position:relative;
		margin-left: 20px;
		}


					
/* =Press page (also used in Diary page)
-------------------------------------------------------*/
#content-right div.gallery { 
	margin-top: 60px;
	margin-bottom: 15px;
	}
	#content-right div.gallery img { 
		width: 99px;
		padding:3px;
		margin: 0 6px 6px 0;
		float: left;
		border:1px solid #fff;
		} 
		
#content-right div.gallery.clippings { 
	margin-top:0;
	clear: both;
	}
	#content-right div.gallery.clippings img { 
		width: 99px;
		padding:3px;
		margin: 0 6px 6px 0;
		float: left;
		border:1px solid #fff;		
		}
		

/* =Shop page
-------------------------------------------------------*/
body#Shop #content-left h1 { 
	padding-left:5px;
	}

ul.releases,
ul.merchandise { 
	width:100%;
	margin-bottom:60px;
	clear:both;
	}
	ul.releases:after,
	ul.merchandise:after {
	    content:".";
	    display:block;
	    clear:both;
	    visibility:hidden;
	    line-height:0;
	    height:0;
		}
		ul.releases, ul.merchandise {display:inline-block;}
		html[xmlns] ul.releases, ul.merchandise {display:block;}
		* html ul.releases, ul.merchandise {height:1%;}
	ul.releases li,
	ul.merchandise li { 
		width: 163px;
		height: 340px;
		padding: 15px 0 0 0;
		margin: 0 6px;
		float: left;
		border-top: 1px dashed #fff;
		border-bottom: 1px dashed #fff;
		}
		ul.merchandise li { 
			height: 365px;
			}
		ul.releases li img,
		ul.merchandise li img { 
			width: 163px;
			margin-bottom:10px;
			}
		#content-wrapper #content-left ul.releases li h3,
		#content-wrapper #content-left ul.merchandise li h3 { 
			padding-bottom: 2px;
			line-height: 0.7em;
			}
		ul.releases li p,
		ul.merchandise li p { 
			font-size:1.1em;
			line-height:1.2;
			padding-bottom:0.5em;
			}


/* =Lyrics page
-------------------------------------------------------*/
body#Lyrics div#content-left,
body#Lyrics div#content-right { 
	margin-top:20px;
	}

body#Lyrics div.song {
	padding-top:5px; 
	margin:10px 0 30px 0;
	border-top:1px dashed #fff;
	}
	body#Lyrics div.song h2 { 
		font-size:2.4em;
		}


/* =Live Dates page
-------------------------------------------------------*/		
body#Live dl { 
	width:100%;
	margin-top:15px;
	}
	body#Live dl dt { 
		width:85px;
		float: left;
		font-size: 1.4em;
		font-weight: bold;
		clear:both;
		}
	body#Live dl dd { 
		width:255px;
		padding-bottom:15px;
		float:left;
		}
		
body#Live #content-right { 
	margin-top: 73px;
	}
	

/* =Contact page
-------------------------------------------------------*/
body#Contact p { 
	margin-bottom:10px;
	}
		

/* =Footer
-------------------------------------------------------*/
div#footer { 
	width:100%;
	height:70px;
	padding-top:80px;
	clear:both;
	background:url(../images/footer_bg.png) no-repeat 0 0;
	}
	div#footer img.ninja-tune { 
		float:right;
		}
	div#footer img.embargo { 
		float:right;
		margin-right:25px;
		}