@import 'reset.css';

body 
{
color: #333;
font: 12px "lucida grande", "lucida sans unicode", georgia, sans-serif;
background: #f9f3c3;
display:block;


}

#right p
{
margin:0 0 18px;
}

#bg
{
background: url(../images/bg.jpg) top right repeat-x;
z-index:-8;
}

#smallbg
{
background: url(../images/small_bg.jpg) top right repeat-x;
}



#container
{
width: 960px;
margin: 0 auto;
position:relative;
display:block;
}

#header
{
width:960px;
height:445px;
margin:0;
padding:0;
position:relative;
text-align:left;
}

#smallheader
{
width:960px;
height:180px;
margin:0;
padding:0;
position:relative;
text-align:left;
}

#top
{
	height:110px;
	border-bottom:1px solid #581414;
	margin:0 0 15px;
}

#logo
{
	float:left;
	margin: 0;
}

#logo a
{
	background: transparent url(../images/logo.png) no-repeat scroll 0 0;
	display:block;
	height:106px;
	width:271px;
}

//    NAV    //
#nav
{
	float:right;
}


#navigation
{
	position:absolute;
	right:0;
	top:80px;
	
}

#navigation ul
{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
}

#navigation li
{
	float:left;
}



#navigation {
	width: 500px; height: 15px;
	margin:0;padding:0;
	background: url(../images/nav.gif);
}
#navigation li{
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute;
	top:0;
	
	}
#navigation li, #navigation a {
	height: 15px; display: block;
}

#home {left: 0; width: 70px; }
#ne {left: 70px; width: 140px; }
#menu {left: 210px; width: 70px; }
#pictures {left: 280px; width: 100px; }
#directions {left: 380px; width: 110px;}

#home a:hover {
	background: transparent url(../images/nav.gif)
   	0 -15px no-repeat;}
#ne a:hover {
   	background: transparent url(../images/nav.gif)
    -70px -15px no-repeat;}
#menu a:hover {
    background: transparent url(../images/nav.gif)
    -210px -15px no-repeat;}
#pictures a:hover {
    background: transparent url(../images/nav.gif)
    -280px -15px no-repeat;}
#directions a:hover {
    background: transparent url(../images/nav.gif)
    -380px -15px no-repeat;}    
    
    
/* SPOTLIGHT */

#spotlight
{
	float:left;
	display:block;
	width:534px;
}

#spotlight img
{
	
	border:2px solid black ;
}

.info
{
	position:relative;
	width:350px;
	float:left;
	margin-left:50px;
}





#glass
{
	right:0;
	position:absolute;
	top:200px;
	z-index:1;
	
}




/* CONTENT */

#content
{
	float:left;
	width:534px;
	color:#333;
	font-size:12px;
	

}

#left
{
	width:425px;
	float:left;
	display:block;
	
}

#right
{
	
	width: 425px;
	float:right;
	display:block;
}

#content p
{
	line-height:24px;
}

.sidebar
{
	float:left;
	width:190px;
	margin-left:50px;
	padding:0;
}

h3 {
border-bottom:1px solid #E1CF81;
color:#571414;
font-size:24px;
font-variant:small-caps;
font-weight:normal;
margin:0 0 12px;
padding-top: 30px;
}

h2 {
color:#D7C263;
display:inline;
font-size:26px;
left:0;
margin:0;
padding:0;
position:absolute;
top:142px;
}
h2, .header {

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:small-caps;
font-weight:normal;
line-height:24px;
margin:0;
padding:0;
}


#footer {
font-family:georgia;
clear:both;
color:#666666;
font-size:11px;
margin:50px auto;
padding:20px 0 0;
text-align:center;
width:960px;
}

#slideshow {
    position:relative;
    height:287px;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

div.entry-date{
	float:left;
	width:48px;

}

div.entry-body{
	float:right;
	width:350px;

}

div.post{
	margin:0 0 24px;
	width:420px;
	float:left;


}

div.adder{
	width:420px;
	display:block;
	float:right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 

}

div.adder label{
	display:block;
	line-height: 1.3em;
}
input.textfield{
	width: 400px;
	font: 12px "lucida grande", "lucida sans unicode", georgia, sans-serif;
	padding: .6em;
}

.date-stamp
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
background:#5b2424 none repeat scroll 0 0;
color:#E1CF81;
display:block;
float:left;
font-size:14px;
line-height:1;
margin:0 10px 0 0;
padding-top:9px;
text-align:center;
text-transform:uppercase;
width:48px;
}
.date-stamp .day {
color:#fff;
display:block;
font-size:24px;
padding-bottom:9px;
}

h4 {
border-bottom:1px solid #E1CF81;
color:#593C0F;
font-size:20px;
font-variant:small-caps;
font-weight:normal;
margin:0 0 12px;
padding:6px 0;
}

h4 a:link
{
color: #571415;
text-decoration:none;
}
h4 a:visited
{
color: #571415;
text-decoration:none;
}
h4 a:hover
{
color: #571415;
text-decoration:underline;
}

#right p
{
	line-height: 24px;
}

#gallery{
	text-align: center;
}

.adder
{
display: block;
margin-top:200px;
}