#aboutContainer {
  width: 780px;
  margin: 0 auto;
  padding: 30px 10px;
  }
#aboutContainer .main {
  float: left;
  width: 500px;
  margin-right: -280px;
  }
#aboutContainer .sub {
  float: right;
  width: 240px;
  }
  
#aboutContainer .row { margin-bottom: 20px; }
#aboutContainer .row label {
  display: block;
  padding-bottom: 5px;
  color: #555;
  font-size: 11px;
  }
#aboutContainer .row .guts { display:block; }

#aboutContainer .row.location {
  margin-top: -7px;
  font-size: 14px;
  }  
#aboutContainer .row.location .guts:before {
  content: url('../img/profile/icn_location.png');
  display: inline-block;
  margin-right: 7px;
  vertical-align: top;
  }


/*============================================================
 =Light Overrides
============================================================*/
body.light #aboutContainer .row label { color: #aaa; }
  
  

/*============================================================
 Resets
============================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol, ul { list-style:none; }
  
/* = HTML 5
----------------------------------------------- */
article,footer,header,section { margin:0; padding:0; display:block; }
aside,details { margin:0; padding:0; }
  
/*============================================================
 Defaults
============================================================*/
a { cursor:pointer; outline:none; text-decoration:none; }
a:active, a:focus { outline: none; }
a:link, a:visited, a:hover { text-decoration: none; }
a img { border: 0; }

img { vertical-align: middle; } 

em { font-style: italic; }
strong { font-weight: bold; }/*============================================================
 =Setup
============================================================*/
html,
body { height: 100%; }

body {
  font: 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  background: url('../img/general/bg_noise.png') #1E1E1E;
  color: #aaa;
}

a         { color: #eee; }
a:hover   { color: #fff; }

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1       {font-size: 24px; letter-spacing:-0.03em;}
h2       {font-size: 18px; letter-spacing:-0.02em;}
h3       {font-size: 16px;}
h4       {font-size: 14px;}

video:focus, video:active   { outline: 0; }
object:focus, object:active { outline: 0; }

/*============================================================
 =Helpers
============================================================*/
.noborder { border:0; }

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
  }
.cf:after { clear: both;}

.cf { *zoom: 1; /* For IE 6/7 only*/}
  
.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  }
  
/*============================================================
 =User Content Styles
============================================================*/
.userContent a        { padding: 0 0 .2em 0; color: #eee; border-bottom: 1px solid #555; }
.userContent a:hover  { color: #fff; border-bottom: 1px solid #aaa; }
.userContent p        { padding-bottom: 1.1em; line-height: 1.6em; }


@font-face {
  font-family: 'Classic';
  src: url('../fonts/classic.eot');
  src: url('../fonts/classic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/classic.svg#IcoMoon') format('svg'),
    url('../fonts/classic.woff') format('woff'),
    url('../fonts/classic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/*============================================================
 =Layout
============================================================*/
#wrapper { height:100%;  }
body > #wrapper { height:auto; min-height:100%; }

#container {
  position: relative;
  padding-bottom: 60px; /* footer height */
  }

/*============================================================
 =Home
============================================================*/
#header { min-height: 60px; border-bottom: 1px solid #222;}
#header span.inner {
  position:relative;
  display:block;
  width:780px;
  margin:0 auto;
  padding: 10px;
  }
  
#header h1 {
  width:600px;
  min-height:60px;
  font-size:16px;
  font-weight: normal;
  line-height:60px;
  }
#header h1 a {
  position: relative;
  color: #666;
  text-decoration: none;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
#header h1 a:hover { color: #fff; }
#header h1 a span {
  display: block;
  position: absolute;
  top: -1px; left: -24px;
  width: 18px; height: 18px;
  color: #666;
  font-family: "Classic";
  font-size: 19px;
  line-height: 19px;
  vertical-align: bottom;
  opacity: 0; filter: alpha(opacity = 0);
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
#header h1 a:hover span { opacity: 1; filter: alpha(opacity = 100); }

body.home #header h1 a { color: #ddd; }
body.home #header h1 a:hover { color: #ddd; }
body.home #header h1 a span { display: none; } 
  
#header.hasLogo h1 a {
  display: block;
  min-height: 60px;
  text-indent: -2000px;
  }

#header ul { float: right; margin-right: 5px; }
#header ul li {
  float: left;
  min-height: 60px;
  margin-left: 30px;
  line-height: 60px;
  }
#header ul li a {
  padding: 3px 0;
  color: #666;
  font-size: 14px;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
#header ul li a:hover { color: #fff; }
#header ul li.current a { color: #ddd; }
  
