/* 1 - Global Reset - Eric Meyer reset
---------------------------------------------------------------------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;  font-family: inherit; vertical-align: baseline}
	:focus {outline: 0}
	body {color: #848484; background-color: #ffffff; text-align:center; font: 62.5% Lucida Grande, Lucida, Helvetica, Arial, sans-serif}
	ol, ul {list-style: none}
	table {border-collapse: separate; border-spacing: 0}
	caption, th, td {text-align: left;font-weight: normal}
	blockquote:before, blockquote:after, q:before, q:after {content: ""}
	blockquote, q {quotes: "" ""}	
	
	body {min-height:400px; _height:400px}


/* 2 - Structural elements
---------------------------------------------------------------------------------------------------------------*/

	#site-wrapper {width:900px; text-align:centre; font-size:1.0em; margin:0 auto 0 auto; background-color:#ffffff; position:relative}	    

	#content-main {border-top:solid 0px #848484; min-height:463px; _height:0px;}
	
	
	/** Links **/
		a{font-weight:bold; font-size:; text-decoration:none; color:#848484; letter-spacing:0px}
		a:hover{text-decoration:underline}
		a:active{font-weight:}
		
		#logo {position:absolute; right:5px; bottom:10px}

	
	/* MENU */
		#menu {width:900px; text-align:center;}
			
		#nav 	{margin: 0; }
		#nav ul,li {display: inline; list-style-type: none;}
		#nav table {margin-left: auto; margin-right: auto; border-collapse:collapse; border-spacing:5px; }
		#nav td {padding:0px; border:5px solid white; }

		#nav a 	{ display: block;text-indent: -9999px;outline: none; }
		#nav a:hover 	{ background-position: left bottom; }
		
		#nav .boy-story { width: 129px;height: 24px;background: url(http://magnusskaarup.com/assets/img/boy-story.png) no-repeat; }
		#nav .boy-story a:hover, div>#nav a.boy-story.clicked  	{ background-image: url(http://magnusskaarup.com/assets/img/boy-story.png);background-position: 0 -48px; }
		
		#nav .burlesque	{ width: 139px;height: 24px;background: url(http://magnusskaarup.com/assets/img/burlesque.png) no-repeat; }
		#nav .burlesque a:hover, div>#nav a.burlesque.clicked  	{ background-image: url(http://magnusskaarup.com/assets/img/burlesque.png);background-position: 0 -48px; }
		
		#nav .obama-08 { width: 139px;height: 24px;background: url(http://magnusskaarup.com/assets/img/obama-08.png) no-repeat; }
		#nav .obama-08 a:hover, div>#nav a.obama-08.clicked  	{ background-image: url(http://magnusskaarup.com/assets/img/obama-08.png);background-position: 0 -48px; }
		
		#nav .photo-blog { width: 150px;height: 24px;background: url(http://magnusskaarup.com/assets/img/photo-blog.png) no-repeat; }
		#nav .photo-blog a:hover, div>#nav a.photo-blog.clicked { background-image: url(http://magnusskaarup.com/assets/img/photo-blog.png);background-position: 0 -48px; }
		
		#nav .about	{ width: 82px;height: 24px;background: url(http://magnusskaarup.com/assets/img/about.png) no-repeat; }
		#nav .about a:hover, div>#nav a.about.clicked { background-image: url(http://magnusskaarup.com/assets/img/about.png);background-position: 0 -48px; }
		
		#nav .contact { width: 108px;height: 24px;background: url(http://magnusskaarup.com/assets/img/contact.png) no-repeat; }
		#nav .contact a:hover, div>#nav a.contact.clicked { background-image: url(http://magnusskaarup.com/assets/img/contact.png);background-position: 0 -48px; }
		
		#nav .twitter { width: 13px;height: 24px;background: url(http://magnusskaarup.com/assets/img/twitter.png) no-repeat; }
		#nav .twitter a:hover, div>#nav a.twitter.clicked { background-image: url(http://magnusskaarup.com/assets/img/twitter.png);background-position: 0 0px; }

	
	/* Hide stuff */	
	.hide {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1px; line-height:0; overflow:hidden}
	
	/* Copyright */
	#copyright {font-size:1.1em; text-align:right; width:900px; margin:0 auto; padding:0px 0 0 0; color:#B2B4B6;}