body {
font-family: Verdana, Geneva, sans-serif;
font-size: 8pt;
}
a {
color: #455E96;
text-decoration: none;
}
a:hover {
color: #8F0000;
text-decoration: underline;
}
a img {
border: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-weight: normal;
}
h1 {
font-size: 2em;
line-height: 120%;
}
#nav {
color: white;
font-size: .9em;
}
#nav a {
color: white;
text-decoration: none;
}
#nav a:hover, #nav a.highlight {
color: #EECF37;
text-decoration: underline;
}
#main {
color: #455E96;
}
#content {
line-height: 20px;
}
#content strong {
font-family: Georgia, serif;
font-weight: normal;
font-size: 2em;
}
.view p {
color: #8C8C8C;
}
.view ul {
}
.listing {
color: #5C5C5C;
line-height: normal;
width: 100%;
}
.listing h2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
font-weight: bold;
color: #455E96;
}
.listing h2 a {
color: #455E96;
}
.listing a {
color: #8EB935;
}
.calendar {
font-size: .9em;
}
.calendar h2 {
color: white;
font-size: 1.6em;
}
#photo_column p.more {
font-size: .9em;
text-align: center;
}
.secondary_nav {
font-size: .9em;
}
#footer {
color: white;
font-size: .9em;
width: 100%;
}
#footer a {
color: white;
}
#designer {
font-size: .9em;
color: #8EB935;
}
/* LAYOUT */
html, body {
margin: 0 0 10px 0;
padding: 0;
background-color: #886F4B;
text-align: center;
}
div#container {
width: 820px;
margin: 10px auto 10px auto;
border: 2px solid white;
text-align: left;
background-color: #8A94D3;
}
div#header {
background-image: url(/media/images/layout/header_bg.jpg);
background-repeat: no-repeat;
width: 820px;
position: relative;
}
#header h1#logo {
margin: 0; padding: 0;
}
#header h1#logo a {
display: block;
width: 820px;
height: 85px;
text-indent: -10000px;
outline: none;
}
#header img {
display: block;
}
/*
#header div#swoop_upper {
width: 820px;
height: 51px;
position: absolute;
top: 83px;
left: 0;
margin: 0;
padding: 0;
background-image: url(/media/images/layout/green_swoop_fat.png);
}
*/
div#rotator_top {
position: relative;
width: 820px;
padding-bottom: 18px;
}
#rotator_top div#swoop_lower {
width: 820px;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background: transparent url(/media/images/layout/green_swoop_thin.png) top left no-repeat;
}
div#nav {
height: 34px;
background-image: url(/media/images/layout/nav_bg.jpg);
background-repeat: no-repeat;
padding-left: 65px;
}
#nav ul {
padding: 0;
margin: 0;
}
#nav ul li {
padding: 5px;
margin: 0;
float: left;
list-style-type: none;
height: 34px;
line-height: 34px;
background-image: url(/media/images/layout/nav_divider.gif);
background-repeat: no-repeat;
background-position: center left;
}
#nav ul li a {
display: block;
margin-top: -5px;
padding: 3px 10px;
}
#nav ul li.first {
background-image: none;
padding-left: 0;
}
div#main {
background: transparent url(./media/images/layout/main_bg.jpg) repeat-y;
padding: 3px 21px 0 26px;
}
div#content_column {
width: 580px;
padding-left: 30px;
float: left;
}
div#content {
padding: 1px 15px 0 7px;
}
div#calendar_column {
width: 350px;
float: right;
}
div.rotator_lower {
margin-bottom: 8px;
}
div#photo_column {
width: 160px;
float: left;
}
#photo_column div.photo_week {
padding: 24px 0 0 21px;
background-image: url(/media/images/layout/photo_week_bg.jpg);
background-repeat: no-repeat;
width: 139px;
height: 135px;
}
#photo_column h2, #photo_column p, #photo_column li {
padding-left: 7px;
}
#photo_column p.more {
margin-top: 0;
}
#photo_column ul.secondary_nav {
border-right: 2px solid #C5DB9A;
padding: 0 8px 0 0;
margin-left: 0;
}
#photo_column ul.secondary_nav li {
border-top: 2px solid #C5DB9A;
line-height: 27px;
list-style-type: none;
}
#photo_column ul.secondary_nav li.first {
border: 0;
}
div#rotator_column {
width: 120px;
padding-right: 30px;
float: right;
}
div#footer {
padding: 20px 0 0 0;
background-image: url(/media/images/layout/footer_bg.jpg);
background-repeat: no-repeat;
width: 100%;
}
#footer ul {
margin: 0;
padding: 0;
text-align: center;
white-space:nowrap;
}
#footer ul li {
display: inline;
margin: 0;
padding: 0 4px 0 9px;
list-style-type: none;
background-image: url(/media/images/layout/nav_divider.gif);
background-repeat: no-repeat;
background-position: center left;
}
#footer ul li.first {
background-image: none;
}
div#designer {
text-align: center;
height: 28px;
line-height: 28px;
}
/* BOXES */
.view p {
padding-left: 40px;
margin-bottom: 0;
}
.view ul {
margin: 0;
padding-left: 40px;
}
.view ul li {
list-style-type: none;
padding-left: 13px;
}
.view ul a {
display: block;
}
.view ul a.current {
padding-left: 13px;
background-image: url(/media/images/layout/red_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
.view ul a.current {
color: #8F0000;
}
hr {
height: 1px;
border: 1px dotted #8EB935;
border-width: 0 0 1px 0;
}
/* This is the entire list on a page */
div.listings {
background-image: url(/media/images/layout/green_dots.gif);
background-repeat: repeat-x;
padding-top: 5px;
background-position: top left;
margin: 10px;
}
/* This is an individual listing */
.listings div.listing {
background-image: url(/media/images/layout/green_dots.gif);
background-repeat: repeat-x;
background-position: bottom left;
padding: 5px 0;
}
.listing div.image {
float: left;
}
.listing .image img {
padding: 6px;
border: 1px solid #D0D6E5;
float: left;
}
.listing div.description {
float: right;
width: 330px;
}
.listing h2 {
margin: 0;
}
.listing p {
margin: 10px 0;
}
.listing .more {
margin-left: 30px;
}
.listing .description em {
font-weight: bold;
font-style: normal;
float: left;
width: 75px;
}
div.calendar {
width: 348px;
margin-bottom: 12px;
border: 1px solid #a3c564;
background-color: #e5e9f4;
border-width: 0 1px;
}
div.calendar_inner {
width: 350px;
border-bottom: 1px solid #a3c564;
}
div.calendar_inner_inner {
width: 350px;
margin-left: -1px;
background-image: url(/media/images/layout/greenbox_top.gif);
background-repeat: no-repeat;
padding: 0 13px 8px;
}
.calendar h2 {
height: 34px;
line-height: 34px;
margin: 0 0 5px;
color: white;
}
.calendar ul {
padding-left: 0;
margin-left: 0;
}
.calendar ul li {
margin-left: 0;
list-style-type: none;
line-height: 24px;
}
.calendar .more {
text-align: right;
margin-right: 20px;
}
.gallery .left {
float: left;
}
.gallery .right {
float: right;
}
.gallery img {
border: 3px solid #8EB935;
padding: 4px;
}
.gallery a:hover img {
border: 3px solid #EECF37;
}
td.gallery strong a {
font-size: 14px;
}
th.gallery h2 {
margin-bottom: 0;
}
td.gallery {
line-height: 14px;
}
table.gallery {
margin-top: 20px;
}
#subnav {
margin-left: -40px;
}
html #subnav {
margin-left: 0;
}
#subnav li {
float: left;
list-style-type: none;
margin: 3px 10px;
}
#subnav li.first {
margin: 3px 10px 3px 0;
}
#subnav li.current {
padding-left: 13px;
background-image: url(/media/images/layout/red_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
#subnav li a {
display: block;
}
input#textarea {
width: 400px;
}
input.submit {
width: auto;
}
/* UTILITY */
.clear {
clear: both;
margin: 0 0 10px 0;
}