/*============================================================
 =Footer
============================================================*/
#footer {
  position: relative;
  height: 60px;
  margin-top: -60px; /* negative value of footer height */
  clear: both;
  border-top: 1px solid #222;
  }
 
#footer span.inner {
  display: block;
  width: 780px; height: 60px;
  margin: 0 auto;
  padding: 0 10px;
  }

#footer a.logo {
  display: block;
  width: 120px; height: 60px;
  background: url('../img/general/footer_cm-logo.png') 0 50% no-repeat;
  }
  
#footer #rights {
  margin-top: 20px; 
  float: right;
  color: #555;
  font-size: 11px;
  line-height: 1.4em;
}

/*============================================================
 =Home
============================================================*/
#projects {
  width:780px;
  margin:10px auto 60px;
  padding: 20px;
  position: relative;
}

#projects > li.project { 
  position: relative; 
  margin: 10px 30px 20px 0; 
  float: left;
  }
  
#projects.twoUp   > li.project { width:375px; }
#projects.threeUp > li.project { width:240px; }
  
#projects > li.project.end { margin-right: 0; }

#projects > li.project h3 {
  font-size: 13px;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
   -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }
  
#projects.threeUp > li.project h3 { padding-top: 8px; max-width:240px; letter-spacing:-0.01em; }
#projects.twoUp   > li.project h3 { padding-top: 10px; max-width:375px; font-size:16px; letter-spacing:-0.02em; }
#projects.oneUp   > li.project h3 { padding-top: 12px; max-width:780px; font-size:18px; letter-spacing:-0.02em; }

#projects         > li.project p { display:none; font-size:12px; color:#ccc; }
#projects.threeUp > li.project p { max-width:240px; }
#projects.twoUp   > li.project p { max-width:375px; font-size:12px; }
#projects.oneUp   > li.project p { max-width:780px; font-size:14px; }

#projects > li.project a.thumbnail { display: block; }
#projects > li.project a.thumbnail img {
  opacity: .8; filter:alpha(opacity=80);
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  }  
#projects > li.project:hover a.thumbnail img { opacity: 1; filter:alpha(opacity=100);}
#projects > li.project:hover h3 { color: #eee; }

#projects > li.project.noThumbnail a.thumbnail img { background: #292929 url('../img/general/nothumb.png') no-repeat center center; }

#projects > li.project a.thumbnail .newBug { display:none; }
#projects > li.project.new a.thumbnail .newBug {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 46px; height: 46px;
  background: url('../img/general/icn_new.png') no-repeat;
  }

#projects.textInside > li.project h3 {
  position: absolute;
  top: 10px; left: 10px;
  padding: 6px 6px;
  margin: 0;
  color: #ddd;
  background: rgba(0,0,0,0.7);
  text-align: left;
  }
#projects.textInside > li.project.noTitle h3 { background: none; }

#projects.textInside.threeUp > li.project h3 { padding: 6px 6px; font-size: 14px; max-width: 215px; }
#projects.textInside.twoUp   > li.project h3 { padding: 7px 6px; font-size: 18px; max-width: 350px; }
#projects.textInside.oneUp   > li.project h3 { padding: 8px 6px; font-size: 24px; max-width: 755px; }
#projects.textInside         > li.project.new a.thumbnail .newBug {
  left: auto; right: 0;
  background: url('../img/general/icn_new-over.png') no-repeat;
  z-index: 1000;
  }

#projects.textInside > li.project p {
  display: block;
  position: absolute;
  top: 40px; left: 10px;
  padding: 4px 6px;
  margin: 0;
  color: #aaa;
  background: rgba(0,0,0,0.7);
  text-align: left;
  }
  
#projects.textInside.threeUp > li.project p { top: 41px; font-size: 11px; max-width: 215px; }
#projects.textInside.twoUp   > li.project p { top: 47px; font-size: 12px; max-width: 350px; }
#projects.textInside.oneUp   > li.project p { top: 56px; font-size: 14px; max-width: 755px; }

#projects.textHidden li.project h3,
#projects.textHidden li.project p { display: none; }

/*============================================================
 Privacy
============================================================*/
.accessForm .loginGuts, .accessForm .requestGuts, .accessForm .confirmedGuts { display: none; }
.accessForm.login .loginGuts, .accessForm.request .requestGuts, .accessForm.confirmed .confirmedGuts { display: block; }

.sans .accessForm textarea { font-family: 'Lucida Grande',Helvetica,Arial,sans-serif; }

.accessForm {
  width: 500px;
  background: #111;
  border-radius: 10px;
  margin: 0 auto;
  padding: 40px 40px 25px;
  }
