* {
margin: 0;
padding: 0;
}
body {
text-align: center;
min-width: 768px;
font: 0.7em/1.7em Verdana, sans-serif;
color: #383838;
background: #fff url(../img/bg_body.gif) repeat-x 0 100px;
}
/*----Layout----*/
#wrapper {
width: 768px;
margin: 0 auto;
text-align: left;
position: relative;
}
#branding {
height: 145px;
}
#threeColumnLayout #content {
width: 576px;
float: left;
padding-bottom: 50px;
}
#threeColumnLayout #mainContent {
width: 384px;
float: left;
}
#twoColumnLayout #content {
width: 768px;
float: left;
}
#twoColumnLayout #mainContent {
width: 538px;
float: left;
}
#secondaryContent {
width: 192px;
float: right;
}
#extraContent {
width: 192px;
float: right;
}
#footer {
clear: both;
background: #fff url(../img/bg_footer.gif) repeat-x 0 100%;
}
/*----Styles----*/
h1 {
width: 383px;
height: 100px;
text-indent: -8000px;
background: transparent url(../img/ui_logo.gif) no-repeat 0 0;
}
h1 a {
position: absolute;
width: 383px;
height: 100px;
top: 0;
left: 0;
}
img {
border: 1px solid #ccc;
}
a:active {
outline: none;
}
a:hover img {
border: 1px solid #00893f;
}
#mainContent h2, #mainContent h3 {
font: bold 2em/1.2em helvetica, arial, Verdana, sans-serif;
color: #007e3a;
padding: 0 0 0 10px;
}
#mainContent h2.googleheader {
font: bold 2em/1.4em helvetica, arial, Verdana, sans-serif;
color: #9d7a01;
margin: 0;
padding: 0 0 8px 12px;
text-align: left;
}
#mainContent a:link, #mainContent a:visited {
text-decoration: none;
}
#mainContent a:hover {
color: #00893f;
text-decoration: underline;
}
#mainContent a:active {
color: #666;
text-decoration: none;
}
#mainContent h2 a, #mainContent h3 a {
color: #007e3a;
}
#mainContent p a {
color: #666;
}
#mainContent p.excerpt {
padding: 0 10px;
}
#mainContent p.date {
margin-bottom: 8px;
color: #999;
padding: 0 0 0 10px;
}
#mainContent p.options {
margin: 8px 10px 20px 0;
padding: 0 0 10px 10px;
border-bottom: 1px solid #efefef;
color: #ccc;
}
#mainContent img {
margin: 22px 14px;
}
#secondaryContent h2, #extraContent h3 {
height: 26px;
text-indent: -8000px;
}
#mapwrapper {
background: #feed84 url(../img/bg_googlemap.gif) repeat-x 0 0;
margin: 0 10px 30px 10px;
border: 1px solid #fedb00;
padding: 10px 0;
text-align: center;
}
#map {
margin: 0 13px; 
border: 1px solid #fedb00;
}
* html #map {
margin: 0; 
}

