body {
background-color: #f1daa7;
width: 100%;
margin: 0;
text-align: center;
color: #442;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
}
.wrapper {
width: 645px;
margin: 0 auto 0 auto;
text-align: left;
}
.header {
margin-top: 50px;
height: 32px;
}
.menu {
padding-top: 16px;
float: right;
}
.image {
width: 643px;
height: 28px;
text-align: right;
padding-top: 138px;
background-image: url("../gfx/header.jpg");
border: 1px solid #442;
font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #D3D8B0;
font-size: 28px;
}
#pagetitle {
position: relative;
margin-right: -15px;
}
#type {
position: relative;
margin-top: -2px;
margin-left: -1px;
width: 272px;
}
.body {
width: 625px;
border: 2px solid #442;
border-top: 0;
padding: 5px 8px;
}
.footer {
margin: 3px 0;
text-align: right;
color: #442;
font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
a {
font-weight: bold;
text-decoration: none;
color: #442;
}
a:hover {
text-decoration: underline;
}
.menu a {
display: block;
float: left;
height: 10px;
margin-left: 10px;
overflow: hidden;
}
.menu a:hover {
overflow: visible;
}
img {
border: 0;
}
p {
margin-top: 8px;
margin-bottom: 0;
}
h1, .fl_blogtitle {
font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-left: -5px;
margin-bottom: 10px;
font-weight: normal;
font-size: 28px;
color: #b7b096;
letter-spacing: -1px;
text-transform: lowercase;
}

#fl_bar, #fl_coverall {
left: 0;
text-align: left;
}

.fl_blogentry1 > .fl_blogby > .datemonth, .fl_blogentry2 > .fl_blogby > .datemonth {
color: #a5a552;
position: absolute;
z-index: 10;
top: -2px;
left: 2px;
}
.fl_blogentry1 > .fl_blogby > .dateday, .fl_blogentry2 > .fl_blogby > .dateday {
font-size: 100px;
letter-spacing: -15px;
position: absolute;
padding-top: 25px;
left: -9px;
font-weight: bold;
z-index: 9;
color: #442;
width: 99px;
height: 45px;
overflow: hidden;
text-align: right;
}
.fl_blogentry1 > .fl_blogby > .dateyear, .fl_blogentry2 > .fl_blogby > .dateyear {
color: #a5a552;
position: absolute;
right: 2px;
bottom: -5px;
z-index: 10;
}
.fl_blogentry1 > .fl_blogby > .datetime, .fl_blogentry2 > .fl_blogby > .datetime {
color: #b7b096;
position: absolute;
right: -2px;
bottom: -17px;
letter-spacing: 2px;
font-weight: bold;
z-index: 10;
}
.fl_blogentry1 > .fl_blogby, .fl_blogentry2 > .fl_blogby {
float: right;
display: block;
position: relative;
margin: 0 0 10px 5px;
color: #d8dab4;
width: 90px;
height: 70px;
font-weight: normal;
letter-spacing: 0;
background-image: url("../gfx/blogfade.gif");
}
.fl_blogentry1 > .fl_blogby a, .fl_blogentry2 > .fl_blogby a {
border: 0;
color: #333;
}

/* This template's versions of generic items */

.fl_loadbox { /* The box shown when an item is loading */
background-color: #f1daa7;
background-image: url("../gfx/blogfade.gif");
background-repeat: repeat-x;
color: #442;
border: 1px dashed #442;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 32px;
}
.fl_blogby { /* A blog byline and time*/
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_blogfooter { /* Text at the bottom of a blog */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_blogtags { /* Blog tags */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_readmore { /* The read more link */

}
.fl_comments { /* Where the comments should appear */
float: right;

}
.fl_blogentry1 { /* Style for odd-numbered blog entries */

}
.fl_blogentry2 { /* Style for even-numbered blog entries */

}
.fl_blogdivider { /* The line between blogs */
margin-top: 5px;
height: 5px;
border-top: 1px solid #b7b096;
}
.fl_commsheader { /* Comments title */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_bottomlinks { /* Links at the end */
text-align: right;
width: 100%;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
width: 100%;
font-weight: bold;
}
.fl_prevnext { /* Previous and next entry links */
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 2px;
font-weight: bold;
}
.fl_comm1 { /* Style for odd-numbered comments */
border-left: 1px dotted #000;
}
.fl_comm2 { /* Style for even-numbered comments */
border-left: 1px dotted #000;
background-color: #eee;
}
.fl_newsheads { /* News headlines view style */
font-size: 9px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fl_showbox { /* The border for the scrolling bar in the gallery */
border: 1px dashed #000;
}
.fl_arrowoff, .fl_arrowon { /* The left and right pointing arrows */
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.fl_arrowoff {
color: #666;
border: 1px solid #222;
background-color: #ccc;
}
.fl_arrowon {
color: #000;
background-color: #ccc;
border: 1px solid #000;
}
.fl_arrowoff:hover, .fl_arrowon:hover {
text-decoration: none;
}
.fl_arrowon:hover {
background-color: #eee;
}
.fl_imgcap { /* Picture captions in galleries */
background-color: #333;
border: 1px solid #000;
}
.fl_pollvotebar { /* Colour of the bar showing percentages in polls */
background-color: #000;
}
.fl_pollquestion {
font-weight: bold;
}
.fl_setuphead, .fl_setupheadoff:hover { /* Colour for the headers of contracting sections in admin */
background-color: #99c;
}
.fl_setupheadoff {  /* Colour for deselected headers of contracting sections in admin */
background-color: #ccf;
}
.fl_setupbody { /* Colour for the body of the sections in admin */
background-color: #eee;
}

input, select, textarea { 
background-color: transparent; 
border: 1px solid #b7b096; 
color: #442; 
font-family: verdana, arial, helvetica, sans-serif; 
padding: 2px;
font-size: 11px; 
} 
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { 
background-image: url("../gfx/blogfade.gif");
background-repeat: repeat-x;
} 
textarea {
height: 120px;
}