/******
#wrapper { width: auto; padding-top: 1em; position: relative;}
/* provide positioning origin
*******/

html,
body {
	min-height: 100%; 
    margin:0;
    padding:0;
	background: #fafefa;
	color: #222;
	font-size: 100%; /* IE Hack */ 
    }
body { 
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1.5;
	font-size: 75%;
	}

a:link { background-color: transparent; color: #033; }
a:visited { background-color: transparent; color: #606; }
a:link:focus, a:link:hover, a:link:active { background-color: #d8e0e0; } 
a:visited:focus,a:visited:hover,a:visited:active { background-color: #e8d8e8; }
/* reset the above for IE, as it confuses the heck out of it */
* html a:visited:focus, * html a:visited:hover, * html a:visited:active { background-color: #d8e0e0; } 

#controls { background: #ddd; }
#controls { background: ButtonFace; border-bottom: 1px #bbb solid;height: 1em; min-height: 10px; }

#nav { 
	background: #ded; 
    display: block;
    text-align: right;
    padding: 15px 19px 21px 0;
    border-right: 2px solid #ded; /* Avoids that Moz shows a horiz. scrollbar */
	text-transform: uppercase;
}
#nav * {
    display: inline;
    text-decoration: none;
    margin: 0 0 0 .33em;
    padding: 0;
}
#nav a:hover, #nav a:focus {
    text-decoration: underline;
}

#nav li {
	padding-left: 15px;}

#main {
    float:left;
    width:70%;
	padding: 35px 0 0 35px;
    }
#sidebar {
    float:right;
    width:20%;
	padding: 85px 0 0 0;
    }
#footer {
    clear:both;
    }

h1,h2,h3,h4,h5,h6 { color: #333; margin: 0.75em 0 0.5em 0; font-family: Georgia, "Palatino Linotype", Palatino, serif; line-height: 1.2em; }
h1 { margin-top: 0; padding: 0; }
h1 { font-size: 1.85em;  }
h2 { font-size: 1.64em;
	padding-top: 0.5em;
	font-weight: normal;
	}
#sidebar h2, #footer h2 {
    position: absolute;
    left: -999px;
    width: 990px;
}
h3 { font-size: 1.18em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }

ul, p {
	padding-top: 0;
	margin-top: 0;
	}

blockquote {
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-style: italic;
	font-size: 115%;
	}

div.imgcontainer img { margin: 0 auto; padding: 5px; border: 1px #366 solid; }

.highlight { background: #cfc; }
.fineprint {
	font-size: 85%;
}

.biobox {
font: 1.05em/1.5em Georgia, "Palatino Linotype", Palatino, serif;
	margin-left: auto; margin-right: auto;
	margin-top: 25px;
/*	width: 85%;
*/	padding: 15px 21px;
	border: dotted 3px #ded;
	text-align: justify;
	font-size: 111%;
}

#main li {
	line-height: 1.3;
	padding-bottom: 0.5em;
	}
	
#main li li {
	line-height: 1.1;
	padding-bottom: 0;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#sidebar li {
	padding: 1em 0;
	border-bottom: dashed 1px #ded;
	}
#sidebar .head {
	text-transform: uppercase;
	font-size: 95%;
    text-decoration: underline;
	}
#sidebar * {
    text-decoration: none;
	}
#sidebar a:hover, #nav a:focus {
    text-decoration: underline;
	}
#sidebar .alink {
	text-transform: uppercase;
	font-size: 85%;
    text-decoration: underline;
	}	

#footer {
	margin: 35px 0 0 35px;
	border-top: solid 1px #ded;
	font-size: 0.85em;
	color: #444;
	}
#footer p {
	margin: 0;
	padding: 0;
	}
	
#twitter_div li {
	padding: 1em 0 1em 1em;
	border-left: dotted 3px #ded;
	}