.accessForm h3 {
  color: #888;
  font-size: 18px;
  margin: 0 0 30px;
  text-align: center;
  }

.accessForm li {
  position: relative;
  margin: 0 0 25px;
  }
.accessForm label {
  font-size: 13px;
  color: #666;
  margin: 0 0 10px;
  display: block;
  }
.accessForm input {
  padding: 5px 10px;
  width: 478px;
  border: solid 1px #222;
  background: #000;
  font-size: 30px;
  color: #555;
  }
.accessForm input.accessCode { margin: 0 0 15px; }
.accessForm textarea {
  padding: 10px;
  background: #000;
  color: #555;
  border: solid 1px #222;
  width: 478px;
  margin: 0 0 15px;
  }
.accessForm button {
  display: block;
  padding: 7px 12px;
  color: #777;
  background: #333;
  border-radius: 5px;
  width: auto;
  font-size: 16px;
  border: none;
  }
.accessForm button:hover {
  background: #434343;
  text-decoration: none;
  cursor: pointer;
  }
.accessForm a { color: #666; }
.accessForm a:hover {
  color: #777;
  text-decoration: none;
  }
.accessForm a.requestAccess {
  position: absolute;
  right: 0;
  bottom: 10px;
  text-decoration: underline;
  }


body.light .accessForm    { background: #fff; }
body.light .accessForm h3 { color: #777; }
body.light .accessForm input.accessCode {
  border: solid 1px #ddd;
  background: #fff;
  }
body.light .accessForm label { color: #aaa; }
body.light .accessForm label.heading { color: #888; }
body.light .accessForm input {
  border: solid 1px #ddd;
  background: #fff;
  color: #555;
  }
body.light .accessForm textarea {
  color: #555;
  border: solid 1px #ddd;
  background: #fff;
  }
body.light .accessForm button {
  color: #fff;
  background-color: #ddd;
  }
body.light.accessForm button:hover {
  background: #d6d6d6;
  text-decoration: none;
  color: #fff;
  }
body.light .accessForm a { color: #aaa; }
body.light .accessForm a:hover {
  color: #999;
  text-decoration: none;
  }

/* Error Message
-------------------------------------------*/
.accessForm .errorMessage { display: none; }
.accessForm .error .errorMessage { display: block; }

.accessForm .error input, 
body.light .accessForm .error input, 
.accessForm .error textarea, 
body.light .accessForm .error textarea {
  border-color: #a90303;
}
  
.accessForm .error .errorMessage, 
body.light .error .errorMessage {
  display: block;
  padding: 5px;
  background: #a90303;
  color: #fff;
  font-size: 12px;
  margin: 0 0 20px;
}
  
.accessForm .accessError.errorMessage,
.accessForm .textError.errorMessage { margin: -15px 0 20px; }

/* Confirmation Page 
-------------------------------------------*/
.accessForm .confirmedGuts h3 { margin: 0 0 15px; }
.accessForm a.return {
  padding: 0 0 0 20px;
  background: url(../img/arrow_left.png) no-repeat 0 0;
  display: block;
  margin: 0 auto 10px;
  width: 105px;
  }
  
body.light .accessForm a.return { background: url('../img/arrow_leftLight.png') no-repeat 0 0; }

/*============================================================
 Suspended
============================================================*/
#wrapper.access { position: relative; }
#wrapper.access h3 {
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	width: 600px; height: 100px;
	background: #111;
	line-height: 100px;
	text-align: center;
	border-radius: 8px;
}


/*============================================================
 =Serif Overrides
============================================================*/
body.serif { font-family: Georgia, Times, "Times New Roman", serif; }


/*============================================================
 =Light Overrides
============================================================*/

/* General */
body.light { background: url('../img/general/light-bg_noise.png') #fcfcfc; color: #666; }

body.light a        { color: #444; }
body.light a:hover  { color: #000; }

body.light .userContent a         { color: #444; border-bottom: 1px solid #777; }
body.light .userContent a:hover   { color: #000; border-bottom: 1px solid #222; }
 
  
/* Header */
body.light  #header { border-bottom: 1px solid #ddd; }

body.light #header h1 a { color: #aaa; }
body.light #header h1 a:hover { color: #333; }
body.light #header h1 a span { color: #999; }

body.home.light #header h1 a { color: #666; }
body.home.light #header h1 a:hover { color: #666; }

body.light #header ul li a { color: #aaa; }
body.light #header ul li a:hover { color: #333; }
body.light #header ul li.current a { color: #666; }
  
/* Footer */
body.light #footer { border-top: 1px solid #ddd; }
body.light #footer a.logo {
  background:url('../img/general/light-footer_cm-logo.png') 0 50% no-repeat;
}
body.light #footer #rights { color: #999; }
  
/* Home */
body.light #projects > li.project h3 { color: #999; }
body.light #projects > li.project p { color: #aaa; }

body.light #projects > li.project:hover h3 { color: #666; }

body.light #projects > li.project a.thumbnail img { opacity: 1; filter:alpha(opacity=100); background: #fff; }
body.light #projects > li.project:hover a.thumbnail img { opacity: .8; filter:alpha(opacity=80); }

body.light #projects > li.project.noThumbnail a.thumbnail img { background: #ddd url('../img/general/light-nothumb.png') no-repeat center center; }

body.light #projects.textInside > li.project h3 {
  color: #ddd;
  background: rgba(0,0,0,0.7);
  }

body.light #projects.textInside > li.project p {
  color: #bbb;
  background: rgba(0,0,0,0.7);
  }video::-webkit-media-controls-panel { display:none; }

.mediaPlayer {
  position: relative; 
  background: #000;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
  width: 768px;
  height: 432px;
  overflow: hidden;
}

.mediaPlayer.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}

.mediaPlayer > .overlay {
  position: absolute; 
  width: 128px; 
  height: 128px;
  top: 50%; 
  left: 50%;
  background: url(data:image/png;base64,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) center no-repeat; 
  margin: -64px 0 0 -64px;
  cursor: pointer;
  z-index: 9999;
  filter: alpha(opacity=100); opacity: 1;
}

.mediaPlayer.played > .overlay {
  filter: alpha(opacity=0); opacity: 0;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mediaPlayer > video {
  position: absolute;
  width: 100%; height: 100%;
  z-index: 1; 
  cursor: pointer;
  left: 0;
}

.mediaPlayer > .fallback {
  position: absolute;
  display: none;
  width: 100%; height: 100%;
  z-index: 2; 
  cursor: pointer;
  background: #000;
  color: #fff;
  text-align: center;
}

.mediaPlayer.fallback > .fallback { display: block;  }

.mediaPlayer.fallback > .fallback > h2 { margin-top: 20%; }

.mediaPlayer > .poster {
  position: absolute;
  width: 100%; 
  height: 100%;
  z-index: 4; 
  cursor: pointer;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mediaPlayer.played > .poster { display: none; }

/* = Controls
----------------------------------------------- */
.mediaPlayer > .controls { 
  position: relative;
  width: 100%; 
  filter: alpha(opacity=0); opacity: 0;
  z-index: 3; 
  width: 100%;
  height: 100%;
  -moz-transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}


.mediaPlayer.played.hovering  > .controls,
.mediaPlayer.played.scrubbing > .controls { filter: alpha(opacity=100); opacity: 1; }
.mediaPlayer.played.hoverIdle > .controls { filter: alpha(opacity=0);   opacity: 0; }

.mediaPlayer > .controls .box {
  position: absolute;
  bottom: 15%; /* 44px; */ 
  height: 55px;
  left: 50%;
  margin-left: -92px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8141414,endColorstr=#D8141414);
  background: rgba(20,20,20,0.85);
  border-radius: 6px;
  border: 3px solid rgba(255,255,255,0.15);
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

.mediaPlayer.scrubbing  > .controls > .box { filter: alpha(opacity=0); opacity: 0; }
.mediaPlayer.fullscreen > .controls > .box { bottom: 9%; }

.box  .playToggle {
  background: url(data:image/png;base64,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) 10px 1px no-repeat;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: 1px solid rgba(255,255,255,0.05);
}

.fullscreenToggle { display: none; }

.mediaPlayer > .controls .playToggle, 
.mediaPlayer > .controls .volume .volumeButton, 
.mediaPlayer > .controls .fullscreenToggle { 
  float: left;
  height: 55px;
  width: 60px; 
  filter: alpha(opacity=100); opacity: 1; 
  cursor: pointer;
}

.mediaPlayer > .controls .volume {
  display: inline-block;
  width: 60px;
}
  
.mediaPlayer > .controls .playToggle:hover, 
.mediaPlayer > .controls .fullscreenToggle:hover, 
.mediaPlayer > .controls .volume .volumeButton:hover { filter: alpha(opacity=100); opacity: 1;}

.mediaPlayer.playing .playToggle { background-position: 10px -57px; }

.mediaPlayer > .controls .scrubber { 
  position: absolute; 
  bottom: 0;
  width: 100%;
}

.mediaPlayer .scrubber span { bottom: 0; cursor: pointer; }
  
.mediaPlayer .scrubber > .track {
  float: left; 
  position: relative; 
  width: 100%; height: 14px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232);
  background: rgba(50,50,50,0.5);
}

.mediaPlayer.waiting .scrubber > .track { 
  position: relative; 
  background: url(data:image/gif;base64,R0lGODlhGAAYAJECAHJycgsLC////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wOkNyZWF0ZURhdGU9IjIwMTEtMTItMDhUMTc6MzUtMDU6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDExLTEyLTA4VDIzOjAyOjA5LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDExLTEyLTA4VDIzOjAyOjA5LTA1OjAwIiBkYzpmb3JtYXQ9ImltYWdlL2dpZiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEQ5MTBFNDFBMEIxMUUxQkJFQUI3RUJCRjlEMDc4OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEQ5MTBFNTFBMEIxMUUxQkJFQUI3RUJCRjlEMDc4OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY5N0YxMTc0MDcyMDY4MTE4NzFGRUEwN0M4ODlFNTU2Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOTdGMTE3NDA3MjA2ODExODcxRkVBMDdDODg5RTU1NiIgc3RFdnQ6d2hlbj0iMjAxMS0xMi0wOFQxNzozNS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9naWYgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6RkE3RjExNzQwNzIwNjgxMTg3MUZFQTA3Qzg4OUU1NTYiIHN0RXZ0OndoZW49IjIwMTEtMTItMDhUMTg6MDE6NTYtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQTdGMTE3NDA3MjA2ODExODcxRkVBMDdDODg5RTU1NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOTdGMTE3NDA3MjA2ODExODcxRkVBMDdDODg5RTU1NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUKAAIALAAAAAAYABgAAAJADB55kIb6VpOQ1Wldphrj/XTQR14mh4ZUCramCKdlrLqvfNc2O696H/nlQECbowhEDpdMXlNIIzJpSurU6YwGCgAh+QQFCgACACwAAAAAGAAYAAACP0yAdmkI6hpbT1Zq4YxZ6sthXieW2wmiZMgybQqvqvzVtByP5iy+ds/z7XK7n3BhDBKPHObMmYMmk8tqlUotAAAh+QQFCgACACwAAAAAGAAYAAACQIyBFgjKnlaU7cxHYc22Yg5+17iJJalBabdy5gmzchi9rXmjVh7vsy0D0jy64a+IO/YkvFxTCY0KgVPksvqkFQAAIfkEBQoAAgAsAAAAABgAGAAAAkBEDnmRhvpWk5DVaV2mGuP9dNBHXiaHhlQKtqYIp2Wsuq981zY7r3of+eVAQJujCEQOl0xeU0gjMmlK6tTpjAIKACH5BAUKAAIALAAAAAAYABgAAAI/BIJ2aRjqGltPVmrhjFnqy2FeJ5bbCaJkyDJtCq+q/NW0HI/mLL52z/PtcrufcGEMEo8c5syZgyaTy2qVSi0AACH5BAUKAAIALAAAAAAYABgAAAJAhIMGGMqeVpTtzEdhzbZiDn7XuIklqUFpt3LmCbNyGL2teaNWHu+zLQPSPLrhr4g79iS8XFMJjQqBU+Sy+qQVAAA7); 
}

.mediaPlayer .scrubber > .track > .bufferedBar { 
  position: absolute; 
  left: 0; /* FF 3.6 fix */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F505050,endColorstr=#7F505050); 
  background: rgba(80,80,80,0.5); 
  height: 100%; 
}
.mediaPlayer            .scrubber > .track > .playedBar   { position: relative; position: absolute; left: 0; background: #4DA9E3; height: 100%; }

.mediaPlayer.fullscreen .scrubber > .track,
.mediaPlayer.fullscreen .scrubber > .track > .bufferedBar,
.mediaPlayer.fullscreen .scrubber > .track > .playedBar { 
  height: 20px;
}

.mediaPlayer .scrubber > .currentTime {
  position: absolute; 
  display: none;
  left: 0;
  bottom: 20px; 
  color: #fff; 
  font-family: Helvetica, Arial sans-serif;
  padding-left: 10px;
  padding-right: 10px;
  text-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.mediaPlayer.scrubbing .scrubber > .currentTime { display: block; }
.mediaPlayer .scrubber > .totalTime {
  display: block;
  position: absolute; 
  bottom: 20px; 
  color: #fff;
  padding-right: 13px;
  right: 0px;
  font-family: Helvetica, Arial sans-serif;
  text-shadow: 0 0 5px rgba(0,0,0,0.9);
  
  filter: alpha(opacity=100); opacity:100;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mediaPlayer.scrubbing .scrubber > .totalTime { filter: alpha(opacity=0); opacity:0; }

.mediaPlayer .currentTime,
.mediaPlayer .totalTime {
  font-size: 12px;
  cursor: default;
}

.mediaPlayer.fullscreen .currentTime,
.mediaPlayer.fullscreen .totalTime {
  bottom: 33px;
  font-size: 16px;
}

.mediaPlayer > .controls .volume {
  width: 60px;
}

.mediaPlayer > .controls .volume .volumeButton {
  display: inline-block;
  width: 60px; height: 55px; 
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAADcCAMAAAA1IxNQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAKVQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////uP3jVQAAADZ0Uk5TAAMGCQwNEBITGhseICQmJyowMzlAQkZIS01QU11gY2Z7gIePk5+vt7q9v8/S3uHk5+3v9vn8/fsI3AAAAbZJREFUeNrtmG1PwjAURisIMpkoMt/AUkXnG4hz6v3/P83asTwhcTz9sMSY3JPw7aS760pyUqMof8VBpHe4ivNO1mIq8mV/hzd5l42YiewwLz+kFs2tyF2TN/8SiOZBJPvduxGpxdT/+qW8bAsCNqIVWz18TMRSytQv6ack4lgkD1MuiWhyKatnM3EaxptyMQtbk7W4Ip+RvzXfR7AgXwbYz93fGkwKdnpqhit2Hmv2H9kJr9m7N/jPKIqiKP+ze7JZJ6p7EueCybvn1LlJXPecO5fQ7un5X8e6K9Y9IzeqHj4gonW255f0UxJx4FwWppzRSnG2ejYT0zBeysUkbE3SwopkRv7WfB9J9+DLkO7Btybdg9NDugfnkXUPTjjvnsx7iqIoilaKJ42sFCuWVQpuFUil4J4irlJyKVEA7C4FTUFvZ5IWViQz8rfm+8hvZyIrJdVKURRFUVoKpG43MpCeX4fbgdTEtayDiUBqwgYTgURMBBIxEUiNyNvRjzkXKsIkojePg8lEmEyEyUSYTITJRJhEhElFmIwFNRFI1EQgFcREIBUGJgkkmDSQrDyZOC7OjKK0wjeOJs3RKMdZmwAAAABJRU5ErkJggg==) no-repeat; 
  background-position: 10px 1px;
}

.mediaPlayer > .controls .volume.silent .volumeButton { background-position: 10px -54px; }
.mediaPlayer > .controls .volume.low    .volumeButton { background-position: 10px -108px; }
.mediaPlayer > .controls .volume.high   .volumeButton { background-position: 10px 2px; }
.mediaPlayer > .controls .volume.muted  .volumeButton { background-position: 10px -165px; }

.mediaPlayer .controls .volume .track {
  float: left;
  border: 1px solid rgba(255,255,255,0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  background: rgba(0,0,0,0.3);
  width: 70px; height: 10px;
  margin-left: 3px;
  margin-top: 23px; 
  position: relative; 
  cursor: pointer;
  padding: 0 2px;
  border-radius: 5px;
}

.mediaPlayer > .controls .fullscreenToggle {
  border-right: 1px solid rgba(255,255,255,0.05);
  background: url(data:image/png;base64,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) center no-repeat; 
}

.mediaPlayer.fullscreen > .controls .fullscreenToggle {
  background: url(data:image/png;base64,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) center no-repeat; 
}

.mediaPlayer.supportsFullscreen > .controls .fullscreenToggle { display: block; }/*============================================================
 Style Setup
============================================================*/
body.project { background: url('../img/general/bg_noise-darker.png') #111; }

body.project #header,
body.project #footer { background: url('../img/general/bg_noise.png') #1E1E1E; }

/*============================================================
 Flipbook View
============================================================*/
#flipbook h1 {
  width: 940px; height: 80px;
  margin: 0 auto;
  padding: 0 10px;
  line-height: 80px;
  text-align: center;
  }

#flipbook.noTitle h1 { height: 30px; }

#flipbook > .viewport {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  min-height: 540px;
  }
#flipbook > .viewport .content {
  width: 10000%; height: 100%; 
  }

  
#flipbook .viewport .content .slide { position: relative; float: left; width: 1%; height: 100%; min-height: 540px; text-align: center; z-index: 111; }

#flipbook .viewport .content .slide .piece { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }

#flipbook .viewport .content .slide .piece .artwork { width: 100%; height: 100%; }

#flipbook .viewport .spinner { display: none; }
#flipbook.loading .viewport .spinner {
  display: block;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  width: 41px; height: 41px;
  margin: auto;
  background: url('../img/project/loading.png') no-repeat;
  -webkit-animation: spin .8s linear infinite;
  z-index: 2;
  }
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg);  }
  50%  { -webkit-transform: rotate(180deg); }
  to   { -webkit-transform: rotate(360deg); }
  }


/* Image Caption */
#flipbook .viewport .content .slide .piece .captionLink { display: none; }
#flipbook .viewport .content .slide .piece.hasCaption .captionLink {
  display: block;
  position: absolute;
  bottom: 15px; right: 15px;
  width: 24px; height: 24px;
  background: rgba(0,0,0,.4);
  color: #ccc;
  font-family: Georgia, Times, serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  z-index: 10001;
  }
#flipbook .viewport .content .slide .piece .captionLink:hover { color: #fff; }
#flipbook .viewport .content .slide .piece .caption {
  display: block;
  position: absolute;
  bottom: 0; left: 0; right: 0;
  width: 100%;
  height: auto; max-height: 700px;
  padding: 30px 0;
  background: rgba(0,0,0,.7);
  box-sizing: border-box;
  opacity: 0; filter: alpha(opacity = 0);
  -moz-transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  }
#flipbook .viewport .content .slide .piece .caption p {
  max-width: 800px;
  margin: 0 auto;
  color: #aaa;
  font-size: 11px;
  line-height: 1.6em;
  }
#flipbook .viewport .content .slide .piece .caption.hovering {
  opacity: 1;
  filter: alpha(opacity = 100);
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  }

/* Video */  
#flipbook .viewport .content .slide.video { height: 600px; }

#flipbook .viewport .content .slide .piece .videoCaption { display: none; }
#flipbook .viewport .content .slide .piece.hasCaption .videoCaption {
  display: block;
  position: absolute;
  bottom: 0; left: 0; right: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  }
#flipbook .viewport .content .slide .piece .videoCaption p {
  max-width: 800px;
  margin: 0 auto;
  color: #666;
  font-size: 11px;
  line-height: 1.6em;
  }


#flipbook .prevLink {
  display: block;
  position: absolute;
  top: 0; bottom: 0; left: 0;
  min-width: 150px; height: 100%;
  cursor: pointer;
  opacity: .1; filter: alpha(opacity = 50);
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 999;
  }
