/*
-----------------------------------------------------------
Theme Name: Feet
Theme URI: http://www.ewebscapes.com
Description: Feet Theme
Version: 2.0
Author: Lisa Sabin-Wilson
Author URI: http://ewebscapes.com
-----------------------------------------------------------



*/

BODY {
 background: #e9ede8;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 margin: 0;
}

body p:empty:before {
    content: none;
}

a {color: #37672b; text-decoration: none;}
a:active {color: #37672b; text-decoration: none;}
a:visited {color: #37672b; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

/* STRUCTURE */

#page {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
}

#frame {
 background:url(images/frame.jpg) repeat-y;
 float: left;
 width: 760px;
}

#frame2 {
 float: left;
 width: 760px;
}


#topbanner {
 margin-left: auto; 
 margin-right: auto;
 width: 100%;
 height: 190px;
 background: url(images/header2025b.jpg) no-repeat;
 background-size: 100% auto;
}

#topbanner form {
 padding-top: 15px;
 text-align: right;
  font-size: 8pt;
}

.info {
 text-align: right;
 padding-right: 40px;
 font-weight: bold;
 text-transform: uppercase;
 font-family: georgia;
 color: #82977d;
 font-size: 14px;
 letter-spacing: 3px;
}

.title {
 color: #3b5236;
 letter-spacing: 1px;
 font-family: italics Georgia;
 font-size: 42px;
 padding: 85px 0 0 35px;
 text-align: left;
}

.title a:link, .title a:active, .title a:visited { color: #3b5236; text-decoration: none;}
.title a:hover {color: #bcbcd0; text-decoration: none;}

a:link img, a:visited img, a:hover img, a:active img {
    border-color:#006600;
}


#footer {
 background: url(images/frame.jpg) repeat-y;
 height: 263px;
 width: 760px;
 align: center;
}

#footer p {
 padding: 0px 0 0 40px;
 margin:0;
 font-size: 8pt; 
 color: #404040; 
}


#main {
 float: left;
 margin: 10px 5px 0 30px;
 width: 500px; 
 overflow:hidden;
}

#main a img {
border:0px;
}

h2 {
 background: #7a9674;
 width: 95%;
 color: #dfe3dd;
 font-size: 14px;
 letter-spacing: 4px;
 padding: 5px;
 list-style: none;
 margin:0;
}



#menu {
 float: left;
 width:190px;
 margin: 0 0 0 0px;
 color: #000;
 overflow:hidden;
}

#menu form ul {background: transparent;}

#menu form {
 background: transparent;
 margin: 5px 0 5px 10px;
}

#menu input#s {
 width: 90%;
 background: #e9ede8;
 border: 1px solid #7a9674;
 color: #000;
}

#menu ul {
 font-size: 8pt;
 color: #000;
 list-style-type: none;
 margin: 0;
 padding-left: 3px;
}

#menu ul li {
 background: #dfe3dd;
 line-height: 110%;
 margin: 10px 0 0 0;
}

#menu ul li p {padding: 5px; margin: 0;}

#menu ul ul {
 list-style-type: none;
 margin: 0 0 15px 0;
 padding: 0;
 text-align: left;
}

#menu ul ul li {
 background: url(images/bullet.gif) no-repeat;
 padding-left: 10px; }

#menu ul ul li a { color: #3e5e38; text-decoration: none;}
#menu ul ul li a:hover {color: #000; text-decoration: none;}

#menu ul ul ul.children {
 font-size: 8pt;
 padding-left: 3px; border:0px;
}


/* Formatting */

.main_date {
 margin: 0px 0px 8px 0px;
 font-style: oblique;
 text-align: left;
 font-size: 12px; 
 font-variant: small-caps;
 color: #808080; 
}

.main_title {
 background: #c1c7bf;
 border-bottom: 1px solid #3e523a;
 padding: 0 0 0 4px;
 text-align: left;
 font-size: 20px; 
 font-variant: small-caps;
}

.main_title a, .main_title a:active, .main_title a:visited { color: #3e523a; 
  text-decoration: none;}
.main_title a:hover { color: #000;   text-decoration: none;}


.main_post {
 text-align: justify;
 color: #373C21; 
 line-height: 130%;
}

.main_post img {
  float:left;
  padding:3px;
  margin-right:10px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}




.main_feedback {
 color: #808080;
 text-align: right;
 margin: 0 3px 30px 0;
 }

.navi {
  background: #e9ede8;
 border-top: 1px #7a9674 dotted;
 border-bottom: 1px #7a9674 dotted;
 padding: 4px;
 color: #808080;
 text-align: center;
 margin-bottom: 30px;
 }


blockquote {
background:url(images/quote.gif) no-repeat;background-position:top left;padding-left:20px;text-align:justify; color:#808080;}


h3{
margin: 10px 0;
font-weight: bold;
font-size: 14px;
color: #333;
}

.commentlist li {
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 background-color: #e9ede8;
 border-top: 1px #7a9674 dotted;
 border-bottom: 1px black solid;
}

li.graybox {
 background-color: #efeaf0;
 border: 1px #7a9674 solid;
}

.commentnumber {
 font: italic 14px 'Times New Roman', Times, serif;
 margin-top: -5px;
 float:right;
 color: #7a9674;
 font-size: 28pt;
}


#s {
 border:1px solid #7a9674;
 background: #e9ede8;
 width:200px;
}

#b {
 border:1px solid #7a9674;
 background: #e9ede8;
 font-size: 9pt;

}

#button {
 border:1px solid #7a9674;
 background: #e9ede8;
 font-size: 8pt;
 margin-top:5px;
}

INPUT{
 border:1px solid #7a9674;
 background: #e9ede8;
}

TEXTAREA{
 border:1px solid #7a9674;
 background: #e9ede8;
 width:470px;
}




#wp-calendar {empty-cells: show; color: #000; margin: 0;width: 100%;}
#wp-calendar #next a{padding-right: 10px;text-align: right;color: #3b5236;}
#wp-calendar #prev a{padding-left: 10px;text-align: left; color: #3b5236;}
#wp-calendar a{	color: #3b5236; display: block;text-decoration: none;}
#wp-calendar a:hover{color: #3b5236; background: #fff;text-decoration: none;border: none;}
#wp-calendar caption{ 
 background: #7a9674;
 width: 100%;
 color: #dfe3dd;
 font-size: 14px;
 list-style: none;
 margin:0; }
#wp-calendar td{color: #404040; padding: 1px 0;text-align: center;}
#wp-calendar td.pad:hover{color: #404040; background: #cac6c6;text-decoration: none;border: none;}
#wp-calendar #today{background: #cac6c6; color: #3b5236; border-bottom: 1px solid #0f4e7a;}
#wp-calendar th{font-style: normal;text-transform: capitalize;}


#content img.center {display: block; margin: 0.4em auto 0.4em auto;}
#content img.alignright {float: right; margin: 0.4em 0 0.4em 1.1em; }
#content img.alignleft {float: left; margin: 0.4em 1.1em 0.4em 0; }