*{margin:0;padding:0;text-decoration:none;font-size:1em;outline:none}code,pre,textarea,input,select{font:inherit;font-size:1em}th,h1,h2,h3,h4,h5,h6{font-weight:normal}a,img,a img,form,abbr,acronym,object{border:none}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}body{line-height:1;}a{color:inherit}hr{display:none}ul{list-style-type:none}

html {height:100%;}
body {height:100%;background-color:#fff;text-align:center;font:96% helvetica,sans-serif;}

#container{width:960px;margin:0 auto;text-align:left;margin-top:1em;height:100%;}

#header h1 a{display:block;}

/* generic nav style */
#navigation ul, #footer ul {list-style:none;margin:0;padding:0;}
#navigation ul li, #footer ul li {list-style:none;float:left;position:relative;}
#navigation ul li a, #footer ul li a {padding:.5em 1em;display:block;}
#navigation ul li ul li {display:block;}
#navigation ul li ul{position:absolute;left:-999em;overflow:hidden;}
#navigation ul li:hover ul,#navigation li.hover ul{left:auto;}

/* top nav style */
#navigation ul li{font-size:medium;letter-spacing:-1px;}
/* #nav li.here a{} */
/* #nav li.here a:hover{} */
#navigation ul li ul{background: #000;}
#navigation ul li ul li{border-bottom:none;}
#navigation ul li ul li a{font-size:small;font-weight:normal;}
#navigation ul li.home ul li a{border:none;}
#navigation ul li ul li a:hover{}

/* global content stuff */
#content{clear:both;margin-top:2px;overflow:hidden;}
#content p{margin-bottom:1em;}
/* #content ol,#content ul{margin:.5em 2em;} */
ul li{list-style-type:disc;}

/* global footer stuff */
#footer{clear:both;margin-top:1em;padding:0 1em 2em;}

/* generic stuff */
a{}
a:hover{text-decoration:underline;}

/*.row{clear:both;overflow:hidden;}
.col{float:left;}*/
.replace{position:absolute;left:-999em;}


/* quilt-trail specific */

html, body {
 background: #161307;
}

/* head */

#head {
  position: relative;
  top: -90px;
}

#head #header {
  background: url("/images/quilt-trail-assets/parchment_large.png") scroll no-repeat -200px 0;
  height: 190px;
  z-index: 10;
}

#head #header h2 {
  background: url("/images/quilt-trail-assets/khlc.png") scroll no-repeat 0 -18px; /* Hack or just sloppy? */
  height: 153px;
  width: 96px;
  top: 19px;
  left: 100px;
  position: relative;
  margin-bottom: 19px;
  text-indent: -9999px;
}

#head #header h1 a {
  background: url("/images/quilt-trail-assets/quilt_trail.png");
  height: 112px;
  width: 383px;
  position: relative;
  top: -140px;
  left: 225px;
  text-indent: -9999px;
}

.header-top-bg {
  background-color: #151417; 
  height: 100px; 
  position: relative; 
  z-index: -2; 
  top: -20px;
}

#navigation {
  position: relative;
  float: left;
  top: -110px;
  z-index: 10;
}

#head #navigation {
  margin-left: 200px;
}

#navigation a:link, #navigation a:active, #navigation a:hover, #navigation a:visited {
  color: #fbf398;
  text-decoration: none;
}

#navigation ul li span.home a {
  text-indent: -9999px;
  background: url("/images/quilt-trail-assets/nav/home.png") scroll no-repeat center;
  height: 13px;
  width: 19px;
}

#navigation ul li.here {
  float:left;
  background:url("/images/quilt-trail-assets/nav/right.png") no-repeat right top;
  margin:0;
  padding:0 5px 0 0;
  }

#navigation ul li.here ul li {
 background: none;
}

#navigation ul li.here a {
  float:left;
  display:block;
  background:url("/images/quilt-trail-assets/nav/left.png") no-repeat left top;
  padding:5px 7px 4px 20px;
  text-decoration:none;
  }

.navigation-bg {
  height: 70px; 
  width: 100%; 
  background: url("/images/quilt-trail-assets/nav_bg.png");
  border-bottom: solid #000 1px;
  position: relative;
  float: left; 
  top: -75px; 
  z-index: -1;
}

#content {
  position: relative;
  top: -200px;
}

.introduction {
  color: #fff;
}

.main {
 background: #f8f5da url("/images/quilt-trail-assets/content_bg.png") repeat-x scroll;
 margin-top: 40px;
}

.main #sections {
  width: 350px;
  margin-left: 20px;
  float: left;
}

.introduction h3 {
  font-size: 2.5em; 
  padding: 10px 0 10px 0;
  color: #FBF398;
}

