@import url(blankcanvas.css);
@import url(typography.css);
@import url(dataset.css);
@import url(content.css);

@media screen {

	/* =dvxl-com */

		body { background: #000000; padding-top: 49px; position: relative; color: #ffd450; min-width: 970px; }
		
	/* =access */

		#access { 
			position: absolute; z-index: 100; top: -1px; 
			width: 100%; text-indent: -13337px; left: -1px; 
			background: url(../graphics/home_mo.jpg) -13337px -13337px no-repeat;
		}
		
		#access a { position: absolute; }
		#access li { background: url(../graphics/primary_navigation_link_mo.gif) -1337px -1337px no-repeat; }
		
		#access a.skip { 
			display: block; line-height: 1.8em;font-weight: bold; border: 0px; 
			font-family: MS Sans-Serif, Sans-Serif; text-align: center; 
			text-indent: 1em; position: relative; color: #000000; font-size: 0.7em; 
			background: url(../graphics/primary_paragraph_mo.jpg) -13337px -137px no-repeat;
		}

		#access a.skip:focus, #access a.skip:active {
			background: #ffa71e url(../graphics/form_text.gif) repeat-x;
		}

	/* =site_identity */

		#site_identity {
			position: absolute; left: 0px; top: 2em; 
			font-size: 0.75em; height: 285px; width: 100%;
			background: transparent url(../graphics/body_bg.jpg) top left repeat-x;
			text-indent: -13337px; text-align: center; text-indent: -13337px;
		}
	
		
		#site_identity span {
			background: transparent url(../graphics/dvxl.gif) top left no-repeat;
			width: 131px; height: 23px; padding: 93px 40px 50px 40px;
			margin: 0 auto; position: relative; left: -325px; top: 110px; 
			font-size: 0.9em; font-weight: normal; color: #806a28; line-height: 1.1em;
			text-transform: lowercase; text-indent: 0px; font-family: MS Sans-Serif, Sans-Serif;
			overflow: hidden; display: block; border: 1px solid #602400; z-index: 130;
		}
		
	/* =primary_navigation */

		#primary_navigation {
			border-style: solid solid none solid; border-width: 1px; border-color: #c04800; 
			background: #000000; padding: 0px 2px 0px 2px; font-size: 0.75em; overflow: hidden;
			z-index: 110; width: 532px; margin: 0 auto; position: relative; left: 140px;
		}
		
		#primary_navigation li {
			background: #ff8b00 url(../graphics/primary_navigation.gif) repeat-x;
			text-align: center; padding: 7px 1px 0 1px; width: 130px; float: left;
			position: relative; left: 0px; display: block; margin-top: 2px;
		}
		
		#primary_navigation li a {
			background: #FFC500 url(../graphics/primary_navigation_link.gif) center top repeat-x;
			color: #000000; text-decoration: none; line-height: 2em; font-weight: bold; 
			font-family: MS Sans-Serif, Sans-Serif; display: block; border: 0;
		}
		
		#primary_navigation li a:hover, #primary_navigation li a:focus, #primary_navigation li a:active { 
			background: #FFE200 url(../graphics/primary_navigation_link_mo.gif) center top repeat-x;
		}
		
		/* <=ie6 compatibility */
		#primary_navigation li.first-child { padding: 7px 1px 0 3px; }
		#primary_navigation li.last-child { padding: 7px 3px 0 1px; }

	/* =nuggetboard */
	
		#nuggetboard {
			background: transparent url(../graphics/primary.png) left top no-repeat;
			z-index: 100; position: relative; margin: 0 auto; width: 570px;
			padding: 0 34px 0 34px; left: 140px; overflow: hidden;
		}

	/* =primary_content */

		#primary_content {
			padding: 0; margin-top: 2px; background: #1a1a1a;
			z-index: 100; position: relative; height: 100%;
		}
		
		/* ==deep */

			.deep h2 { 
				width: 140px; padding: 0;
				position: absolute; left: 0px; bottom: 7px; z-index: 110;
				color: #ffd450; font-size: 1.3em; text-align: right;
				text-transform: lowercase; line-height: 2.5em; 
				height: auto !Important; height: 120px; min-height: 100%;
			}

			#primary_content a.return_home {
				width: 131px; text-indent: -13337px; bottom: 0px; border: 0;
				position: absolute; left: 153px; display: block; z-index: 110;
				background: #FFA300 url(../graphics/home.jpg) left bottom no-repeat;
				height: auto !Important; height: 120px; min-height: 100%;
			}
			
			#primary_content a.return_home:hover, #primary_content a.return_home:focus, #primary_content a.return_home:active { background: #ffc000 url(../graphics/home_mo.jpg) right bottom no-repeat; }
			
			#primary_content p.abstract {
				width: 258px; padding: 10px 12px 8px 300px; vertical-align: bottom; 
				background: #1a1a1a url(../graphics/sub_content.gif) bottom left no-repeat;
				height: auto !Important; height: 103px; min-height: 92px; line-height: 1.5em;
			}
			
			.abstract span {
				display: block; font-weight: bold; font-size: 1.3em; margin-bottom: 5px;
				color: #FF9C01; margin-top: 4px;
			}
		
		/* ==index */
		
			.index h2 { position: absolute; text-indent: -13337px; }
			
			#primary_content li { 
				width: 570px; position: relative;
				height: auto !Important; height: 110px; min-height: 110px; 
				background: #1a1a1a url(../graphics/sub_content.gif) bottom left no-repeat;
			}
			
			#primary_content li h3 {
				position: absolute; text-align: right; z-index: 110; padding: 0;
				left: 0px; bottom: 7px; height: 100%; width: 140px;
			}
			
			#primary_content li h3 a {
				width: 130px; display: block; line-height: 1.8em; text-transform: lowercase;
				background: url(../graphics/primary_paragraph.jpg) 153px bottom no-repeat;
				color: #ffd450; text-decoration: none; padding: 7px 144px 0px 10px; font-size: 0.9em;
				position: absolute; left: 0px; height: 100%; border: 0; letter-spacing: 0.04em;
			}
			
			#primary_content li h3 a:hover, #primary_content li h3 a:focus, #primary_content li h3 a:active { background: url(../graphics/primary_paragraph_mo.jpg) right bottom no-repeat; color: #ff9c01; }
			
			#primary_content li p {
				width: 259px; left: 153px; position: relative; line-height: 1.4em;
				padding: 10px 5px 10px 147px; z-index: 100;  vertical-align: bottom; 
				background: url(../graphics/primary_back.gif) left bottom repeat-y; 
			}
			
			#primary_content .journal { background: url(../graphics/icons/journal.gif) no-repeat right bottom; } 
			#primary_content .journal_deep { background: url(../graphics/icons/journal.gif) no-repeat 60px 37px; } 
			#primary_content .what_we_do { background: url(../graphics/icons/what_we_do.gif) no-repeat right bottom;} 
			#primary_content .accessibility { background: url(../graphics/icons/accessibility.gif) no-repeat right bottom; } 
			#primary_content .portfolio { background: url(../graphics/icons/portfolio.gif) no-repeat right bottom; } 
			#primary_content .contact { background: url(../graphics/icons/contact.gif) no-repeat right bottom; } 
			#primary_content .error { background: url(../graphics/icons/support.gif) no-repeat right bottom; } 
			#primary_content .website { background: url(../graphics/icons/website.jpg) no-repeat right bottom; } 

	/* =secondary_content */
		
		#secondary_content {
			margin: 0 auto; position: relative; z-index: 100;
			padding: 3px 30px 10px 30px; width: 510px; 
			background: #1a1a1a; left: -1px;
			border-left: 1px solid black; border-right: 1px solid black;
		}
		
	/* =tertiary_content */

		#tertiary_content { position: absolute; top: 2em; width: 100%; padding-top: 313px; }
		#tertiary_content h2 { width: 1px; position: absolute; text-indent: -13337px; }
		#tertiary_content ul { margin: 0 auto; width: 213px; left: -325px; position: relative;}
		#tertiary_content li { width: 94px; float: left; position: relative; padding: 104px 0 0 0; }
		#tertiary_content .email { width: 92px; height: 96px; display: block; border: 1px solid #301200; position: absolute; text-indent: -13337px; top: 0px; left: 0px;}
		#tertiary_content .email:hover, #tertiary_content .email:focus, #tertiary_content .email:active { border: 1px solid #602400; }

		#tertiary_content h3 { color: #ffd450; text-transform: lowercase; padding: 0 0 3px 0px; font-size: 0.7em; }
		#tertiary_content .note { color: #c14900; font-size: 0.7em; width: 98px; position: absolute; line-height: 1.2em; padding: 0; }
		#tertiary_content acronym { border: 0; color: #c14900; }
		
		#andrew_senter { margin-right: 25px; }
		#andrew_senter .email { background: url(../graphics/staff/andrew_senter.png) no-repeat; }
		#mick_horler .email { background: url(../graphics/staff/mick_horler.png) no-repeat; }
		#mick_horler .note { width: 95px; }
		
	/* =site_information */
		
		#site_information {
			background: #ff6000 url(../graphics/site_information_bg.gif) repeat-x;
			padding-top: 62px; margin-top: -52px; width: 100%; position: absolute; 
			z-index: 90; min-height: 195px; height: auto !Important; height: 195px;
		}
		
		#site_information .credits {
			width: 600px; right: 42px; top: -10px; 
			height: 105px; position: absolute;
			background: url(../graphics/credits.gif) no-repeat;
		}
		
		#site_information .crafted_by {
			color: #FFD450; padding: 55px 25px 15px 0; 
			background: url(../graphics/crafted_by_dvxl.gif) 35px 10px no-repeat;
			right: 15px; position: absolute; font-size: 0.9em; 
		}
		
		#site_information .powered_by {
			width: 217px; height: 44px; text-indent: -13337px;
			display: block; position: absolute; left: -273px; top: 26px;
			background: url(../graphics/icons/nugget_orange.gif) no-repeat;
		}
				
		#site_information .vcard { 
			width: 970px; margin: 0 auto; position: relative; 
			font-size: 0.7em; color: #000000; padding: 6.5em 0 0 0;
		}
		#site_information address { margin: 0 10px 0 0px; padding: 2px 0 0 55px; width: 10em; float: left; }
		#site_information ul { padding: 2px 0 0 0px; line-height: 1.35em; width: 110px; float: left; }

		#site_information h3 { position: absolute; text-indent: -13337px; }
		#site_information h2 { width: 1px; position: absolute; text-indent: -13337px; }
		#site_information span { display: block; }
		#site_information span.org { font-weight: bold;  }
		#site_information a { color: #000000; border-color: black; text-decoration: none; }

	/* =ie6 */
		
		* html #nuggetboard { background: transparent; }	

}