body
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #fff;
background: #f2b151;
}
.clear
{
clear: both;
height: 0;
overflow: hidden;
}
.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
img.floatLeft
{
border: 3px solid #fff;
margin: 0 5px 5px 0;
}
img.floatRight
{
border: 3px solid #fff;
margin: 0 0px 5px 5px;
}
.hideMe
{
height: 0;
width: 0;
overflow: hidden;
display: none;
}
#level1Wrap
{
min-width: 982px;
position: relative;
height: 151px;
display: block;
background: url(../i/level1bg.png) top left repeat-x;
}
#level1
{
position: relative;
margin: 0 auto 0 auto;
width: 982px;
height: 151px;
display: block;
overflow: hidden;
background: url(../i/headerbg.png) top left no-repeat;
}
#level1 h1, #level1 h2
{
position: relative;
text-indent: -9999em;
overflow: hidden;
}

#level2Wrap
{
min-width: 982px;
position: relative;
display: block;
background: #94bd58 url(../i/level2bg.png) top left repeat-x;
}
#level2
{
position: relative;
margin: 0 auto 0 auto;
width: 982px;
display: block;
overflow: hidden;
background: url(../i/level2Tile.png) top left repeat-y;
}
#level2Background
{
position: relative;
width: 982px;
display: block;
overflow: hidden;
background: url(../i/level2Gradient.png) top left no-repeat;
}

