/*
Template Name: Sandwich Video Summer 2012
Description: The Summer 2012 Sandwich Video theme. 

Author: Danny Cohen
Author URI: http://dco1.com/
Version: June 10, 2012

*/

/* Resets and Boilerplates  */
    * {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}                  
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    
    html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    
    h1, h2, h3, h4, h5, h6 {font-weight:normal;}
    
    a {text-decoration:none; outline: none;}
    a:hover, a:active { outline: 0; }
    
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* FORMS */

    label { cursor: pointer; }
    button[disabled], input[disabled] { cursor: default; }
    
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
    
    /* * Consistent box sizing and appearance */
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */
    textarea { overflow: auto; vertical-align: top; resize: vertical; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */


    .hide {display:none !important; visibility: hidden;}
    hr.foot {border:0px;clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0px; margin:0;padding:0;	height: 0px;}

/* Contain floats: h5bp.com/q */
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { *zoom: 1; }


/* Site Styling */
::-moz-selection { color:rgba(255,255,255,.8); background:#21A4FF;}
     ::selection { color:rgba(255,255,255,.8); background:#21A4FF;}
                    a:link { -webkit-tap-highlight-color: #21A4FF; } 
                       

/* HTML5 display-role reset for older browsers */
html {height:100%;}
body {
	line-height: 1;
	font-size: 14px;
	font-family: freight-sans-pro, Arial, sans-serif;
	height:100%;
	position:relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
  clear: both;
}



#container {  width: 1185px;  margin: 0 auto;  padding: 60px 0 0;  }
    
footer { width: 895px;  margin:50px auto 0px;  font-size: 14px;  line-height: 20px; }

body {display:table; height:100%; margin:0 auto; vertical-align: top; position:relative; top:0;}
#container { vertical-align: top; }
footer {    display:table-row; vertical-align: bottom; width:inherit;}
.footercontent {display:table-cell; vertical-align:bottom; width:100%; padding-bottom:30px;}

a {
  color: #21a4ff;
  text-decoration: none;
}
a:hover {
  color: #b50208;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

h1 {width:318px; height:95px; margin:0 auto;}

h1 a {
  display: block;
  background: url(images/logo.png) no-repeat top center;
  background-size: 318px 96px;
  height: 96px;
  text-indent: -9999px;
}

/* Added for the 8 bit hover */

h1 a:hover {background-image: url(images/sandwich_logo_8bit.gif);}

h2 {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  font-weight: 100;
}
hr {
  width: 100px;
  border: 0;
  border-top: 2px solid #ccc;
  margin: 30px auto 25px;
}

#videos {
  width: 1140px;
  padding-left: 45px;
  margin: 50px auto 0;
}
  #videos h2 {
    margin-left: -45px;
    margin-bottom: 60px;
  }
  #videos .video, .latest-work .video {
    width: 240px;
    float: left;
    margin: 0 45px 0 0;
    height: 250px;
    display: block;
  }
    #videos .video .video-logo, .latest-work .video-logo {
      text-align: center;
      display: block;
      height: 40px;
      background-repeat: no-repeat;
      background-position: center 0px;
      text-indent: -9999px;
      background-size:auto 80px;
    }
      #videos .video:hover .video-logo, .latest-work:hover .video-logo {
        background-position: center -40px;
      }
    #videos .video .video-thumbnail, .latest-work .video-thumbnail {
      display: block;
      -moz-box-shadow:inset 0 0 0 4px rgba(0,0,0,.2);
      -webkit-box-shadow:inset 0 0 0 4px rgba(0,0,0,.2);
      box-shadow:inset 0 0 0 4px rgba(0,0,0,.2);
      width: 240px;
      height: 135px;
      background-size:240px 135px;
      margin: 7px 0 15px;
    }
      #videos .video:hover .video-thumbnail, .latest-work:hover .video-thumbnail {
        -moz-box-shadow:inset 0 0 0 4px rgba(181,2,8,.5);
        -webkit-box-shadow:inset 0 0 0 4px rgba(181,2,8,.5);
        box-shadow:inset 0 0 0 4px rgba(181,2,8,.5);
      }
    #videos .video strong, .latest-work strong {
      font-size: 20px;
      font-weight: 400;
      display: block;
      opacity:0;
      text-align: center;
    }
      #videos .video:hover strong, .latest-work:hover strong {
        opacity:1;
      }

    
#clients {
  width: 555px;
  padding-left: 60px;
  margin: 50px auto 0;
}
  #clients h2 {
    margin-left: -60px;
  }
  #clients hr {
    position: relative;
    left: -30px;
  }
  #clients span, #clients a.client {
    width: 125px;
    height: 40px;
    text-indent: -9999px;
    float: left;
    margin: 25px 60px 0 0;
    background-size:125px auto;
  }
  
  	#clients .half {width:25px;}
  
  #clients span:hover, #clients a.client:hover {
    background-position: 0 -40px;
  }

#contact {
  width: 615px;
  margin: 50px auto 0;
}
  
  #contact-left,
  #contact-right,
  #about-left,
  #about-right {
    width: 285px;
    float: left;
  }
  #contact-right,
  #about-right {
    margin-left: 45px;
  }
  #contact h2 {
  	margin-top:60px;
    margin-bottom: 5px;
  }
  #contact h3 {
    font-size: 20px;
    line-height: 35px;
  }
    #contact h3 a {
      display: block;
    }
  #contact #about-left,
  #contact #about-right {
    margin-top: 30px;
  }
  #contact #contact-left {
    text-align: right;
  }
  #contact p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
  }
  #contact #contact-twitter {
    background: url(images/twitter.png) no-repeat top left;
    padding-left: 30px;
  }
    #contact #contact-twitter:hover {
      background-position: 0 -35px;
    }

#credits {
  width: 895px;
  margin: 50px auto;
  font-size: 16px;
  line-height: 26px;
}
  #credits h2 {
    margin: 0 0 20px;
  }
  #credits p {
    width: 315px;
    margin: 30px auto 50px;
    text-align: center;
  }
  #credits ul {
    width: 260px;
    margin-bottom: 30px;
    float: left;
  }
  
/*  	#credits ul + ul {	  width: 315px;      margin: 0 30px 30px;  	}
  	
  	#credits ul + ul + ul {	  width: 260px;	 margin-left:0; margin-right:0;  	} */
  	
    #credits ul.credits-center {
      width: 315px;
      margin: 0 30px 30px;
    }
    
    #credits li {
      margin: 6px 0;
    }
    #credits ul.credits-website {
      width: 471px;
      margin: 0 auto;
      float: none;
    }
      #credits ul.credits-website li {
        width: 157px;
        float: left;
        text-align: center;
      }

.credit , .main {
  width: 873px;
  padding-left: 20px;
  margin: 0 auto 40px;
}


  .credit .client_name , .main span  {
    display: block;
    width: 125px;
    height: 40px;
    text-indent: -9999px;
    margin: 50px auto 20px;
	position: relative;
	left: -10px;
    background-position: 0 -40px;
     background-size:auto 80px;
  }
  .credit h2 , .main h2, h2.page-title {
    margin: 20px 20px 45px 0;
  }
  .credit .video , .main .video {
    border: 1px solid #EFEFEF;
    padding: 4px;
    width: 290px;
    display: block;
    margin: 0 45px 0 108px;
    position: relative;
  }
  .credit .video img  , .main .video img { 
  	max-width: 290px;
  	
  }
  .credit .video span {
	  max-width:290px;
	  height:163px;
	  display:block;
	  background-position: center center;
	  background-repeat:no-repeat;
	  overflow:hidden;
	  background-size:290px auto;
  }
  
  .credit dl , .main dl {
    width: 190px;
    float: left;
    margin-right: 20px;
    line-height: 22px;
  }
    .credit dt , .main dt {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
    }
    .credit dd  , .main dd{
      font-size: 16px;
      margin-bottom: 12px;
    }
  
.te_wrapper {
  box-shadow: 0 0 30px #CCC;
  background: white;
  padding: 5px 10px;
}
.te_dashboard .te_close_link {
  top: -10px;
  right: -12px;
}

