/*
Theme Name: Snowcats!
Theme URI: http://peaksnowcats.com
Description: Theme for peak adventures snowcat adventures
Version: 0.1
Author: ethan andrews
Author URI: http://brilliantunion.com
Tags: 


*/

body { background: #aeccd7;}
body.home { background: #ffffff url('images/bkg-home.jpg') 0 80px no-repeat;}



/*** ESSENTIAL SUCKERFISH STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#nav { position: absolute; top: 10px; left: 0; padding: 0; font-size: 1.25em; z-index: 3000; white-space: nowrap;  }
#nav li { float: left; list-style: none;  }

#nav li:hover a { background: #fa6600; color: #fff;}
#nav li:hover li a {background: none; color: #1f313c; }
#nav li li:hover li a {background: none; color: #1f313c; }
#nav li a { margin-right: 3px;  padding: .5em; position: relative; top: 18px;  }
#nav li.logo a, #nav li.logo:hover a { background: none; }
#nav li.logo a { padding: 0; top: 0; margin-right: 7px; }
#nav li.logo a:hover { background: none; }

#nav ul { position: absolute; top: 44px; margin: 0; padding: 0; background: #efefef url('images/bkg-subnav.gif') 100% 0 no-repeat; }
#nav ul li:first-child { margin-top: 7px;}
#nav ul li { float: none; padding: .25em 0; border-bottom: 1px solid #ffffff; position: relative;}
#nav ul li a { background: none; }
#nav ul li:hover { background: #cdd4d7; }
#nav ul li:hover a { background: #cdd4d7; color: #ffffff;}
#nav ul li a { top:0; padding: .25em .5em;}
#nav ul li a:hover { background: 0; }

#nav ul li ul { position: absolute; top: 7px;  border: 6px solid #ffffff;  }


#headingwrap { background: url('images/bkg-headerwrap.png') 50% 100% no-repeat; }
#heading { height: 320px; clear: both; margin-top: 100px; padding: 55px 0 42px 0; background: url('images/bkg-header-home.png') 50% 14px no-repeat;  }

#header { width: 100%; height: 130px; clear: both; background:  url('images/bkg-header.png') 50% 100% repeat-x;}
.home #header { height: 80px; background: 0; }
#links 	{ float: right; padding: 28px 18px 0 0;}
#links a { margin: 1em; padding: 0; }

.overlay { position:absolute;top:0; bottom:0; left:0; width:100%; background:#121d24; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50);}
.overlay.dark{ opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60);}
.overlay.darkest{ opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
#descriptionwrap { position:relative; float:left; max-width: 965px; min-width: 740px; margin: 0 0 30px 0; padding: 20px; left: 0; top: 30px;  }
#description { max-width: 965px; min-width: 720px; position: relative; color: #031320; font-size: 1.2em; line-height: 2em; margin: 0; }
#description h1 { font-size: 1.45em; color: #abe7f4; font-style: italic; margin-bottom: 15px; }
#description p { font-size: 1em;   margin: 0;}
#slides { width: 255px; height: 200px; float: left; position:relative; overflow: hidden; margin: 0 20px 0 0; }
#homebooknow { vertical-align: top; margin: 0 0 0 .5em; }

#subscribewrap{ position:relative; float:left; width:275px; margin: 0 0 30px 0; left: 0; top: 30px; clear: both;  }
#subscribewrap #subscribe { width: 230px; min-height: 240px; padding: 20px 20px 10px 20px; position: relative;  }
#subscribe h4 { margin: 1em 0 0 0; color: #abe7f4;}
#subscribe p { font-size: .9em; color: #b8c9ca;}
#subscribe label { color: #abe7f4; float: none;}
#subscribe label.error {color: #ff0000;}
#subscribe input[type=text] { width: 220px; background: #b8c9ca; height: 1em; border: none; }
#subscribe a { color: #abe7f4;}
#subscribe a:hover { background: none; color: #fa6600; }
#subscribe input[type=checkbox] { margin: .25em .75em .25em .25em; }

#unsub { width: 600px;}
#unsub input[type=checkbox] { margin: .25em .75em .25em 0; }
#unsub input[type=text] { background: #fefef4; margin-left: 1.5em; }
#unsub input[type=image] { margin-left: 1.5em;}
#emailLabel {margin-top: 2em;}
#whyUnlabel { margin: 2em 0 0 1.5em;}
#whyUnsubscribe { background: #fefef4;  float: left; clear: both; margin: .5em 0 1.5em 1.5em;  width: 500px; height: 120px;}

#newswrap{ position:relative; float:left; width:730px; margin: 0 0 30px 0; left: 0; top: 30px; }
#newswrap #news { width: 690px; min-height: 240px; padding: 20px; position: relative;  }
#news h2 { margin-bottom: 0; background: #000;}
#news h2 a  { font-size: .7em;  color: #abe7f4; padding-left: .25em; }
#news h2 a:hover { color: #fa6600; background: none;}
#news ul.recent-posts {  margin: 0; padding: 0; font-size: 1em; position: relative;}
#news ul.recent-posts li { padding: .5em .25em; border-bottom: 1px solid #4e606a;  margin: 0; list-style:none; background: none;}
.recent-posts .date { color: #b8c9ca; padding-right: .5em ;}
.recent-posts a { color: #abe7f4; font-size: 1.1em; font-weight: bold; padding-right: .5em ;   }
.recent-posts a:hover { background: #111; color: #fa6600; }
.recent-posts .excerpt { color: #fff; position: absolute; left: 300px; }
.reversed { background: #000; font-size: 1.4em; padding-left: .25em; color: #abe7f4;}

.sidebar {    float: left; margin: 0 12px 0 0;  }

.sidebar.page {  width: 255px; padding: 0; }
.sidebar.page ul { padding: 2em 25px 2.5em 25px; margin: 0 0 20px 0; font-size: 1.25em; border-top: 1px solid #ccc; background: #fff url('images/bkg-content.png') 100% 0 no-repeat; }
.sidebar.page ul li { padding: .5em 0; border-bottom: 1px solid #ccc; }
.page-child .sidebar.page ul { display: none; }
.sidebar.page div {padding: 2em 25px 2.5em 25px; margin: 0;  background: #fff url('images/bkg-content.png') 100% 0 no-repeat;}


#contentwrap { float: left;  max-width: 800px; margin-left: 10px; margin-right: 1em; background: #fff url('images/bkg-contentwrap.png') 0 100% no-repeat; }
#content {  padding: 12px; background: transparent url('images/bkg-content.png') 100% 0 no-repeat;   }
#content h2:first-child { margin-bottom: .3em; }
#content h2 a { color: #fa6600;   }
#content h2 a:hover { background: none; color: #8ec4e6;}
#content p:first-child, #content h3:first-child, #content form:first-child { border-top: 6px solid #aeccd7; padding-top: 1em; }
#Inquiry p:first-child { border: none; padding: 0; margin-bottom: 0;}
#content p { padding-left: 20px; padding-right: 20px;  color: #3a5d72; }
#content h3, #content h4 { padding-left: 20px; padding-right: 20px; }
.entry a { background: #ffedc9; padding: .2em .35em; }
.entry a:hover { background: #fa6600;}
#content ul { margin:0 0 1.5em 0; padding: 0 0 0 2.5em; list-style-image: url('images/bullet.png'); font-size: 1.2em;  }
#content ul li { margin: .75em 0 ; padding: .5em 0 .5em 1.5em; color: #1f313c; background: #fafaf6; }

#content h3.thumbnail { width: 363px; height: 233px; float: left;  }

.thumbnail a { padding: .25em .5em; background: #fafaf6;}
.thumbnail a:hover { background: #fa6600;}
.thumbnail#catskiing { margin: 0 5px 10px 0; padding: 20px 0 0 20px;; background: url('images/tn-catskiing.jpg') 20px 0 no-repeat; }
.thumbnail#guided-trips { margin: 0 0 10px 5px; padding: 20px 20px 0 0; background: url('images/tn-guided-tours.jpg') 0 0 no-repeat; }
.thumbnail#winter-courses { margin-right: 5px; padding: 20px 0 0 20px; background: url('images/tn-winter-courses.jpg') 20px 0 no-repeat; }
.thumbnail#yurt-dinner-trips { margin-left: 5px; padding: 20px 20px 0 0; background: url('images/tn-yurt-dinner-trips.jpg') 0 0 no-repeat; }
.thumbnail#crew { margin: 0 5px 10px 0; padding: 20px 0 0 20px; background: url('images/tn-crew.jpg') 20px 0 no-repeat; }
.thumbnail#safety { margin: 0 0 10px 5px; padding: 20px 20px 0 0; background: url('images/tn-safety.jpg') 0 0 no-repeat; }
.thumbnail#terrain { margin-right: 5px; padding: 20px 0 0 20px; background: url('images/tn-terrain.jpg') 20px 0 no-repeat; }
.thumbnail#history { margin-left: 5px; padding: 20px 20px 0 0; background: url('images/tn-history.jpg') 0 0 no-repeat; }
.thumbnail#what-to-bring { margin: 0 5px 10px 0; padding: 20px 0 0 20px; background: url('images/tn-what-to-bring.jpg') 20px 0 no-repeat; }
.thumbnail#travel-directions { margin: 0 0 10px 5px; padding: 20px 20px 0 0; background: url('images/tn-travel-directions.jpg') 0 0 no-repeat; }
.thumbnail#accommodation { margin-right: 5px; padding: 20px 0 0 20px; background: url('images/tn-accommodation.jpg') 20px 0 no-repeat; }
.thumbnail#faq { margin-left: 5px; padding: 20px 20px 0 0; background: url('images/tn-faq.jpg') 0 0 no-repeat; }
.thumbnail#rates { margin: 0 5px 10px 0; padding: 20px 0 0 20px; background: url('images/tn-rates.jpg') 20px 0 no-repeat; }
.thumbnail#availability-calendar { margin: 0 0 10px 5px; padding: 20px 20px 0 0; background: url('images/tn-availability-calendar.jpg') 0 0 no-repeat; }
.thumbnail#pre-trip-forms { margin-right: 5px; padding: 20px 0 0 20px; background: url('images/tn-pre-trip-forms.jpg') 20px 0 no-repeat; }
.thumbnail#booking { margin-left: 5px; padding: 20px 20px 0 0; background: url('images/tn-booking.jpg') 0 0 no-repeat; }

.thumbnail#pics { margin: 0 5px 10px 0; padding: 20px 0 0 20px; background: url('images/tn-pics.jpg') 20px 0 no-repeat; }
.thumbnail#flicks { margin: 0 0 10px 5px; padding: 20px 20px 0 0; background: url('images/tn-flicks.jpg') 0 0 no-repeat; }
.thumbnail#press { margin-right: 5px; padding: 20px 0 0 20px; background: url('images/tn-press.jpg') 20px 0 no-repeat; }
.thumbnail#client-reviews { margin-left: 5px; padding: 20px 20px 0 0; background: url('images/tn-client-reviews.jpg') 0 0 no-repeat; }


* 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;
		clear: both; 

	}

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

	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
.blog 
.post { clear: both; }
.blog .entry a { background: none; text-decoration: underline;}
.blog .entry a:hover { background: none; text-decoration: underline;}

.navigation {  height: 24px; padding-top: 4px; margin-top: 3em; background: #f0f8fa; clear: both; }
.navigation.blog { background: #fff; }




#footer { clear: both; padding: 5em 2em 1em 2em; color: #99aebb; background: url('images/bkg-footer.png') 50% 0 repeat-x; }
#footer a { color: #fa6666; padding: .25em;}
#footer a:hover { color: #ffffff; }
.home #footer { padding: 30px 0 1em 0; background: none; color: #fff; width: 1005px ;}
.home #footer p {  font-size: 1em; padding: .25em; text-shadow: #000 2px 2px 2px;}
.home #footer a { color: #fff; padding: .25em; }

#respond { margin-bottom: 4em; }
textarea { background: #dee5e7; }

a.pdf	{ 	background: #ffedc9 url("images/pdf.png") no-repeat; padding-left: 1.75em; white-space: nowrap;}
a.pdf:hover	{ 	background: #fa6600 url("images/pdf.png") no-repeat; padding-left: 1.75em; }
h3 a.pdf	{ 	background: #ffedc9 url("images/pdf2.png") no-repeat; padding-left: 2.5em; white-space: nowrap; }
h3 a.pdf:hover	{ 	background: #fa6600 url("images/pdf2.png") no-repeat; padding-left: 2.5em;  }


/* Booking form stuff */

 label { float: left; clear: both; }
 input { float: left; clear: both; margin: .5em 0; }
#Book input[type=text], #Book textarea, #Inquiry input[type=text], #Inquiry textarea { background: #fefef4; }
select { float: left; clear: both; margin: .5em 0 1.5em 0;  width: 510px;}
#Book textarea, #Inquiry textarea { float: left; clear: both; margin: .5em 0 1.5em 0;  width: 500px; height: 120px;}
.radio { margin-bottom: 1.5em; }
#Book fieldset, #Inquiry fieldset { margin: 0; padding-top: 0; border: none; border-bottom: 3px solid #e6e6e6;}

.title { font-size: 1.2em;  width: 100%; clear: both; }
.title#yurtTitle	{ line-height: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 15px; width: 500px; background: #d2edf3; display: none; }
#Yurt{  margin: 0 1em .5em 0; position: relative; top: -.5em;  }
fieldset span {  margin: 0 15px 1.5em 0; float: left;   line-height: 0em; }
fieldset:focus { background: #ffe698;} 
.req { color: #e64600;}
#Book .field.text, #Inquiry .field.text { margin-bottom: 1em ; width: 500px; }
#Book .field.text#Name1, #Inquiry .field.text#Name1 { width: 175px; }
#Book .field.text#Name2, #Inquiry .field.text#Name2 { width: 300px; }
.depositlabel { clear: both; float: none;}
.other { display:none; }

form.cmxform label.error { display: none; }	
legend { font-size: 1.3em; padding: 1em 0; }
#Book fieldset#total { padding-top: 1em; font-size: 1.3em; }

#idResident { margin-right: 1em; margin-bottom: 1em; }

#paymentMsg {  width: 515px;}
#total em { color: #006699; }
#total em#sumTotal,  #total em#subTotal { color: #003366;}
#Deposit, #LiabilityWaiver { margin-right: .5em; }
.red { color: #e64600;}
#instructions { float: left; clear: both; font-size: 1.2em; }
.totals { font-size: 1.1em; }
.small { font-size: .9em; }

/*comment form*/
#commentform input[type=text] {
	width: 270px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	font-size: 1.2em; 
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}



/*crew page flippers*/
.quickFlip  {
	float: left; 
    height: 250px;
    width: 250px;
    float: left;
	margin: 0 20px;
}
.quickFlip.steve  {
	margin: 0 0 20px 20px;
}
.quickFlip.terri{
	margin: 0 20px 20px 20px;
}
.quickFlip.scott{
	margin: 0 20px 20px 20px;
}




.map { border-top: 6px solid #aeccd7; padding: 1em 20px;}