#flipbook .prevLink:after {
  content: '2';
  display: block;
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 100px; height: 40px;
  margin: auto 0;
  font-family: "Classic";
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  color: #fff;
  }
  
#flipbook .nextLink {
  display: block;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  min-width: 150px; height: 100%;
  cursor: pointer;
  opacity: .1; filter: alpha(opacity = 50);
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 999;
  }
#flipbook .nextLink:after {
  content:'3';
  display: block;
  position: absolute;
  top: 0; bottom: 0; right: 0;
  width: 100px; height: 40px;
  margin: auto 0;
  font-family: "Classic";
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  color: #fff;
  }

#flipbook .prevLink.disabled:hover {
  opacity: .1; filter: alpha(opacity = 50);
  }
  
#flipbook .prevLink:hover,
#flipbook .nextLink:hover { opacity: .9; filter: alpha(opacity = 90); }

#flipbook.single .prevLink,
#flipbook.single .nextLink { display: none; }


/* Details Row */
#detailsContainer .inner {
  display: block;
  width: 780px;
  margin: 0 auto;
  padding: 30px 10px 100px;
  }  

#detailsContainer .row:first-child { border-top: 1px solid #191919; }
#detailsContainer .row:last-child { border: none; }
#detailsContainer .row {
  display:block;
  padding:15px 0 2px 0;
  border-bottom:1px solid #191919;
  }