.main h3 {
 border-bottom: 1px solid #ada87c; 
 padding: 10px 0 5px 0px; 
 margin-bottom: 10px;
 color: #000; 
 font-weight: bold;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.preview img {
  float: right;
  border: solid 5px #fff;
  margin: 5px;
}

.section .content {
  padding: 10px;
}

.news .content, .blog .content {
  background: #f8f7d1;
}

.news h4 a {
  color: #000;
  font-weight: bold;
  float: left;
  padding-right: 10px;
}

.calendar h4 a {
  float: left;
  color: #00155f;
  font-size: 0.9em;
  font-weight: bold;
  padding-right: 10px;
  width: 220px;
  margin-bottom: 10px;
}

.blog h4 a {
 color: #000;
 font-weight: bold;
 margin-bottom: 10px;
}

.news .entry .publish-date {
  float: left;
  color: #332f12;
  font-weight: bold;
}

.calendar {
  margin-bottom: 10px;
}

.calendar .entry .publish-date {
  float: left;
  color: #332f12;
  font-size: 0.9em;
  font-weight: bold;
}

.blog .entry .publish-date, #blog .entry .publish-date {
  color: #d4d1b1;
  font-size: 0.9em;
}

.entry p {
  margin-top: 5px;
  float: left;
  font-size: 0.8em;
}

#trail_map {
  float: right; 
  width: 55%; 
  margin-top: 20px;
}

#trail_map h2 {
  width: 314px; 
  position: relative;
  top: -50px;
  left: -25px;
  height: 70px; 
  padding-top: 25px;
  padding-left: 50px; 
  font-weight: bold; 
  font-size: 1.5em; 
  font-style: italic; 
  background: transparent url("/images/quilt-trail-assets/parchment_small.png") no-repeat scroll;
}

.calendar h4 a {
  background: url("/images/quilt-trail-assets/date.png") no-repeat left top; 
  padding-left: 25px;
}

.calendar .entry {
  padding-bottom: 25px;
}

#trail_map p {
 position: relative;
 top: -50px;
}

#footer {
  position: relative;
  top: -175px;
  background: url("/images/quilt-trail-assets/footer.png") repeat-x scroll;
}

#footer ul li a:link, #footer ul li a:hover, #footer ul li a:active, #footer ul li a:visited, #footer ul li a {
  color: #000;
}

#footer ul {
  float: right;
  margin-top: 10px;
}

#footer h1 {
  float: left;
  background: url("/images/quilt-trail-assets/quilt_trail_small.png") no-repeat scroll 0 0;
  height:58px;
  left:30px;
  position:relative;
  text-indent:-9999px;
  top:30px;
  width:196px;
}

.copyright {
  float: left;
  clear: left;
  text-align: center; 
  width: 100%; 
  color: #fbf1d1; 
  font-size: 0.9em;
}

#footer h2 {
  background: url("/images/quilt-trail-assets/khlc_small.png") no-repeat scroll; 
  width: 77px; 
  height: 124px; 
  text-indent: -9999px; 
  float: left;
}

#quilt_trail_map {
  width: 450px;
  height: 450px;
  border: 10px #fff solid;
  margin: 0 auto 25px;
}

.introduction .spotlight img {
  float: right;
  border: #F3F4C7 solid 7px;
}

.gallery-thumbnails {
  float: left;
}

.thumbs li {
  list-style: none;
  float: left;
}

.thumbs li img {
  border: 5px solid #fff;
  margin: 5px;
}

.intro {
  width: 400px;
  clear: left;
}

/* Tweet! Styles */
.twitter {
  font-family: Georgia, serif;
  padding: 0px !important;
}
.twitter .tweet_list {
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  list-style-type: none;
  margin: 0 0 0 0; !important
  padding: 0; 
}

.tweet_list {
  margin: 0;
}
.twitter .tweet_list li {
   overflow: auto;
   padding: .5em; 
}

.twitter .tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left; 
  height: 75px;
}

.twitter .tweet_list .tweet_avatar img {
  vertical-align: middle; 
}

strong {
  font-weight: bold;
}

#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/fbx-border-sprite.png) 0 0;
  width: 10px;
  height: 10px;
}

#facebox .tr {
  background:url(/images/facebox/fbx-border-sprite.png) -10px 0;
  width: 10px;
  height: 10px;
}

#facebox .bl {
  background:url(/images/facebox/fbx-border-sprite.png) -20px 0;
  width: 10px;
  height: 10px;
}

#facebox .br {
  background:url(/images/facebox/fbx-border-sprite.png) -30px 0;
  width: 10px;
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


