@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;
}
html { background-color:#000000; height:100%; }
/*html.js body { display:none; }
*/
body { color:#FFFFFF; width:1000px; margin-left:auto; margin-right:auto; font-family:"LetterGothicStd"; background-color:#000000; /*height:100%; */
/*
-webkit-box-shadow: 0px 0px 20px 0px #000000;
-moz-box-shadow: 0px 0px 20px 0px #000000;
box-shadow: 0px 0px 20px 0px #000000;
*/
}

p { padding-bottom:11px;}

#index-container{ height:100%; background-color:#000000; overflow:hidden;
	/*
-webkit-box-shadow: 0px 0px 20px 0px #000000;
-moz-box-shadow: 0px 0px 20px 0px #000000;
box-shadow: 0px 0px 20px 0px #000000;
*/
}
body a { color:#FFFFFF; }

.overlay { position:fixed; top:100px; left:50%; display:none; height:5000px; width:960px; padding-left:40px;  margin-left:-500px; background-color:black; }
.clone { display:none; }

.overlay#counter { display:block; }
.current-progress { color: #000000; }
.current-progress .counter-container { position: absolute; top:0px; right:0px; bottom: 0px; left: 0px; overflow:hidden; }
.current-progress .counter { position:absolute; /*margin-top:12px; */ text-align:center; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:72px; }
.current-progress .current-progress-bg { /*background-color:#FFFFFF; */ background:url('tpl/view/images/flash.png') center center no-repeat; position:absolute; top:-100px; bottom:-100px; left:-100px; right:-100px; background-size:100%; }

/*Header*/
header { height: 60px; margin-bottom:50px;  width:940px; display:block; margin-left:auto; margin-right:auto;
}
#header-banner{ background:url("tpl/view/images/logo.png") left bottom no-repeat; position:absolute; height:60px; width:500px; }
.touch.mobile #header-banner { background-size:400px auto; }
#header-links {float:right; font-size:0.8em; font-weight:normal; font-family: "LetterGothicStd"; padding-top: 40px; }
#header-links a { text-decoration:none;}
#header-links a:hover { color:#cc9933; }


/* 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:1000px; height: 68px; }
.rotatorDiv { width:20000em; position:absolute; }
.rotatorDiv.left {left:0px}
.rotatorDiv.right {right:0px}
.entryImage { height: 66px; border:1px solid #999; width: 116px; margin-right:-11px; display:inline-block; overflow:hidden; position:relative; background-repeat:no-repeat; }
/*.entryImage.current { border:2px solid #FFFFFF; }*/
.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; }
.gallery { position:absolute; top:68px; overflow:hidden; width:1000px; height:450px; /*border-top:#999 1px solid;*/ }
.gallery ul { position:absolute; width:20000em; }
.gallery li { display:inline-block; position:relative; height:420px; vertical-align:top; margin-left:-5px; margin-right:-5px; }
.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-top:1px solid #999999;*/ border-bottom:1px solid #999999; margin-left:auto; margin-right:auto; }

.entry-photo-link { background-image:url("tpl/view/images/unselect_desktop.png"); width:10px; height:10px; display:inline-block; background-position:0px 0px; cursor:pointer; /*opacity:0.65; filter: alpha(opacity=65);*/ }
.touch.mobile .entry-photo-link { background:url("tpl/view/images/unselect.png") center center no-repeat; padding:7px; width:14px; height:14px;/* opacity:0.8; filter:alpha(opacity=80);*/ }

.entry-photo-link.current { background-image:url("tpl/view/images/select_desktop.png"); cursor:auto; /*opacity:0.65; filter:alpha(opacity=65);*/ }
.touch.mobile .entry-photo-link.current { background-image:url("tpl/view/images/select.png"); /*opacity:0.8; filter:alpha(opacity=80); */ }

.photo-link-container { position:absolute; top:7px; right:7px; font-size:0.7em; display:none; }
li.current .photo-link-container { display: block; }
.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:-25px; width:30px; height:50px; position:absolute; }
.gallery-nav-shadow { z-index:100; background-color:#444444; opacity:0.7; filter:alpha(opacity=70); }
.nav-prev, .nav-prev-shadow { left: 150px;}
.nav-next, .nav-next-shadow { right: 150px; }
.nav-prev { background:url(tpl/view/images/arrow-left.png) 50% 50% no-repeat; }
.nav-next { background: url(tpl/view/images/arrow-right.png) 50% 50% no-repeat; }

/***************
*
* BIO PAGE
*
****************/
#content { overflow:hidden; margin-top:40px; }
#bio-image, #bio-description { float:left; }
#bio-image { background:url(tpl/view/images/biopic.jpg) 0 0 no-repeat; width:300px; height:225px; margin: 0px 20px 20px 0px; }
#bio-description { width:560px; font-size:0.9em; line-height:1.3em;}

/****************
*
*	CONTACT PAGE
*
*****************/
#content { padding: 0 30px 0 30px; font-size:0.9em; }
#name, #email, #comment { display:none; }
form label { display:block; padding-bottom: 4px; font-size:0.9em; vertical-align:top; }
form input { width: 24em; height: 1.2em; font-family:"Letter Gothic Std"; font-size: 0.9em; font-weight:800; margin-bottom: 20px; position: relative; left: 0; }
textarea { width: 34em; height: 9em; }
form input.send { width: 4em; height: 1.4em; margin-top:3px; }
#contact-info { font-size:0.9em; line-height: 1.3em; padding-bottom: 5px; }


/****************
*
*	NEWS PAGE
*
*****************/

#news { padding: 0 20px 0 27px;}
#news img { padding: 10px 5px 5px 0; margin-left:0; padding-left:0; }
#news a { font-size:0.9em; text-decoration:none; margin:0; padding:0; }
.date { display:block; font-size: 0.8em; color:#999; margin-bottom:10px; }
.blog_entry { vertical-align:top; display:inline-block; padding: 20px 40px 20px 0px; }
#social-contact { margin-left: 30px; font-size:0.9em; overflow:hidden; padding-bottom:20px; padding-top:8px; }
#social-contact ul { margin-top:4px; padding-top:3px; overflow:hidden; }
#social-contact li { float:left; margin-right:20px; height:20px; }
#social-contact li a { text-decoration:none; }
#social-contact li a:hover { color:#C93;  }


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

.macintosh.mozilla .category h2 { line-height:30px; }
.macintosh.webkit .category h2 { line-height:32px; }