#detailsContainer .row label {
  display: block;
  float: left;
  width: 180px;
  color: #555;
  font-size: 11px;
  line-height: 21px;
  }
#detailsContainer .row .guts {
  display: block;
  float: left;
  width: 600px;
  }

#detailsContainer .row.site a {
  color: #6CC3F4;
  font-size: 14px;
  border-color: #6CC3F4;
  }
  
/*============================================================
 List View
============================================================*/
#list { margin-bottom: 120px; }
#list h1 {
  width: 940px; height: 80px;
  margin: 0 auto;
  padding: 10px;
  line-height: 80px;
  text-align: center;
  }
#list.noTitle h1 { height: 10px; }

#list .outer {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  }
#list .outer .imageRow {
  margin-bottom: 40px;
  text-align: center;
  }
#list .caption {
  padding: 10px 0 0 0;
  color: #666;
  font-size: 11px;
  line-height: 1.5em;
  text-align: center;
  }
#list .caption p {
  max-width: 800px;
  margin: 0 auto;
  }
  


#list .topLink {
  display: block;
  position: fixed;
  top: 100px; right: 20px;
  width: 30px; height: 30px;
  font-family: "Classic";
  font-size: 24px;
  color: #999;
  z-index: 9999;
  opacity: 0; filter: alpha(opacity = 0);
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
  }
