* { padding:0; margin:0; border:0;}

html, body { height:100%; }

body { position:relative; font-family: 'Times', 'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal; font-size: 16px; letter-spacing: .2em; line-height: 1.1em; text-transform: uppercase; color:#333; min-height:600px; }

a { color:#BA6834; text-decoration:none; }
a:hover { color:#Bf6a36; }
a:focus { outline: none; }

/* IE CLEAR FIX */
.clear-both { clear:both; }


.tube { width:1024px; margin:0 auto; /*border: 1px dotted black;*/}
.hidden { /*position:absolute; left:-10000px;*/ height:0; overflow:hidden; }

.horizontal-rollover-list { list-style:none;}
.horizontal-rollover-list li { float:left; }
.horizontal-rollover-list li span { display:none; }
.horizontal-rollover-list a { display:block; }

#poster-overlay { display:none; z-index:10000; background-color:#333; width:675px; min-height:200px; -moz-box-shadow:0 0 15px 0px #000; -webkit-box-shadow: 0 0 15px #000; }
#poster-overlay a {color:#fff;}
#poster-overlay a:hover {color:#fff;}

#poster-overlay .next, #poster-overlay .prev { position:absolute; top:10%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#222; opacity:.5; }
#poster-overlay .prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; }
#poster-overlay .next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; }
#poster-overlay .next:hover, #poster-overlay .prev:hover { background-color:#444; }
#poster-overlay .info { background-color:#fff; padding:5px; position:absolute; bottom:0; width:100%; font-size:.8em;}
#poster-overlay .info a {color:#000; text-decoration:underline;}
/* progress indicator (animated gif). should be initially hidden */ 
#poster-overlay .progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
}


#mask { position:relative; min-height:770px; min-width:1024px; height:100%; width:100%; }
#mask.js { overflow:hidden; }

#header {position:relative; background: url('/images/index/header-wallpaper-bg.gif') center bottom;}

#header .shadow-top { position:absolute; height:100%; width:100%; top:0; background: url('/images/index/header-shadow-top.png') repeat-x; z-index:0; }
#header .shadow-bottom { position:absolute; height:10px; width:100%; bottom:0; background: url('/images/index/header-shadow-bottom.png') repeat-x; z-index:0; }
#header .shadow-right { position:absolute; width:300px; height:100%; right:0; background: url('/images/index/header-shadow-right.png') repeat-y; z-index:0; }
#header .shadow-left { position:absolute; width:300px; height:100%; left:0; background: url('/images/index/header-shadow-left.png') repeat-y; z-index:0; }

#peak {
	overflow:hidden;
	height:60px; /* TODO: Set to final outerHeight of tab menu */
	position:relative;
	font-size:.75em; font-family: Gill Sans, Verdana; letter-spacing:.2em;
	color:#ccc; text-shadow: -3px -3px 25px #000;
}
#peak a { color:#ddd;}
#peak a:hover { color:#fff; }

#peak .content { position:absolute; width:100%; bottom:0;/* border:1px dotted blue;*/}

#peak div.nav { position:relative; padding-top:22px;}
#peak div.nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#peak div.nav p.status { vertical-align:middle; height:38px; line-height:38px; overflow:hidden; text-transform:none; font-family: serif;font-style: italic; font-size:1em; letter-spacing:.07em; text-align:center;}


#peak ul.tab-menu { list-style:none; height:38px; /*padding-top:37px;*/ float:left; margin-left:30px; margin-right:30px;}

#peak ul.tab-menu li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

#peak ul.tab-menu a { 
	background-color:#fff;
	text-transform:uppercase;
	display:block;

	text-align:center;	
	padding:0 10px 0 10px;
	height:16px;
	padding:9px 22px 8px 22px;
	margin-top:5px;
	-webkit-border-top-left-radius:7px;	
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px; 
	-moz-border-radius-topright:7px;
	background: #d0d0d0 url('/images/index/header-tab-menu-shadow.png') no-repeat bottom left;
}

#peak ul.tab-menu a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; background: #e0e0e0; margin:0; padding:13px 21px 8px 21px; border-color:#b0b0b0; border-style:solid; border-width:1px 1px 0px 1px; }
#peak ul.tab-menu a.current.photos, ul.tabs li.current a.photos { background:#eeeee2 !important; }



#peak .panels:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }
#peak .column { padding:0 1% 0 1%; float:left; width:48%; }

