body {
 background: url("../images/layout/pattern_139.gif");
 margin: 0; padding: 0;
 margin-right: auto; margin-left: auto; /*centers page design*/
}
p, #copy li {
 color: #333;
 font: 12px/20px Georgia, "Century Gothic", "Times New Roman", Times, serif;
 text-align: left;
}
a, li {
 color: #fff;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
 color: #432816;
}
img {
 border: none;
 margin: 0; padding: 0;
}
form input, form textarea {
 background: #dbded6;
}

.hidden {
 display: none;
 visibility: hidden;
}
h1 {
 color: #000;
 margin: 0;
 padding: 0;
 z-index: 1;
}
#header h1 {
 background: url("../images/layout/cynical-blackguard-logo2.jpg") no-repeat transparent;
 height: 84px; /*logo image height, 74px*/
 margin-top: 15px;
 margin-left: auto; margin-right: auto;
 width: 465px; /*logo image width, 360px*/
 z-index: 10;
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}

#copy h2 {
 font: small-caps 24px/28px Georgia, "Century Gothic", "Times New Roman", Times, serif;
}
#copy h3 {
 font: normal 18px/20px Tahoma, Arial, Helvetica, sans-serif;
}
#copy h4 {
 font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}

/*common layout styles*/
#header, #content, #copy, .photo-full, .photo-left, .photo-right, #footer {
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
}


/*specific layout styles*/
#frame {
 margin-right: auto; margin-left: auto; /*centers page design*/
 width: 700px;
}


#header {
 height: 100px;
 padding-top: 2px;
 width: 100%;
 z-index: 10;
}


#content {
 background: #ffffe7; /*66572e;*/
 border: 4px inset #432816;
 margin-top: 11px;
 width: 700px;
}

#copy {
 background: #ffffe7; /*c2c7ba, 8d9882*/
 min-height: 300px;
 padding: 40px 0 50px;
 text-align: left;
 width: 100%;
 z-index: 0;
}
#copy h2, #copy p, #copy ul li, #copy ol li, #copy h3, #copy h4 {
 margin: 0 40px;
 padding: 0;
}
#copy h3, #copy h4 {
 margin-top: 1em;
}
#copy p {
 padding-bottom: 1em;
}
#copy ul, #copy ol {
 margin-top: 0;
}
#copy a {
 color: #66572e;
 text-decoration: underline;
}
#copy a:hover {
 text-decoration: none;
}
#copy #breadcrumbs {
 font: 12px/14px Arial, Helvetica, sans-serif;
 margin-top: -30px;
}

#copy .example {
 background: #ffffcd;
 margin: 0 60px 20px; padding: 20px 20px 10px 20px;
}
#copy .example p {
 margin-left: 0; padding-left: 0;
 margin-right: 0; padding-right: 0;
}

#copy .prev-next-links {
 background: #ffffcd;
 font: 12px/14px Arial, Helvetica, sans-serif;
 height: 20px;
 margin: 20px 40px; padding: 10px 5px;
 width: 600px;
}

.photo-full {
 clear: both;
 margin: 0 0 20px; padding: 0;
}
.photo-left {
 margin: 0 20px 10px 0; padding: 0;
}
.photo-right {
 float: right;
 margin: 0 0 10px 20px; padding: 0;
}
.photo-border {
 border: 5px solid #fff;
}


#footer {
 background: #222;
 padding: 20px 0;
 width: 100%;
}
#footer p {
 color: #999;
}
#footer-links, #footer-contact, #footer p {
 margin: 0 40px; padding: 0;
}
#footer-links {
}
#footer-contact a {
 color: #999;
}


/*Navigation link styles*/
#topnav, #topnav img, #topnav ul, #topnav li {
 background: transparent;
 margin: 0; padding: 0;
 z-index: 100;
}
#topnav {
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 margin: 20px 80px; padding: 3px 0;
}
#topnav #navlinks {
 height: 20px;
 margin-left: 60px;
 width: 490px;
 z-index: 100;
}
#topnav #navlinks li {
 color: #c2c7ba;
 display: inline;
 float: left;
 font: 14px/18px Georgia, "Century Gothic", "Times New Roman", Times, serif;
 list-style: none;
 margin-right: 15px;
 position: relative;
 z-index: 100;
}
#topnav a {
 text-decoration: none;
}
#topnav a:hover {
 text-decoration: underline;
}

/*Horizontal Menu related styles*/
#topnav ul li a, #topnav ul li a:hover {
 background-color: transparent;
 color: #000; */c2c7ba*/
 font: 14px/28px Georgia, "Century Gothic", "Times New Roman", Times, serif;
}