/******** Basic Body ********/
body {
background: #000 url(backgrounds/blackstripe.png) top repeat-x;
padding: 20px 0 0 0;
}
h1 {
margin: 0;
font-family: "Trebuchet MS" "Times New Roman";
font-size: 40px;
padding-left: 50px;
padding-top: 50px;
}
h2 {
margin-bottom: 10px;
color: #000000;
font-family: "Trebuchet MS" "Times New Roman";
font-size: 22px;
font-variant: small-caps;
border-bottom: 1px solid #000000;
}
img {
border: 0;
}
a img {
border: 0;
}
.icon {
border: 0;
vertical-align: text-bottom;
}
#container {
width: 760px;
margin: 0 auto;
padding: 0px;
}
/******** Header ********/
#header {
width: 760px;
height: 155px;
background: url(backgrounds/header.gif) top no-repeat;
}
#header h1 {
color: #FFFFFF;
}
#header img {
text-align: center;
}
form {
font-size: 9px;
margin-right: 25px;
}
form img {
vertical-align: bottom;
}
input {
background: #FFFFFF url(backgrounds/input.png) top left no-repeat;
color: #999999;
border: 0;
font-size: 11px;
padding: 3px;
}
.button {
padding: 2px;
background: #88ac0b url('background/menu-background.png') top left repeat-x;
color: #FFFFFF;
border: 0;
font-size: 11px;
}
/******** Menu ********/
#menu_container {
width: 748px;
_width: 750;
background: #FFFFFF;
height: 30px;
padding-left: 5px;
padding-right: 7px;
}
#menu {
width: 100%;
background: #88ac0b url('background/menu-background.png') top left repeat-x;
float: left;
font-size: 95%;
white-space: nowrap;
padding-right: 2px;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
* html #menu {
padding-right: 0;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
border-left: 1px solid #95bc0e;
border-right: 1px solid #95bf0f;
width: 100%;
}
#menu li {
display: inline;
}
#menu a:link, #menu a:visited {
padding: 0.25em 1em;
background: transparent;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #FFF;
}
#menu a:hover {
background: #b6e41c url('background/menu-hover.png') repeat-x;
color: #485b06;
}
#active a:link {
background: #b6e41c url('background/menu-hover.png') repeat-x;
color: #485b06;
}
#active a:hover {
background: #b6e41c url('background/menu-hover.png') repeat-x;
color: #485b06;
}
#active a:visited {
background: #b6e41c url('background/menu-hover.png') repeat-x;
color: #485b06;
}

/******** Main Content ********/
#content {
width: 745px;
min-height:400px;
text-align: justify;
background: #FFFFFF;
padding-left: 15px;
}

#posts {
background: #FFFFFF;
margin-right: 15px;
margin-left: 15px;
}
#posts p {
text-align: justify;
font: .8em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
line-height: 150%;
color: #666666;
}
#posts a {
color: #C44000;
text-decoration: none;
}
#posts a:visited {
color: #C44000;
text-decoration: none;
}
#posts a:hover {
color: #C44000;
text-decoration: underline;
}
.dropcap {
float: left;
width: .67em;
font-size: 3.1em;
line-height: 95%;
}
.blockquote {
border: 2px dotted #88ac0b;
background-color: #EFEFEF;
margin: 30px;
padding: 5px;
overflow: hidden;
text-align: justify;
color: #CCCCCC;
font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.comments {
color: #999999;
font-size: 75%;
text-align: right;
}
/******** Footer ********/
#footer {
width: 750px;
height: 73px;
background: url(backgrounds/footer.gif);
background-position: top;
background-repeat: no-repeat;
margin-top: 0px;
padding: 5px;
}
#footer p {
padding: 0px;
font-size: 12px;
color: #999999;
}
#footer p a {
color: #999999;
font-weight: 100;
text-decoration: none;
border-bottom: 1px dotted #999999;
}
#footer p a:visited {
color: #999999;
font-weight: 100;
text-decoration: none;
border-bottom: 1px dotted #999999;
}
#footer p a:hover {
color: #999999;
text-decoration: none;
border-top: 1px dotted #999999;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}