#radio .playlist { margin-top:25px; height:275px; }
#radio h3 { display:none; margin-bottom:.5em; text-transform:lowercase; font-weight:normal; font-size:.8em; margin-left:-5px;}
#radio .cover { background-image: url('/images/index/radio-coverart-bg.png'); position:relative; padding:25px; height:300px; width:300px; margin:0 auto; }
#radio .cover .glare { background-image: url('/images/index/radio-coverart-glare.png'); position:absolute; height:300px; width:300px; z-index:3; }
#radio .cover .raster { background-image: url('../images/radio_coverart_raster.png'); position:absolute; height:300px; width:300px; z-index:2; }
#radio .current { font-size:1.2em;}
#radio ul { list-style:none; }
#radio ul li { margin-bottom:0.8em; }
#radio .current .label { position:absolute; bottom:20px; left:-30px; font-weight:normal; letter-spacing:0; color:#111; }
#radio .error-message { display:none; }
#radio .by { font-size:.7em; text-transform:lowercase; }
#radio .now-playing { position:relative; margin-bottom:0.8em;}
#radio .line { border-bottom:1px dotted #999; position:absolute; top:7px; left:-107px; width:100px; z-index:0; display:none;}

#events .column { margin-top:20px; }
#events .poster { min-height:350px; }
#events .poster img {display:block; margin:0 auto; -moz-box-shadow:0 0 25px 0px #000; -webkit-box-shadow: 0 0 25px #000; max-height:350px; max-width:350px;}
#events table { /*width:100%;*/ }
#events .date { text-align:right; min-width:165px; padding-right:5px;}
#events .title { text-align:left; padding-left:5px;}
#events .image { display:none; }



#content { background: #fff url('/images/index/content-gradient-bg.jpg') repeat-x 0 0; min-height:600px;}
#content.photos { background: #c2c2b7 url('/images/index/photos/content-gradient-bg.png') repeat-x left top !important; height:100%;}

#index { position:relative; }
#index .content { position:absolute; z-index:1; padding:50px;}
#index .drag-bounds { height:470px; margin-left:-150px; /*margin-top:-40px; *//*margin-bottom:40px;*/}
#index .mug {position:absolute; bottom:0; left:280px; height:378px; width:520px; background: url('/images/index/home/mug-bg.png') no-repeat; z-index:10;}
#index .mug .drag-handle {height:370px; margin:0 100px 0 150px;}
#index .plate {position:absolute; top:45px; bottom:0; left:290px; height:485px; width:570px; background: url('/images/index/home/plate-bg.png') no-repeat; z-index:10;}
#index .plate .drag-handle {height:370px; margin:0 100px 0 150px;}

#index .gelato {position:absolute; top:38px; bottom:0; left:390px; height:487px; width:459px; background: url('/images/index/home/gelato-bg.png') no-repeat; z-index:10;}
#index .gelato .drag-handle {height:370px; margin:0 100px 0 150px;}

#index .thanks {position:absolute; top:35px; bottom:0; left:108px; height:453px; width:706px; background: url('/images/index/home/thanks-bg.png') no-repeat; z-index:10;}
#index .thanks .drag-handle {height:370px; margin:0 100px 0 150px;}

#index .stayintouch {position:absolute; top:105px; bottom:0; left:158px; height:447px; width:642px; background: url('/images/index/home/stayintouch-bg.png') no-repeat; z-index:10;}
#index .stayintouch .drag-handle {height:370px; margin:0 100px 0 150px;}

#index .stain { position:absolute; top:450px; left:400px; height:208px; width:408px; background: url('/images/index/home/stain-bg.png') no-repeat; z-index:0;}



