.top-bar {
	background: #222;
	margin-bottom: 0; 
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.top-bar-section ul {
	background: #222;
	font-size: 1.2em;
	line-height: normal;
}
top-bar-section li a {
   background: #eee; }
   
.top-bar-section ul li > a {
	padding: 5px 0 5px 0;
    padding-left: 15px;
    font-size: 0.8125rem;
    font-weight: normal;
    background: #222; }	

.top-bar-section ul li:hover > a {
    background: #222;
    color: white; }
  .top-bar-section ul li.active > a {
    background: #222;
    color: white; }
    .top-bar-section ul li.active > a:hover {
      background: #222;}
	  
 .top-bar-section ul li > a.button {
      background:  #222;
      font-size: 0.8125rem;
      padding-right: 15px;
      padding-left: 15px; }

 .top-bar-section .divider {
    border-bottom: solid 1px #4d4d4d;
    border-top: solid 1px #1a1a1a; }
 .top-bar-section > ul > .divider {

      border-right: solid 1px #8F9C8A;
      border-left: solid 1px #677165;; }

.backgrounder {
	background: #222;
}
 .top-bar-section li.hover > a:not(.button) {
      background:#222;
      color: white;}
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #222;}
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #222;}

 .top-bar-section .dropdown li a {
        color: white;
        line-height: .5em;
        white-space: nowrap;
        padding: 0px 15px;
        background: #222; }

.top-bar.expanded .title-area {
      background: #222; }
  
	  
<!-- home page -->	

h1.title-text {
	font-family: sans-serif;
	color: #eee;
	text-shadow: 2px 2px 0px #000;
	font-size: 1em;
	line-height: normal;	
}
.title-text {font-family: 'Karla', cursive;}
.bordered {
	border: 1px solid #FFFFFF;
}
.sm-spacer {padding: 1em .5em 1em .5em;}
.th-spacer {padding: .1em .1em .3em .1em;}
.dimmer {background: rgba(84, 23, 14, .7); }
.another-radius {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}

#footer {
	width: 100%;
	color: #222;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin-top: -1em;
	background: rgba(0, 0, 0, .3); width: 100%; color: #CCCCCC; font-size: .75em; padding: .5em 2em;} 

label {
	color: #eeeeee;
}
legend {
	color: #eeeeee;
	padding: 3px;
	background-color: #333333;
} 
.corner {-webkit-border-radius: 5px; border-radius: 5px;}
input[type=text], input[type=textarea] {border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .4); }

textarea {
  height: auto;
  border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .4); }

/*Recovered from original stylesheet*/

#content-strip {
	position: fixed;
	background-color:rgba(0,0,0,0.65);
	width:100%;
	text-align:left;
	bottom: 5%;
	-moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
	z-index: 10;
	
}

h3 {
	padding:.1em .2em .1em 0em;
	color:#fff;
	font:4em/100% "Bookman Old Style", "Bookman", Times, Arial, Helvetica, sans-serif;
	text-shadow: #000 0px 2px 0px;
	display: block;
	white-space: nowrap;
	text-align: left;
}

#content-box {
	/*background-color: #FFFFFF;*/
	background-color:rgba(0,0,0, 0.6);
	margin: .1em 1em 1em .1em;
	padding: 1em .5em 1em 1em;
	width: 100%;
	/*min-height: 65%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;*/
	clear: both;
	-moz-box-shadow: 0 0 30px black;
	-webkit-box-shadow: 0 0 30px black;
	box-shadow: 0 0 30px black;
	/*opacity: 0.8;*/  /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	filter: alpha(opacity=90);      /* IE 4-7 */
	/*color: #000000;*/
	text-shadow: none/*#000 0px 0px 0px*/;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/*position: relative;
	border: 1px solid #666666;*/
	z-index: 2;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
} 

.pusher {
	height: 8em;
}
.pusher-med {
	height: 6em;
}
.pusher-sm {
	height: 2em;
}
.pushup {margin-bottom: 6em;}

.newspaper {
column-count:2;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
}
#content-box h1, h2, h4 {
	font-family: 'Oregano', cursive;
}

/*Media Area*/
.medialink {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666666;
	padding: .5em;
	margin-top: .5em;
	margin-right: 10%;
	margin-bottom: 0;
	margin-left: 10%;
	width: 80%;
}

.medialink:hover {
	background-color: #666666;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	filter: alpha(opacity=80);      /* IE 4-7 */
	opacity: .8;
}
.mediadate {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-shadow: #000 0px 2px 0px;
	float: left;
	padding: 5px 0px 5px 5px;
	width: 35%;
	text-align: right;
}
.month {
	font-size: .7em;
	color: #FFFFFF;
}
.storydetail {
	color: #FFFFFF;
	float: right;
	padding: 5px 25px 0px 5px;
	text-align: left;
	width: 60%;
	 font: 0.8em/80% Arial, sans-serif; text-shadow: #000 0px 2px 0px; line-height:1.3em;
}
.alteration-table {
	background-color: #222222;
	color: #EDEDED;
}
.alteration-table td, tr {
	background-color: #222222;
	color: #EDEDED;
}
.item-name {
	width: 75%;
}
.item-cost {width: 25%;}
.highlighter {background: rgba(0, 0, 0, 0.5);
 padding: .5em;
 line-height: 1.5em;
 margin-bottom: 2em;}
 
 .thehours {
	padding: 1em;
	line-height: 1.5em;
	margin-bottom: 2em;
	font-size: 1em;
}

 /* Flexible iFrame - used for the map */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px){
.remover {display: none;}
.deskspace {margin-top: 1em;}
.hand {margin-top: .5em;}
.downshift {
	margin-top: 5em;
}
.navholder {display: none;}
/*.content {margin-top: 5em;}*/
.content .home-copy
{
  position:relative;
}
.content .home-logo
{
  position:relative;

}
.uppernav {background: none;}

/*these two lines help the navigation*/
.js #nav { display: none; }
  .js .selectnav { display: block; }

}


// Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) { 
.pusher {
	height: 2em;
}
.newspaper {
column-count:1;
-moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
}

/* inherited remove later */
.sm-spacer {padding: .2em .5em 1em .5em;}
h1 {font-size: 1.5em; line-height:normal;}
.cartreview {
	color: #CCCCCC;
	background-color: #4D2E12;
	margin: 1.5em;
	padding: .3em;
}
.item-holder {
	margin: 10px 1%;
	width: 100%;
	overflow: visible;
	border: 1px solid #644116;
	padding: .3em;
	background-color: #381D0C;
	line-height: normal;	
}
.item-holder img{
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	max-height: 100%;
	min-width: 100%;
	text-align: center;
	vertical-align: middle;	
}
.item-holder p {
	text-align: left;
	font-family: 'helvetica neue', Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: normal;
	padding: 1em .5em;
}
.holiday-hours p {
	text-align: left;
	font-size: .8em;
	line-height: normal;
	color: #1db52f
}


} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { 
.pusher {
	height: 2em;
}
.holiday-hours p{
	text-align: left;
	font-size: .8em;
	line-height: normal;
	color: #1db52f

}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.pusher {
	height: 2em;
} 
.holiday-hours p{
	text-align: left;
	font-size: .8em;
	line-height: normal;
	color: #1db52f

}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */