/*
Authored by Ted Geving  */
/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}
body {
margin: 40px 0;
font: 12px/20px "Lucida Grande", Verdana, Arial, sans-serif;
color: #4F5155;
background:		#f7f7f0 url(http://beverlymountainguides.com/images/bg.jpg) top no-repeat fixed;

}




p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }



ul,ol,dl{list-style-type: none;}

img { border: none; }

/********************/


#wrapper{
margin:  0 auto;
width: 970px;

background-image:url(http://v2.beverlymountainguides.com/images/content-bg.gif);
}

#content-wrapper{
width: 960px;
margin:  0 auto;
background-color:#FFFFFF;


}

/* build header */
#top-bg{
margin:  0 auto;

}
#header{
height: 260px;
}

#hspacer{
height: 7px;
background-color:#734722;
width: 100%;
font-size: 1px;
}
#content-wrap-top{
background-image:url(http://v2.beverlymountainguides.com/images/top-bg-shw.gif);
background-position:top;
background-repeat:no-repeat;
width: 100%;
float: left;
padding-top:30px;
}

#navigation{
margin: 0;
height: 40px;
background-color: #ededed;
font: 10px/20px "Lucida Grande", Verdana, Arial, sans-serif;
}
#pcn{
padding-top: 10px;
height: 40px;
}
#nav-wrapper{
margin-left: 0px;
}
#navigation ul{
padding-top: 10px;
margin: 0px;
padding: 10px 0 0 0; 

}
#navigation li{
display:inline;
margin: 10px 0 0 11px;
padding: 0px;

}

td p{
padding-right:  12px;
}

#navigation  a{
color: #4F5155;
font: 11px/20px "Lucida Grande", Verdana, Arial, sans-serif;
text-decoration:none;
font-weight: bold;
}
#navigation a:hover{
color: #ac691e;
text-decoration:underline;
}


#logo{
float: right;
top: 20px;
right: 20px;
width: 300px;
height: 40px;

}


/* build content */

* html #primary-content{
width:560px;
margin: 0 20px 20px;
float:left;
}

#primary-content{
margin: 0 40px 0 40px;
float:left;
}
 .default{
width: 560px;
}

 gallery{
width: 879px;
}

#secondary-content{

width: 320px;
float: right;
}
.callout, .event, .sponsors, .weather, .sr, .sn{
margin: 0 40px 0 20px;
float: left;
}

.sn{
margin-top: 20px;

}
.sn img{
float: left;
margin-right: 10px;
}

.callout p{
font-size: 9px;
}
.sr, .sponsors, .event, .weather{
border-bottom: 1px solid #ccc;
float: left;
}

.weather ul{
list-style-type:disc;
margin: 0px 0px 0px 20px;
padding: 0 0 14px 0;

border: none;
}
.event ul{
margin: 0px;
padding: 0px;
}
.event li{
font-size: 10px;
padding-bottom: 10px;
}
.event a, .callout a, .sponsors a, .sr a, .weather a {
color: #914b10;
text-decoration: underline;
}
.date{
font-weight: bold;
}
.float-left{
float: left;
padding-right: 10px;
padding-bottom:10px;
}
.float-right{
float: right;
padding-left: 10px;
padding-bottom:10px;
}
.excerpt{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
}

/* main content styles */

#primary-content h1, #primary-content h3{
 color: #42260e;

}
#primary-content h1{
font-size:28px;
color: #42260e;
line-height:30px;
}
#primary-content h2{
font-size:20px;
/* color:#333333; */
color: #42260e;
}

#primary-content h3{
font-size:14px;

color: #42260e;
line-height: 16px;
margin: 16px 0 2px 0;
}

#primary-content h4{
font-size:14px;
color: #42260e;
margin: 0px 0px 4px 0px;
padding: 0px;
line-height: 12px;
font-weight: bold;
}
#primary-content h4 a{
text-decoration: none;
}

#primary-content h5{
font-size:12px;
color: #42260e;
line-height: 12px;

margin: 0px 0px 8px 0px;
padding:0px 0px 8px 0px;
}


#primary-content p{
color: #1E1E1E;
margin: 6px 0 4px 0;
}

#primary-content ul{
padding:0px;
margin: 0px;
}

#primary-content li{
padding: 0px 0px 2px 4px;
margin: 0px;

}


#primary-content a{
color: #5d2f0e;
}

/* secondary content styles */

#secondary-content h1{
font-size:22px;
}
#secondary-content h2{
font-size:18px;
}

#secondary-content p{
color: #1E1E1E;

}

#primary-content a{
color: #5d2f0e;
}
/* BLOG */

.blog{
border-bottom: 1px solid #ccc;
margin: 0 0 4px 0;
width: 300px;
}
.blog p{
margin-bottom: 10px;
}


.blog h2{
margin-bottom: 0px;
}
.blog-date{
font-weight: bold;
margin-top: -15px;
}


/* footer */


.spacer{
height:40px;
width: 100%;
}
#hspacer-footer{
height: 50px;
background-image:url(http://v2.beverlymountainguides.com/images/bottom-bg-shw.gif);
background-repeat:no-repeat;
background-position:bottom;
width: 960px;
float:left;
padding: 0px;
margin: 0px;

}
#footer{
margin: 0;
padding: 0px;
background-color: #ededed;
font-size: 9px;
}

#footer ul{

margin: 0px;
padding: 10px 0 10px 0;
}
#footer li{
display:inline;
margin: 10px 0 0 20px;

padding: 0px;
}

#footer  a{

color: #4F5155;
font: 11px/20px "Lucida Grande", Verdana, Arial, sans-serif;
text-decoration:underline;
}

#footer a:hover{
color: #ac691e;

text-decoration:underline;
}
.copy-right{
font-size: 9px;
text-align: center;

}

/* gallery */

.cell{
float: left;
padding: 1px;
margin: 0px 3px 3px 0px;
border: 1px solid #efefef;
font-size: 1px;
}

.clear{
clear: both;
}

hr{
border: 1px solid #efefef;
width: 98%;
}

/* event page */
#primary-content .hfeed .events{
margin: 0px;
line-height: 24px;
font-size: 18px;
}

/* site map */

.entry-content ul{
list-style-type: disc;
margin-left: 6px;
padding-left: 0px;
}
#primary-content .entry-content li{
list-style-type: disc;
margin-left: 10px;
padding-left: 0px;
}


#primary-content .hfeed .excerpt, #primary-content .hfeed .excerpt li{
list-style-type: disc;
color: #1E1E1E;
list-style-position:inside;
}
/* contact form */

fieldset{
border: none;
margin: 0px;
padding: 0px;
}
legend{
display:none;
height: 0px;
}

.home-menu{
float: left;
width: 220px;
margin-left: 0px;

}
.home-menu li{
margin-left:0px;
}

#services{
position:relative;
float:left;
width: 560px;
border-bottom:1px solid white;
background-color: red;
}

.logo{
text-align: center;
}
