/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#FFD85E;
 color: #C0C0C0;
 text-align:center;
 padding:0;
 font-size: 0.9em;
 line-height:1.2em;
 }

.clear {
 clear: both;
}

#outer {
 position: absolute;
 top: 0px;
 left: 80px;
 text-align:left;
 border-style: solid;
 border-color: #009900;
 border-left-width: 10px;
 border-right-width: 10px;
 width:703px;
 margin:auto;
 }

#hdr {
 height:175px;
 background:#eeeeee;
 color: #333333;
 }

#nav_col {
 width: 703px;
 background-color: #009900;
 text-align: center;
}

#nav {
 height:28px;
 margin: 0; 
 padding: 0;
 list-style: none;
 display: inline;
 overflow: hidden;
}

#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win only */
}
	
#nav a:hover {
	background-position: 0 -28px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -56px;
}
/* Each nav item has to have a style associated with it so it knows how wide it ought to be */
#tblank a  {
	width: 37px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_blank.gif') top left no-repeat;
}
#thome a  {
	width: 61px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_home.gif') top left no-repeat;
}
#treviews a  {
	width: 130px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_reviews.gif') top left no-repeat;
}
#tessays a  {
	width: 72px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_essays.gif') top left no-repeat;
}
#twimsey a  {
	width: 173px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_wimsey.gif') top left no-repeat;
}
#tfiction a  {
	width: 72px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_fiction.gif') top left no-repeat;
}
#tbio a  {
	width: 105px;
	background: url('http://www.planetpeschel.com/art/general_website/nav_bio.gif') top left no-repeat;
}

#bar {
 height:28px;
 padding: 0;
 margin:0;
 list-style: none;
 display: inline;
 overflow: hidden;
}

#bodyblock {
 position:relative;
 background: #FBEBB9;
 color: #333333;
 width:700px;
 padding:0;
 }

#l-col {
 float:left;
 background:#FBEBB9;
 color: #333333;
 width:148px;
 padding: 6px;
 font-family: "lucida grande", verdana, arial, helvetica, sans-serif;
 font-size: 0.8em;
 line-height:1.2em;
}

#cont {
 width:490px;
 background: #FFFFFF;
 color: #333333;
 border:dotted #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 padding: 10px 20px 10px 20px;
 }

#ftr {
 height:25px;
 background:#009900;
 color: yellow;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }

.photoleft {
              float: left;
              padding-right: 4px;
              padding-bottom: 4px;
              }

.photoright {
              float: right;
              padding-bottom: 4px;
              padding-left: 4px;
              }