@charset "UTF-8";
/* CSS Document */

html, body {height: 100%;margin:0;padding:0; background-color:#1a1a1a;}
	
	#container {position: relative;min-height: 100%;margin:auto; width:980px;}
		#menu {float:left; width:300px; height:330px; background-image:url(../images/menu/menu_bg.png); background-repeat:repeat; border-bottom:#78A68F solid 10px; margin-left:20px;}
		#question {float:right; width:640px; height:30px;}
		#hello {float:right; width:560px; margin-top:-20px;}
		#tweet {float:left; margin-left:30px; margin-top:-55px;}


			/*Menu*/
		/*Setup*/
		#question a {float:right;list-style: none;margin:0; padding:0px 0px 0px 0px;}
		.displace {position: absolute;left: -5000px;}
		#question  a {display: block;width:30px; height:30px; background: url(../images/qmark.png);}
		
		/*Normal Links*/
		#question a{background-position: 0 0;}
		/*Hover Links*/
		#question a:hover {background-position: 30px 0px;}

		/*Menu*/
		/*Setup*/
		ul.menu_icons {float:left;list-style: none;margin:0; padding:260px 0px 0px 0px;}
		.displace {position: absolute;left: -5000px;}
		ul.menu_icons li {float: left;}
		ul.menu_icons li a {display: block;width:75px; height:60px; background:url(../images/menu/menu_icons.png);}
		
		/*Normal Links*/
		ul.menu_icons li.home a {background-position: 0 0;}
		ul.menu_icons li.blog a {background-position: -75px 0;}
		ul.menu_icons li.twitter a {background-position: -150px 0;}
		ul.menu_icons li.portfolio a {background-position: -225px 0;}
		
		/*Hover Links*/
		ul.menu_icons li.home a:hover {background-position: -300px 0px;}
		ul.menu_icons li.blog a:hover {background-position: -375px 0px;}
		ul.menu_icons li.twitter a:hover {background-position: -450px 0px;}
		ul.menu li.portfolio a:hover {background-position: -525px 0px;}