body {
margin:0px;
padding:0px;
}

#pgb { /* Settings which effect the whole page */
font-family:Georgia, Helvetica, serif;
background:url(http://www.faulklea.co.uk/graphics/gbbackground.png) repeat-x top left;
}

#header { /* The banner at the top of the page */
height:80px;
background:url(http://www.faulklea.co.uk/graphics/top.png) no-repeat 20px 30px;
font-size:18pt;
font-weight:bold;
color:#031cbd;
text-align:center;
padding-top:180px;
}

h1 {
color:#b82929;
}

#page_container { /* Contains all the comments */
width:750px;
margin-right:auto;
margin-left:auto;
}

.float_left { /* Makes elements float to the left */
float:left;
}

.float_right { /* Makes elements float to the right */
float:right;
}

.options {
padding:20px 0 25px 0; /* Contains the view or sign guestbook and return to site options */
}

.options a{ /* The style for options links */
font-size:16pt;
}

.comment { /* Box which contains the comment */
border:2px solid ;
margin:10px 0 10px 0;
color:#031cbd;
}

.comment img {
margin-left:1px;
margin-right:1px;
}

.comment_header { /* Appears at the top of the comment box with the name and date */
/*background:url(http://www.faulklea.co.uk/graphics/topextra.gif) repeat-x top left;*/
background-color:#232787;
padding:10px;
font-size:16pt;
color:#ffffff;
overflow:auto;
}

.extra_fields { /* contains extra fields such as the location */
background-color:#c3c5c3;
padding:10px;
}

.comment_body { /* Contains the persons actual comment */
padding:10px;
}


.page_number { /* Section which contains the page numbers */
text-align:center;
padding:10px;
}

#footer { /* Appears at the bottom with a link back to perhypex:guest */
text-align:center;
padding:20px;
color:#b82929;
}

a { /* Global style for the links on the page */
color:#031cbd;
font-weight:bold;
text-decoration:underline;
}

a:visited { /* How visited links should change */
font-weight:normal;
}

a:hover { /* How a link should change when the cursor is over it */
text-decoration:none;
}

#no_comments { /* What is shown when the book has no comments */
padding:5px;
text-align:center;
font-size:14pt;
color:#031cbd;
}

#comment_form { /* Style for the form the user fills in */
margin-top:20px;
}

.error { /* Style for errors */
color:#982727;
background:url(../graphics/error.png) no-repeat top left;
padding-left:55px;
margin-top:20px;
}

.smiley { /* Syle for the smily buttons which insert similies into the comment */
border-style:none;
}

#input_comment { /* Style for the area in which the user enters their comment */
font-family:Arial, Helvetica, sans-serif;
width:97%;
}

clear {
clear:both;
}

.varWidth {
display:block;
}


.formElement {
margin-top:5px;
margin-bottom:5px;
}