#page {
  width: 500px;
  margin: 50px auto;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
  #page h2 {
  
    margin: 0 0 40px;
  }
  #page p {
    margin-bottom: 20px;
	text-align: center;
  }


/* video stuff */

#stage, #glass { position: fixed; }
#stage { width: 0; height: 0; left: -100px; top: -100px; overflow: hidden; z-index: 88; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); box-shadow: 0 0 10px rgba(0,0,0,.25); }
#glass { display: none; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; background: #FFF url("images/loading.gif") no-repeat scroll center center; background-color: rgba(255, 255, 255, 0.9); z-index: -1; }
#player-container { width: 0; height: 0; overflow: hidden; position: relative; }
#player-container > * { position: absolute; top: 0; left: 0; width: 960px; height: 540px; }
#controls { position: absolute; top: 0; left: 0; z-index: 8; width: 100%; bottom: 60px; display: none; }
#stage a { cursor: pointer; position: absolute; z-index: 4; text-indent: -999px; overflow: hidden; }
#close { width: 46px; height: 46px; left: -23px; top: -23px; background: url("images/close.png"); }
#play { width: 122px; height: 122px; left: 50%; top: 50%; margin: -31px 0 0 -61px; background: url("images/play.png"); }
#scrubber { border-radius: 8px;width: 100px; height: 40px; background: rgba(255,255,255,.3);bottom: 0;position: absolute; padding:10px; width: 85%;margin: 0 auto; left: 50px; display:block;}
	.vimeo #scrubber {display:none;}
#playbar { background:#21A4FF; border-radius: 6px; height:40px; width:0%; position:relative;}


#vimeo-player { width: 960px; height: 940px; margin-top: -200px; }

#stage.present { width: 960px; height: 540px; left: 50%; top: 50%; margin: -270px 0 0 -480px; overflow: visible; }
#stage.present #glass { display: block; }

#stage.loaded #player-container { width: 960px; height: 540px; }
#stage.loaded #controls { display: block; }

#stage.playing #play { background-image: url("images/pause.png"); }

#stage.present.vimeo #youtube-player, #stage.present.youtube #vimeo-player { width: 0; height: 0; top: 1000%; }
#stage.present.youtube #youtube-player, #stage.present.vimeo #vimeo-player { width: 960px; height: 540px; }

#stage.ctf { left: 50%; top: 50%; margin: -270px 0 0 -480px; }
#stage.ctf, #stage.ctf #player-container { width: 960px; height: 540px; display: block; }
#stage.ctf #glass, #stage.ctf #controls { display: none; }
#stage.ctf #vimeo-player { display: none; }


/* Additional Styles from Danny */
#about-left p, #about-right p {line-height:24px;}
.center {text-align: center;}

