@import url(blankcanvas.css);

* { color: #FFFFFF; font-family: Arial, Verdana; }

/* safari bodge */

	* { padding: 0; margin: 0; text-shadow: 0 0 0 #000; }
	
/* global */

	body { background: url(../graphics/bodybg.gif) repeat-x #000000; }

	h1 { 
		position: absolute; top: 104px; left: 57px;
		font-size: 0.6em; font-weight: 100; color: #dbff9c; 
		text-transform: lowercase; letter-spacing: 2px; z-index: 9;
		margin-left: -1px;
		}

	h1 span {
		position: relative; top: 9px;
		height: 36px; width: 165px;
		margin-left: 1px;
		display: block; text-indent: -9999px; z-index: 10;
		background: url("../graphics/logo.png");
		}
		
	h2 { letter-spacing: 2px; font-weight: 100; font-size: 0.6em; text-transform: lowercase; }

	p { text-indent: -9999px; }

/* contact nugget */

	#primary_contact { position: absolute; top: 175px; left: 680px; width: 287px; }

	#primary_contact h2 {
		height: 15px;
		font-weight: 100; line-height: 17px; color: #485779;
		margin-bottom: 7px; border-bottom: 2px solid #5e739e;
		text-transform: lowercase; text-align: right;
		z-index: 10; 
		}
		
	#primary_contact li a { display: block; text-decoration: none; text-align: right; width: 111px; margin-left: 150px; height: 21px; padding-top: 3px; text-transform: lowercase; padding-right: 26px; font-size: 0.6em; letter-spacing: 2px; line-height: 17px; }

	#primary_contact .email { background: url(../graphics/bg-email.png) no-repeat right; color: #89a5e8; }
	#primary_contact .msn { background: url(../graphics/bg-msn.png) no-repeat right; color: #f3c2a9; }
	#primary_contact .skype { background: url(../graphics/bg-skype.png) no-repeat right; color: #caf776; }
	#primary_contact .facebook { background: url(../graphics/bg-facebook.png) no-repeat right; color: #f3c3f7; }

	#primary_contact .email:hover { background: url(../graphics/bg-email-mo.gif) no-repeat right; color: #FFFFFF; }
	#primary_contact .skype:hover { background: url(../graphics/bg-skype-mo.gif) no-repeat right; color: #FFFFFF; }
	#primary_contact .msn:hover { background: url(../graphics/bg-msn-mo.gif) no-repeat right; color: #FFFFFF;}
	#primary_contact .facebook:hover { background: url(../graphics/bg-facebook-mo.gif) no-repeat right; color: #FFFFFF; }


/* navigation */

	#primary_navigation { position: absolute; left: 38px; top: 38px; text-transform: lowercase; padding-left: 19px; background: url(../graphics/bg-content.png); width: 929px; height: 400px; }

	#primary_navigation li { display: inline; }

	#primary_navigation li a { float: left; display: block; text-decoration: none; padding-right: 51px; padding-top: 12px; height: 28px; letter-spacing: 8px; font-size: 0.8em; border-bottom: 2px solid #37106a; }

	#primary_navigation li a.current { border-bottom: 2px solid #FFFFFF; }

	#primary_navigation li a:hover { border-bottom: 2px solid #FFFFFF; }

	#primary_navigation li a:focus { background: #000000; color: #8781c3; }

	#primary_navigation a.dvxl { color: #656192; padding-right: 119px; }

	
	
	#secondary_navigation { position: relative; background: url(../graphics/bg-content.png); width: 287px; height: 150px; }


/* accessibility */

	#accessibility { text-indent: -9999px; position: absolute; left: 0px; top: 0px; width: 950px; height: 400px; background: url(../graphics/bg-starscene.png) no-repeat left; }

	#accessibility a { position: absolute; width: 200px; height: 200px; left: 660px; top: 155px; background: url(../graphics/planet.png) no-repeat; z-index: 11; }

	#accessibility a:hover { background: url(../graphics/planet-mo.png) no-repeat; }

	#accessibility a.skip:focus { position: absolute; left: 57px; top: 6px;  border: 1px solid #322f48; background: url(../graphics/bg-content.png); text-indent: 0px; width: 280px; height: 19px; padding-left: 7px; padding-top: 5px; font-size: 0.6em; text-decoration: none; letter-spacing: 2px; }



/* content */	
	
	#primary_content { position: relative; overflow: hidden; left: 38px; padding-left: 19px; top: 342px; width: 599px; }

	#primary_content p { text-indent: 0px; color: #a19ae9; font-size: 0.85em; line-height: 1.7em; }

	#primary_content h2 { color: #656192; border-bottom: 2px solid #8781c3; }

	#primary_content h3 { font-family: georgia, arial; letter-spacing: 1px; margin-top: 23px; color: #caf776; text-transform: lowercase; font-weight: 100; font-size: 1.1em; font-style: italic; }

	#primary_content a { text-decoration: none; }

	#primary_content h3 a { font-family: georgia, arial; font-weight: 100; color: #caf776; }

	#primary_content li { color: #656192; font-size: 0.85em; line-height: 1.7em; }

	#primary_content a:hover { border-bottom: 1px dotted #FFFFFF; }


/* content information */

	#content_information { float: left; overflow: hidden; width: 287px; margin-top: 38px; }

	#content_information h2 { margin-bottom: 10px; }

	#content_information p { display: block; font-size: 0.6em; width: 143px; float: left; margin-bottom: 10px; color: #a19ae9; text-transform: lowercase; letter-spacing: 2px; }

	#content_information a { text-decoration: none; }

	#content_information a:hover { border-bottom: 1px dotted #FFFFFF; }


/* gallery snippets */

	#gallery li { display: inline; }

	#gallery a { display: block; text-align: center; float: left; width: 91px; height: 140px; background: url(../graphics/bg-gallery.png) no-repeat top; margin-bottom: 12px;  }

	#gallery a:hover { background: url(../graphics/bg-gallery-mo.gif) no-repeat top; width: 91px; height: 140px; }

	#gallery img { margin-top: 31px; height: 106px; border-bottom: 1px solid #2f3721; border-left: 1px solid #2f3721; border-right: 1px solid #2f3721; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; }

	#gallery .additional { margin-left: 7px; }


/* related articles */


	#articles a { color: #89a5e8; display: block; text-decoration: none; text-align: right; width: 261px; height: 19px; text-transform: lowercase; padding-right: 26px; font-size: 0.6em; letter-spacing: 2px; padding-top: 5px; background: url(../graphics/bg-related.png) no-repeat right; }

	#articles a:hover { color: #FFFFFF; background: url(../graphics/bg-email-mo.gif) no-repeat right; }


/* feedback form */


	#feedback_form h2 { color: #657646; border-bottom: 2px solid #879e5e; }

	#feedback_form { float: left; width: 287px; margin-left: 25px; margin-top: 38px; }

	#feedback_form label { position: absolute; left: -9999px; }

	#feedback_form input { margin-top: 7px; letter-spacing: 2px; height: 19px; padding-top: 5px; color: #272e1c; text-align: center; font-size: 0.6em; background: #000000; border-bottom: 1px solid #2f3721; border-left: 1px solid #2f3721; border-right: 1px solid #2f3721; border-top: 0px; text-transform: lowercase; font-style: italic; }

	#feedback_form #qry_name { float: left; width: 91px; }

	#feedback_form #qry_message { float: left; width: 189px; margin-left: 3px; }

	#feedback_form legend { display: none; }

	#feedback_form input.submit { float: right; padding-top: 0px; color: #dbff9c; border: 0px; font-size: 0.6em; height: 24px; background: url(../graphics/bg-submit.png) no-repeat right; width: 180px; text-align: left; font-style: normal; }

	#feedback_form input.submit:focus { background: url(../graphics/bg-skype-mo.gif) right no-repeat; }


/* secondary_content */


	#secondary_content { position: absolute; left: 680px; top: 361px; width: 287px; }

	#secondary_content h2 { 
		text-align: right; border-bottom: 2px solid #879e5e; margin-bottom: 7px; 
		color: #5f6f43;
		}

	#secondary_content h2.secondary_title { border-bottom: 2px solid #5e739e; color: #465676; }
	

/* recent updates & tunes */


	#updates { position: absolute; top: 175px; left: 57px; width: 287px; }

	#updates h2 { line-height: 17px; color: #676195; margin-bottom: 7px; border-bottom: 2px solid #8781c3; height: 15px; }

	#updates a { color: #000000; text-transform: lowercase; text-decoration: none; letter-spacing: 1px;  }

	#updates #recent_tunes a { display: block; background: url(../graphics/bg-tune.png); width: 280px; height: 19px; padding-left: 7px; padding-top: 5px; font-size: 0.6em;  }

	#updates #recent_article { margin-top: 7px; }

	#updates #recent_article a { display: block; background: url(../graphics/bg-article.png); width: 263px; height: 19px; padding-left: 24px; padding-top: 5px; font-size: 0.6em; }

	#updates #recent_tunes a:hover { background: none; color: #a19ae9; border: 1px solid #322f48; width: 279px; height: 18px; padding-top: 4px; padding-left: 6px; }

	#updates #recent_tunes a:focus { background: url(../graphics/bg-content.png); }

	#updates #recent_article a:hover { background: none; color: #caf776; border: 1px solid #2f3721; width: 262px; height: 18px; padding-top: 4px; padding-left: 23px; }


/* tertiary content */


	#tertiary_content { position: absolute; top: 175px; left: 369px; }

	#my_vital_statistics { overflow: hidden; width: 273px; background: url(../graphics/bg-content.png); padding: 7px; padding-top: 5px; }

	#my_vital_statistics a { text-decoration: none; }

	#my_vital_statistics a:hover { border-bottom: 1px dotted #FFFFFF; }

	#tertiary_content h2 { line-height: 17px; color: #67784a; width: 287px; margin-bottom: 7px; border-bottom: 2px solid #879e5e; height: 15px; text-align: right; }

	#tertiary_content li { display: block; font-size: 0.6em; width: 136px; float: left; margin-bottom: 11px; color: #dbff9c; text-transform: lowercase; letter-spacing: 2px; }

	.align { text-align: right; }

	#tertiary_content li.employment { width: 273px; }


/* page information */


	#page_information { position: relative; width: 910px; left: 57px; top: 364px; border-top: 2px solid #37106a; font-size: 0.6em; text-transform: lowercase; letter-spacing: 2px; text-align: right; padding-top: 2px; }

	#page_information h2 { text-align: left; text-indent: -9999px; }

	#page_information p { color: #8781c3; margin-bottom: 11px; }

	#page_information a { color: #8781c3; text-decoration: none; }

	#page_information a.accessify { color: #dbff9c; padding-bottom: 10px; }

	#page_information a.accessify:hover { border-bottom: none; }

	#page_information a:hover { border-bottom: 1px dotted #FFFFFF; }

	#page_information span { color: #29273b; }

	#page_information .lyric { text-align: left; text-indent: -9999px; z-index: 10; position: absolute; left: -57px; top: 0px; background: url(../graphics/planet-2.png) no-repeat top left; width: 120px; height: 82px;  }


/* table stuff */

	#links { font-size: 0.6em; text-decoration: none; text-transform: lowercase; }

	#links a { color: #a19ae9; }

	caption { text-indent: -9999px; }

	th { padding: 4px; height: 19px; border: 1px solid #322f48; text-align: center; letter-spacing: 2px;  }

	td { padding: 4px; border-bottom: 1px dotted #181723; border-left: 1px dotted #181723; border-right: 1px dotted #181723; color: #a19ae9; }

	.rating { text-align: center; }