
body {
   background: #5e5d1c;
}
#wrapper {
   width: 950px;
   margin: 0 auto;
   overflow: hidden;
}
#header {
   overflow: hidden;
}
#main {
   overflow: hidden;
   background: #fff url('../images/content-bg.png') repeat-y left top;
}
#content {
   float: left;
   width: 427px;
   padding: 30px;
}
#aside {
   float: left;
   width: 231px;
   padding: 20px;
}

#footer {
   padding: 15px;
   color: #fff;
   background: #714717;
   text-align: center;
}

.section-heading {
   color: #fff;
   background: #714717 url('../images/brown-white-gradient.png') repeat-y right top;
   padding: 10px;
   text-transform: uppercase;
   line-height: 1em;
   font-size: 15px;
   font-weight: normal;
}

/* Header */
#header #site-name {
   background: url('../images/header-bg.png') no-repeat top left;
   padding-top: 123px;
   height: 0;
   width: 950px;
   overflow: hidden;
   margin: 0;
}
#header #images {
   border: 5px solid #714717;
}
#header #images img {
   display: block;
}

/* Navigation */

.navlist {
   overflow: hidden;
}
.navlist,
.navlist li {
   margin: 0;
   padding: 0;
   list-style: none;
}
#navigation {
   width: 192px;
   float: left;
}
#navigation .nav {
   padding: 9px;
   background: #e7c180;
}
#navigation .nav a {
   display: block;
   padding: 3px 0;
   background: transparent url('../images/nav-border.png') repeat-x left bottom;
   color: #5a3715;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   text-align: right;
   line-height: 27px;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   border-bottom: 0 none;
}
#navigation .last a {
   background: none;
}
#navigation .social-links li {
   float: left;
}
#navigation .social-links a {
   display: block;
   background: transparent url('../images/social-sites.png') no-repeat left top;
   padding-top: 35px;
   width: 95px;
   border-bottom: 0 none;
   height: 0;
}
#navigation .social-links .twitter a {
   background-position: right top;
}
#footer .nav li {
   display: inline;
}
#footer .nav a {
   margin: 0 3px;
   font-size: 9px;
   color: #fff;
}

/* Sidebar */

#upcoming-events ul,
#upcoming-events li {
   list-style: none;
   padding: 0 0;
   margin: 0.5em 0;
}
#upcoming-events h4	{ font-weight: normal; padding:5px 20px 0 0; line-height:22px; }

#aside .sidebar-item {
   margin: 0 0 15px 0 ;
   padding: 0 10px;
}

#aside .section-heading {
   margin-left: -10px;
   background-image: url('../images/brown-lbrown-gradient.png');
   background-color: #714717;
}

#aside a	{ border:none; text-decoration: underline; }

#aside #open-hours h5	{ margin-bottom:15px; }
#aside #open-hours p	{ padding-right:20px; }

/* Page-Specific
------------------------------------------------------- */

/* -- Home -- */

#featured-content .featured {
   position: relative;
   overflow: hidden;
   padding-left: 15px;
   padding-bottom: 1.25em;
   margin-bottom: 1em;
}
#featured-content .featured .section-heading {
   margin-left: -15px;
}
#featured-content .featured h3 {
   clear: none;
   margin: 0;
}
#featured-content .featured img {
   float: left;
   padding-right: 15px;
}
#featured-content .featured .more {
   position: absolute;
   bottom: 0;
   right: 0;
   display: block;
   float: right;
   clear: both;
}

/* -- News -- */

#news-items .news {
   margin: 0 0 3em;
}
#news-items .news .title {
   margin-bottom: 10px;
}
#news-items .news .date {
   position: relative;
   top: -10px;
   font-style: italic;
   display: block;
}

/* details pages */
.event-title		{ margin:0; padding:20px 0 10px }	
.event-date			{ padding:3px 0; }
.details-content	{ padding-top:20px; }

/*establishment listings*/
.establishments, 
.establishment { list-style: none; margin: 0 0 1em; }
.establishment { position: relative; overflow: hidden;}
.establishment img { float: left; padding: 0 0.5em 0.5em 0;}
.establishment h5	{ margin-bottom: 5px; clear: none;}
.establishment .summary { padding-bottom: 15px;  }


/* Typography
------------------------------------------------------- */

/* -- Headings -- */

h1,h2,h3,h4,h5,h6 {}
h1,h2,h3 {}
h4,h5,h6 {}
h1 { margin: 0 0 .7em; font-size: 20px; font-weight: normal; color: #714717; }
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

.serifh1 { }

/* -- Text -- */

body {
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

#content {
   line-height: 1.5em;
}

/* -- Links -- */

a:link, a:visited,
a:hover, a:focus { color: #714717; text-decoration: none; border-bottom: 1px solid;}
a:link			  {}
a:visited		  { font-style: normal; }
a:hover			  {}
a:focus			  {}

