﻿@import url(default.css);

#guestbook .entry {margin-bottom: 1em;}
#guestbook .entry dl {background-color: #F0F0F0;}
#guestbook .infos {background: #000 url(img/headerbox.gif) 50% 0 no-repeat; width: 3.4em; float: left;}
#guestbook .infos li {display: block; text-align: center; width: 2em;}
#guestbook .infos li.number {margin: 0 0 0.25em; width: 100%;
    color: #F90; font: normal 1.5em/1.4em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle;}
#guestbook dd.name {color: #F90; font-size: 1.5em; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 3px 0 0.33em 2.8em; border-top: 0px solid #666;}
#guestbook dd.name a {padding-right: 35px; background: url(img/letter.gif) 100% 50% no-repeat;}
#guestbook ol, #guestbook ul {list-style: none; margin: 0; padding: 0;}
#guestbook .infos li {list-style: none; list-style-position: outside;}
#guestbook .infos li.daymonth, #guestbook .infos li.year {color: #444; font-size: 0.8em; text-align: center; width: 100%;}
#guestbook .infos li.year {padding-bottom: 0.5em;}
#guestbook dd.text, #guestbook dd.comment, #guestbook dd.edit {padding: 0 0.5em 1em 1em; border-left: 3.4em solid #000; margin-bottom: 0;}
#guestbook dd.comment {padding: 20px 0.5em 0.5em 1em; color: #765; background: #EEE url(img/comment_bg.gif) 50% 0 no-repeat; margin-top: -1em;}
#guestbook dd.comment span {font-weight: bold; color: #765; padding-right: 0.5em;}

/* insert, edit */
#guestbook h3 {margin-bottom: 1em;}
#guestbook dl.edit {padding-left: 0; border: none;}
#guestbook dl.edit dd {margin-top: 0.5em;}
#guestbook dl.edit label {float: left; width: 5em; text-align: right;}
#guestbook dl.edit .textbox {margin-left: 2em; width: 70%;}
#guestbook dl.edit dd.text, #guestbook fieldset dd.comment {border: none; padding: 0; background: none;}
#guestbook dl.edit dd.buttons {padding-left: 7em;}

/* navigation */
#guestbook .navigation {height: 1.2em;}
#guestbook .navigation span {float: left;}
#guestbook .navigation .new {float: right;}
