html, body {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #888888;
	background-color: #FFF;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	list-style-type:none;
	color: #888888;
	text-align: left;
}

#container { 
	position:relative; /* needed for footer positioning*/
	margin: 0 20px auto 0; /* center, not in IE5 */
	width: 100%;
	min-width: 900px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

a {
	color: #888;
	text-decoration: none;
}

a:visited {
	color: #888;
}

a:active {
	color: #888;
}
	
a:hover {
	color: #5bac9d;
	text-decoration: none;
}


ul {
	list-style-type:none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

li  {
	padding:0px;
	margin: 0px;
	background-color: #FFF;
}

div {
	display:block;
}

div#content {
	width:100%;
	height:640px; /* height of the image gallery (galleria) */
	padding: 0 0 5em; /* bottom padding for footer */
}

div#header {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width: 275px;
	height: 100%;
	background-color: white;
}

ul#links {
	position: absolute;
	width: 100px;
	bottom: 0;
	margin: 0 0 11px 30px; /* 11px is space between bottom of links and page */
}

ul#links li {
	list-style-type:none;
	float:left;
	padding:0px;   /* space between each link */
	width: 100%;
}

div#gallery {
	width: 625px;
	vertical-align: middle;
	text-align: left;
	margin-left: 275px;
	padding:20px;
}

ul#images {
	list-style-type: none;
	margin-top: 25px;
	padding-right: 20px;
}

ul#images li {
	float:left;
	height:600px;
	padding-right: 20px; /*white space between images*/
}

div#footer {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align:right;
}

.push {
	margin-bottom: 20px; /* space between 'book iii' and 'bio' */
}

.sharebutton {
	padding: 0px;
	margin: 0px;
	margin-right: 10px; /* space between the fb and twitter buttons */
}

.footertext {
	padding: 0px;
	margin: 0px 10px 5px 0px; /* space between the last thing on the footer and the bottom of the page */
}


#textblock {
	background-color: #FFF;
	padding: 0px;
	text-align: left;
}
	


/* Table Photo Gallery Styles */
/* Selecting Elements by ID, page 140 */

img { border-style: none;}
.thumb img {border-style: none; /*Removes the border on images inside an element with a class named thumb */ }


aside { float:left;}
footer { clear:both;background-color: #FFFFFF;}

#gallery {background-color: #FFFFFF;float:left;}
#splash {width: 600px; margin: 0px auto; padding-top: 30px}
.pushfarther {
	margin-bottom: 143px;
}
.paragraph {
	padding-top: 10px;
	float: left;
	text-align: left;
	width: 100%
}

div#formlabel {
	float:left;
	width:100px;
	text-align:right;
	padding-top:5px;
}
div#formvalue {
	float:left;
	width:500px;
	padding-left:10px;
	margin: 0 0 10px 0;
	text-align:left;
}

div#formvalue textarea {
	border: solid #888 1px;
	width: 420px;
	height: 130px;
	padding: 4px;
}

div#formvalue .textframe {
	border: solid #888 1px;
	width: 420px;	
	padding: 4px;
}

div#formvalue .button {
	border: none;
	background-color: #5BAC9D;
	width: 70px;
	height: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 4px;
}