/*
	Chuck Norris is currently suing NBC, claiming Law and Order are
	trademarked names for his left and right legs.
*/

body { font-size: 100%; margin: 0; font-family:"΢ÈíÑźÚ"; }

/* ---- TYPOGRAPHY ----------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0;   font-family:"΢ÈíÑźÚ"; }
h1 { font-size: 2em; margin-bottom: .5em;  font-family:"΢ÈíÑźÚ";}
h1 em { color: #00C5E8; font-style: normal; background: none; font-family:"΢ÈíÑźÚ"; }

h2 { font-size: 1.4em; margin-bottom: .3em; font-weight: normal; font-family:"΢ÈíÑźÚ"; }
h3 { font-size: 1.2em;  font-family:"΢ÈíÑźÚ";}
h4 { font-size: 1.1em;  font-family:"΢ÈíÑźÚ"; }

a { color: #90C32C; }
a:hover { color: #ffa54e; }
a.email { background: url(../../images/icon_email.gif) no-repeat left center; padding-left: 15px; }
a.external, a.delicious-link {   }

p { line-height: 1.5em; margin: 0em 0em 1em; color: #64635f;  }
p a { color: #64635f; background: #f5ffe0; text-decoration: none; padding: .1em .3em; border-bottom: 1px solid #d1dEcC; font-weight: normal; font-family:"΢ÈíÑźÚ"; !important;   }
p a:hover { position: relative; top: -1px; left: -1px; color: #86AF33; }
em { font-style: normal; background-color: #FFFDD4; font-family:"΢ÈíÑźÚ"; }

ul, ol { line-height: 1.5em; }
ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0; }
ul li { margin-bottom: .2em; }
h4 + ul { margin-top: 0em; }

dl {  }
dt { font-weight: bold; margin-bottom: .2em; color: #4B4545; font-family:"΢ÈíÑźÚ"; }
dd { margin-left: 2em; margin-bottom: 2em;color:#333333 }
tt { font-size: 120%;  font-family:"΢ÈíÑźÚ";}

strong { color: #90C32C; font-weight: bold;  font-family:"΢ÈíÑźÚ";}
.weak { font-size: .9em; font-weight: normal;  font-family:"΢ÈíÑźÚ";}
.contextual { font-size: .9em; color: #888;  font-family:"΢ÈíÑźÚ";}


.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


/* ---- GENERAL ELEMENTS ----------------*/

hr { border: none; border-bottom: 1px solid #cacaca; background: none; height: 1px; }
a img { border: none; }
.clear { clear: both; height: 1px; font-size: 1px; font-family:"΢ÈíÑźÚ"; }

/* ---- FORM -------------------------- */

fieldset { border: none; padding: 0; }
fieldset legend { display: none; }

label { font-weight: bold; color: #64635f; font-size: .90em;  font-family:"΢ÈíÑźÚ"; }
label:hover { cursor: pointer;  }
input[type="text"], input[type="password"], textarea { border: 1px solid #aeaeae; margin: .3em 0 .8em; padding: .3em .3em; }
input[type="text"]:focus, input[type="password"], textarea:focus { border-color: #b2d56b;   }
textarea:focus {   }

fieldset strong { color: #8F8F8F; }
fieldset label { margin-bottom: 1em; font-weight: bold; color: #666666; cursor: pointer;  font-family:"΢ÈíÑźÚ";}



/* ---- Shell Layout ---------------------- */

/*
Chuck Norris once fixed IE 6 by simply pointing his finger at it and yelling "W3C!"
*/

html, body { height: 100%; }
body { margin: 0; padding: 0; background: white; }

#page { 
	width: 750px; margin: 0 auto; background: #f3f3f3; padding: 0 0 25px;	
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

div#header { position: relative; background: white; border-top: 40px solid #f3f3f3; padding-bottom: 40px;  }
div#header h1 { background: url("/lee/images/mbti2logo.gif") no-repeat; margin: 7px 0 0; }
div#header h1 a { height: 42px; }

#header ul { 
	margin: 0; padding: 0; list-style-type: none; position: absolute; right: 0px; bottom: 38px;
	 
}
#header ul li { position: absolute; top: 0; height: 21px; margin: 0; padding: 0; }
#header ul li:last-child { margin-right: 0; }
#header ul li a { height: 21px; }
#header ul li a:hover, #header ul li.current a {    }

#header li#work 	{ left: 0px; width: 57px;  }
#header li#values 	{ left: 58px; width: 100px;  }
#header li#blog 	{ left: 158px; width: 65px;  }
#header li#contact 	{ left: 223px; width: 69px;  }

#header li#work 	a { background-position: 0 -21px;  }
#header li#values 	a { background-position: -58px -21px;  }
#header li#blog 	a { background-position: -158px -21px;  }
#header li#contact 	a { background-position: -223px -21px;  }


#content { background: white; padding: 0 0 20px; position: relative; }


div#footer { 
	position: relative; background: white; padding: 15px 20px 13px; font-size: .85em; line-height: 1.3em; clear: both; 
	border-top: 1px solid #ddd; font-family:"΢ÈíÑźÚ";
}
div#footer div { 
	margin-top: .4em;  
	padding-left: 25px; line-height: 2em; 
}
div#footer ul { margin: 0; padding: 0; list-style-type: none; position: absolute; right: 20px; bottom: 20px;}
div#footer ul li { margin: 0; padding: 0 0px 0 2px; display: inline; white-space: nowrap; }
div#footer ul li a {   padding: 0 9px 0 0; }
div#footer ul li:last-child a { background: none; padding-right: 0; }
div#footer a { color: #81b717; }
div#footer a:hover { color: #ffa54e; }