html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body {
  font-size: 14px; color: #eee; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-weight: normal;
  padding: 20px 0; background: #ccc url('/img/bg.jpg') center repeat-y;
}

span.sold { padding-right: 12px; background: url('/img/red_dot.gif') center right no-repeat; }

.hide { visibility: hidden; }

#wrapper { margin: 0 auto; width: 800px; background: #000; }
#content { position: relative; border: solid #ccc; border-width: 1px 0; margin: 0; padding: 10px; height: 500px; min-height: 500px; height: auto; }
#content.splash { padding: 0; height: 500px; background: url('/img/splash_rep.jpg') no-repeat; }

#text { height: 500px; min-height: 500px; height: auto; }
#text.guestbook     { margin-left: 390px; width: 350px; padding: 0 0 80px 30px; background: url('/img/squiggle_remembering.jpg') left repeat-y; }
#text.words         { margin-left: 390px; width: 350px; padding: 0 0 80px 30px; background: url('/img/squiggle_muse.jpg') left repeat-y; }
#text.remembering   { margin-left: 390px; width: 350px; padding: 0 0 80px 30px; background: url('/img/squiggle_remembering.jpg') left repeat-y; }
#text.statement     { margin-left: 390px; width: 350px; padding: 0 0 80px 30px; background: url('/img/squiggle_statement.jpg') left repeat-y; }
#text.inspirational { margin-left: 390px; width: 350px; padding: 0 0 80px 30px; background: url('/img/squiggle_inspirational.jpg') left repeat-y; }
#text.gallery       { position: relative; float: right; margin-top: 10px; margin-bottom: 15px; padding: 0 0 40px 30px; width: 340px; background: url('/img/squiggle_gall.jpg') left repeat-y; height: auto; min-height: 0; }

#content.gallery a:hover { border: 0; }
#content.gallery td { padding: 3px 5px; width: 175px; }
/* position: relative; clear: right; margin-top: 10px; padding: 0 0 80px 30px; left: 390px; width: 350px;  } */


h1 { padding: 10px 0 30px 0; font-size: 200%; line-height: 120%; font-weight: normal; }
h2 { padding: 10px 0; font-size: 130% }
h3 { padding: 10px 0; font-size: 100% }
p { margin: 0 0 14px 0; }
em { font-style: italic; }
strong { font-weight: bold;}
blockquote { margin: 10px 30px; font-style: italic; font-size: 85%; }
img { vertical-align: text-top; }
a       { color: #eee; text-decoration: none; }
a:hover { color: #fff; border-bottom: 1px dotted #ccc; }
a:link    img { border: 1px solid #333; }
a:visited img { border: 1px solid #999; }
a:hover   img { border: 1px solid #fff; }
a:active  img { border: 1px solid #fff; }


#content.text a { font-weight: bold; color: #fff; }


#content.splash h1, #content.splash h2 { text-indent: -9999px; }
#forever { position: absolute; width: 370px; height: 195px; left: 430px; top: 0; background: url('/img/splash_forever.jpg') no-repeat top left; }
#menu    { position: absolute; width: 370px; height: 305px; left: 430px; top: 195px; background: url('/img/menu_area_blank.jpg') no-repeat top left; }
#menu a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; border: 0; }
#menu a:hover { text-decoration: none; }
#switch { position: absolute; width: 125px; height: 305px; left: 0; top: 0; background: url('/img/switch_blank.jpg') no-repeat top left; } 
#link_gallery { position: absolute; width: 245px; height: 28px; left: 125px; top: 57px; background: url('/img/menu_gallery_white.jpg') no-repeat top left; } 
#link_inspirational { position: absolute; width: 245px; height: 28px; left: 125px; top: 85px; background: url('/img/menu_inspirational_white.jpg') no-repeat top left; } 
#link_statement { position: absolute; width: 245px; height: 28px; left: 125px; top: 113px; background: url('/img/menu_statement_white.jpg') no-repeat top left; } 
#link_remembering { position: absolute; width: 245px; height: 32px; left: 125px; top: 156px; background: url('/img/menu_remembering_white.jpg') no-repeat top left; } 
#link_guestbook { position: absolute; width: 245px; height: 28px; left: 125px; top: 188px; background: url('/img/menu_guestbook_white.jpg') no-repeat top left; }
#link_muse { position: absolute; width: 245px; height: 28px; left: 125px; top: 216px; background: url('/img/menu_muse_white.jpg') no-repeat top left; } 


#footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCC; text-align: center; margin-top: 5px; }
#footer ul { display: inline; margin: 0; padding: 0; list-style: none; }
#footer li { display: inline; margin: 0; padding-right: 12px;}


/* Guestbook */

.entry { padding: 15px 0; border-top: 1px solid #666; clear: both; }
.post .text { padding: 0 5px; }
.post .date { font-size: 80%; margin: 10px 0 0 0; text-align: right; color: #999; }
.poster { margin-left: -330px; width: 300px; text-align: right; float: left; }
.poster .username { font-weight: bold; }
.poster .image    { margin: 5px 0; padding-bottom: 10px; }
.gbinfo { clear: both; text-align: left; color: #ccc; background: #222; border: 1px solid #333; font-size: 80%; padding: 3px 5px; margin: 40px 0 20px 0;}
.gbinfo p { padding: 0; margin: 0;  }

form#sign input,
form#sign textarea { width: 250px; padding: 3px;  background: #333; border: 1px solid #999;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #eee; }
form#sign input.submit { width: auto; }
form#sign .errorlist { margin: 0 0 5px 0; }
form#sign td, form#sign th { padding: 5px 0; vertical-align: top}
form#sign label { font-weight: bold; padding-right: 12px; }

.paginator, .paginator * { margin: 0 ; padding: 0; }
.paginator { float: left; clar: both; list-style-type: none; margin: 10px 0 20px 0; }
.paginator li { float: left; }
.paginator li a { font-size: 12px; display: block; text-decoration: none; font-weight: bold; color: #333; padding: 1px 9px; margin: 0 3px; border: 1px solid #666; background: #333; }
.paginator li a:hover { color: #900; background: #333; border: 1px solid #ccc }
.paginator li span.page-current,
.paginator li span.page-extra { display: block; font-size: 12px; font-weight: bold; }
.paginator li span.page-current { border: 1px solid #d09314; margin: 0 3px; padding: 1px 9px; }
.paginator li span.page-extra { padding: 1px 5px; margin: 1px 4px; }
.paginator li.page-prev a,
.paginator li.page-next a { color: #900; }
.paginator li.page-first a,
.paginator li.page-last a { text-transform: lowercase; font-style: italic; }

