/*	
	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: #ffffff url(css/classic/contentbg.png) repeat-x;  overflow: auto; background-position: 0 98px; }
	#body-mimic { 	width: 100%; min-height: 750px;
					height: 100%; 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(css/classic/titlebg.png) repeat-x; width: 100%;	height: 100px;	}
		#header #logo {	background: url(css/classic/logo.png) no-repeat; background-position: 0 15px; float: left; width: 435px; height: 100px;
					margin-left: 40px; }
		#header-sunburst { 	background: url(css/classic/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: block;}
		.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;}
							
	/*	START MENU
	----------------------------------------------------------------------------------*/
	
	#panel {	background: url(css/classic/start-menu-bg.png) no-repeat; height: 430px; width: 313px;
			position: absolute;	margin-left: 75px; top: -220px;	z-index: 1; display: block;}
	
	#start-menu-border {	-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; width: 163px; 
						height: 313px; border: 1px solid #879145; border-top: none; position: absolute; top: 0;
						left: 8px; z-index: 1; }
	
	#start-menu-bg { 	background: #e2e9b6; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; 
						border-top: none; z-index: 1; height: 100%; position: relative;  }
	
	#start-menu	{ position: absolute; top: 2px; z-index: 2; width: 163px; text-align: center; }
		ul.start-menu li,
		ul.style-switcher li { height: 23px; display: block; color: #848B79; padding: 5px auto;  cursor: pointer;
							font-family: Verdana,Arial,Helvetica,sans-serif;	font-size: 11px; font-weight: bold; padding-top: 7px;}
		
		ul.start-menu li:hover,
		ul.style-switcher li:hover { color: #454D1D;}
		ul.style-switcher {  }
		div.slide { margin: 0; padding: 0; width: 313px; 	position: absolute; bottom:77px; }
		.btn-slide { width: 167px; height: 28px; display: block; margin-left: 7px; cursor: pointer;}
		div.style-changer {	font-family: arial,sans-serif; font-weight: bold; font-style: italic; width: 106px; color: #333333; 
							font-size: 12px; position: absolute; bottom: 80px; right: 22px; }
		p.style-notice { text-align: center; clear:both; font-size: 11px; color: #333333;}
		a.styleswitch, a.windowswitch {	display: block;	margin-top: 10px;}
		a.windowswitch {	display: block;	float: left; margin: 5px 10px 10px 10px;}
		a.styleswitch img, a.windowswitch img { cursor: pointer; }
	
	#menu-shadow {  	position:absolute; top: 100px; left: 71px; height: 13px; width: 225px; 
					background: url(css/classic/menu-shadow.png) no-repeat; z-index: 3; }
	
	/*	FOOTER
	----------------------------------------------------*/

	#footer-wrap { 	width: 100%; height: 180px; bottom: 0px; position: absolute; left: 0px; z-index:3; 
					overflow: hidden; }
	#footer { display: block; width: 100%; height: 100px; position: fixed; bottom: 0px; position: absolute;
		left: 0px; background: url(css/classic/footerbg.png) repeat-x; z-index: 100; }
	#button-bar { height: 35px; clear: both; padding: 5px 0 5px 60px; top: 50px; 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: none; }
	
	/*	FIXES
	----------------------------------------------------*/

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