/*
******************************************************

	Idea Junction 2008
	ideajunction.co.uk
	
******************************************************
	*/

	/*** Global reset ***/
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	/* Plus a grateful nod in the direction of Elliot Jay Stocks: http://elliotjaystocks.com */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/*** Global basics ***/
	/* Some sensible defaults */
	strong { font-weight: bold }
	em { font-style:italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */
	
	/* Clearfix */
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }


* { margin:0px; padding:0px; font-family: Georgia, serif; }

#wrap { width:960px; margin:0 auto; }

/* #top #title { width:275px; height:22px; background-image:url(../images/letItRollTitle.gif); background-repeat:no-repeat; margin:25px auto; } */
#top #title { width:245px; height:68px; background-image:url(../images/titleLogo.jpg); background-repeat:no-repeat; margin:25px auto; }
#top #nav ul { width:178px; height:15px; margin:0 auto; }
	#top #nav li { display:inline; list-style:none; }
		#top #nav li a { display:block; float:left; text-indent:-9999px; }
		#top #nav li a#home { width:48px; height:20px; background-image:url(../images/navHome.gif); }
		#top #nav li a#default { width:48px; height:20px; background-image:url(../images/navHome.gif); }
		#top #nav li a#artwork { width:80px; height:20px; background-image:url(../images/navArtwork.gif); }
		#top #nav li a#media { width:50px; height:20px; background-image:url(../images/navMedia.gif); }
			#top #nav li a:hover { background-position:0 -21px; } 
			
#contentWrap { width:960px; height:700px; margin:40px auto 0; position:relative; }
	#albumPlayer { width:310px; height:620px; position:absolute; left:50px; }
		#albumTitle { width:310px; height:20px; background-image:url(../images/headerTheAlbum.gif); margin-bottom:25px; }
		#albumTracks { width:310px; height:200px; }
		
	#albumPlayer a { color:#666; font-size:14px; font-style: italic; text-decoration: none; border-bottom:1px solid #666; }
	#albumPlayer a:hover { text-decoration: none; border-bottom:2px solid #666; }
	#albumPlayer .buyLinks { position:relative; top:-37px; left: 60px; }	
	#albumPlayer .buyLinks2 { position:relative; top:-37px; left: 110px; width:100px; }
	#albumPlayer .buyLinks3 { position:relative; top:-17px; left: 110px; width:100px; }

	#content { width:530px; position:absolute; left:410px; }
		#homeTitle { width:500px; height:20px; background-image:url(../images/headerLetItRoll.gif); margin-bottom:25px; }
		#artworkTitle { width:500px; height:20px; background-image:url(../images/headerArtwork.gif); margin-bottom:25px; }
		#mediaTitle { width:500px; height:20px; background-image:url(../images/headerVideo.gif); margin-bottom:25px; }
		#downloadsTitle { width:500px; height:20px; background-image:url(../images/headerDownloads.gif); margin-bottom:25px; }
		#content p.blockquote { color:#000; font-size:19px; font-style:italic; padding-bottom:20px; }
		#content p { width:500px; color:#666; font-size:15px; font-style:italic; padding-bottom:20px; }
		.quoteOrigin { color:#666; font-size:15px; font-style:italic; }
		
		ul#artworkGallery { width:530px; }
		ul#artworkGallery li { list-style:none; display:inline; float:left; margin:0 30px 30px 0; border:1px solid #999; width:100px; height:100px; }
		ul#artworkGallery li a img { border:none; }
		
		#videoWrap { width:500px; height:340px; background-color:#ccc; margin:0 0 50px 0; }
			#videoWrap p { position:absolute; top:200px; left:160px; color:#fff; }
			#videoWrap p a { color:#fff; text-decoration:none; border-bottom:1px solid #fff; }
			#videoWrap p a:hover { text-decoration:none; border-bottom:2px solid #fff; }
		
		#wallpapersTitle, #eCardsTitle, #widgetTitle, #screensaverTitle { width:100px; float:left; }
		#wallpapersTitle p, #eCardsTitle p, #widgetTitle p, #screensaverTitle p { font-size:12px; color:#666; width:100px; }

		#widgetTitle { clear:both; }
			
		.wallpaperThumb { width:200px; height:65px; float:left; padding:0 0 20px 0; }
		
		.wallpaperThumb .copy { width:90px; float:left; }
			
			#content .wallpaperThumb p { text-align:right; width:100px; margin-left:-10px; }
			.wallpaperThumb p a { font-size:12px; color:#333; width:90px; }
			
		.wallpaperThumb .image { width:100px; float:right; }
			.wallpaperThumb .image img { border:1px solid #ccc; }
			
/* * { border: 1px solid red; } */