.belowFold #list .topLink {
  opacity: 1; filter: alpha(opacity = 100);
  -moz-transition: opacity .2s ease-in, color .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in, color .2s ease-in-out;
  transition: opacity .2s ease-in, color .2s ease-in-out;
  }
.belowFold #list .topLink:hover { color: #ddd; }


  

/*============================================================
 =Light Overrides
============================================================*/
body.project.light { background: url('../img/general/light-bg_noise-lighter.png') #fff; }

body.project.light #header,
body.project.light #footer { background: url('../img/general/light-bg_noise.png') #fcfcfc; }

/* List */
body.light #list #detailsContainer .row:last-child { border-bottom: 1px solid #eee; }
body.light #list .caption { color: #aaa; }
body.light #list .topLink { color: #777; }
body.light #list .topLink:hover { color: #222; }
  
/* Flipbook */
body.light #flipbook .prevLink,
body.light #flipbook .nextLink {
  opacity: .2; filter: alpha(opacity = 50);
  }
body.light #flipbook .prevLink:after,
body.light #flipbook .nextLink:after {
  text-shadow: none;
  color: #666;
  }
body.light #flipbook .prevLink:hover,
body.light #flipbook .nextLink:hover { opacity: .8; filter: alpha(opacity = 80);}

body.light #flipbook .viewport .content .slide .piece .caption p { color: #bbb; }
body.light #flipbook .viewport .content .slide .piece .videoCaption p { color: #aaa; }
  