/*----Classes----*/
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.backtotop {
margin: 10px 0;
padding-left: 16px;
line-height: 50px;
background: #fff url(../img/ico_up.gif) no-repeat 0 50%;
}
.rss {
background: transparent url(../img/ico_feed.gif) no-repeat 2% 50%;
padding: 3px 0 3px 24px;
}
.entries {
background: transparent url(../img/ui_latest_entries.gif) no-repeat;
}
.comments {
background: transparent url(../img/ui_latest_comments.gif) no-repeat;
}
.archives {
background: transparent url(../img/ui_archives.gif) no-repeat;
}
.about{
background: transparent url(../img/ui_about.gif) no-repeat;
}
.photos {
background: transparent url(../img/ui_latest_photos.gif) no-repeat;
margin-bottom: 10px;
}
#secondaryContent ul, #extraContent ul {
list-style: none;
padding: 0 0 34px 0;
}
#secondaryContent ul li, #extraContent ul li {
line-height: 2em;
border-bottom: 1px solid #efefef;
margin: 0 10px 0 0;
}
#secondaryContent ul li a, #extraContent ul li a {
text-decoration: none;
color: #313131;
display: block;
}
#secondaryContent ul li a:hover, #extraContent ul li a:hover {
text-decoration: underline;
color: #00893f;
}
.ico_entry {
padding-left: 14px;
background: transparent url(../img/ico_entry.gif) no-repeat 0 50%;
}
.ico_entryComments {
padding-left: 14px;
background: transparent url(../img/ico_comments.gif) no-repeat 0 50%;
}
.ico_categories a {
padding-left: 20px;
background: transparent url(../img/ico_categories.gif) no-repeat 2% 50%;
}
.ico_entries a {
padding-left: 20px;
background: transparent url(../img/ico_entry.gif) no-repeat 4px 8px;
}
.ico_comments a {
padding-left: 20px;
background: transparent url(../img/ico_comments.gif) no-repeat 4px 8px;
}
.ico_calendar a {
padding-left: 20px;
background: transparent url(../img/ico_calendar.gif) no-repeat 2% 50%;
}
#extraContent a, #tools a {
text-decoration: none;
color: #313131;
}
#extraContent a:hover, #tools a:hover {
text-decoration: underline;
color: #00893f;
}
#extraContent .mike {
padding: 10px 0;
}
#extraContent .mike img {
margin-right: 8px; 
}
.intro {
position: absolute;
top: 14px;
left: 0;
text-indent: -8000px;
height: 17px;
width: 182px;
background: #272727 url(../img/headerIntro.gif) no-repeat 0.5% 50%;
}
p#feed {
position: absolute;
top: 6px;
left: 578px;
}
form#search {
position: absolute;
top: 50px;
left: 578px;
height: 16px;
line-height: 16px;
background: #fff;
}
form#search input {
font-size: 1.2em;
color: #777;
width: 126px;
border: 1px solid #7f9db9;
padding: 0 0 0 14px;
background: #fff url(../img/ico_search.gif) no-repeat 3px 50%;
}
form#search input.button {
background: #fff url(../img/buttonSearch.gif) no-repeat 0 0;
text-indent: -8000px;
width: 32px;
height: 19px;
border: 0;
cursor: pointer;
}
#footer p {
padding-top: 50px;
width: 768px;
margin: 0 auto;
text-align: left;
color: #fff;
font-size: 90%;
}
#mainContent #articleHeader {
margin-bottom: 20px;
}
#articleHeader h2 {
font: bold 2.2em/1.7em helvetica, arial, Verdana, sans-serif;
color: #007e3a;
padding: 0 0 0 10px;
}
#twoColumnLayout #content #articleHeader p {
margin: 0 0 0 10px;
padding: 4px 10px;
color: #fff;
font-weight: bold;
background: #00b352;
}
#twoColumnLayout #content p {
padding: 0 2.5em 1.4em 1em;
font: 1em/1.9em Verdana, sans-serif;
}
/* MT sections: Comments */
#twoColumnLayout h3 {
margin-top: 0.5em;
font: bold 1.4em/1.7em helvetica, arial, Verdana, sans-serif;
color: #007e3a;
padding: 0 0 0 10px;
}
.comment {
margin: 0 10px 30px 10px;
border: 1px solid #fedb00;
padding: 14px 10px 0 10px;
background: #feed84;
}
.commenterAndDate {
color: #999;
}
.commentsForm fieldset {
border: none;
background: #feed84;
border: 1px solid #fedb00;
margin: 10px;
padding: 0 20px 10px;
}
.commentsForm input, .commentsForm select, .commentsForm textarea {
font: 1em/1.7em  Verdana, arial, sans-serif;
color: #444;
border: 1px solid #fedb00;
}
.commentsForm textarea {
width: 40em;      
}
.commentsForm label.width{
width: 5em;
float: left;
}
/*----Flickr Gallery----*/
ul#flickr {
width: 192px;
}
ul#flickr li {
border: none;
float: left;
padding: 0 0 4px 0;
}
/*----Navigation----*/
#secondaryContent ul#navigation {
list-style: none;
margin: 0 10px 34px 0;
padding: 0;
background: #00b352;
}
#secondaryContent ul#navigation li {
margin: 0;
padding: 0;
line-height: 2.4em;
border-bottom: 1px solid #5afea5;
}
#secondaryContent ul#navigation li a:link, #secondaryContent ul#navigation li a:visited {
padding: 0;
text-decoration: none;
color: #fff;
font-weight: bold;
display: block;
background: transparent url(../img/bg_nav_bullet.gif) no-repeat 4% 50%;
padding-left: 17px;
border-bottom: 1px solid #007E3A;
}
#secondaryContent ul#navigation li a:hover {
background: #00c65b url(../img/bg_nav_bullet_hover.gif) no-repeat 4% 50%;
}
#secondaryContent ul#navigation li a:active {
background: transparent url(../img/bg_nav_bullet.gif) no-repeat 4% 50%;
}