@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(assets.css);

@media screen {

	/* =phillip */
	
		body, html { height: 100%; background-color: #FFFFFF; }
		p#branding { padding-top: 10px; position: absolute; width: 100%; left: 0; text-align: center; }
		
		div#phillip { 
			margin: 0 auto; height: auto !important; height: 100%; min-height: 100%; 
			width: 947px; text-align: center; position: relative;
			background-position: left bottom; background-repeat: no-repeat;
			background-image: url(../../images/layout/background.jpg);
		}
		
		div#phillip h1 { color: #000000; padding-bottom: 675px; text-indent: -9999px; }
		
	/** =options */
	
		div#phillip ul#options { width: 345px; overflow: hidden; position: absolute; bottom: 14%; left: 300px; }
		
		div#phillip ul#options li#aside { float: left; margin-bottom: 5px; }
		div#phillip ul#options li#aside a { height: 46px; width: 153px; padding: 10px; }
		div#phillip ul#options li#aside a span { height: 66px; width: 173px; background-image: url(../../images/text/aside.png); }
		
		div#phillip ul#options li#bid { float: right; margin-left: 10px; }
		div#phillip ul#options li#bid a { height: 107px; width: 142px; padding: 10px; }
		div#phillip ul#options li#bid a span { height: 127px; width: 162px; background-image: url(../../images/text/bid.png); }
		
		div#phillip ul#options li#bside { float: left; }
		div#phillip ul#options li#bside a { height: 39px; width: 148px; padding: 10px; }
		div#phillip ul#options li#bside a span { height: 59px; width: 168px; background-image: url(../../images/text/bside.png); }
	
	/** =credits */	
		
		div#phillip ul#credits { 
			font-size: 0.65em; clear: both; line-height: 1.25em; 
			position: absolute; bottom: 8%; width: 345px; left: 300px; 
		}
		
		div#phillip ul#credits li { color: #FFFFFF; line-height: 1.5em; }
		div#phillip ul#credits li a { color: #FFFFFF; }

}