/*
Daniel Day-Lewis.NET
Version 1 - November 2008
----------------------------- */

/* General 
----------------------------- */
* 				{margin:0; padding:0; font-family: trebuchet ms, arial, sans-serif; border:none; outline:none; text-decoration:none;}
p 				{margin:0 0 12px 0;}
b, strong 		{font-weight:bold;}
table			{border-collapse:collapse; padding:0; border:none;}
body 			{background-color:#000;}
#wrapper 		{position:relative; top:0; left:0; width:100%; z-index:1;}
p.center		{text-align:center;}
	
	/* footer specific rules */
	html, body, #wrapper { height: 100%; }
	body > #container { height: auto; min-height: 100%; }

/* Header
----------------------------- */
#header			{position:relative; float:left; width:100%; clear:both; height:440px; top:0; left:0; background:url(../images/layout/daniel.jpg) top center no-repeat;}
	#header h1 		{position:relative; top:240px; left:50%; margin-left:-370px; width:490px; height:70px;}
	#header h1 a 	{display:block; width:490px; height:120px; text-indent:-9999px; background:url(../images/layout/title.jpg) top left no-repeat;}

/* Navegacion
----------------------------- */
#nav 			{position:absolute; bottom:0; left:50%; margin-left:-490px; list-style-type:none; display:block; width:980px; height:40px; background:url(../images/layout/bgnav.jpg) top center no-repeat;}
#nav li			{display:block; height:40px;}
#nav li a		{display:block; width:100%; height:100%; background-image:url(../images/layout/nav.jpg); text-indent:-9999px;}
	#nav li#navdaniel			{position:absolute; left:505px; width:95px;}
		#nav li#navdaniel a				{background-position:-505px 0;}
		#nav li#navdaniel a:hover		{background-position:-505px -40px;}
		body#daniel #nav li#navdaniel a	{background-position:-505px -80px;}
	#nav li#navfanlisting	{position:absolute; left:600px; width:115px;}
		#nav li#navfanlisting a					{background-position:-600px 0;}
		#nav li#navfanlisting a:hover			{background-position:-600px -40px;}
		body#fan #nav li#navfanlisting a	{background-position:-600px -80px;}
	#nav li#navextra		{position:absolute; left:715px; width:90px;}
		#nav li#navextra a					{background-position:-715px 0;}
		#nav li#navextra a:hover			{background-position:-715px -40px;}
		body#extra #nav li#navextra a	{background-position:-715px -80px;}
	#nav li#navsite			{position:absolute; left:805px; width:105px;}
		#nav li#navsite a					{background-position:-805px 0;}
		#nav li#navsite a:hover				{background-position:-805px -40px;}
		body#site #nav li#navsite a	{background-position:-805px -80px;}
	
/* Content
----------------------------- */
#main {position:relative; float:left; width:100%; background:url(../images/layout/bgcontent.jpg) top center no-repeat;}
#content	{position:relative; float:left; left:50%; margin-left:-390px; width:780px; padding-bottom:240px; font:12px/20px Trebuchet MS, Arial, sans-serif; color:#8b7a67;}

#content h2					{margin-top:30px; margin-bottom:5px; display:block; text-indent:-9999px; width:780px; height:60px; z-index:90;}
#content ul, #content p, #content ol	{margin:0 40px 12px 40px;}
#content ul, #content ol				{list-style-position:inside;}
#content em 		{color:#c7b29b;}
#content a			{color:#dbc6af;}
#content a:hover	{color:#990000;}
#content h3			{font:12px/20px; font-style:italic; color:#c7b29b; margin:10px;}
#content code		{width:200px; display:block; margin:10px auto; background-color:#000; border:1px solid #61513f;}

#content #stats		{width:400px; display:block; margin:20px auto 20px 100px; border-left:8px solid #29241d; padding-left:5px;}

#content input, #content textarea, #content select	{background-color:#000; border:1px solid #61513f;}

body#daniel.bio #content ul	{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #564736;}

body#home h2				{background:url(../images/titles/welcome.jpg) top right no-repeat;}
body#daniel.bio h2			{background:url(../images/titles/biography.jpg) top right no-repeat;}
body#daniel.filmography h2	{background:url(../images/titles/filmography.jpg) top right no-repeat;}
body#daniel.awards h2		{background:url(../images/titles/awards.jpg) top right no-repeat;}
body#daniel.trivia h2		{background:url(../images/titles/trivia.jpg) top right no-repeat;}
body#daniel.quotes h2		{background:url(../images/titles/quotes.jpg) top right no-repeat;}
body#daniel.interviews h2	{background:url(../images/titles/interviews.jpg) top right no-repeat;}
body#fanlisting.join h2		{background:url(../images/titles/join.jpg) top right no-repeat;}
body#fanlisting.linkhere h2	{background:url(../images/titles/linkhere.jpg) top right no-repeat;}
body#fanlisting.update h2	{background:url(../images/titles/update.jpg) top right no-repeat;}
body#fanlisting.lostpass h2	{background:url(../images/titles/lostpass.jpg) top right no-repeat;}
body#fanlisting.members h2	{background:url(../images/titles/fans.jpg) top right no-repeat;}
body#extra.extra h2	{background:url(../images/titles/extra.jpg) top right no-repeat;}
body#website.contact h2	{background:url(../images/titles/contact.jpg) top right no-repeat;}

ul#subnav {position:absolute; top:40px; left:50%; text-align:right; width:700px; margin-left:-350px; z-index:99;}
ul#subnav li	{display:inline; font:italic 14px/14px times new roman, serif; padding-left:8px;}
ul#subnav li a			{color:#8b7a67;}
ul#subnav li a:hover	{color:#dbc6af;}

body.bio ul#subnav li#sub_bio,
body.filmography ul#subnav li#sub_filmo,
body.awards ul#subnav li#sub_awards,
body.trivia ul#subnav li#sub_trivia,
body.quotes ul#subnav li#sub_quotes,
body.join ul#subnav li#sub_join,
body.update ul#subnav li#sub_update,
body.linkhere ul#subnav li#sub_linkhere,
body.members ul#subnav li#sub_thefans,
body.lostpass ul#subnav li#sub_lostpass	{display:none;}

/* Footer
----------------------------- */
div#footer	{clear:both; position:relative; height:240px; top:-240px; background:url(../images/layout/footer.jpg) bottom center no-repeat; text-align:center; z-index:100;}
div#footer p.disclaimer	{position:relative; left:50%; margin-left:-350px; font:12px/20px Trebuchet MS, Arial, sans-serif; color:#8b7a67; text-align:right; padding-top:114px; width:700px; }
div#footer p.links		{position:absolute; left:50%; margin:0 0 0 -360px; top:180px; width:720px; padding:0;}	
div#footer p.links span 	{height:20px; text-indent:-9999px;}
div#footer p.links span a 	{background-image:url(../images/layout/footernav.jpg); display:block; width:100%; height:100%;}
	div#footer p.links span#link_howlingmoon	{position:absolute; right:80px; width:210px;}
	div#footer p.links span#link_howlingmoon a		{background-position:0 0;}
	div#footer p.links span#link_howlingmoon a:hover	{background-position:0 -20px;}
	div#footer p.links span#link_contact 		{position:absolute; right:0; width:80px;}
	div#footer p.links span#link_contact a			{background-position:-210px 0;}
	div#footer p.links span#link_contact a:hover	{background-position:-210px -20px;}