* {
   padding:0;
   margin:0;
}
body {
   font-size: 62.5%;
   background-color: #ffffff;
   text-align: center;
}
#wrapper {
   background: #ffffff url(images/bg.jpg) no-repeat;
   width: 720px;
   height: 555px;
   text-align: left;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 20px;
}

p {
   font-size: 1.5em;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #c9cb92;
}
body #poem ul li {
   font-size: 1.3em;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #444444;
   list-style:none;
   margin-left:13px;   
   line-height:2em;
}

.numbers {
   font-size: 0.9em;
}
.clear {
   clear:left;
   height: 1px;
}



div#header {
   background: url(images/header.gif) no-repeat left top;
   float:left;
   width: 720px;
   height: 111px;
}
h1#header-text {
   text-indent: -9999px;
}
div#content {
   position: relative;
   float: left;
   width: 720px;
   height:440px;
}
div#contact p {
   margin-bottom: 0.05em;
}
body div#contact h2 {
   margin-bottom: 0.005em;
}



div#siteby {
   margin-top:5px;
   float: left;
   width: 720px;
}
div#siteby p {
   text-align:right;
   font-size:1.2em;
   color:#999999;
}
div#siteby p a {
   text-align:right;
   font-size:1em;
   color:#999999;
}
div#siteby p a:hover {
   color:#666666;
}



/* drop-shadow taken from www.robertnyman.com/css3/drop-shadow/drop-shadow.html */
.shadow {
    /* For IE 5.5 - 7 [this extends the image dimensions in IE6 and pushes everything out, so forget it:] */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444'); */
	
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    /* Firefox [but firefox 2 shows nothing]*/
    -moz-box-shadow: 3px 3px 10px #222222;
    /* WebKit */
    -webkit-box-shadow: 3px 3px 10px #222222;
    /* Standard */
    box-shadow: 3px 3px 10px #222222;
}
.shadow_menu {
	/* removing -ms-filter and leaving IE8 without drop-shadow as it causes the link text to render v. badly */
    /* For IE 5.5 - 7 [this extends the image dimensions in IE6 and pushes everything out, so forget it:] */

    /* Firefox [but firefox 2 shows nothing]*/
    -moz-box-shadow: 1px 1px 5px #222222;
    /* WebKit */
    -webkit-box-shadow: 1px 1px 5px #222222;
    /* Standard */
    box-shadow: 1px 1px 5px #222222;	
}



a {
   color: #c9cb92;
   text-decoration: none;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}
a:visited {
   color: #c9cb92;
   text-decoration: none;
}
a:hover {
   text-decoration: none;
   color: #191900;
}
a.bio {
   color: #686621;
   text-decoration: none;
}
a.bio:visited {
   color: #686621;
   text-decoration: none;
}
a.bio:hover {
   text-decoration: none;
   color: #000000;
}
a:focus { outline: none; }



ul#nav {
   position: absolute;
   margin-top: 4px;
   margin-left: 10px;
   float:left;
   width: 180px;
}
ul#nav li a, #li_gallery, #li_writing {
   display: block;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
}
ul#nav li {
   list-style: none;
   font-size: 1.5em;
}
ul#nav li li {
   font-size: 1em;
}
#li_gallery, #li_writing {
   color:#c9cb92;
}


li.li_link {
   padding: 10px 0 8px 20px ;   /* top, right, bottom, left */
   margin-bottom: 8px;
}
li.li_nonlink {
   padding: 11px 0 9px 20px ;   /* top, right, bottom, left */
   margin-bottom: 8px;
}
ul#nav li.li_sublink {
   margin-left:17px;
   padding-left:15px;
   margin-top:3px;
   margin-bottom: 5px;
   /*list-style:square;*/
   background: url(images/bullet-square.gif) no-repeat left center;
}



ul#nav li#li_home {
   background: #666600 url(images/menu-bg-1.jpg) no-repeat left top;
}
ul#nav li#li_gallery {
   background: #666600 url(images/menu-bg-2.jpg) no-repeat left top;
}
ul#nav li#li_writing {
   background: #666600 url(images/menu-bg-3.jpg) no-repeat left top;
}
ul#nav li#li_contact {
   background: #666600 url(images/menu-bg-4.jpg) no-repeat left top;
}
ul#nav li {
   line-height:1.2em;
}


span#span_gallery, span#span_writing {
   display:block;
   padding-bottom:5px;
}


ul.writing_links {
   padding-left:80px;
}
ul.writing_links li {
   list-style: none;
   font-size: 1.5em;
   line-height: 2em;
}

ul#nav li a {
   height: 22px;
}

ul.writing_links li a:hover, li.li_link a:hover, li.li_sublink a:hover, div#contact a:hover {
   text-shadow: #ffffff 0 0 0.6em;
}



div#main, div#contact, div#slideshow1, div#main-gallery {
   float: right;
   width: 520px;
}
div#main-gallery {
   float: right;
   width: 480px;
   height: 436px;
   overflow: hidden;
}

img {
   border:0;
   padding:0;
   margin:0;
}
a img {
   text-decoration: none;
}
img.thumb {
   float: left;
   margin-right: 10px;
   margin-top: 4px;
   margin-bottom: 6px;
}








#main-gallery img {
   /*visibility:hidden;*/
}


.home-pic {
   margin-top:4px;
   margin-left:20px;
}


div#contact p {
   padding-left:80px;
   padding-bottom:20px;
   line-height:1.5em;
}
div#contact img {
   margin-left:0px;
   margin-bottom:5px;
}
div#contact h2, div#main h2, div#poem h2, div#main-gallery h2 {
   padding-left: 40px;
   visibility: visible;
   letter-spacing: normal;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   color: #3a391d;
   font-size: 2em;
   margin: 0 0 0.1em 0;
}
div#main-gallery h2 {
   /*visibility:hidden;*/
   display:none;
   padding-left: 0;
}