/*	Johnny-Depp.co.uk
	v2.0
	
	Greg McAusland
	The Wee Web Design Company
*/


/* Globals */

*				{ margin: 0; padding: 0; }
.alignright		{ float: right; }
.alignleft 		{ float: left; }
img				{ border: none; }
li 				{ list-style: none; }
a				{ text-decoration: none; }
.group			{ display: block; visibility: none; height: 0; font-size: 0; clear: both; content: " "; }


body			{ background: #000; font-family: Helvetica, Arial; color: #ccc; }

#footer strong	{ color: #555; font-size: 13px; }

/* Page Wrap - 960px */

#page-wrap	{ width: 940px; padding: 10px 0px; margin: 0 auto; position: relative; }

/* Header */

#header		{ margin-top: 10px; height: 307px; background: url(images/header1.jpg) no-repeat 0px 35px; position: relative;
			  margin-bottom: 60px; }
#header h2	{ text-indent: -9999px; background: url(images/sheet1.png) no-repeat 0px 0px; float: right;
			  width: 163px; height: 25px; }
	
#menu		{ position: absolute; right: -10px; top: 275px; }
#menu li 	{ float: left; font-size: 0.75em; text-transform: uppercase; }
#menu li a			{ color: #5f5158; padding: 10px; display: block; }
#menu li a:hover	{ color: #fff1d8;  }
		
.fulljack	{ display: block; position: absolute; background: url(images/sheet1.png) no-repeat -304px 0px; width: 320px; height: 412px;
			  top: -18px; left: -30px; }
			  
#language	{ position: absolute; top: 22px; left: 0px;  }
#language	li 				{ float: left; margin-right: 10px; font-size: 11px; line-height: 20px; }
#language	li.english a	{ background: url(images/flags.png) no-repeat -30px 0; display: block; text-indent: -9999px; 
							  width: 30px; height: 20px; float: left; }
#language	li.japanese a	{ background: url(images/flags.png) no-repeat 0 0; display: block; text-indent: -9999px; 
							  width: 30px; height: 20px; float: left; }
							  
		
/* Content */

#content	{ width: 580px; float: left; margin-bottom: 25px; overflow:hidden; }
#content.full	{ width: 940px; }
h1, h2, h3, h4, h5, h6	{ color: #fff1d8; font-weight: normal; }
h1	{ font-size: 1.7em; margin-bottom: 25px; }
h2	{ font-size: 1.5em; margin-bottom: 25px; }

#content p.intro	{ font-size: 0.9em;	}
#content p			{ font-size: 0.8em; line-height: 1.7em; margin-bottom: 25px; }
#content.large p	{ font-size: 0.9em; }
#content p a		{ color: #fff; background: #222; padding: 4px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	}
	#content p a:hover	{ background: #444; }
	#content p a:active	{ background: #811; color: #fff1d8;	}
	
blockquote	{ padding: 15px 55px 15px 55px; background: #111; margin-bottom: 30px; line-height: 1.6em; font-size: 0.9em;
			  font-style: italic; background: url(images/quotes.png) no-repeat;}

/* Sidebar */

#sidebar	{ float: right; width: 300px; }


#gallery li a	{ padding: 0px; border: 0px; margin: 0px; }
#gallery li 	{ float: left; margin-right: 10px; margin-bottom: 10px; }
		
/* Footer */

#footer	{ height: 70px; background: #222; clear: both; position: relative; top: 32px; padding-bottom: 32px; }
#footer img	{ float: right; margin-right: 20px; margin-top: -32px; width: 151px; }
#footer p	{ width: 580px; float: left; padding: 20px; color: #444; font-family: Helvetica; font-size: 0.7em; }
#footer p a	{ color: #555; }