/*  
Theme Name: The Crate Escape, Inc
Theme URI: http://www.crateescapevt.com
Description: 
Version: 1.0
Author: Morgan Newcomb
Author URI: http://www.unionstreetmedia.com/

*/



.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* Self-clearing elements
   http://www.positioniseverything.net/easyclearing.html] */
#wordpresscontent .navigation { display: inline-block; }   
#wordpresscontent .navigation:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html #wordpresscontent .navigation { height: 1%; }
#wordpresscontent .navigation { display: block; }

#wordpresscontent .navigation .alignleft {
	width: 47%;
}

#wordpresscontent .navigation .alignright {
	width: 47%;
	text-align: right;
}

/* Begin Typography & Colors */
.postmetadata {
	clear: both;
}

blockquote {
	margin: 10px 0;
	border-left: 10px solid #ccc;
	padding: 0 20px 0 10px 
}
/* End Typography & Colors */

/* Begin Comments*/
li.authorcomment {
	background: #eee;
}
.commentlist cite {
	font-style:normal;
	font-weight: bold;
}
/* End Comments */

/* widget sidebar */
#wp-sidebar {

}
#wp-sidebar ul {
	margin-left: 0px;
}
#wp-sidebar ul ul {
	margin-left: 20px;
	margin-bottom: 1em;
}
li.widget {
	list-style: none;
}
li.widget ul {
	list-style: disc;
}
li.widget ul ul {
	list-style: circle;
}

h2.widget-title {
	color: #94de45;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 9px;
	line-height: 15px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/*
	UPDATED SIDEBAR STYLES
	----------------------
*/
ul.sidebarlist,
ul.sidebarlist ul {
list-style: none !important;
margin: 0 !important;
padding: 0;
}

ul.sidebarlist {
width: 48%;
}
.sidebar-1 {
float: left;
}

.sidebar-2 {
float: right;

}

input#s {
	width: 120px;
	display: block;
}









/*
	SITE BUILD
	----------
*/

html { min-height: 100%; margin-bottom: 1px; }

body {
	font: 0.75em/1.7 Verdana, Arial, sans-serif;
	margin: 0; padding: 0;
	text-align:center;
	background: #fff;
	color: #4d4c4c;
}

div {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}

h1 {
	font-size: 2.1em;
	color:#94de45;
	line-height: normal;
	font-weight: normal;
	margin: 0;
}

h2 {
	font-size: 1.5em;
	color:#3e9200;
	line-height: normal;
	font-weight: normal;
	margin: 0 0 14px 0;
}

h3 {
	font-size: 1.0em;
	color:#3e9200;
	line-height: normal;
	margin: 0 0 14px 0;
}

h4 {

}

p {
	margin: 0 0 14px 0;
}

a {
/*	text-decoration: none;*/
	color: #94de45;
	color: #3e9200;
	color: #044064;
	outline: 0;
}



a:hover {
	text-decoration: underline;
}


a img {
	border: 0;
}

table {
margin: 20px auto;

}

th {
background: #eaeaea;
color: #000;
padding: 4px;
}

td {
vertical-align: top;
padding: 4px;
}

ul li {
	margin-bottom: 8px;
}


.clearboth {
	clear: both;
}

.redtext {
	color: #c00;
	font-weight: bold;
}

.smaller {
	font-size: 80%;
	display: block;
}

.reqtxt,
.emailreqtxt {
	color: red;
	display: block;
	font-size: 90%;
}

/*
	TEMPLATE
	--------
*/

#ow {
	width: 976px;
	background: #115a94;
	margin: 0 auto;
}

.sitewrapper {
	width: 960px;
	margin: 0 auto 20px;
	background: #fff;
	text-align: left;
	position: relative;
}

.png,
a.footer {
	background: transparent url("/wp-content/themes/crateescapevt/i/backgrounds.png") no-repeat left top;
}

.l {
	width: 550px;
	float: left;
	margin: 20px;
	display: inline;
}

.r {
	width: 361px;
	float: right;
}

.r a {
	color: #fff;
	text-decoration: underline;
}

