@import url('tpl/view/css/reset.css');
@font-face {
  font-family: "LetterGothicStd";
  src: url("tpl/view/css/fonts/LetterGothicStd.otf");
  unicode-range: U+0-7F, U+A5, U+4E00-9FFF, U+30??, U+FF00-FF9F;
}
* { font-family:'UniversLTW01-47LightCn'; }
html, body, #index-container { background-color:#f15928; height:100%;  }
a { color:#FFFFFF; text-decoration:none; }
a:hover {text-decoration:underline; }
.preload { display:none; }

#content { width:960px; height:100%; position:relative; margin-left:auto; margin-right:auto; overflow:hidden; min-height: 550px; }

.logo { position:absolute; z-index:1; background-repeat: no-repeat; background-size:100% auto; }
.logo a { text-indent: -9999px; }
#header-banner, #upper-right { top: 20px; }
#header-banner { left:0px; background-image:url("tpl/view/images/logo-main-white.png"); width:200px; height:130px; }
#bottom { bottom:0px; background-position:bottom left; background-size:100% auto;}
#upper-right { right:0px; }

/* INDEX */

.index #bottom { background-image:url("tpl/view/images/stove-960-full.png"); height:290px; width:100%; }
	.index #bottom #cup { height:110px; width:110px; bottom:150px; left:110px; top:auto; }

	.index #upper-right { background-image:url("tpl/view/images/top-right.png"); width: 400px; height: 200px; } 
	.index #roll { height:145px; width:145px; display:block; right:-5px; }

#speaker{
	height: 115px;
	width: 84px;
	position: absolute;
	float: left;
	left: 810px;
	bottom: 166px;
	cursor: pointer;
	z-index: 9999;
}
	
/* INFO */
.info  #bottom { background-image:url("tpl/view/images/stove-960-narrow.png"); height:330px; width:100%; }

.info #upper-right { width:285px; height:145px; line-height:1.4em; }
	.info #upper-right .social-links { bottom: 0px; width:100%; height:40px; background-image:url("tpl/view/images/social-40.png"); background-position:bottom left; margin-left:-12px; }
	.info .social-links .logo { height: 40px; width:45px; bottom:0px; }
	.info #vimeo { left: 60px; }
	.info #tumblr { left:115px; }
	.info #facebook { left:164px; }
	.info #facebook-like { left:221px; }
	.info #roll { height:180px; width:250px; display:block; left:25px; }

.roll #content { height:auto; min-height:0px; }
.roll .roll-container { margin-top:200px;  }
.roll #upper-right { height:181px; width:200px; }
.roll #cup { background-image:url("/tpl/view/images/cup-white.png"); height:85px; width:85px; bottom:0px; left:0px; background-position:left bottom; background-size:100%; }
.ielt9.roll #cup {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/tpl/view/images/cup-white.png',
	sizingMethod='scale');

	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/tpl/view/images/cup-white.png',
	sizingMethod='scale'
	)";
}

#clone { display:none; }

/*******************************************
 *
 * Gallery Page
 *
 *******************************************/