.credit h2 {margin-bottom:50px; font-size:18px; line-height:24px;}

  .credit .left  , section.left { float:left; width:400px; margin-right:45px; }
  .credit .right , section.right {float:left; width:420px; }
  
  	.credit .left.multiplevideos { float:none; display:table; width:960px; margin-right:0; margin-left:-43px;  margin-bottom: 10px;}
  		.credit .left.multiplevideos .video-row {display: table-row;text-align: center;}
  		.credit .left.multiplevideos .project-video {  display:inline-block; box-sizing:padding-box; }
  			.project-video[rel="0"] {margin:0 auto; }
  			.project-video[rel="0"] + .project-video[rel="1"] { margin-left:30px;}
  			.project-video[rel="0"] + .project-video[rel="1"] + .project-video[rel="2"] { margin-left:30px;}
  		.credit .left.multiplevideos .video , .credit .left.multiplevideos .video-link { margin:13px 0 0 0; -moz-box-sizing: border-box;}
  	.credit .left.multiplevideos + .right {float:none; clear:both; margin:0 auto; width:auto; display: table; padding-left:20px; margin-top:55px; }
  
  .credit dt {line-height: 12px; padding-bottom:3px;}
  .credit dd {font-size:15px;}
  .credit p { font-size: 16px;    line-height: 26px;    margin-bottom: 13px;}
  	.credit p.person-link {font-size:14px; font-weight:bold;}
  .credit .left dl {float:right; margin-left:20px; margin-right:0; text-align:right; margin-top:22px; font-size:14px; line-height:22px;} 
  .credit .left dl + dl {margin-left:0; }
  .credit .person-thumb { float:right; width:220px; margin:0 auto 13px;}
  .credit .person-thumb img {    border: 1px solid #EFEFEF; padding: 4px;  }

  .credit .person-name {margin-bottom:0px;}
  .credit .person-position { font-size: 12px;text-transform: uppercase; font-style:normal; font-weight:bold; letter-spacing: 2px; white-space: nowrap; display:block; width:250px; margin:0 auto 23px; text-align:center; padding-right:20px;}
  
  .main { font-size: 16px; line-height: 26px; margin-bottom: 13px; }
  .main h2 { clear:both; font-size:18px; line-height:24px;  }

#credits {margin:0 auto; display:table; width:auto; font-size:14px; line-height:22px;}
#credits ul {width:260px;}

/* Site Navigation Bar */
nav {margin:0 auto 30px; display:table;}
.site-nav ul {font-size: 18px;line-height: 36px;text-align: center;font-weight: 100;}
.site-nav li {display:table-cell; }
.site-nav a  {display:block;margin:0 22.5px; color:#aeaeae; }
	.site-nav .current-page a , .post-type-archive-sv_project .site-nav .projects a , .single-sv_project  .site-nav .projects  a, .page-id-248 .site-nav .people a  , .tax-sv_person .site-nav .people a  { color: #21A4FF }
	.site-nav a:hover {  color: #b50208; }
	
	
h3 { margin: 10px 20px 20px 0; font-size: 16px; clear:both;
line-height: 20px;
text-align: center;
font-weight: 100; }	

/*project listing*/
/*.projectlistingsblock {padding-left:40px;}*/
 dl.project-listings {
    width: 260px;
    text-align:center;
    margin-bottom: 30px;
    display:table-cell;
  }
  
  .project-listings dt {font-size: 12px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px; line-height: 12px;}
  .project-listings dd {  font-size: 14px;line-height: 18px;margin-bottom:0px;}
  .project-listings dd + dt {margin-top:2em;} 
/*Person*/

.person {  width: 220px; }
.person h4 { font-size: 12px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px; padding-right:13px; margin:8px 0 4px; line-height:150%; }
.person em { font-style:normal; font-weight: normal; white-space: nowrap; display:block;}
.person p.bio { font-size:13px; line-height: 20px;}
.person img {border: 1px solid #EFEFEF; padding: 4px; background:white; max-width: 100%;}

.peoplegroup {clear:both;}
.person-wrap {margin-bottom: 25px; float:left; width:220px;}
.person-wrap:nth-child(3n+1) {   margin:0 0 25px 25px;}
.person-wrap:nth-child(3n+2) {   margin:0 65px 25px 65px; }
.person-wrap:nth-child(3n+3) {   margin:0 0 25px 0;}
.person-wrap:nth-last-child(1):first-child {margin:0 auto; display:block; float:none;}
	.person-wrap:nth-last-child(1):first-child .person {margin-left:-15px;}
		
.person { color:inherit; }

.person-thumb {left:-13px; position: relative;}
.person-thumb img {max-width:100%;}

#person-link {margin-right:20px;}

#person-credits { margin:0 auto 13px; display: table; margin:0 auto; clear: both;}
.credit #person-credits dl { display: table-cell; font-size:14px; padding-right:22.5px; padding-left:22.5px;  }
.credit #person-credits dd { padding-left:5px; font-size:14px; line-height: 18px; margin-bottom:8px;}
#person-credits dd + dt { margin-top:1em;}

#person-description {width:400px; margin:0 auto 13px;}
#person-description p {font-size:14px; line-height:22px;}
.center #person-description p {padding-right:20px;}


/* Crew Lisitigns for Everyone Page */

#credits.crew-listings { padding-left: 140px;}
 dl.crew-listing {     width: 260px;     text-align:left;     margin-bottom: 30px;     display:table-cell;   }
  
  .crew-listing dt {font-size: 12px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px; line-height: 12px;}
  .crew-listing dd {  font-size: 14px;line-height: 18px;margin-bottom:0px; padding-left:5px; }
  .crew-listing dd + dt {margin-top:2em;} 

/* Latest Work */
.main .page-title {font-size: 24px; line-height:36px; margin-bottom:7px;}
.page-description {clear: both;
font-size: 18px;
line-height: 24px;margin: 00px 20px 45px 0; text-align: center; font-weight: 100;}


.latest-work {clear:both; width: 853px; padding-right:20px; margin: 0 0 80px; text-align: center; }
.main a.latest-work-date {text-align: center; display:block; margin-bottom:7px; color:#aeaeae; font-weight:100; font-size:15px; line-height:15px; }

	.latest-work .video-thumbnail { border: 1px solid #EFEFEF; padding: 4px; background-repeat: no-repeat; background-position: center center; display: block; margin:7px auto 15px; width:626px; height:352px; background-size: 626px; height:352px;}
	.latest-work .right  {margin-bottom:.5em;}
		.latest-work .video-client-and-title {font-size: 20px; font-weight: 400; line-height:140%; display:block; margin-bottom:7px;  }
		.latest-work .video-description {font-size: 16px; line-height: 26px; width:470px; margin:0 auto 13px;  color:rgb(125,125,125); }
			.latest-work .video-description p {margin-bottom:.5em;}
		.latest-work .project-meta {font-size:14px; margin-bottom:.5em; color:#aeaeae;}
			.latest-work .project-meta a {color:inherit;}
			.latest-work .project-meta a:hover {color:#b50208;}
		.latest-work .project-meta .video-link {display:inline; opacity:1; text-align: left;}
		

#page-nav {margin: 0 auto 40px; display: table; padding-right: 20px;}
#page-nav a, #page-nav .sep {display: table-cell; font-size:160%; white-space: nowrap;}
	#page-nav .sep {width:15px;}

/* Single Project */
.single-sv_project  .credit dl {}
.single-sv_project  .credit dd + dt  { margin-top: 12px;}
.single-sv_project  .credit dl dd { margin-bottom: 4px;}
.single-sv_project  .credit dd {line-height:15px; padding-left:5px;}

.project_description { width: 420px; font-size:14px; line-height:22px; margin: -26px auto 38px; text-align: center;}
.project_description p { font-size:14px; line-height:22px; text-align: center; padding-right:20px;} 


/* .credit .right dd {display:table-row; padding-bottom:17px;}
.credit .right dd span, .credit .right dd a {display:table-cell;}
.credit .right dd span {text-align: right;}
.credit .right dd a {text-align: left; padding-left:8px;} */

    #videos .video .video-link , .latest-work .video-link { opacity:0; text-align:center; color:#aeaeae;  display:block; padding-top:3px;}
    	#videos .video:hover .video-link, .latest-work:hover .video-link {opacity:1;  }
    	.video-link:hover {color: #b50208;}
    	
    .single .video-link {display:block; width: 290px; text-align:center; padding-top:0px; margin: 13px 45px 0 108px; padding: 4px;}
    .single .video-title {display:block; text-align: center; margin-top:13px;}

    #map { background:white url('images/map.png') center center no-repeat; display:block; outline:0; width:400px; height:225px; background-size: 400px 225px; border: 1px solid #EFEFEF; padding: 4px; }
    
    /* How It Works */
    .main p {margin-bottom:1em; font-size: 16px; line-height: 26px;margin-bottom: 13px;}
	.main p.center { font-size:22px; text-align:center; line-height:36px; width:320px; margin:0 auto; margin-bottom:1em; }
    .main .column { width:28%; float:left; margin-right:8%;  }
    .main .column + .column {  }
    .main .column + .column + .column { margin-right:0;}
    .main .aligncenter {margin:40px auto; border: 1px solid  #EFEFEF; padding: 4px; background:  white; max-width: 100%; display:block;}
    .main img.size-full {margin:40px 0; border: 1px solid  #EFEFEF; padding: 4px; background:  white; max-width: 100%; display:block;}

    /*.main .dollarsign {display:block; text-align:center; font-size:130%; margin-bottom:1em;}*/
    
    
    /* Press Page     */
    .gutter-sizer {width:5%;}
    .grid-sizer {width:20%;}
    @media screen and (min-width: 900px) { .main.press-main {padding:0; margin:0 auto 40px; width:100%;} }

    article.press {width:22%; padding:2%; background: rgba(33, 164, 255, 0.02); border-radius:2px; float:left; margin-right:9%; margin-bottom: 9%;
	      -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
    }
    	article.press.odd.count-3 {margin-right:0;}
     
    article.press.even { margin-right:14%;}
    	article.press.even.count-4 {margin-left:19%; margin-right:9%; clear:left;}
    	article.press.even.count-5 {margin-left:9%; margin-right:19%;}
    	
    article.press.even + article.press.odd.count-1 {clear:left;}	
    	
    	.main article.press blockquote p {font-size:16px; line-height: 180%; font-style: italic; color:#8e8e8e; text-align:center;}
					/* .main article.press.large 	    blockquote p	{font-size:140%;} */
					/* .main article.press.medium 	    blockquote p	{font-size:120%;} */
					/* .main article.press.small 	    blockquote p	{font-size:100%;} */
    	article.press cite {font-size:90%; font-style: normal; font-weight: normal; display:block; text-align:right; line-height:120%; margin-top:2%;}
    		article.press cite a {}
			article.press .press-title {font-weight: normal;}
			article.press .press-source {display:block; font-weight:normal;}
 
    /* Press Preview Pages */
    .page-template-page-presspreview-php .site-nav {display: none;}
    .page-template-page-presspreview-php .pagetitle {font-size:32px;  margin-bottom: 1em;  }
    .page-template-page-presspreview-php .main {width:640px;}
    .page-template-page-presspreview-php .main iframe {}
    .page-template-page-presspreview-php h3 {font-size: 24px; line-height: 36px; text-align: center; font-weight: 100;}
    	.page-template-page-presspreview-php p + h3 {margin-top:1.2em;}

    
    /*Collections */
    
        .page-template-page-collection-php .title {font-size: 24px; line-height: 36px; text-align: center; font-weight: 100;}

    
    /* Password form*/
    
    #password-form { width:390px; margin:0 auto; text-align: center; margin-top:80px;}
    #password-form input { font-family: freight-sans-pro, Arial, sans-serif; border:1px #dfdfdf solid; padding:5px 8px; border-radius: 3px; margin:3px; color:#333;}
    #password-form input:active { border:1px #c8c8c8 solid; box-shadow: 0px 0px 3px rgba(33, 164, 255, .4);}
    #password-form input[type="password"] { letter-spacing: 3px; }
    	    #password-form input[type="password"]:focus { border:1px #c8c8c8 solid; box-shadow: 0px 0px 3px rgba(33, 164, 255, .4);}
    #password-form input[type="submit"] { font-weight:bold; }
       #password-form input[type="submit"]:active {background: #f3f3f3;}
    
    /* Jobs Page */
    .jobs-page .main h2.title {font-size:24px; margin-right:0;}
    	.jobs-page .main h2 {margin-right:0;}
    .jobs-page .main {padding-left:0;}
    .jobs-page p {line-height:140%; width:60%; margin:0 auto 13px;}
    .jobs-page .main ul {margin:30px auto 30px; font-size:18px; line-height:120%; width:60%;}
    .jobs-page li {margin-bottom:4px;}

footer p {text-align: center; }

h1.h404 { text-align:center; font-size:64px; }

/* Fancybox */
.fancybox-overlay {background:rgba(255,255,255,.9) !important;}
.fancybox-item.fancybox-close {right:auto !important; left: -18px !important;}
.fancybox-close { 
  -webkit-transition: all 0.3s ease-out; 
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out; 
}