.cw { 
	border-bottom: 36px solid #429411;
}

.cw ul,
.cw ol {
	margin-left: 40px;
}


/*
	TEMPLATE - HOME
	---------------
*/
.home #wordpresscontent a {
	font-weight: bold;
}

.home h1 {
/*	width: 272px;
	height: 19px;
	background-position: left -450px;
	text-indent: -999em;*/
}

.home .cw {
	background: #429411 url("/wp-content/themes/crateescapevt/i/bg-home-content.gif") repeat-y left top;
	color: #fff;
	border-bottom: 1px solid #fff; /* ie 6 hack */
}

.home #wordpresscontent a {
	color: #fff;
	color: #025084;
}

.home #navmedia {
	width: 960px;
}

.home li#nb-videoofweek {
	left: 600px;
	background-image: none;
}

/*
	SLIDESHOW
	---------
*/

#slideshow {
	width: 939px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 12px;
	top: 12px;
}

#slideshow img {
	display: none;
}


/*
	SITE NAME
	---------
*/

ol#sitename {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 188px;
}

ol#sitename li {
	position: absolute;
}

ol#sitename .siteinc a {
	display: block;
	position: absolute;
	width: 300px;
	height: 66px;
	left: 164px;
	top: 32px;
	text-indent: -999em;	
}

ol#sitename .siteinc {
	width: 465px;
	height: 204px;
}

ol#sitename .sitetoo {
	width: 465px;
	height: 122px;
	background-position: left -250px;
	right: 0;
	top: 0;
	text-indent: -999em;
}


/*
	NAVBAR
	------
*/

ul#navbar {
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: 168px -1000px;
	_background-position: 169px -1000px;
	width: 960px;
	height: 66px;
	z-index: 999;
	position: absolute;
	top: 122px;
	right: 0;
}

/*ul#navbar {
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: 168px -1000px;
	width: 960px;
	height: 66px;
	z-index: 999;
	position: absolute;
	top: 122px;
	right: 0;
}
*/

ul#navbar li {
	position: absolute;
	height: 35px;
	top: 31px;
	_top: 30px;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -999em;
	display: block;
	height: 35px;
	text-decoration: none;
}

ul#navbar li a:hover {
	background-image: url("/wp-content/themes/crateescapevt/i/backgrounds.png");
}

#nb0 {
	left: 232px;
	width: 58px;
}

#nb1 {
	left: 308px;
	width: 85px;
}

#nb2 {
	left: 411px;
	width: 60px;
}

#nb3 {
	left: 489px;
	width: 88px;
}

#nb4 {
	left: 595px;
	width: 81px;
}

#nb5 {
	left: 693px;
	width: 83px;
}

#nb6 {
	left: 794px;
	width: 166px;
}

#nb7 {
	left: 720px;
	top: 0 !important;
	width: 86px;
	height: 20px !important;
}

#nb8 {
	left: 824px;
	top: 0 !important;
	width: 100px;
	height: 24px !important;
}

#nb7 a,
#nb8 a {
	height: 24px !important;
}

#nb0 a:hover { background-position: -64px -1131px; }
#nb1 a:hover { background-position: -140px -1131px; }
#nb2 a:hover { background-position: -243px -1131px; }
#nb3 a:hover { background-position: -321px -1131px; }
#nb4 a:hover { background-position: -427px -1131px; }
#nb5 a:hover { background-position: -525px -1131px; }
#nb6 a:hover { background-position: -626px -1131px; }
#nb7 a:hover { background-position: -552px -1100px; background-color: #fff; }
#nb8 a:hover { background-position: -656px -1100px; background-color: #fff; }

/* dropdowns */

ul#navbar li ul {
	position: absolute;
	left: -9999em;
	width: 200px;
	margin: 0;
	padding: 0 0 12px 4px;
 	background: #3c84be;
	border-top: 12px solid white; 
	list-style: none;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 0;
	z-index: 900;
	top: 100%;
}

ul#navbar li:hover ul li a, 
ul#navbar li.sfhover ul li a {
	background: transparent !important;
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
}