/* Details Row */
body.light #detailsContainer .row                         { border-bottom:1px solid #eee; }
body.light #detailsContainer .row:first-child             { border-top: 1px solid #eee; }
body.light #detailsContainer .row:last-child              { border: none; }
body.light #detailsContainer .row label                   { color: #aaa; }
body.light #detailsContainer .row.site a                  { border-color: #6CC3F4; }












.stage.noThumbs #thumbnails { display:none; }

#thumbnails {
  position: relative;
  display:block;
  width: 780px; height: 60px;
  margin: 0 auto;
  padding: 30px 10px 15px;
}

#thumbnails .leftFade {
  display: block;
  position: absolute;
  top: 0; left: 10px;
  width: 30px; height: 105px;
  background: -webkit-linear-gradient(right, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 90%);
  z-index: 999;
}
#thumbnails .rightFade {
  display: block;
  position: absolute;
  top: 0; right: 10px;
  width: 30px; height: 105px;
  background: -webkit-linear-gradient(left, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 90%);
  z-index: 999;
}

/* Flipbook Thumbnails */ 
#thumbnails > .viewport {
  position:relative;
  overflow:hidden;
  width: 780px; /* needed for IE6 for overflow: hidden to work */
}

#thumbnails > .viewport .set {
  display: block;
  position:relative;
  text-align:center;
  float:left;
  font-size: 0;
}