#level3Wrap
{
min-width: 982px;
position: relative;
display: block;
background: url(../i/level3bg.png) top left repeat-x;
}
#level3
{
position: relative;
margin: 0 auto 0 auto;
width: 982px;
display: block;
overflow: hidden;
background: url(../i/bodyTile.png) top left repeat-y;
}
#level3Background
{
position: relative;
width: 982px;
display: block;
overflow: hidden;
background: url(../i/level3Gradient.png) top left no-repeat;
min-height: 100px;
}
#base
{
position: relative;
width: 982px;
display: block;
height:1px;
overflow: hidden;
border-bottom: 1px solid #f5c174;
margin: 0 auto 10px auto;
background: url(../i/base.png) top left no-repeat;
}
/*////////////////////////////

content layout

////////////////////////////*/
#mcCol1
{
position: relative;
width: 778px;
padding: 0 2px 0 2px;
float: left;
display: block;
}
div.col1Content
{
position: relative;
width: 740px;
padding: 20px 30px 14px 8px;
display: block;
border-top: 1px solid #6a9756;
border-bottom: 1px solid #6a9629;
}
#mcCol1 h2
{
position: relative;
display: block;
width: 684px;
padding: 4px 30px 7px 64px;
font-size: 1.4em;
line-height: 1.8em;
font-weight: bold;
color: #f9e08b;
border-top: 1px solid #6a9756;
border-bottom: 1px solid #5a8619;
}
#mcCol1 .lowerHead
{
border-top: 1px solid #8bc174;
border-bottom: 1px solid #6a9629;
}
div.col1Excerpt
{
position: relative;
width: 740px;
padding: 20px 30px 14px 8px;
display: block;
border-top: 1px solid #8bc174;
border-bottom: 1px solid #6a9629;
}
div.excerpt1
{
border-top: 1px solid #7aa766;
}
div.singleEntry
{
position: relative;
width: 740px;
padding: 20px 30px 14px 8px;
display: block;
border-top: 1px solid #7aa766;
}
div.subBaseLink
{
position: relative;
width: 650px;
padding: 20px 64px 10px 64px;
display: block;
overflow: hidden;
border-top: 1px solid #8bc174;
border-bottom: 1px solid #6a9629;
}
div.baseLink
{
position: relative;
width: 650px;
padding: 20px 64px 10px 64px;
display: block;
overflow: hidden;
border-top: 1px solid #8bc174;
}
div.baseLink p
{
width: 300px;
}
div.baseLink .alignRight
{
text-align: right!important;
}
div.calWrap
{
position: relative;
width: 38px;
height: 43px;
display: block;
float: left;
padding: 0px 0px 0px 2px;
overflow: hidden;
margin: 7px 0 0 0;
}
#mcCol1 .blogPost
{
position: relative;
float: right;
display: block;
width: 684px;
padding: 0 0px 0 0px;
overflow: hidden;
}
#mcCol2
{
position: relative;
width: 180px;
padding: 1px 10px 10px 10px;
display: block;
float: left;
}
#level2 h3
{
font-size: 1.2em;
line-height: 1.6em;
margin: 0 0 10px 0;
font-weight: bold;
}
#level2 h3 a
{
color: #fff;
}
#level2 h3 a:hover
{
color: #f9e08b;
}
#level2 h4
{
font-size: 0.85em;
line-height: 1.2em;
margin: 6px 0 10px 0;
font-weight: bold;
color: #236307;
}
#level2 .archiveExcerpt
{
font-size: 0.8em;
line-height: 1.2em;
margin: 4px 0 6px 0;
font-weight: bold;
color: #135302;
}
#level2 .archiveExcerpt a
{
color: #135302;
text-decoration: underline;
}
#level2 .archiveExcerpt a:hover
{
color: #f9e08b;
text-decoration: none;
}
#level2 p
{
font-size: 0.8em;
color: #fff;
line-height: 1.4em;
margin: 0 0 10px 0;
font-weight: normal;
padding: 0 0 0px 1px;
}
#level2 p a
{
color: #ffd69a;
font-weight: bold;
}
#level2 p a:hover
{
color: #fffdba;
text-decoration: underline;
}
#mcCol2 a
{
color: #236307;
text-decoration: none;
}
#mcCol2 a:hover
{
text-decoration: underline;
}
#mcCol2 h3
{
color: #236307;
}
#mcCol2 ul
{
list-style: none;
width: 100%;
padding: 0 0 10px 0;
}
#mcCol2 ul li
{
position: relative;
width: 100%;
font-size: 0.7em;
color: #236307;
line-height: 1.2em;
padding-bottom: 10px;
}
#mcCol2 ul li em
{
color: #555;
}
#mcCol2 p
{
color: #666;
}
/*////////////////////////////

excerpt styles

////////////////////////////*/
.excerptWrap
{
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.excerptText
{
position: relative;
display: block;
float: left;
overflow: hidden;
width: 560px;
padding: 0 0 0 5px;
}

/*////////////////////////////

meta table

////////////////////////////*/
#mcCol2 table
{
position: relative;
width: 178px;
margin: 0 0 10px 0;
background: #f2b151;
overflow: hidden;
color: #135302;
}
#mcCol2 table td, #mcCol2 table th
{
text-align: left;
font-size: 0.6em;
line-height: 1.0em;
padding: 6px 3px 6px 3px;
border: 1px solid #e2a141;
vertical-align: middle;
}
#mcCol2 table td
{
font-weight: normal;
}
#mcCol2 table th
{
font-weight: bold;
}
#mcCol2 table a
{
color: #6a9629;
text-decoration: underline;
}
#mcCol2 table a:hover
{
color: #000;
}
#mcCol2 table td span
{
width: 100%;
display: block;
padding: 0px 0 5px 0;
}
#mcCol2 table .vTop
{
vertical-align: top!important;
}
#mcCol2 table .hCenter, #mcCol2 table td .hCenter
{
text-align: center;
}
#mcCol2 table .mColor
{
position: relative;
height: 15px;
width: 80px;
display: block;
overflow: hidden;
}
#mcCol2 table .orange
{
background-color: orange;
}
#mcCol2 table .blue
{
background-color: blue;
}
#mcCol2 table .yellow
{
background-color: yellow;
}
#mcCol2 table .pink
{
background-color: pink;
}
#mcCol2 table .white
{
background-color: white;
}
#mcCol2 table .red
{
background-color: red;
}
#mcCol2 table .purple
{
background-color: purple;
}
#mcCol2 .galLink
{
position: relative;
margin: 0 auto 0 auto;
height: 80px;
width: 160px;
display: block;
overflow: hidden;
color: #fdfdfd;
text-decoration: none;
}
#mcCol2 .galLink:hover
{
color: #fff;
text-decoration: none;
}
#mcCol2 .galLink .galBtn
{
position: relative;
height: 80px;
width: 160px;
display: block;
overflow: hidden;
background: url(../i/galleryBtn.png) top left no-repeat;
}
#mcCol2 .galLink .galBtn .galNote
{
position: relative;
height: 16px;
line-height: 16px;
font-size: 12px;
width: 160px;
top: 51px;
overflow: hidden;
vertical-align: baseline;
}
/*////////////////////////////

footer layout

////////////////////////////*/
.fCol1
{
position: relative;
float: left;
width: 410px;
display: block;
overflow: hidden;
padding: 15px 15px 15px 66px;
}
.fCol1 h3
{
font-size: 1.2em;
line-height: 1.6em;
margin: 0 0 10px 0;
font-weight: bold;
color: #236307;
}
.fCol2
{
position: relative;
float: left;
width: 461px;
display: block;
overflow: hidden;
padding: 15px;
text-align: right;
}
.fCol2 h4
{
font-size: 0.8em;
line-height: 1.6em;
margin: 0 0 10px 0;
font-weight: bold;
color: #fff;
}
.fCol2 p
{
font-size: 0.7em;
line-height: 1.3em;
margin: 0 0 10px 0;
font-weight: normal;
color: #fff;
}
.fCol1 a, .fCol2 a
{
color: #fff;
text-decoration: underline;
}
.fCol1 a:hover, .fCol2 a:hover
{
color: #333;
text-decoration: underline;
}
.fCol1 ul, #level2 .blogPost .ulstd
{
list-style-type: disc;
list-style-position: outside;
width: 440px;
margin: 0 0 10px 0px;
padding: 0 0 0px 20px;
display: block;
}
.fCol1 ul li, #level2 .blogPost .ulstd li
{
position: relative;
width: 440px;
font-size: 0.8em;
color: #236307;
line-height: 1.3em;
padding: 0 0 0 0px;
margin-bottom: 8px;
}
#level2 .blogPost .ulstd li
{
color: #f4f4f4;
}
.fCol1 ul li em
{
color: #555;
}
/*////////////////////////////

comments

////////////////////////////*/
div.commentsArea, div.contactArea
{
position: relative;
overflow: hidden;
display: block;
width: 648px;
border: 1px solid #759331;
background: #9eba5f;
}
div.contactArea
{
margin-left: 55px;
}
#mcCol1 .commentsHead
{
font-size: 1.2em;
line-height: 1.6em;
margin: 0;
padding: 10px;
color: #fff;
}
#mcCol1 .contactHead
{
font-size: 1.2em;
line-height: 1.6em;
margin: 0;
padding: 10px 10px 10px 4px;
color: #fff;
}
.commentsArea hr
{
position: relative;
width: 100%;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
outline: none;
-moz-outline-width: 0;
border: 0;
border-bottom: 1px solid #8aa846;
height: 0px;
/*background: #8aa846;*/
}
.commentlist
{
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
.commentlist li
{
position: relative;
display: block;
width: 628px;
padding: 10px;
/*border-bottom: 1px solid #8aa846;*/
}
.commentMeta
{
position: relative;
display: block;
float: left;
width: 100px;
padding: 1px 8px 8px 8px;
margin-right: 8px;
}
.commentMeta .avatarWrap
{
position: relative;
display: block;
width: 62px;
height: 62px;
overflow: hidden;
margin: 0 auto 5px auto;
background: #777;
padding-bottom: 1px;
}
.commentMeta .authName
{
position: relative;
width: 86px;
display: block;
margin: 0 auto 0 auto;
font-size: 11px;
color: #fff;
font-weight: normal;
text-align: center;
}
.commentMeta a
{
color: #333;
text-decoration: none;
font-weight: bold;
}
.commentMeta a:hover
{
color: #900;
text-decoration: underline;
}
.commentMeta img
{
position: relative;
display: block;
border: 3px solid #fcfcfc;
overflow: hidden;
}
.commentMarker
{
position: absolute;
width: 19px;
height: 38px;
top: 10px;
left: 128px;
display: block;
z-index: 300;
background: url(../i/commentArra.png) top left no-repeat;
}
.commentContent
{
position: relative;
float: right;
width: 470px;
min-height: 80px;
padding: 10px;
border: 1px solid #999;
background: #eee;
z-index: 200;
}
.commentContent p, .commentContent span
{
color: #555!important;
font-size: 11px!important;
line-height: 16px!important;
}
.commentContent a
{
color: #5a8816!important;
text-decoration: none!important;
font-weight: bold!important;
}
.commentContent a:hover
{
color: #3a6806!important;
text-decoration: underline!important;
}
#respond
{
position: relative;
overflow: hidden;
display: block;
width: 606px;
padding: 10px;
margin: 10px;
border: 1px solid #759331;
background: #8eaa4f;
}
.commTable
{
position: relative;
width: 600px;
display: block;
}
.commTable tr.trHover:hover
{
background: #9eba5f;
}
.commTable td
{
padding: 4px;
}
.commTable input.std, .commTable textarea
{

border: 2px solid #fcdc51;
padding: 4px;
background: #fafafa;
width: 280px;
font-size: 14px;
line-height: 18px;
height: 18px;
vertical-align: baseline;
}
.commTable .stdLittle
{
width: 30px!important;
}
.commTable .securityQ
{
margin: 4px 0 6px 0;
}
.commTable textarea
{
width: 580px;
height: 100px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
}
.commTable .error
{
width: 570px;
overflow: hidden;
color: #a00;
font-weight: bold;
font-size: 12px;
line-height: 18px;
display: block;
position: relative;
}
.sociable
{
position: relative;
width: 260px;
padding: 10px;
border: 1px solid #759331;
background: #9eba5f;
z-index: 200;
font-size: 12px;
line-height: 18px;
font-weight: strong;
color: #333;
}
.sociable ul li
{
display: inline;
}
/*////////////////////////////

adsense

////////////////////////////*/
div.googleAdBlock
{
position: relative;
display: block;
background: #eee;
height: 90px;
width: 728px;
overflow: hidden;
margin: 10px auto 10px auto;
}
div.googleAdBlockWrapper
{
margin: 0;
padding: 5px 0 5px 0;
width: 100%;
display: block;
border-top: 1px solid #8bc174;
border-bottom: 1px solid #6a9629;
}
div.sideAd
{
position: relative;
display: block;
background: #eee;
height: 90px;
width: 180px;
overflow: hidden;
margin: 10px auto 20px auto;
}
div.sideBanner
{
position: relative;
display: block;
background: #eee;
height: 600px;
width: 160px;
overflow: hidden;
margin: 10px auto 10px auto;
}
/*////////////////////////////

navigation

////////////////////////////*/
#nav
{
position: relative;
overflow: hidden;
display: block;
height: 30px;
width: 746px;
padding-left: 32px;
padding-right: -32px;
border-bottom: 1px solid #487320;
}
#nav li
{
position: relative;
display: inline;
float: left;
height: 16px;
padding: 7px 0 0 30px;
font-size: 15px;
line-height: 16px;
}
#nav li a
{
text-decoration: none;
color: #fff;
font-weight: bold;
padding-left: 2px;
}
#nav li a:hover
{
color: #f9e08b;
}

div.highslide-caption
{
background: white!important;
color: #333!important;
font-weight: normal!important;
font-size: 12px!important;
line-height: 16px!important;
text-align: left!important;
}