#menu {text-transform:uppercase; }
#menu .navigation {text-align:center; margin-top:20px; color:#777; }
#menu .navigation a {color:#7b2401;}
#menu .navigation .extra-links { text-transform:lowercase; font-size:.75em; letter-spacing:.1em; margin-top:10px;}
#menu .navigation .extra-links a {color:#ababab;}
#menu .navigation .extra-links a:hover {color:#777;}
#menu .mask a {color:#7b2401; font-weight: bold; font-variant:normal; text-transform:uppercase; text-decoration:underline;}
#menu .mask a:hover {text-shadow:0px 0px 15px white;}
#menu .mask {color:#000; overflow:hidden; margin:0 auto; height:671px; }
#menu .panels {width:5000px; font-size:.85em; margin-top:30px;}
#menu .panels:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#menu .panel { float:left; width:1024px; }
#menu .page { position:relative; margin:0 auto; margin-top:13px; width:400px; height:638px; padding:20px 63px 0 63px; background-image:url('/images/index/menu/section-kraft-paper-bg.png'); }
#menu .mask h1, #menu .mask h2, #menu .mask h3 { text-align:center; margin-bottom:.4em;}
#menu .mask h1 { text-transform:uppercase; }
#menu .mask h2 { font-size:1.2em; }
#menu .mask h3 { text-transform:lowercase; font-variant:small-caps; font-weight:normal; font-size:1em; margin-bottom:1em;}
#menu .mask h3:first-letter{ text-transform: uppercase; }
#menu .mask p.item { clear:both; font-size:.9em; font-weight:bold; margin-top:1em;}
#menu .mask p.item .price {float:right;}
#menu .mask p.desc { text-transform:lowercase; font-variant:small-caps; letter-spacing:.15em; }
#menu .mask .labels { float:right; font-size:.7em; letter-spacing:.1em; }
#menu .mask .labels div { float:left;}
#menu .mask .labels div p { text-align:center; padding:0 .5em 0 .5em;}
#menu .mask .labels:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#menu .print { position:absolute; right:43px; top:-15px; text-transform:lowercase; font-variant:none; font-size:.8em; letter-spacing:.1em;}
#menu .print a {color:#ababab;}
#menu .print a:hover {color:#777;}
#menu .stamp { position:absolute; height:124px; width:112px; left:33px; top:2px;}
#menu .stamp a {display:block; height:124px; width:112px; background-image:url('/images/index/menu/community-stamp.png'); background-position:0 0;}
#menu .stamp a:hover {background-position:0 -124px;}
#menu .stamp a span {display:none;}
#menu .hwfa-overlay a {color:#7b2401; text-decoration:underline;}
#menu .hwfa-overlay { display:none; z-index:10000; background-image:url('/images/index/menu/hwfa-overlay-white-bg.png'); width:475px; padding:40px; min-height:200px; font-size:.75em; text-transform:none; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: .12em; }
#menu .hwfa-overlay h1, #menu .hwfa-overlay h2 { font-style: normal; font-weight: normal; text-transform: normal; text-transform:lowercase; text-transform:capitalize; margin-bottom:.5em; }
#menu .hwfa-overlay p {	margin-bottom:.7em; }
#menu .hwfa-overlay p span { font-size:1.3em; }
#menu .crepe-nav {margin-bottom:1em;margin-top:2em; font-size:1.2em;}
#menu .crepe-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#menu ul.crepe-tabs { list-style:none; }
#menu ul.crepe-tabs li { float:left; }
#menu ul.crepe-tabs li a { padding:5px 5px 4px 5px; border-style:dotted; border-width:0 0 2px 0; border-color:#000; }	
#menu ul.crepe-tabs li a.current { cursor:default !important;  padding:4px 4px 5px 4px; border-width:2px 2px 0px 2px; }
#menu .tab-price { text-align:right; border-style:dotted; padding-bottom:5px; border-width:0 0 2px 0; border-color:#000; float:left; width:216px; font-weight:bold; }
#menu .crepe-panes h2 { text-align:left; }







#photos .wrapper { width:800px; margin:0 auto; }
#photos .frame { position:relative; left:-50%; border:10px solid white; overflow:hidden; background-color:black; min-height:250px;min-width:250px; width:333px; height:333px;}
#photos .frame img {position:absolute; min-width:250px; max-height:500px;}
#photos .frame .loading {position:absolute; width:100%; height:100%; background:url('/images/index/photos/loading.gif') no-repeat center center; display:none; z-index:1;}
#photos .outer {position:static;display:table;margin:0 auto;height:560px;width:530px;}
#photos .middle {display:table-cell;vertical-align:middle;top:50%;}
#photos .outer .inner {position:relative;float:left;clear:left;top:-50%;left:50%;}
#photos .shadows {position:relative;left:-50%;}
#photos .shadows:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#photos .center-shadow{background: url('/images/index/photos/frame-bottom-center-shadow.png') 0 -1px;;margin:0 136px 0 136px;height:18px;}
#photos .left-shadow {background: url('/images/index/photos/frame-bottom-left-shadow.png') no-repeat 0 -1px;height:19px;width:136px;float:left;}
#photos .right-shadow {background: url('/images/index/photos/frame-bottom-right-shadow.png') no-repeat 0 -1px;margin-left:-136px;height:19px;width:136px;float:right;}
#photos .navigation {position:relative;}
#photos .navigation .overlay {position:absolute; z-index:3;}
#photos .navigation .left {left:0;}
#photos .navigation .right {right:0;}
#photos .scrollable {position:relative; overflow:hidden; width:785px; height:95px; margin:0 auto;}
#photos .scrollable .items {width:2000em; position:absolute; list-style:none;}
#photos .scrollable .items li {float:left; padding:3px;}
#photos .scrollable .items li {background:url('/images/index/photos/thumb-shadow.png') no-repeat;padding:7px 7px 7px 7px;margin:0 20px 0 0;position: relative;height:81px;width:81px;float:left;}
#photos .scrollable .items li img {border:3px solid white;height:75px;width:75px;}
#photos .scrollable .items li .glare {background:url('/images/index/photos/thumb-glare.png');position:absolute;height:75px;width:75px;margin:3px;z-index:1;}
#photos .scrollable .items li .buttons {position:relative; z-index:2; width:100%;}
#photos .scrollable .items li .buttons .next {height:95px; width:20px; border:none; right:-23px; top:-6px; position:absolute;}
#photos .scrollable .items li .buttons .prev {height:95px; width:20px; border:none; left:-23px; top:-6px; position:absolute;}




