* { margin: 0; padding: 0; }
.poem
{ white-space: pre; }
body
{
   color: #041c24;
   font-family: "Palatino Linotype", "Palatino", "URW Palladio L", serif;
   font-size: 16px;
   overflow: auto;
   padding-bottom: 100px;
   background: #077582 url(images/background_attempt4.jpeg) scroll repeat-x top left;
   background-image: url(images/background_attempt4.jpeg), -moz-linear-gradient(#92dbd6, #077582 1000px, #077582 1300px, #022228);
   /*background-image: url(images/background_attempt4.jpeg), -moz-linear-gradient(#92dbd6, #077582 1152px, #022228);*/
   /*background: url(images/background_attempt4.jpeg) top left repeat-x, -webkit-gradient(linear,left top, left bottom, from(#077582), to(#022228)) 1152px left repeat-x / 100% 100%;*/
   /*
I had high hopes for this one. Isn't as attractive as the moz syntax if there is no url() but at least would have offered a gradient starting at 1152px.  Didn't work though

*/
   /*background-image: url(images/background_attempt4.jpeg), -webkit-gradient(linear,left top, left bottom, from(#077582), to(#022228));*/
/* Can't seem to get this working with stops in webkit right now.*/
   /*
   background-image: url(images/background_attempt4.jpeg), -webkit-gradient(linear,left top, left bottom, from(#92dbd6), to(#077582)), -webkit-gradient(linear,left top, left bottom, from(#077582), to(#022228));
   background-image: url(images/background_attempt4.jpeg), -webkit-gradient(linear,left top, left bottom, from(#92dbd6), to(#077582), color-stop(1152px, #077582)), -webkit-gradient(linear,left top, left bottom, from(#077582), to(#022228));
   background-image: url(images/background_attempt4.jpeg), linear-gradient(#92dbd6, #077582 1152px), linear-gradient(#077582 1152px, #022228);
  */
   background-image: url(images/background_attempt4.jpeg), linear-gradient(#92dbd6, #077582 1152px, #022228);
/*   -webkit-background-size: 100% 1152px, 1152px 100%;*/

}
.fixed { font-family: "Courier New", Courier, "FreeMono" }
/* increased weight */
body div div .small { font-size: 12px; line-height: 14px; }
#header h1 a, #header h2 a
{
   display: block;
   width: 878px;
   height: 115px;
   text-indent: -10000px;
   margin: auto;
   position: relative;
   margin-bottom: -80px;
   /*pointer-events: visible; just playing around. not sure I can make this do what I want */
}
#header h1 a
{
   background: transparent url(images/logo2.png) scroll no-repeat top left;
}
#header h2 a
{
   right: 5px;
   top: -50px;
   background: transparent url(images/tagline1.png) scroll no-repeat bottom right;
}
#main, #nav, #footer
{
   width: 810px;
   margin: auto;
   padding-left: 50px;
   padding-right: 18px;
}
#main 
{
   position: relative;
   background: transparent url(images/paper_middle1.png) scroll repeat-y top left;
   overflow: auto;
}
#lower-right-leaf
{
   width: 240px;
   height: 191px;
   position: absolute;
   background: transparent url(images/lower_leaf1.png) scroll no-repeat bottom right;
   bottom: 19px;
   right: 18px;
}
#nav 
{
   height: 50px;
   padding-top: 30px;
   vertical-align: middle;
   line-height: 50px;
   font-weight: bold;
   background: transparent url(images/paper_top1.png) scroll no-repeat top left;
   text-align: right; 
}
a {   color: #077582; }
#nav a 
{ 
   font-size: 15px;
   /*color: black;*/
   text-decoration: none;
   margin-right: 10px;
   padding: 10px 28px 0 0;
}
#nav a, .sections a
{
   color: #077582;
}
#nav a:hover, #nav a.active, .sections a:hover
{
   color: #041c24;
   background: transparent url(images/nav_leaf1.png) scroll no-repeat top right;
}

#nav li { display: inline; background-color: transparent; }
.title a
{
   text-decoration: none;
   color: black;
}
#sidebar
{
   background-color: #eef;
   padding: 60px 0 90px 0;
   width: 228px;
   float: right;
   min-height: 600px;
   background: transparent url(images/sidebar_background1.png) scroll no-repeat 0 215px;
   overflow-x: hidden;
/*
   position: absolute;  cheap and easy way to stretch, if needed
   top: 0;
   right: 50px;
   bottom: 0;
*/
}
#sidebar a img { border: none; }
.entry 
{ 
   width: 562px;
   min-height: 560px;
   float: left;
   padding-right: 20px;
   background: transparent url(images/entry_background1.png) scroll no-repeat 377px 215px;
}
.entry h2
{
   display: inline;
   padding: 0 0 0 8px;
   font-weight: normal;
   font-size: 22px;
   line-height: 1.5em;
}
.entry h3
{
   text-align: center;
   margin: 20px auto 20px auto;
}
.entry h4, .entry h5
{ 
   text-indent: 80px;
}
.entry h4 
{
	margin-top: 10px; 
	margin-bottom: 20px; 
}
.entry h5 
{ 
	margin-bottom: 30px; 
}
.entry h2.title
{
   padding-left: 0;
   border: none;
   font-size: 15px;
   font-weight: bold;
   display: block;
}
h2 + p { margin-top: 30px; }
.entry p + h2 
{ 
   padding: 0; 
   display: block;
   margin-top: 60px;
}
.entry h2.title.double { display: inline; }
.entry h2.title.double a
{
   padding-right: 10px;
   border-right: 2px solid #ccc;
}
.entry p 
{
   font-size: 16px; 
   margin-bottom: 30px; 
   clear: left;
   line-height: 2em;
   text-indent: 30px;
   overflow-x: auto;
   overflow-y: hidden;
}
.entry blockquote p  { margin-bottom: 0; }
.entry p.poem, .entry blockquote.poem { text-indent: 0; }
/* Preserved for future need
.entry p.poem.small 
{
   background-color: white;
   position: relative;
   overflow-x: auto;
   width: 840px;
   font-family: "Arial Narrow", sans-serif; 
   font-size: 10px;
   letter-spacing: -0.34px;
   line-height: 13px;
   left: -30px;
}
*/
.entry p.bio
{
   text-indent: 0;
   font-size: 14px;
   line-height: 1.5em;
   font-weight: 600;
   page-break-before: always;
/*   font-style: italic; */
}
.entry p.bio a,
/*.entry p.bio cite, .sections a cite { font-style: normal; } */
/* .entry p.bio cite, .sections a cite { font-weight: normal; } */
.sections a cite
{ display: block; }
body div#main cite.i 
{ font-style: italic; }
p.fin
{
   margin-bottom: 4em;
}
p.fin:after
{
  padding-left: 10px;
  content: url(images/endbug2.png);
}
p.fin.poem:after
{
  content: '';
}
#footer
{
   height: 125px;
   clear: both;
   position: relative;
   background: transparent url(images/paper_bottom1.png) scroll no-repeat top left;
}
.widget
{
   font-size: 12px;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 15px;
   margin-right: 35px;
   border: 1px solid #077582;
   border-width: 1px 0 0 0;
}
.widget dd { float: none; }
.widget:last-child { border-width: 1px 0 1px 0; }
.sections 
{
   /* these three rules are here purely due to firefox bugs :( */
   overflow: hidden;
   width: 560px;
   display: block;
   padding-top: 50px;
}
.sections li 
{ 
	display: block;
	float: left;
	height: 64px;
	margin-bottom: 30px; 
	width: 260px;
}
.sections a
{
    padding-top: 4px;
}
.sections a:hover 
{ 
   background-position: top left;
   padding-top: 0;
   padding-left: 16px;
   width: 264px;
   height: 84px;
   text-shadow: 5px 4px 4px #666;
}

.sections a
{
   display: block;
   height: 80px;
   padding-left: 20px;
   width: 260px;
   font-family: Courier, "Courier New";
   text-decoration: none;
   font-size: 19px;
   font-weight: bold;
}
.sections.separate li { display: block; float: none; }

.sections.small a 
{
   line-height: 27px;
   height: 40px;
}
.sections.small a:hover { height: 44px; }
dl { line-height: 1.5em; }
dt
{
    float: left;
    font-weight: bold;
    clear: left;
    margin-right: .75em;
}
dt:hover a img
{
   -moz-box-shadow: 5px 4px 4px #999;
   -webkit-box-shadow: 5px 4px 4px #999;
   box-shadow: 5px 4px 4px #999;
}
dd
{
    text-indent: 0;
    min-height: 1.5em;
    margin: 0;
    padding: 0;
}
dl.archive 
{ 
	font-size: 80%; 
	margin-top: 30px; 
}
dl.archive { width: 560px; }
dl.archive dt, dl.archive dd 
{ 
	width: 192px; 
	margin-right: 30px; 
}
dl.archive dt
{ 
	height: 160px; 
	width: 192px; 
}
dl.archive { text-align: right; }
dl.archive dt, dl.archive dd { text-align: center; }
dl.archive dd 
{ 
	float: left; 
	clear: left; 
	margin-bottom: 20px; 
}
dl.archive dt.right, dl.archive dd.right
{
	display: inline-block;
	clear: none;
	float: none; 
}
dl.archive dt img { height: 150px; width: 192px; }

dl.colon dt::after { content: ": "; }
dl.dash dt::after { content: " — "; }

blockquote
{
   margin-left: 30px;
   font-style: italic;
   padding-bottom: 30px;
}
blockquote.epi
{
   text-align: center;
}