/*
Thanks to Floatutorial for reminding me about floating images:
http://css.maxdesign.com.au/floatutorial/
*/

body 
{
background: #b5cc98 url("../images/bg_05.gif") top left repeat-y;
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
margin: 0;
margin-top: 10px;
padding: 0;
padding-top: 1px;
width: 1000px;
}

body#home
{
background: #360;
margin: 0;
padding: 0;
width: auto;
}

/* ----- BASIC STYLES ----- */

#home p
{
padding: 0 1em;
}

em
{
font-style: italic;
font-weight: bold;
}

h2, h3
{
text-align: center;
}

h2
{
border-bottom: 2px #063800 solid;
color: #360;
font: bold 2em Georgia, "Times New Roman", times, serif;
letter-spacing: 0.1em;
margin: 0px;
padding: 0px 0px 15px 0px;
}

#home h2
{
border: none;
background: url("../images/logo_05.gif") top center no-repeat;
margin: 0 auto;
display: block;
text-indent: -1000px;
padding-bottom: 1.5em;
}

h3
{
color: #630;
margin: 10px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

p 
{
text-align: left;
}

ul li
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

a
{
color: #063800;
}

a:hover
{
color: #360;
}

#nav a
{
color: #fff;
}

#bottom_nav a:hover
{
color: #fff;
}

#home #bottom_nav a:hover, #home a:hover
{
color: #b5cc98
}

/* ----- END BASIC STYLES ----- */

/* ----- LAYOUT ----- */

#sidebar
{
background: url("../images/logo_05.gif") top left no-repeat;
float: left;
margin: 0px;
padding: 0px;
width: 180px;
}

/* ----- END LAYOUT ----- */

/* ----- NAVIGATION ----- */

#nav ul
{
margin-top: 90px;
}

#nav ul#adminMenu
{
margin-top: 0px;
}

#nav ul li a
{
background: #063800 url("../images/nav_bg.gif") top right repeat-y;
border: 1px #365a12 solid;
border-left: none;
color: #effdef;
display: block;
font-size: 1.1em;
margin: 5px 0px;
margin-left: -10px;
padding: 3px;
text-align: right;
text-decoration: underline;
width: 100%;
}

#nav ul#adminMenu li a
{
font-size: 0.8em;
}

html>body #nav ul li a
{
width: auto;
}

#nav ul li a#current
{
border: 1px #effdef solid;
border-left: none;
color: #b5cc98;
}

#nav ul a:hover, #nav ul a#current:hover
{
background: #630 url("../images/nav_bg_hover.gif") top left repeat-y;
border: 1px #063800 solid;
border-left: none;
color: #fff;
margin-left: -20px;
padding-right: 37px;
padding-left: 0px;
text-decoration: none;
width: 85%;
}

html>body #nav ul a:hover, #nav ul a#current:hover
{
background: #630 url("../images/nav_bg_hover.gif") top right repeat-y;
margin-left: 0px;
padding-left: 0px;
padding-right: 30px;
width: auto;
}

/* ----- END NAVIGATION ----- */

#content
{
margin: 0 20px 0 220px;
}

#content ul
{
padding-bottom: 40px;
}

#content h4
{
background: #360 url("../images/sub_bg_dark.gif") bottom right no-repeat;
color: #b5cc98;
font-size: 1em;
height: 1.4em;
margin: 0;
margin-left: 3px;
padding: 0;
padding-left: 3px;
padding-right: 14px;
width: 9em;
}

.list_title
{
background: #360 url("../images/sub_bg_dark.gif") bottom right no-repeat;
color: #b5cc98;
font-size: 1em;
font-weight: bold;
height: 1.4em;
margin-left: 190px;
padding-left: 3px;
width: 6.5em;
}

/* ----- WEATHER REPORT ----- */
#weather
{
margin: 0;
margin-left: 4px;
padding: 0;
}

#weather h4
{
background: #b5cc98 url("../images/sub_bg_light.gif") bottom right no-repeat;
font-size: 1em;
height: 1.3em;
margin: 0;
margin-left: 3px;
padding: 0;
padding-left: 3px;
text-align: left;
width: 9.6em;
}

#weather p
{
font-size: 0.75em;
margin: 2px 5px 2px 0px;
padding: 0;
padding-right: 10px;
}

#weather_img
{
background: #b5cc98;
border: 1px #000 solid;
margin: 2px;
padding: 3px;
width: 65px;
}

/* ----- END WEATHER REPORT ----- */

/* ----- YEARS NAVIGATION ON CALENDAR ----- */

#nav_years
{
background: #ddd;
font-size: 0.9em;
font-weight: bold;
height: 16px;
line-height: 16px;
text-align: center;
width: 100%;
}

html>body #nav_years
{
width: 100%;
/*
width: 240px;
*/
}

#nav_years li
{
display: inline;
list-style-type: none;
}

#nav_years ul
{
margin: 0;
padding: 0;
}

#nav_years span.navkey
{
text-decoration: underline;
}

#nav_years a
{
color: #333;
padding: 3px 15px;
text-decoration: none;
}

html>body #nav_years a
{
padding: 2px 17px;
}

#nav_years a:hover
{
background: #bbb;
}

/* ----- END YEARS NAVIGATION ON CALENDAR ----- */

/* ----- EVENT DATES ON CALENDAR ----- */
.eventstart .redwood
{
border-left: 2px #600 solid;
}

.eventstart .sunset
{
border-left: 2px #d2c300 solid;
}



.eventend .redwood
{
border-right: 2px #600 solid;
}

.eventend .sunset
{
border-right: 2px #d2c300 solid;
}



/* ----- PHOTO TOUR ----- */

.cabin_image
{
background-color: #fff;
border-top: 1px solid #360;
border-right: 2px solid #063800;
border-bottom: 2px solid #063800;
border-left: 1px solid #360;
float: left;
margin: 20px 10px 0 0;
padding: 10px;
width: 155px;
}

.cabin_image img
{
border-top: 2px solid #063800;
border-right: 1px solid #360;
border-bottom: 1px solid #360;
border-left: 2px solid #063800;
}

.caption
{
font-size: 0.8em;
}

/* ----- END PHOTO TOUR ----- */

/* ----- GUESTBOOK ----- */

#guestbook p
{
margin-bottom: 0;
padding-bottom: 0;
}

p.comment
{
margin-left: 320px;
}

p.guest, p.location
{
font-size: 0.8em;
margin: 0;
padding: 0;
}

p.guest
{
font-weight: bold;
margin-left: 350px;
}

p.location
{
font-style: italic;
margin-left: 380px;
}

/* ----- END GUESTBOOK ----- */
/* ----- IMAGES ----- */
.center
{
padding: .15em;
border: .1em solid #666;
display: block;
margin: 0 auto;
margin-bottom: 1em;
}

.floatleft
{
border: .1em solid #666;
float: left;
margin: 0 1em 1em 0;
padding: .15em;
text-align: center;
}

.floatright
{
border: .1em solid #666;
float: right;
margin: 0 0 1em 1em;
padding: .15em;
}

/* ----- END IMAGES ----- */

#clear, #extra_info, #bottom_nav
{
clear: both;
}

#extra_info p, #bottom_nav, #footer
{
padding-top: 5px;
text-align: center;
}

/*
#footer
{
background: #fff;
height: 1.2em;
margin: 0;
padding: 0;
}
*/