html, body, div, p {
font: normal 12px "Trebuchet MS", "Bitstream Vera Sans", verdana, sans-serif;
color: #666;
}
html {
height: 100%;
}
body {
background:  #F2F0E6 url(../images/pagebg.gif) repeat-y 50% 0;
background-attachment: fixed;
margin: 1px 0;
padding: 0;
text-align:center;
height: 100%;
}
#outer {
margin: 0 auto;
width: 648px;
}
#header {
margin: 0;
padding: 0;
border-top: 20px solid #BE6656;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content {
margin: 0;
width: 100%;
background-image:url(../images/mainbg.gif);
background-repeat:repeat-y;
border: 1px solid #A7B3B4;
}
#main {
float:left;
width: 440px;
margin-right: 5px;
text-align: left;
padding-top: 30px;
}
#main p {
font-size: 14px;
line-height: 140%;
padding-left: 20px;
color:#666;
background-color: transparent;
}
#main a {
text-decoration:none;
font-variant:small-caps;
font-size: 95%;
border: 1px solid;
border-color: #F0F2EE #95AD94 #95AD94 #F0F2EE;
color: #A87864;
padding: 0 4px;
margin: 0;
letter-spacing: 2px;
font-weight: bold;
}
#main a:hover {
background-color: #C1D5C1;
}
#sidebar {
margin-top: 30px;
margin-left: 470px;
*margin-left: 460px;
width: 160px;
text-align: left;
}
#sidebar h2 {
font-size: 14px;
border-bottom: 1px solid #6C6D91;
color: #5E835C;
width: 150px;
padding: 0 2px;
display: inline;
}
#sidebar p {
font-size: 12px;
text-align:left;
line-height: 145%;
color: #A87864;
margin-top: 4px;
}
#sidebar ul {
margin: 0;
padding: 0;
border: 0;
}
#sidebar ul li {
list-style-type:none;
line-height: 1.3em;
font-size: inherit;
voice-family: "\"}\"";
voice-family: inherit;
font-size: inherit;
}
#sidebar ul li a {
background-image: url(../images/bullit.gif);
background-position: 5% 50%;
background-repeat: no-repeat;
text-decoration: none;
display: block;
padding-left: 20px;
}
#sidebar a:link {
padding: 0 20px;
color:#A87864;
}
#sidebar a:visited {
color: #A87864;
}
#sidebar a:hover {
text-decoration: underline;
color:#494949;
}
#main a.emailLink:link {
color:#666;
background-color: transparent;
border: 0;
font-variant: normal;
font-weight:normal;
padding: 0;
font-size:100%;
letter-spacing:normal;
}
#main a.emailLink:visited {
color: #666;
background-color:transparent;
}
#main a.emailLink:hover {
text-decoration: underline;
color:#666;
background-color:transparent;
}
#main .plain a {
color: #039;
border: none;
text-decoration: underline;
font-variant:normal;
letter-spacing: 0px;
padding: 0px;
line-height: 100%;
}
#footer {
clear: both;
background:#E6E4CA url(../images/footer.jpg) 100% 100% no-repeat;
border-top: 1px solid #E0DAC2;
width: 650px;
}
#footer p {
text-align: right;
font-size: x-small;
letter-spacing: 2px;
padding: 5px 30px 5px;
color: #8586A3;
}
#footer a:link {
text-decoration: none;
color:#A87864;
}
#footer a:visited {
text-decoration: none;
color: #A87864;
}
#footer a:hover {
text-decoration: underline;
background-color: #EFEEDE;
color: #494949;
}
#main .box {
padding-top: 10px;
margin-top: -17px;
background: #F2F0E6 url(../p7ap/images/p7ap_light_gray_bevel.jpg) repeat-x;
border: 1px solid #CCC;
border-top: none;
padding-bottom: 10px;
margin-left: 5px;
}
h4 {
font-size: 17px;
color: #5E835C;
padding: 0px 15px;
font-style: italic;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
background-color: #EBECE8;
margin-left: 5px;
}
#main .box p {
margin: 1px 10px 1px;
padding-left: 5px;
padding-bottom: 0px;
line-height: 135%;
background-color: #FEF8F5;
border: 1px solid #CCC;
margin-bottom: 3px;
font-size: 12px;
}
#main .box a{
color: #BE6656;
font-variant: normal;
background: none;
border: none;
text-decoration: underline;
letter-spacing: 0;
}
.box strong {
color: #BE6656;
font-style: italic;
}
/* Safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.box h2 {
margin-top: -21px;}
}
.date {
border: 1px solid #BE6656;
background-color: #DFE4DA;
margin-right: 3px;;
padding-left: 3px;
font-weight: bold;
line-height: 160%;
}
#legend {
margin: 12px;
background-color: #F1F4F1;
border: 1px solid #BE6656;
text-align: left;
width: 370px;
padding: 4px 8px;
}
#legend img {
vertical-align:bottom;
}
/* Gallery stuff */
embed {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 10px;
-moz-box-shadow: 0 2px 5px #aaa;
-webkit-box-shadow: 0 2px 5px #AAA;
box-shadow: 0 2px 5px #aaa;
border: 1px solid #fff;
background-color: #DEE3D9;
}
h4 {
background-color: #C6D8C6;
border-bottom: 1px solid #666;
border-top: 1px solid #FFF;
padding: 2px 8px 2px 18px;
color: #333;
font-variant: small-caps;
letter-spacing: 2px;
font: normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
}