/* http://blog.themeforest.net/tutorials/vertical-centering-with-css/ */ 
html, body {
	margin:0; 
	padding:0;
	height:100%;
}
body {
	background: url('http://www.escdotdot.com/images/IMG_0465.jpg') 50% 50% no-repeat #EEE;
	font-family:Georgia, Times, serifs;
	font-size: 0.8em;
}
 
#floater {
	position:relative; 
	float:left;
	height:50%;	
	margin-bottom:-50px;
	width:1px;
}
#centered {
	position:relative; 
	clear:left;
	height:300px; 
	width:80%; 
	max-width:820px; 
	min-width:400px;
	margin:0 auto;
	background:#fff;
	/* http://css-tricks.com/snippets/css/css-box-shadow/ */
	box-shadow: 0px 5px 10px #000;
	-moz-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	/* http://css-tricks.com/css-transparency-settings-for-all-broswers/ */
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#content {
	position:absolute; 
	left:30%; 
	right:0; 
	top:0; 
	bottom:0;
	overflow:auto; 
	height:340px;
	padding:10px 20px; 
	margin:10px;
}
#side {
	padding: 1em 1em 1em 4em;
}
#bottom {
	position:absolute;
	bottom:0; 
	right:0;
	padding:10px 10px 3px 10px;
	font-size:0.7em;
	color:#808779;
}
 
 
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: lighter;
}
h3 {
	color:#666;
	border-top:1px solid #9cc;
	margin:0;
	padding-bottom:0;
	padding-top:0.5em;
}
p, h2, h3 {
	line-height:1em;
}
a:link, a:visited {
	color:#366;
	text-decoration: none;
}
a:hover, a:active {
	color:#033;
}
ul li {
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 0.2em;
	color:#366;
}
.credit {
	font-size: 0.6em;
	font-style: italic;
	color:#366;
	margin-top: 2em;
}