/* Categories and scrolling images */
.category { position:relative; /*margin-top:24px;*/ }
.category h2 { text-transform:uppercase; font-weight:normal; letter-spacing: 1px; font-size:1.1em; font-family: "LetterGothicStd"; padding-left:27px; position:absolute; top:-20px; line-height:28px; -webkit-position: absolute; -webkit-top: -22px; }
.category h2 { display:none; }
.rotatorContainer{ overflow:hidden; position:relative; width:960px; height: 70px; }
.touch.mobile.ios .rotatorContainer { overflow-x:scroll;  -webkit-overflow-scrolling: touch;  overflow-y:hidden; height:131px; margin-bottom:-5px; }
.rotatorDiv { width:20000em; position:absolute; }
.rotatorDiv.left {left:0px}
.rotatorDiv.right {right:0px}
.entryImage { height: 66px; border:1px solid #999; width: 116px; margin-right:-6px; display:inline-block; overflow:hidden; position:relative; background-repeat:no-repeat; cursor:pointer; background-size:100% 100%; }
.categoryImage { cursor:default; }
.entryImageOverlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
.entryImage.current .entryImageOverlay { background:url(tpl/view/images/crosshairs.png) 0 0 no-repeat; background-size:100% 100%; }

/* Gallery styles and init */
.gallery, .galleryInfo { display:none; /*background-color: black;*/ }
.stripside { position:absolute; width:133px; height:400px; top:0px; background-color:#F15928; z-index:500; }
.stripside.left { left:0px; }
.stripside.right { right:0px; }
.gallery { position:absolute; top:70px; overflow:hidden; width:960px; height:400px; /*border-top:#999 1px solid;*/ }
.gallery .video-container { position:absolute; /*left:130px;*/ width:693px; height:400px; background-color:#F15928; }
.gallery .video-inner-container { position:absolute; left:0px; }
/*
.gallery ul { position:absolute; width:20000em; }
.gallery li { display:inline-block; position:relative; height:420px; vertical-align:top;  }
.gallery li .on { display:none; }
.gallery li .off { display:block; }
.gallery li.current .on { display:block; }
.gallery li.current .off { display:none; }
.gallery img { border-bottom:1px solid #999999; margin-left:auto; margin-right:auto; }
*/

.entry-photo-link { background-image:url("tpl/view/images/white.png"); width:10px; height:10px; display:inline-block; background-position:0px 0px; cursor:pointer; opacity:0.4; filter: alpha(opacity=40); }
.entry-photo-link.current { background-image:url("tpl/view/images/black.png"); cursor:auto; opacity:0.3; filter:alpha(opacity=30);}

.photo-link-container { position:absolute; top:7px; right:7px; font-size:0.7em; }
.photo-link-container a { /*border:1px solid #FFFFFF;*/ position:relative; z-index:100; /*padding: 1px 4px; */ }
.photo-link-container a.current { z-index:0; }
.photo-link-bg { width:100%; height:100%; background-color:#444444; opacity:0.7; filter:alpha(opacity=70); height:30px; top:-10px; left: -6px; position:absolute; padding: 1px 5px; }

.photo_caption { font-size:11px; position:absolute; bottom: 0px; text-align:center; width:100%; }

.gallery-nav {z-index:1000; cursor:pointer;}
.gallery-nav, .gallery-nav-shadow { top:50%; margin-top:-40px; width:60px; height:80px; position:absolute; }
.touch.mobile .gallery-nav { width:60px; height:100px; margin-top:-70px; background-size:100% auto; text-indent:-9999px; }
.gallery-nav-shadow { z-index:100; background-color:#444444; opacity:0.7; filter:alpha(opacity=70); }
.touch.mobile .gallery-nav-shadow { }
.nav-prev, .nav-prev-shadow { left: 715px;top: 365px;}
.touch.mobile .nav-prev, .touch.mobile .nav-prev-shadow { left: 715px; padding:0px; }
.nav-next, .nav-next-shadow { right: 15px; top: 365px;}
.touch.mobile .nav-next, .touch.mobile .nav-next-shadow { right: 40px; }
.nav-prev { background:url(tpl/view/images/o-arrow-left.50.png) 50% 50% no-repeat; background-position: left; line-height: 81px; font-size: 15px;padding-left: 27px}
.nav-next { background: url(tpl/view/images/o-arrow-right.50.png) 50% 50% no-repeat; background-position: right; line-height: 81px; font-size: 15px;}
.content-container{margin-left:700px;height:400px; /*background-color:rgb(34,26,26); */ background-color:#000000; color: white;}
.content{height: 310px; padding: 10px;}
.content .content-item{text-transform:lowercase; margin-bottom: 10px;font-family: arial;font-size: 13px;}
.content .content-item .header-inline, .content .content-item header {padding-right: 5px;}
.content .content-item .header-inline { display:inline-block }
.content .content-item .header, .content .content-item .header-inline, .content .content-item header {font-weight:bold; margin-top:7px; }
#loading-overlay { position:absolute; width:3000px; height:3000px; top:195px; left:0px; z-index:1000; background-color:#f15928; }

/***********************
 *	BROWSER HACKS
 *
 ************************/