/*	
	Style sheet for whoisjimothy.com
	Made by James Snook
   
	------------------------------------------------------------------------------
   
	Reset browsers default styling
	------------------------------------------------------------------------------*/

	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, strong, sub, sup, tt, var,
	b, u, i, center,
	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-size: 100%; vertical-align: baseline;
		background: transparent; }
	body { line-height: 1;	}
	h1, h2, h3, h4, h5 { font-weight: normal; }
	ol, ul {	list-style: none; }
	blockquote, q {	quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {	content: ''; content: none; }
	a { text-decoration: none; }
	 :focus { outline: 0; }
	a:focus { outline: none; }

	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	/*	THE DESKTOP AREA
	----------------------------------------------------------------------------------*/
	
	body { background: #8bc215 url(/graphics/bg.jpg) repeat-x; height: 100%; overflow-y: auto; overflow-x:hidden; }
	#body-mimic { 	background: url(/graphics/body-sunburst.png) no-repeat; width: 100%;
					min-height: 750px; position: absolute; left: 0; top: 0; }
					
	p { font-family: tahoma, arial, sans-serif; font-size:12px; color: #666666;  }
	a { font-size: 12px; }
	
	/*	HEADER AREA
	----------------------------------------------------------------------------------*/
	
	#header { width: 100%; height: 100px; position: relative; z-index: 2; }
		#header-content { background: url(/graphics/header-block.jpg) repeat-x; width: 100%;	height: 100px;	}
		#header #logo {	background: url(/graphics/logo.jpg) no-repeat; float: left; width: 312px;height: 100px;
					margin-left: -3px; }
		#header-sunburst { 	background: url(/graphics/header-sunburst.png) no-repeat; width: 100%; height: 110px;
							position: absolute; left: 0; top: 0; z-index: 3; }
		#beta-info { position: absolute; top: 0; left: 300px; display:none; }
		.beta-bubble { font-family: tahoma, arial, sans-serif; font-size: 12px; color: #777777; position: absolute; top: 0; left: 100px;
						background: transparent url(/graphics/beta-bubble.png) no-repeat scroll 0 7px; width: 356px; height:83px;  
						padding: 17px 10px 0px 40px; line-height: 14px; display:none; display:none;}
	
	/*	START MENU
	----------------------------------------------------------------------------------*/
	
	#panel {	background: url(/graphics/start-menu-bg.png) no-repeat; height: 430px; width: 313px;
			position: absolute;	margin-left: 75px; top: -220px;	z-index: 1; display: none;}
	
	
	.popup { display: none; }
	
	/*	FOOTER
	----------------------------------------------------*/

	#footer-wrap { 	width: 100%; height: 180px; bottom: 0px; position: absolute; left: 0px; z-index:3; 
					overflow: hidden; }
	#footer { display: block; width: 100%; height: 55px; position: fixed; bottom: 0px; position: absolute;
		left: 0px; background: url(/graphics/footer-bg.png) repeat-x; z-index: 100; }
	#button-bar { height: 35px; clear: both; padding: 5px 0 5px 60px; top: 10px; position: absolute; }
	#button-bar ul  li { float: left; margin-left: 18px; height: 35px; }
	#footer div.content{ display:block; height:200px; margin:55px auto 0; position:relative; width:100%;
						background: url(/graphics/footer-inner.png) repeat-x; }
	

	#iesucks { display: block; position: absolute; top: 200px; left: 100px; border: 2px solid #000000; 
			 width: 470px; }
	#iesucks h1 { display: block; background: #ffe400 url(/graphics/warning.png) no-repeat; background-position: 15px 5px;
	            font-family: georgia, times new roman, serif; font-size: 28px; color: #000000; height: 35px; 
				padding: 10px 0 0 65px; font-style: italic; border-bottom: 1px dashed #000000;}
	#iesucks #iecontent { padding: 20px; background: #c5ca5d; }
	#iesucks #iecontent p { font-family: tahoma, arial, sans-serif; color: #333333; line-height: 15px; padding: 2px 0;}
	#iesucks #iecontent a { color: #333333; font-weight: bold; border-bottom: 1px dotted #555555;}
	#iesucks #iecontent a:hover { border-bottom: 1px solid #333333; }
	
	/*	FIXES
	----------------------------------------------------*/

	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }