/* Copyright 2011 David Byers */
html, body {
background-color: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
text-align:center;
width: 100%;
}
#container {
font-size: .9em;
text-align: left;
width: 548px;
}
#primary {
font-size: .9em;
text-align: left;
width: 548px;
}
#wrappage {
background: #fff url(../images/faux-col.png) repeat-y;
margin: 0 auto;
padding: 0;
width: 750px;
}
#wrapcont {
background-color: #e5eeb5;
margin: 0;
padding: 0 205px 0 0;
width: 750px;
}
#header {
background-color: #fff;
height: 100px;
margin: 0;
padding: 0;
width: 750px;
}
#header img {
margin: 0;
}
#main {
float: left;
margin: 0;
padding: 0;
position: relative;
vertical-align: top;
width: 548px;
}
#main h1 {
font-size: 1.4em;
margin: 5px 0 3px 0;
padding: 0;
text-align: center;
}
#main h2 {
font-size: 1.1em;
margin: 5px 10px 0 20px;
padding: 0;
text-align: left;
}
#main p {
font-size: .9em;
line-height: 120%;
margin: 0 10px 10px 10px;
padding: 0 10px 0 10px;
text-align: left;
}
#main ul {
font-size: .9em;
margin: 0 0 0 25px;
padding: 0;
text-align: left;
}
.wrapgallery {
background-color: #f00;
height: auto;
margin: 0 auto;
padding: 0;
width: 588px;
}
.wrapgallery .gallery {
background-color: #fff;
float: left;
font-size: 0.8em;
line-height: 110%;
margin: 0;
padding: 2px 0;
text-align: center;
width: 105px;
}
#nav {
background-color: #b4cc5a;
border-top: #d7e882 1px solid;
border-bottom: #d7e882 1px solid;
margin: 0;
padding: 1px 0;
vertical-align: top;
width: 750px;
}
#nav ul {
background-color: #b4cc5a;
font-size: .9em;
font-weight: bold;
line-height: 1.3em;
list-style: none;
margin: 0;
}
#nav ul li {
display: inline;
margin: 0 8px 0 8px;
padding: 0;
}
#nav ul li a:link {
color: #390;
text-decoration: none;
}
#nav ul li a:visited {
color: #333;
text-decoration: none;
}
#nav ul li a:hover {
color: #ff6;
text-decoration: underline;
}
#nav ul li a:active {
color: #ff6;
text-decoration: underline;
}
#nav h3 {
font-size: 1.1em;
}
#nav p {
font-size: .9em;
}
#aside {
float: left;
margin: 0 -200px 0 5px;
padding: 0;
position: relative;
text-align: center;
vertical-align: top;
width: 200px;
}
#aside h3 {
font-size: 1em;
margin: 0;
text-align:center;
}
#aside p {
clear: both;
font-size: .9em;
line-height: 120%;
margin: 0 5px 5px 5px;
padding: 0;
text-align: center;
}
#aside p.caption {
font-size:1em;
font-style:italic;
margin: 0 0 10px 0;
text-align:center;
}
#footer {
background-color: #b4cc5a;
border-top: 1px solid #b4cc5a;
clear: both;
margin: 0;
padding: 2px 0;
text-align: center;
width: 750px;
}
#footer h2 {
font-size: 0.8em;
margin: 5px 0 0 0;
text-align: center;
}
#footer p {
font-size: .7em;
line-height: 110%;
margin: 0;
padding: 5px 10px 5px 10px;
text-align: center;
}
div.wrapmenu {
background-color: #fff;
margin: 0 auto 5px auto;
width:500px;
}
div.menu {
background-color: #fff;
float:left;
margin: 3px;
padding:0;
width: 242px;
}
.menu h2 {
font-size:1.1em;
margin: 0;
text-align:center;
}
.menu p {
margin: 0 10px 0 10px;
text-align:left;
}
div.clear {
clear:both;
}
br.clear {
clear: both;
}
br.left {
clear: left;
}
br.right {
clear: right;
}
strong.shout {
color: #f00;
}
blockquote {
font-size: .9em;
font-style: italic;
}
img {
border: none;
display: block;
margin: 5px auto;
padding: 0;
}
img.left {
border: none;
float: left;
margin: 4px 10px 4px 20px;
padding: 0;
}
img.right {
border: none;
float: right;
margin: 4px 10px 4px 20px;
padding: 0;
}
table {
margin: 0;
padding: 0;
}
th {
font-weight: bold;
margin: 0;
padding: 0;
vertical-align: top;
}
td {
margin: 0;
padding: 0;
vertical-align: top;
}
hr {
background-color: #c33;
display: block;
height: 4px;
margin: 8px auto;
padding: 0;
width: 90%;
}
ol {
margin: 0 10px 10px 40px;
padding: 0;
}
ol li {
font-size: .9em;
margin: 0;
padding: 0;
text-align: left;
}