#thumbnails > .viewport .content {
  position: relative;
  width: 50000px;
  height: 60px;
}

#thumbnails .viewport .thumb {
  position: relative;
  margin: 0 3px;
  background: #111;
  cursor: pointer;
  display: inline-block; 
}
#thumbnails .viewport .video:after {
  content: '\25B6';
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0; 
  width: 18px; height: 18px;
  margin: auto;
  background: rgba(0,0,0,.7);
  border: 1px solid #fff;
  color: #fff;
  font-size: 8px;
  letter-spacing: -2px;
  text-align: center;
  line-height: 18px;
  border-radius: 18px;
  }

#thumbnails .viewport .thumb { opacity:0.1; filter:alpha(opacity=10); -moz-transition: opacity 0.1s ease-in-out;  -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out;  }
#thumbnails .viewport .thumb:hover { opacity:0.9; filter:alpha(opacity=90); }
#thumbnails .viewport .thumb.selected { opacity:0.8; filter:alpha(opacity=80); }

#thumbnails.noSets .viewport { margin:0 auto; }

/*============================================================
 =Light Overrides
============================================================*/
body.light #thumbnails .leftFade { background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); }
body.light #thumbnails .rightFade { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); }


body.light #thumbnails .viewport .thumb { background: #fff; }

body.light #thumbnails .viewport .thumb           { opacity:0.3; filter:alpha(opacity=30); }
body.light #thumbnails .viewport .thumb:hover     { opacity:0.9; filter:alpha(opacity=90); }
body.light #thumbnails .viewport .thumb.selected  { opacity:1.0; filter:alpha(opacity=100); }