#footer { position:absolute; bottom: 0; width:100%; z-index:9000; font-size:0.6875em; color:#767373; background: url('/images/index/footer-bg.png') repeat-x; }
#footer a { color:#767373; }
#footer a:hover { color:#9d9c97; }
#footer ul { list-style:none; }
#footer h4 { font-size:1.09em; }

#footer .content { padding:0px 25px 15px 25px; margin:0 auto; margin-top:35px; max-width:1024px; position:relative;}
#footer .top-row { margin:10px 0px 25px 0px; }
#footer .top-row:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
#footer ul.info { float:left; }

#footer .right { float:right; }
#footer .right:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}

#footer .flash { font-size:0.818em; }
#footer #new_subscriber { font-size:0.818em; color:#9d9c97; float:left; }
#footer #new_subscriber input[type="text"] { font-size: 1.444em; border: 1px solid #a6a3a3; background-color: #f2f2ee; -webkit-border-radius:7px; -moz-border-radius:7px; color: #9d9c97; outline:none; padding:5px; height:13px; width:195px; }
#footer #new_subscriber p { float:left; min-width:25px; }
#footer #new_subscriber .submit .button { color:#a6a3a3; background-color:#eeeee6; border: 1px solid #a6a3a3; -webkit-border-radius:7px; -moz-border-radius:7px; padding:0 5px 0 5px; line-height:23px; outline:none; }
#footer #new_subscriber .submit .button:focus { border: 1px solid #777; color:#777; }
#footer #new_subscriber .submit img { display:none; margin: 5px 10px 0px 4px; cursor: pointer; }

#footer ul.social { margin-top:5px; float:left; }
#footer ul.social li { padding-left:5px; }
#footer ul.social a { height:17px; }
#footer ul.social a:hover { background-position: 0px -17px; }
#footer ul.social li.fb a { width:17px; background-image: url('/images/index/footer-social-facebook.png'); }
#footer ul.social li.tw a { width:28px; background-image: url('/images/index/footer-social-twitter.png'); }
#footer ul.social li.as a { width:18px; background-image: url('/images/index/footer-social-lastfm.png'); }
#footer ul.social li.yp a { width:18px; background-image: url('/images/index/footer-social-yelp.png'); }

#footer ul.logos { border-width: 0px 1px 0px 0px; float:left; }
#footer ul.logos a { height:100px; margin:0 10px 0 10px; background-image: url('/images/index/footer-logos.png'); }
#footer ul.logos li.wifi a { background-position:-10px 0; width:72px; }
#footer ul.logos li.wifi a:hover { background-position:-10px 100px; }
#footer ul.logos li.ftc a { background-position:-106px 0; width:47px; }
#footer ul.logos li.ftc a:hover { background-position:-106px 100px; }
#footer ul.logos li.usda a { background-position:-174px 0; width:53px; }
#footer ul.logos li.usda a:hover { background-position:-174px 100px; }
#footer ul.logos li.scaa a { background-position:-248px 0; width:69px; }
#footer ul.logos li.scaa a:hover { background-position:-248px 100px; }

#footer .dotted { border-width: 1px 0px 0px 0px; border-style:dotted; border-color:#999; }
#footer .nav { display: table; margin: 0 auto; height: 100px; }
#footer .content .nav div { font-size: 0.909em;  /* 11x0.818=10 */ vertical-align:middle; display: table-cell; letter-spacing:.3em; text-align:center; }
#footer .content .nav a { color:#9d9c97; }
#footer .content .nav a:hover { color:#767373; }


#footer .bike {position:absolute; width:170px; height:81px; top:5px; left: 460px; background:url('/images/index/footer-rwanda-bike.png'); opacity:.5; }
#footer .bike:hover { opacity:.8; }



.browser-warning {
	font-family:sans-serif;
	font-size:.9em;
	text-transform:none;
	margin:0 auto;
	color:#777;
	padding:50px;
	width:550px;
	letter-spacing:.1em;
}

.browser-warning h2, .browser-warning h4 { margin-bottom:20px;}
.browser-warning p { margin-bottom:10px;}
#peak .browser-warning { color:#ccc; }