ul#navbar li ul li a {
	font-size: 90%;
	font-weight: bold;
	text-indent: 0;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px 0 16px;
	color: #fff !important;
} 

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover {
	text-decoration: underline;
}

ul#navbar ul li ul {
left: -999em !important;
}
ul#navbar ul li:hover ul, 
ul#navbar ul li.sfhover ul{
	top: 0;
	left: 290px !important;
	top: -5px;
}

ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
}


ul#navbar li ul li a {
	text-indent: 0px;
	font-weight: bold;
	text-indent: 0px;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 0 2px 0 10px;
	color: #597c7c;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}



/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {  

}



/*
	HOMEPAGE MEDIA LINKS
	--------------------
*/

.home #navmedia {
	position: absolute;
	top: 200px;
	left: 12px;
	z-index: 500;
}
#navmedia {
	width: 351px;
	height: 273px;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navmedia li {
	height: 249px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
/*	background-image: url("/wp-content/themes/crateescapevt/i/backgrounds.jpg");*/
}

#navmedia li a {
	display: block;
	height: 45px;
	position: absolute;
	text-indent: -999em;
}

li#nb-photogallery {
	left: 12px;
	width: 588px;
}

li#nb-photogallery a {
	width: 178px;
	background-position: left -900px;
	top: 0;
	right: 10px;
}

li#nb-videoofweek {
	width: 351px;
	background: transparent url("/wp-content/themes/crateescapevt/i/backgrounds.jpg") no-repeat left -300px;
	left: 0;
}

li#nb-videoofweek a {
	width: 216px;
	background-position: left -950px;	
	top: 5px;
	right: 10px;
}

/*
	SIDEBAR ELEMENTS
	----------------
*/
#wp-blue-sidebar {
	background: #115a94;
}

#rollercoaster {
	background-position: left bottom;
	min-height: 298px;
	height: auto !important;
	height: 298px;
	color: #fff;
}

.widget {
	width: 240px;
	padding: 10px 20px;
}
.lnk-bookreservation a {
	display: block;
	width: 236px;
	height: 66px;
	background-position: left -550px;
	text-indent: -999em;
}

.lnk-bookreservation a:hover {
	background-position: left -650px;
}

h3.hdr-thewordisout {
	width: 187px;
	height: 22px;
	background-position: left -500px;
	text-indent: -999em;
}

.miscimage {
	margin: 12px 0 8px;
}

/*
	FOOTER ELEMENTS
	---------------	
*/

ol#sites {
	list-style: none;
	margin: 20px;
	padding: 0;
	color: #000;
}

ol#sites a {
	color: #000;
}

ol#sites li {
	float: left;
	margin: 0 30px 0 0;
	position: relative;
}

ol#sites li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#sites li li {
	float: none;
	position: static;
}

#sites span {
	display: block;
	width: 211px;
	height: 23px;
	text-indent: -999em;
}

#sites .siteinc span {
	background-position: left -750px;
}

#sites .sitetoo span {
	background-position: left -800px;	
}

.facebook {
	display: block;
	width: 30px;
	height: 30px;
	background-position: left -850px;
	text-indent: -999em;
	position: absolute;
	left: 220px;
	top: -10px;
}

.siteinc .facebook {

}


#fnavbar {display:inline-block;}
#fnavbar {display:inline;}
.holder {display:table;}

#fnavbar {
	display:table-row;
	padding: 0;
	margin: 0;
	list-style-type:none;
	white-space:nowrap; 
}

#fnavbar li {display:inline;}
#fnavbar a, #fnavbar a:visited {
  	display:block;
  	float:left;
	padding: 4px 24px;
	color: #115a94;
}

#fnavbar a:hover {

}

#fnw { text-align:center; padding: 30px 0 10px;}
#fnw .holder {margin:0 auto;}


/*
	USM TAG
	-------
*/

#usmtag {
	background: #115a94;
	margin: 0;
	padding: 0;
	height: 50px;
	position: relative;
}

#usmtag a {
	display: block;
	width: 213px;
	height: 13px;
	text-indent: -999em;
	background-position: left -1200px;
	position: absolute;
	right: 0;
	top: 18px;
}




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}