/*
  Theme Name: style-chicago
  Description: A custom theme for Shape Chicago based on the HTML5-Reset Wordpress theme.
  Author: ColorJar
  Author URI: http://colorjar.com
  Version: 1.0
*/

/*
  HTML5 Reset Wordpress Theme :: style.css
  ----------------------------------------------------------
  We have learned much from/been inspired by/taken code where offered from:

  Eric Meyer          :: http://ericmeyer.com
  HTML5 Doctor        :: http://html5doctor.com
  and the HTML5 Boilerplate  :: http://html5boilerplate.com

  Special thanks: The Wordpress theme owes its start to an empty theme authored
    by Chris Coyier & Jeff Starr: http://digwp.com

-------------------------------------------------------------------------------*/

/* Fonts
-------------------------------------------------------------------------------*/
@font-face {
    font-family: 'PTSerifRegular';
    src: url('_/fonts/PTF55F-webfont.eot');
    src: url('_/fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/PTF55F-webfont.woff') format('woff'),
         url('_/fonts/PTF55F-webfont.ttf') format('truetype'),
         url('_/fonts/PTF55F-webfont.svg#PTSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSerifRegular';
    src: url('_/fonts/PTF56F-webfont.eot');
    src: url('_/fonts/PTF56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/PTF56F-webfont.woff') format('woff'),
         url('_/fonts/PTF56F-webfont.ttf') format('truetype'),
         url('_/fonts/PTF56F-webfont.svg#PTSerifItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'PTSerifRegular';
    src: url('_/fonts/PTF75F-webfont.eot');
    src: url('_/fonts/PTF75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/PTF75F-webfont.woff') format('woff'),
         url('_/fonts/PTF75F-webfont.ttf') format('truetype'),
         url('_/fonts/PTF75F-webfont.svg#PTSerifBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSerifRegular';
    src: url('_/fonts/PTF76F-webfont.eot');
    src: url('_/fonts/PTF76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/PTF76F-webfont.woff') format('woff'),
         url('_/fonts/PTF76F-webfont.ttf') format('truetype'),
         url('_/fonts/PTF76F-webfont.svg#PTSerifBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'League Gothic';
    src: url('_/fonts/leaguegothic-italic-webfont.eot');
    src: url('_/fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('_/fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('_/fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'League Gothic';
    src: url('_/fonts/leaguegothic-regular-webfont.eot');
    src: url('_/fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('_/fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('_/fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
font-size:15px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:17px;
}

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
  don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; background: transparent; vertical-align: baseline; font-size: 100%;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-spacing: 0; border-collapse: collapse;}
th {vertical-align: bottom; font-weight: bold;}
td {vertical-align: top; font-weight: normal;}

hr {display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ccc;}

input, select {vertical-align: middle;}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font: 100%; font-size: inherit;}

/* Accessible focus treatment
  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
  gist.github.com/413930 */
sub, sup {position: relative; font-size: 75%; line-height: 0;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {overflow: visible; width: auto;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { display: block; overflow: hidden; height: 0; content: "\0020"; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
  clear: both;
}

a:link, a:visited {
  color: #00f;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}

/* using local fonts? make sure to read up on Paul Irish's
  Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{ background:#f15c22; background:rgba(243, 125, 32, 0.8); color:#fff; text-shadow:none; }
::selection { background:#f15c22; background:rgba(243, 125, 32, 0.8); color:#fff; text-shadow:none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color:rgba(243, 125, 32, 0.8); }

ins { background-color:#f15c22; color:#fff; text-decoration:none; }
mark { background-color:#f15c22; background-color:rgba(243, 125, 32, 0.8); color:#fff; font-weight:bold; font-style:italic; }

/* Structure
-------------------------------------------------------------------------------*/
#page-wrap{width:100%;}

#header,#footer,#slider,#main{display:block; width:100%;}
#header{
  position: relative;
  z-index:100;
  height:163px
}
.home #header{
  z-index:100;
  height:148px;
}
.home .header-border {
  display: none;
}
.header-border {
  position: absolute;
  top: 148px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #132E39 none;
}

#slider{ z-index:1;height:320px;}
.quotation,.media{position:relative;display:inline;float:left;height:320px;}
.quotation{width:220px;}
.media{width:660px;}
.left {}
.right{}
.media{position:relative;width:660px;height:320px;}
.media-title{position:absolute;top:220px;left:0;overflow:hidden;width:660px;height:60px;}
.media-play{position:absolute;top:170px;left:253px;display:block;width:154px;height:37px;}
.media iframe{overflow:hidden;margin:0;padding:0;border:0;}
#main-nav{position:absolute;top:56px;right:0;z-index:100;display:block;width:540px;/*left:400px;*/width:560px;height:48px;}

#main{
  z-index:1;
  margin-top: 1px;
  padding: 40px 0 105px;
}
.error404 #main{padding-bottom:0;}
#footer{ }

.wide-width,.slider-content{position:relative;margin:0 auto;width:1100px;}
.slider-content{height:320px;}
.slide-holder{position:relative;overflow:hidden;width:1100px;height:320px;}
.slide{position:absolute;top:0;left:0;display:none;overflow:hidden;width:1100px;height:320px;}
.first-slide{display:block;}
.standard-width,.header-content,.main-content,.footer-content{position:relative;margin:0 auto;width:940px;}
.error404 .main-content{padding-top:190px;height:673px;}
.section-content{position:relative;margin:0 auto;}

#credits{position:absolute;top:0;right:0;width:116px;height:141px;}

.page article,.page aside{position:relative;display:inline;float:left;}
.page article{width:620px;}
.page-template-team-php article,.page-template-alumni-php article{width:720px;}
.page aside{margin-left:20px;width:300px;}
.page .slide aside{margin:0;width:220px;}

#featured-projects,#content{display:inline;float:left;width:640px;}
#featured-projects .box-content,#content .box-content{padding:24px 0;}
.project-thumb{position:relative;width:260px;}
.has-thumb{padding:0 10px 0 20px;width:280px;}
.no-thumb{width:540px;}
.has-thumb,.project-thumb{display:inline;float:left;}
.project-thumb .program {
  position: absolute;
  bottom: 3px;
  padding: 5px 0 5px 5px;
  width: 255px;
  background: #000;
}
.has-thumb p {
  font-size: 17px;
}

.blog #content,.archive #content,.single-post #content,.page-template-press-php #content{width:640px;}
.blog article,.archive article,.page-template-press-php article{margin-bottom:45px;}
.blog article .entry,.archive article .entry,.page-template-press-php article .entry{ padding-right:15px;}
.blog footer.meta,.archive footer.meta,.page-template-press-php footer.meta{display:block;margin-bottom:20px;}
#sidebar{display:inline;float:right;margin-top:115px;width:300px;}
#blog-archives{margin-bottom:30px;width:300px;}
#blog-categories{width:300px; margin-bottom: 25px;}
#blog-archives .box-content,#blog-categories .box-content{padding:20px 22px;}
.blog .read-more,.archive .read-more,.page-template-press-php .read-more{display:block;margin-bottom:3px;}
.blog .pagination ul.page-numbers,.archive .pagination ul.page-numbers,.page-template-press-php .pagination ul.page-numbers, .page-template-careers-php .pagination ul.page-numbers {display:block;width:100%;height:30px;}
.blog .pagination li,.archive .pagination li,.page-template-press-php .pagination li, .page-template-careers-php .pagination li {position:relative;display:inline;float:left;height:30px;}
.blog .pagination a.page-numbers,.blog .pagination span,.archive .pagination a.page-numbers,.archive .pagination span,.page-template-press-php .pagination a.page-numbers,.page-template-press-php .pagination span, .page-template-careers-php .pagination a.page-numbers, .page-template-careers-php .pagination span {display:block;width:40px;}
.blog .pagination a.prev,.blog .pagination a.next,.archive .pagination a.prev,.archive .pagination a.next,.page-template-press-php .pagination a.prev,.page-template-press-php .pagination a.next, .page-template-careers-php .pagination a.prev,.page-template-careers-php .pagination a.next {display:block;width:30px;}

#right-column{
  display:inline;
  float:right;
  margin: 57px 0 0;
  width:300px;
}
#content .entry-content{padding-right:20px;}

#latest-news{margin-bottom:20px;width:400px;}
#latest-news .box-content{padding:24px 18px;}

#next-meeting{width:300px; margin-bottom:25px;}
#next-meeting .box-content{padding:18px 11px 20px 10px;}
#next-meeting .meeting-details{
  display:inline;
  float:left;
  margin-left:0;
  padding-bottom:5px;
  padding-left:14px;
  min-height: 95px;
  width:173px;
  border-left:2px solid #fff;
}

.page-contact-us aside .wp-post-image {
  margin-top:72px;
}
#contact-form label{display:block;width:100%;}
#contact-form td{padding:0 10px 24px 0;}
#contact-form input.wpcf7-text,#contact-form textarea.wpcf7-textarea{width:447px;}
#contact-form input.wpcf7-text{padding:0 5px;height:27px;}
#contact-form textarea.wpcf7-textarea{padding:5px;}
#contact-form input.wpcf7-submit{display:block;overflow:hidden;padding:0;width:120px;height:40px;}

.page-template-strategy-php #strategy-features{margin-top:50px;width:300px;}
.page-template-strategy-php #strategy-features li{display:block;overflow:hidden;margin-bottom:20px;padding:20px;width:260px;height:154px;}

#op-tabs{display:block;margin-bottom:20px;width:940px;height:57px;}
#op-tabs li{display:inline;float:left;padding-right:20px;width:220px;height:57px;}
#op-tabs li.op-last{padding-right:0;}
#op-tabs li a{display:block;width:220px;height:57px;}
.op-col1{display:inline;float:left;width:620px;}
.op-col2{display:inline;float:right;padding-top:30px;width:300px;}
.op-col2 img{margin-bottom:20px;}

/* Colors, Backgrounds, and stuff
-------------------------------------------------------------------------------*/
body{ background: #132E39 none; }
#header h1 a{ display:block;overflow:hidden;width:219px;height:84px;background:url( _/images/chicago-infrastructure-trust.png ) 0 0 no-repeat;text-indent:-9999px; }
#slider{ }
#main, #header{ background: #f0f0f0 none; }

.project-status{position:absolute;top:-10px;left:-24px;display:block;overflow:hidden;width:157px;height:47px;text-indent:-9999px;}
.idea{background:url( _/images/label-idea.png ) -2px -1px no-repeat;}
.build{background:url( _/images/label-build.png ) -2px -1px no-repeat;}
.rfi{background:url( _/images/label-rfi.png ) -2px -1px no-repeat;}
.rfq{background:url( _/images/label-rfq.png ) -2px -1px no-repeat;}
.rfp{background:url( _/images/label-rfp.png ) -2px -1px no-repeat;}
.contracting{background:url( _/images/label-contracting.png ) -2px -1px no-repeat;}
.open{background:url( _/images/label-interest.png ) -2px -1px no-repeat;}
.open-process{background:url( _/images/label-open.png ) -2px -1px no-repeat;}
.complete{background:url( _/images/label-completed.png ) -2px -1px no-repeat;}

.media-title{background-color:#132e39;}
.media-play a{display:block;width:154px;height:37px;background:url( _/images/play-video.png ) 0 0 no-repeat;}
.arrow{position:absolute;top:148px;overflow:hidden;width:46px;height:45px;text-indent:-9999px;}
#prev-arrow{left:-66px;background:url( _/images/prev_arrow.png ) 0 0 no-repeat;}
#next-arrow{left:1120px;background:url( _/images/next_arrow.png ) 0 0 no-repeat;}
.arrow:hover,.media-play a:hover{opacity:.60;-moz-opacity:0.60;}

#latest-news{background: #3589ac none;}
#next-meeting{background: #cc443e none;}
#next-meeting .box-content{border-bottom:20px solid #f0f0f0;}
#next-meeting .nn{background-color:#786766;}
.home #next-meeting .box-content{border:none;}

#blog-archives{background: #3589ac none;}
#blog-categories{background: #cc443d none;}
.blog .pagination a.page-numbers,.archive .pagination a.page-numbers,.page-template-press-php .pagination a.page-numbers, .page-template-careers-php .pagination a.page-numbers, .footable li{background:#e6e6e6;}
.blog .pagination a.prev,.blog .pagination a.next,.archive .pagination a.prev,.archive .pagination a.next,.page-template-press-php .pagination a.prev,.page-template-press-php .pagination a.next, .page-template-careers-php .pagination a.prev, .page-template-careers-php .pagination a.next, .footable li.footable-page-arrow a{overflow:hidden;text-indent:-9999px;}
.blog .pagination a.next,.archive .pagination a.next,.page-template-press-php .pagination a.next, .page-template-careers-php .pagination a.next, .footable li a[href="#next"]{background:url( _/images/blog-next.gif ) 0 0 no-repeat;}
.blog .pagination a.prev,.archive .pagination a.prev,.page-template-press-php .pagination a.prev, .page-template-careers-php .pagination a.prev, .footable li a[href="#prev"]{background:url( _/images/blog-prev.gif ) 0 0 no-repeat;}
.blog .pagination span.current,.archive .pagination span.current,.page-template-press-php .pagination span.current, .page-template-careers-php .pagination span.current, .footable li.active{background-color:#cc443e;}

#footer{  }
#footer #logo{position:absolute;top:0;left:0;width:60px;height:63px;background:url( _/images/logo.png ) 0 0 no-repeat;text-indent:-9999px;}
.footer-content{ margin-top:38px;padding-left:60px;min-height:63px;width:880px;}
#main-nav{background: #132E39 none;}
#credits{}
#credits a{display:block;width:116px;height:141px;background:url( _/images/colorjar.png ) 0 0 no-repeat;text-indent:-9999px;}

.error404 .main-content{background:url( _/images/roadsign.png ) top right no-repeat;}

#contact-form input.wpcf7-text,#contact-form textarea.wpcf7-textarea{border:1px solid #c0c0c0;background:#fff;}
#contact-form input.wpcf7-submit{border:none;background:url( _/images/contact-submit.png ) 0 0 no-repeat;}

#strategy-features li{background-position:0 0;background-repeat:no-repeat;}
#strategy-features li#f1{background:url( _/images/s_energy.png);}
#strategy-features li#f2{background:url( _/images/s_transport.png);}
#strategy-features li#f3{background:url( _/images/s_land.png);}
#strategy-features li#f4{background:url( _/images/s_econ.png);}
#strategy-features li#f5{background:url( _/images/s_environment.png);}
#strategy-features li#f6{background:url( _/images/s_human.png);}
#strategy-features li:hover{background:#3589AC none !important;background-position:-300px -300px;}

#op-tabs li{background-color:#142F3A;}

/* Navigation
-------------------------------------------------------------------------------*/
#main-nav{font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";}
#main-nav ul{width:540px;width:560px;height:48px;text-align:justify;text-align:center;/*display:block;*/zoom:1;}
#main-nav li{position:relative;/*float:left;*/display:inline-block;margin:0 5px;margin-right:auto;margin-left:auto;height:48px;text-align:left;}
#main-nav li a{display:block;padding:0 20px;height:48px;height:48px;color:#fff;color:#f2f2f2;text-decoration:none;font-size:25px;line-height:48px;/*white-space:nowrap;*/}
#main-nav li:hover a, #main-nav li.current_page_item a {background-color:#CC443D;}
#main-nav li:hover a{background-color:#CC443D;}
#main-nav ul ul{position:absolute;top:38px;left:0;display:none;padding-top:18px;width:192px;height:auto;background:url( _/images/nav-tab.png ) top center no-repeat;}
#main-nav .slug_projects ul{left:-40px;}
#main-nav .slug_about ul{left:-56px;}
#main-nav .slug_press ul{left:-56px;}
#main-nav .slug_public-records ul{left:-24px;}
#main-nav .slug_blog ul{left:-60px;}
#main-nav ul li:hover ul{display:block;}
#main-nav li li{display:block;margin:0;height:auto;}
#main-nav li li a{padding:0 15px;padding:10px 15px;height:auto;font-size:26px;line-height:28px;}
#main-nav li li a:hover{color:#132E39;}
#main-nav ul ul ul{}
#main-nav li li li{}

#footer-nav{}
#footer-nav ul{}
#footer-nav li{position:relative;display:inline;float:left;margin-left:20px;width:140px;text-align:left;text-transform:uppercase;font-size:21px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:26px;}
#footer-nav li.first-menu-item{margin-left:50px;}
#footer-nav li.slug_press,#footer-nav li.slug_blog{width:60px;}
#footer-nav li a{color:#f2f2f2;}
#footer-nav ul ul{/*position:absolute;top:30px;left:0;*/}
#footer-nav li li{display:block;float:none;margin:0;width:auto;text-transform:none;font-weight:normal;font-size:13px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:18px;}
#footer-nav li li a{}


/* Breadcrumbs
-------------------------------------------------------------------------------*/
#breadcrumbs{margin-bottom:20px;height:30px;}
#breadcrumbs ul{height:30px;}
#breadcrumbs li{position:relative;display:inline;float:left;padding-left:23px;height:30px;background:#3589ac url( _/images/crumb-tail.png ) top left no-repeat;font-size:15px;}
#breadcrumbs li.current{padding-left:13px;background:none;}
#breadcrumbs a{display:inline-block;padding-right:23px;height:30px;background:#3589ac url( _/images/crumb-nose.png ) top right no-repeat;color:#fff;line-height:30px;}
#breadcrumbs .current a{background:transparent none;color:#3589ac;font-style:italic;}

/* Typography
-------------------------------------------------------------------------------*/
em{font-style:italic;}
strong{font-weight:bold;}
#header h1{position:absolute;top:34px;left:0;width:219px;height:84px;}
article.post h2,
article.projects h2,
article.meetings h2,
.blog h2,
.archive h2,
.page-template-careers-php h2,
.page-template-press-php h2,
.page-template-presskit-php h2,
.single-careers h2,
.single-post #blog-categories h2,
.single-post #blog-archives h2,
.error404 h2,
#strategy-features li h6 {
  margin-bottom:10px;
  color:#cc443e;
  text-transform:uppercase;
  font-weight:normal;
  font-size:48px;
  font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height:54px;
}
.error404 .main-content  h2{color:#142f3a;font-size:60px;line-height:60px;}
.error404 .main-content p{font-size:20px;line-height:26px;}
.error404 .main-content  a{color:#AA4961;font-weight:bold;font-style:italic;}
.entry p{margin-bottom:15px;}
aside{margin-top:56px;padding-top:18px;color:#cc443e;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";}
.single-post aside{margin-top:0;margin-bottom:30px;padding-top:0;}
.page aside{padding-top:0;}
.home aside{padding-top:18px;}
aside img.attachment-sidebar{margin-top:8px;margin-bottom:36px;}
aside blockquote{display:block;margin-bottom:12px;padding:12px 0;border:1px solid #c8c8c8;border-right:none;border-left:none;}
.slide aside blockquote{margin-bottom:0;padding:50px 0 10px 0;border:none;}
aside blockquote p{margin:12px 0;text-align:right;font-size:26px;line-height:30px;}
.slide aside blockquote p{font-size:24px;line-height:26px;}
.left aside blockquote p{text-align:left;}
aside cite{display:block;color:#132e39;text-align:center;font-weight:bold;font-style:normal;font-size:14px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:16px;}
aside cite:before{content:"\2014\00a0";}
.slide aside cite{display:block;color:#d7d7d7;text-align:center;}
aside i{display:block;font-weight:normal;}
.q-wrapper{position:relative;padding-top:18px;}
.aside-quote{position:absolute;top:0px;left:128px;display:block;width:44px;height:36px;background:url( _/images/aside-quote-gray.png ) 0 0 no-repeat;}
.slide .aside-quote{top:20px;left:83px;width:54px;height:54px;}
.left .aside-quote{background:url( _/images/slide-lquote.png ) 0 0 no-repeat;}
.right .aside-quote{background:url( _/images/slide-rquote.png ) 0 0 no-repeat;}
.media-title{color:#fff;text-align:center;text-transform:uppercase;font-size:52px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:60px;}
.media-play a{text-indent:-9999px;}

#team-members h3{margin:0 0 20px 0;color:#142f3a;font-weight:bold;font-size:24px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:36px;}
.team-category{margin-bottom:66px;}
.team-member{position:relative;display:inline;float:left;margin-right:20px;margin-bottom:20px;width:220px;height:220px;}
.member-overlay{position:absolute;top:0;left:0;display:none;width:220px;height:220px;background-color:#cc443c;opacity:.20;-moz-opacity:0.20;}
.member-overlay2{position:absolute;top:0;left:0;display:none;width:220px;height:220px;background-color:#444;opacity:.20;-moz-opacity:0.20;}
.member-overlay3{position:absolute;top:0;left:0;display:none;padding:45px 35px 0 35px;width:150px;height:175px;text-align:center;}
.member-title,.member-name{display:block;color:#f2f2f2;text-align:center;}
.member-name{margin-bottom:4px;color:#f2f2f2;text-transform:uppercase;font-weight:normal;font-size:40px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:40px;}
.member-title{display:block;margin-bottom:14px;color:#f2f2f2;font-weight:bold;font-style:italic;font-size:16px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:16px;}
.team-member a.about{position:relative;display:block;width:220px;height:220px;}
.team-member a img{-webkit-filter:grayscale(100%);-webkit-filter: grayscale(1);filter:grayscale(100%);filter:grayscale(100%);filter:url( _/images/desaturate.svg#greyscale);filter: gray;-moz-filter:grayscale(100%);}
.team-member a.about:hover .member-overlay,.team-member a.about:hover .member-overlay2,.team-member a.about:hover .member-overlay3{display:block;}
/*.team-member a:hover img{filter: sepia(100%);-webkit-filter: sepia(100%); -moz-filter: sepia(100%);-ms-filter: sepia(100%); -o-filter: sepia(100%); -webkit-filter(1);filter: url(_/images/sepia.svg#sepia); filter: sepia(100%); }*/
.member-content{display:none;}
.member-pop{padding:20px;width:620px;height:510px;background:url( _/images/member-pop_bg.png ) repeat;}
.page-template-team-php .member-pop h6,.page-template-alumni-php .member-pop h6{margin-bottom:10px;color:#cc443e;text-transform:uppercase;font-weight:normal;font-size:48px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:48px;}
.page-template-team-php .member-pop h4,.page-template-alumni-php .member-pop h4{margin-bottom:4px;color:#f2f2f2;text-transform:uppercase;font-weight:normal;font-size:40px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:40px;}
.page-template-team-php .member-pop h5,.page-template-alumni-php .member-pop h5{display:block;margin-bottom:14px;color:#f2f2f2;font-weight:bold;font-style:italic;font-size:16px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:16px;}
.page-template-team-php .member-pop p,.page-template-alumni-php .member-pop p{color: white;}
.page-template-team-php .member-pop a,.page-template-alumni-php .member-pop a{color: white; font-weight: normal; font-style: normal;}
.page-template-team-php .member-pop p,.page-template-alumni-php .member-pop .bio-bottom-contact{padding-bottom: 10px;}
.member-overview,.member-bio{display:inline;float:left;}
.page-template-alumni-php .member-overview,.page-template-alumni-php .member-bio{padding-top:58px;}
.member-overview{margin-right:20px;width:220px;text-align:center;}
.member-overview img{margin-bottom:16px;}
.member-bio{overflow:auto;width:380px;height:381px;color:#f2f2f2; font-size:16px; line-height:19px;}
.member-bio p{text-wrap:normal;word-wrap:break-word; margin-bottom: 20px;}
.page-template-team-php #fancybox-overlay,.page-template-alumni-php #fancybox-overlay{visibility:hidden;}
.page-template-team-php #fancybox-outer,.page-template-alumni-php #fancybox-outer{background:none transparent;}
.page-template-team-php #fancybox-close,.page-template-alumni-php #fancybox-close{top:20px;right:20px;width:22px;height:21px;background:url(_/images/pop_close.png) 0 0 no-repeat;}
.member-social{position:relative;margin:0 auto;max-width:132px;text-align:center;}
.social_two{max-width:90px;}
.social_one{max-width:48px;}
.member-social li{display:inline;float:left;margin:0 6px;padding:0 3px;}
.member-social li a{display:block;overflow:hidden;height:23px;text-indent:-9999px;}
.member-social li.linkedin{width:24px;}
.member-social li.twitter{margin:0 9px;padding:0;width:30px;}
.member-social li.website{width:24px;}
.member-social li.linkedin a{width:24px;background:url(_/images/pop_linkedin.png) 0 0 no-repeat;}
.member-social li.twitter a{width:30px;background:url(_/images/pop_twitter.png) 0 0 no-repeat;}
.member-social li.website a{width:24px;background:url(_/images/pop_website.png) 0 0 no-repeat;}
.full-download{clear:both;padding-top:15px;padding-left:10px;height:23px;}
.full-download a{display:inline-block;padding-left:26px;height:23px;background:url(_/images/download_icon.png) 0 0 no-repeat;color:#f2f2f2;text-align:left;text-decoration:none;font-style:italic;font-size:14px;line-height:23px;}

#featured-projects{}
#content{}
#featured-projects h3, #content h3{color:#cc443e;text-transform:uppercase;font-weight:normal;font-size:36px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:36px;}
#featured-projects h4, #content h4,.page h4{margin-bottom:5px;color:#132e39;font-weight:normal;font-size:30px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:30px;}
#featured-projects h4 a,#content h4 a,.page h4 a{color:#132e39;}
#featured-projects p, #content p{font-size:17px;line-height:23px;}
#featured-projects p a, #content p a,.page p a{color:#aa4961;white-space:nowrap;font-weight:bold;font-style:italic;}
#featured-projects ul, #content ul { margin-top:25px; margin-bottom:25px; }
#content article.blog-post p a, .page .op-col1 p a{font-style:normal;}
#content .blog-post .meta{padding-bottom: 20px; margin-top: -12px;}
#content .blog-post .meta time{font-style: italic;}

#featured-projects li{margin-bottom:20px;}

#latest-news{color:#f2f2f2;line-height:20px;}
#latest-news h3{color:#f2f2f2;text-transform:uppercase;font-weight:normal;font-size:36px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:36px;}
#latest-news h4,.page #latest-next h4{margin:0;color:#f2f2f2;font-weight:bold;font-size:18px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:20px;}
#latest-news p{font-size:14px;}
#latest-news time{font-style:italic;font-size:13px;}
#latest-news a{color:#aa4961;font-style:italic;}
#latest-news ul{}
#latest-news li{display:block;margin:0;padding:10px 0;}

#next-meeting{color:#f2f2f2;}
#next-meeting .upcoming-header {
  margin:0 0 15px 6px;
  text-transform: uppercase;
  font-size:36px;
  font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 36px;
}
#next-meeting .meeting-details{line-height:21px;}
#next-meeting h4,.page #next-meeting h4,#strategy-features li p{
  color:#f2f2f2;
  font-weight:bold;
  font-size:12px;
  font-family:"PTSerifRegular","Times New Roman", Times, serif;
  line-height:16px;
}
#next-meeting address,#next-meeting p{margin-bottom:0;font-style:normal;font-size:12px;line-height:16px;}
#next-meeting .meeting-details span{font-style:italic;font-size:13px;}
#next-meeting .datestamp{display:inline;float:left;width:90px;text-align:center;}
#next-meeting .month{text-transform:uppercase;font-size:30px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:30px;}
#next-meeting .day{display:block;font-size:70px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:70px;}
#next-meeting .meeting-icons {
  margin:12px 0 0 -4px
}
#next-meeting li,
.meetings-list li {
  margin-bottom: -10px;
}
.icon-noticeagenda,
.icon-transcript,
.icon-supportingdocs,
.icon-video {
  float:left;
  width:39px;
  height:39px;
}
.icon-noticeagenda {
  background:url(_/images/noticeagenda.png) no-repeat;
}
.icon-transcript {
  background:url(_/images/transcript.png) no-repeat;
}
.icon-supportingdocs {
  background:url(_/images/supportingdocs.png) no-repeat;
}
.icon-video {
  background:url(_/images/video.png) no-repeat;
}

#previous-meetings {
  padding:20px 0 20px 20px;
  background: #3589ac;
}
#previous-meetings * {
  color:#fff;
}
#previous-meetings .previous-heading {
  text-transform: uppercase;
  font-size:36px;
  font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 36px;
}
#previous-meetings ul.previous-links {
  margin-top:10px;
  font-style: italic;
  font-size:12px;
}
#previous-meetings .key-contain .key-icon {
  float:left;
  margin:0 0 15px -5px;
  width:54px;
  height:54px;
}
#previous-meetings #key-noticeagenda .key-icon {
  background: url(_/images/noticeagenda-full.png) no-repeat;
}
#previous-meetings #key-transcript .key-icon {
  background: url(_/images/transcript-full.png) no-repeat;
}
#previous-meetings #key-supportingdocs .key-icon {
  background: url(_/images/supportingdocs-full.png) no-repeat;
}
#previous-meetings #key-video .key-icon {
  background: url(_/images/video-full.png) no-repeat;
}
#previous-meetings .key-contain .key-title {
  padding: .75em 0 0;
  text-transform: uppercase;
  font-size: 1.1em;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 1.5em;
}

.meetings-list-page h2 {
  margin-bottom: 10px;
  color: #cc443e;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 48px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 54px;
}

article.meetings-list {
  margin-bottom: 20px;
  padding: 16px 10px;
  width: 600px;
  background-color:#6d7e84;
  color:#f2f2f2;
}
article.current-meeting {
  background:#142f3a;
}
.meetings-list .meeting-details{
  display:inline;
  float:left;
  margin-left:0;
  padding-bottom:5px;
  padding-left:14px;
  width:490px;
  border-left:2px solid #fff;
  line-height:21px;
}
.meetings-list .upcoming-header {
  margin:0 0 15px 6px;
  text-transform: uppercase;
  font-size:36px;
  font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 36px;
}
.meetings-list h4 {
  margin-bottom:0 !important;
  color:#f2f2f2 !important;
  font-weight:bold;
  font-size:20px !important;
  font-family:"PTSerifRegular","Times New Roman", Times, serif !important;
  line-height:20px !important;
}
.meetings-list .location {
  margin-bottom:10px;
  font-size: 14px;
  line-height: 14px;
}
.meetings-list address,
.meetings-list p {
  margin-bottom: 0;
  font-style: normal;
  font-size: 13px !important;
  line-height: 15px !important;
}
.meetings-list p {
  margin-bottom:5px;
}
.meetings-list a {
  color: #f2f2f2;
  text-transform: uppercase;
  font-size:22px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
}

.meetings-list .meeting-details span{font-style:italic;font-size:13px;}
.meetings-list .datestamp{display:inline;float:left;width:90px;text-align:center;}
.meetings-list .month{text-transform:uppercase;font-size:30px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:30px;}
.meetings-list .day{display:block;font-size:70px;font-family:"League Gothic","Helvetica Neue","Helvetica","Arial";line-height:70px;}
.meetings-list .meeting-icons {
  margin:5px 0 0 -4px;
}

.page-template-default .meetings-list .meeting-details {
  width:80%;
}

.entry-content,.entry{font-size:15px;}
.entry-content p,.entry p,.op-col1 p{margin-bottom:20px;}
.entry-content ul,.entry-content ol,.entry ul,.entry ol,.op-col1 ul,.op-col1 ol{margin-bottom:20px;margin-left:30px;}
.entry-content li, .entry li, .op-col1 li{margin-bottom:5px;}
.entry-content ul li,.entry ul li,.op-col1 ul li{list-style:disc outside;}
.entry-content ol li,.entry ol li,.op-col1 ol li{list-style:decimal outside;}
li.project-item,li.meeting{margin-bottom:0;list-style:none !important;}
#next-meeting ul,#next-meeting ol,ul#project-list{margin-bottom:0;margin-left:0;}
li.meeting .details-link {
  display: block;
  padding-top: 5px;
  color: #f2f2f2;
  text-transform: uppercase;
  font-size: 22px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
}

.page-initiatives .post {
  width:660px;
}
#project-list .project-item {
  margin-top: 20px;
}
#project-list .has-thumb{position:relative;width:370px;}

.blog #content h4,.archive #content h4,.page-template-press-php #content h4{font-weight:bold;font-size:24px;font-family:"PTSerifRegular","Times New Roman", Times, serif;}
.blog .meta span.author,.archive .meta span.author,.page-template-press-php .meta span.author{color:#aa4961;font-weight:bold;}
.blog .meta time,.archive .meta time,.page-template-press-php .meta time{font-style:italic;}
.blog footer.postmetadata a,.archive footer.postmetadata a,.page-template-press-php footer.postmetadata a{color:#aa4961;font-weight:bold;}
#blog-archives h2,
#blog-categories h2,
.single-post #blog-archives h2,
.single-post #blog-categories h2,
#content-project #sidebar h2 {
  margin-bottom:5px;
  color:#f2f2f2;
  font-size:36px;
  line-height:36px;
}
#blog-archives h2,#blog-categories h2,.single-post #blog-archives h2,.single-post #blog-categories h2{margin-bottom:5px;color:#f2f2f2;font-size:36px;line-height:36px;}
#blog-archives a,#blog-categories a{color:#f2f2f2;font-style:italic;font-size:12px;}
#blog-archives li,#blog-categories li{line-height:18px;}
.blog .pagination a.page-numbers,.blog .pagination span,.archive .pagination a.page-numbers,.archive .pagination span,.page-template-press-php .pagination a.page-numbers,.page-template-press-php .pagination span, .page-template-careers-php .pagination a.page-numbers, .page-template-careers-php .pagination span{color:#142f3a;text-align:center;font-size:14px;line-height:30px;}
.blog .pagination span.current,.archive .pagination span.current,.page-template-press-php .pagination span.current, .page-template-careers-php .pagination span.current {color:#f2f2f2;}

#contact-form label{text-align:right;}
#contact-form td{line-height:29px;}
#contact-form input.wpcf7-text{line-height:27px;}
#contact-form textarea.wpcf7-textarea{line-height:18px;}
#contact-form input.wpcf7-submit{text-indent:-9999px;line-height:1px;}

#strategy-features li h6,#strategy-features li p{display:none;margin:0;padding:0;color:#f2f2f2;font-weight:normal;}
#strategy-features li:hover h6,#strategy-features li:hover p{display:block;}
#strategy-features li h6{font-size:38px;line-height:40px;}
#strategy-features li p{font-size:16px;line-height:18px;}
.page-template-strategy-php h3{margin-bottom:5px;color:#132e39;color:#142F3A;font-weight:bold;font-size:24px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:30px;}

#op-tabs li{line-height:57px;}
#op-tabs li a{outline:none;color:#f2f2f2;text-align:center;text-decoration:none;font-weight:bold;font-size:24px;font-family:"PTSerifRegular","Times New Roman", Times, serif;}
#op-tabs li a:hover{background-color:#cc443e;}
#op-tabs li a.op-active{background:#cc443e url( _/images/op_caret.png ) center bottom no-repeat;}
.op-tabs h3,.page-template-how-it-works-php h3{margin-bottom:0px;color:#142F3A;font-weight:bold;font-size:24px;font-family:"PTSerifRegular","Times New Roman", Times, serif;line-height:30px;}
.press-page .more-link {
  display:none;
}
.page-template-how-it-works-php .entry {
  min-height: 225px;
}

.page-template-presskit-php #content h3 {
  margin-bottom: 20px;
  color: #132E39;
  text-transform: none;
  font-weight: bold;
  font-size: 1.6em;
  font-family: "PTSerifRegular","Times New Roman", Times, serif;
}
.page-template-presskit-php #content a {
  font-style: normal;
}
.page-template-presskit-php #content table a,
.page-template-presskit-php .post-edit-link {
  color:#aa4961;
  font-weight: bold;
}
.page-template-presskit-php #content td {
  vertical-align: middle;
  text-align: center;
  font-size: .8em;
}

body.single-meetings #content h3 {
  margin: 0 0 18px;
  color: #132E39;
  text-transform: none;
  font-weight: bold;
  font-size: 22px ;
  font-family: "PTSerifRegular","Times New Roman", Times, serif;
  line-height: 18px;
}
article.meetings a {
  color: #aa4961;
  font-weight: bold;
  font-style: normal !important;
}

body.single-meetings #content .extra-content h3 {
  margin: 22px 0 22px;
}

.press-page .more-link {
  display:none;
}

/* documents page */

.documents-page h3 {
  margin-bottom: 30px;
  color: #132E39;
  font-size:22px;
  line-height: 22px;
}
#general-documents {
  margin-bottom:30px;
}
.document {
  float:left;
  margin:0 20px 20px 0;
  width: 140px;
  font-size:12px;
}
.document .preview-image {
  margin-bottom: 10px;
  width:140px;
  height:180px;
  background:#ffffff;
}
.document .preview-image img {
  height: 100%;
  width: 100%;
}
.document a {
  color: #aa4961;
  font-weight: bold;
}
#document-listing {
  position: relative;
  min-height: 520px;
}
#document-listing #clear-filter {
  position: absolute;
  top: 22px;
  left: 390px;
  display: none;
  font-size: 12px;
}
#document-listing #clear-filter a {
  color:#aa4961;
}
#filterbox {
  position: absolute;
  top: -16px;
  right:0;
  width: 480px;
  background: #132E39;
}
#filterbox .head-contain {
  float: left;
  width:160px;
  cursor: pointer;
}
#filterbox .filter-head {
  margin: 14px 0px 14px 35px;
  padding-left: 37px;
  width: 88px;
  height: 25px;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.4em;
}
#filterbox #search-head {
  background: url(_/images/search-icon.png) no-repeat;
}
#filterbox #filter-head {
  background: url(_/images/filter-icon.png) no-repeat;
}
#filterbox #sort-head {
  background: url(_/images/sort-icon.png) no-repeat;
}
#filterbox .filter-select {
  background-color:#cc443e!important;
}
#document-listing .filter-function {
  position: absolute;
  display:none;
}
#document-listing #search-documents {
  top: 38px;
  z-index: 100;
  width:100%;
  height:40px;
}
#document-listing .triangle {
  position: absolute;
  top: -14px;
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-bottom: 15px solid #f2f2f2;
  border-left: 9px solid transparent;
}
#document-listing #search-triangle {
  right: 41%;
}
#document-listing #filter-triangle {
  right: 24%;
}
#document-listing #search-documents input[type="text"] {
  position: absolute;
  top: -1px;
  z-index: -1;
  padding: 5px 0px 5px 10px;
  width: 926px;
  height: 30px;
  border: 2px #cc443e solid;
  background: #f2f2f2;
  color: #999;
  font-style: italic;
  font-family: "PTSerifRegular","Times New Roman", Times, serif;
}
#document-listing #search-documents input[type="text"]:focus {
  color:#132E39;
  font-style: normal;
}
#document-listing #filter-documents {
  top: 37px;
  z-index: 100;
  min-height: 112px;
  width: 936px;
  border: 2px #cc443e solid;
  background: #f2f2f2;
}
#document-listing .filter-box {
  float: left;
  margin: 10px 0 10px 10px;
  min-height: 94px;
  width: 220px;
  border-right: 1px solid #cc443e;
}
#document-listing .filter-box:last-child {
  border: 0 none;
}
#document-listing .filter-box .title {
  margin-bottom: 12px;
  color: #cc443e;
  font-weight: bold;
  font-size: 13px;
}
.filter-box .filter-option {
  float:left;
  margin: 0 5px 5px;
  padding: 0px 4px;
  min-width: 46px;
  max-width: 86px;
  border: 1px #000 solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #000;
  text-align: center;
  font-size: .6em;
  line-height: 1.4em;
  cursor: pointer;
}
.filter-box .active {
  border-color: #cc443e;
  background: #cc443e;
  color: #f2f2f2;
}
#sort-documents {
  top: 37px;
  right: 0;
  padding: 2px;
  width: 210px;
  border: 2px solid #cc443e;
  background: #f2f2f2;
}
#sort-documents .sort-option {
  padding: 18px 0;
  width: 100%;
  color: #cc443e;
  text-align: center;
  font-size: 12px;
  cursor:pointer;
}
#sort-documents .sort-option:hover,
#sort-documents .active-sort {
  background: #cc443e;
  color:#f2f2f2;
}
tfoot .pagination ul {
  float:right;
  font-size:16px;
}
tfoot .pagination li {
  float:left;
}
tfoot .pagination li a {
  display:block;
  padding: 6px 0 7px;
  width: 30px;
  text-align: center;
}
tfoot .pagination li a.footable-page {
  width: 40px;
}
tfoot .pagination .disabled {
  display:none;
}
tfoot .pagination li a[data-page="first"], tfoot .pagination li a[data-page="last"] {
  display:block;
  width:50px;
  background: url(_/images/first.png) no-repeat;
  text-indent: -9999px;
}
tfoot .pagination li a[data-page="last"] {
  background: url(_/images/last.png) no-repeat;
}
.footable.no-paging .hide-if-no-paging{
  display:none
}
#document-listing table {
  margin-bottom: 20px;
  width:100%;
}
#document-listing th {
  padding: 0 0 10px;
  border-bottom: 1px solid #3589ac;
  color: #3589ac;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
}
#document-listing th.nosort {
  cursor: default;
}
#document-listing td {
  padding: 10px 0;
  font-size:12px;
}
#document-listing td a {
  color: #aa4961;
  font-weight: bold;
}

#time_wrap {
  margin-top:40px!important;
  opacity:0;
}

/* project/initiative details and documents */

#content-project h2 {
  margin-bottom: 10px;
  color: #cc443e;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 48px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 54px;
}
#content-project .entry-content {
  float:left;
  overflow: hidden;
  padding:25px;
  width:250px;
  height:262px;
  background: #cc443e;
  color:#fff;
  font-size: 13px;
  line-height: 16px;
}
#content-project .type-projects .entry-content {
  color:#eee;
}
#content-project .entry-content h3 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 32px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 38px;
}
#content-project .project-info {
  position: relative;
  margin-left: 300px;
  height:312px;
}
#content-project .project-info img {
  width:100%;
  height: 100%;
}
#content-project .project-info .data-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 0;
  width: 100%;
  height: 80px;
  background: #3589ac;
  background: rgba(53,137,172,.9);
}
#content-project .project-info .data-overlay h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight:  normal;
  font-size:22px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 26px;
}
#content-project .project-info .data-overlay .program {
  float: left;
  margin: 0 0 0 10px;
  padding: 10px 0 0;
  width: 188px;
  height: 70px;
  border-right: 1px #fff solid;
}
.program-icon {
  padding: 9px 0 6px 40px;
  color: #fff;
}

.program-icon#telecommunications-icon {
    padding: 9px 0 6px 35px;
}

#economic-icon {
  background: url(_/images/economic.png) no-repeat;
}
#energy-icon {
  background: url(_/images/energy.png) no-repeat;
}
#environmental-icon {
  background: url(_/images/environmental.png) no-repeat;
}
#human-icon {
  background: url(_/images/human.png) no-repeat;
}
#land-icon {
  background: url(_/images/land.png) no-repeat;
}
#transportation-icon {
  background: url(_/images/transportation.png) no-repeat;
}
#telecommunications-icon {
    background: url(_/images/telecommunications.png) no-repeat;
}
#content-project .project-info .data-overlay .stage {
  float: left;
  margin-left: 30px;
  padding: 10px 0 0;
}
#content-project .project-info .data-overlay .stage #stageline {
  position: relative;
  margin: 15px 0 0 -20px;
  width: 330px;
  height: 8px;
  background: #000;
}
#content-project .project-info .data-overlay .stage .stage-icon {
  float: left;
  margin: -18px 2px 0;
  width: 35px;
  height: 35px;
}
#content-project .project-info .data-overlay .stage .active {
  margin: -26px 0px 0;
  width: 53px;
  height: 53px;
}
#content-project .project-info .data-overlay .stage #idea {
  background: url(_/images/inactive-idea.png);
}
#content-project .project-info .data-overlay .stage #build {
  background: url(_/images/inactive-build.png);
}
#content-project .project-info .data-overlay .stage #rfq {
  background: url(_/images/inactive-rfq.png);
}

#content-project .project-info .data-overlay .stage #rfi {
    background: url(_/images/inactive-rfi.png);
}

#content-project .project-info .data-overlay .stage #rfp {
    background: url(_/images/inactive-rfp.png);
}

#content-project .project-info .data-overlay .stage #contracting {
    background: url(_/images/inactive-contracting.png);
}

#content-project .project-info .data-overlay .stage #open-process {
    background: url(_/images/inactive-open.png);
}

#content-project .project-info .data-overlay .stage #complete {
  background: url(_/images/inactive-complete.png);
}
#content-project .project-info .data-overlay .stage #idea.active {
  background: url(_/images/active-idea.png);
}
#content-project .project-info .data-overlay .stage #build.active {
  background: url(_/images/active-build.png);
}

#content-project .project-info .data-overlay .stage #rfq.active {
  background: url(_/images/active-rfq.png);
}

#content-project .project-info .data-overlay .stage #rfi.active {
    background: url(_/images/active-rfi.png);
}

#content-project .project-info .data-overlay .stage #rfp.active {
    background: url(_/images/active-rfp.png);
}

#content-project .project-info .data-overlay .stage #contracting.active {
    background: url(_/images/active-contracting.png);
}

#content-project .project-info .data-overlay .stage #open-process.active {
    background: url(_/images/active-open.png);
}

#content-project .project-info .data-overlay .stage #complete.active {
  background: url(_/images/active-completed.png);
}
.stage_arrow1 {
  position: relative;
  width: 2px;
  border: 2px solid #000;
  background: #000;
}
.stage_arrow1:after, .stage_arrow1:before {
  position: absolute;
  right: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.stage_arrow1:after {
  top: 50%;
  margin-top: -2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: 000;
}
.stage_arrow1:before {
  top: 50%;
  margin: -2px 2px 0 0;
  border-width: 4px;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000
}
.stage_arrow2 {
  position: relative;
  width: 2px;
  border: 2px solid #000;
  background: #000;
}
.stage_arrow2:after, .stage_arrow2:before {
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.stage_arrow2:after {
  top: 50%;
  margin-top: -2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000;
}
.stage_arrow2:before {
  top: 50%;
  margin: -6px 0 0 325px;
  border-width: 4px;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000;
}
#content-project .project-info .data-overlay .stage .status {
  position: absolute;
  top: 55px;
  left: 550px;
  color: #fff;
}
#project-tabs h3 {
  padding: 20px 0;
  color: #132E39;
  font-size: 24px;
  line-height: 30px;
}
#project-tabs ul.ui-tabs-nav li {
  position: relative;
  float: left;
  height:60px;
  text-align: center;
}
#project-tabs ul.ui-tabs-nav li a {
  display:block;
  margin-bottom: 15px;
  padding: 18px 34px;
  width:120px;
  background: #132E39;
  color:#fff;
  font-size: 24px;
  line-height: 24px;
}
#project-tabs ul.ui-tabs-nav li .arrow_box {
  position: relative;
  display: none;
  background: #f0f0f0;
}
#project-tabs ul.ui-tabs-nav li .arrow_box:after {
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
#project-tabs ul.ui-tabs-nav li .arrow_box:after {
  bottom: 15px;
  left: 50%;
  margin-left: -13px;
  border-width: 13px;
  border-color: rgba(240, 240, 240, 0);
  border-bottom-color: #f0f0f0;
}
#project-tabs ul.ui-tabs-nav li.ui-state-active a {
  background: #cc443e;
}
#project-tabs ul.ui-tabs-nav li.ui-state-active .arrow_box {
  display: block;
}
#project-tabs .tab-container {
  /*max-height: 515px;*/
}
#project-tabs p {
  margin-bottom: 15px;
}
#project-tabs .detail-content {
  float: left;
  margin-right: 15px;
  width: 620px;
}
#project-tabs .detail-content ul,
#project-tabs .detail-content ol {
  margin: 0 0 16px 30px;
}
#project-tabs .detail-content ul {
  list-style: disc;
}
#project-tabs #document-listing #filterbox {
  top: -64px;
  width: 160px;
}
#project-tabs #document-listing #search-documents {
  top: -10px;
}
#project-tabs #document-listing #search-triangle {
  right: 5%;
}
#project-tabs #document-listing #clear-filter {
  top: -30px;
  right: 166px;
  left: auto;
}

/* initiative timeline stuff */
#project-tabs #time_wrap {
  margin-top:32px
}

/* initiative news fixes */
#project-tabs #sidebar {
  margin-top:0;
}

#project-tabs #sidebar .wpcf7 input[type=text],
#project-tabs #sidebar .wpcf7 input[type=email],
#project-tabs #sidebar .wpcf7 input[type=tel] {
  width: 100%;
}

#project-tabs #sidebar .wpcf7 label .red {
  color: #f00;
}

#project-tabs #sidebar .wpcf7 div {
  margin: 3px 0;
}

#project-tabs #sidebar .wpcf7 div.label {
  margin: 10px 0 0;
}

#project-tabs #sidebar .wpcf7 div.form-contain-inner {
  float: left;
  width: 45%;
}
#project-tabs #sidebar .wpcf7 div.form-state-contain {
  margin-right: 10%;
}

#project-tabs #sidebar .wpcf7 div.form-submit input[type=submit] {
  float: right;
  padding: 10px 30px;
  border: 0;
  border-radius: 10px;
  background: #3589ac;
  color: #fff;
  font-style: italic;
  font-family: PTSerifRegular, 'Times New Roman', Times, serif;
}

/* initiative photos */
#sidebar-left {
  float: left;
  margin-right: 20px;
  padding: 20px;
  width: 260px;
  height: 250px;
  background: #3589ac;
}
#sidebar-left h3 {
  padding: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 32px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  line-height: 38px;
}
#sidebar-left a {
  color: #fff;
  font-style: italic;
  font-size:12px;
  line-height: 20px;
}
#photo-contain {
  float: left;
}
#photo-contain .slideshow {
  position: relative;
  display:none;
}
#photo-contain .slideshow .slides {
  overflow:hidden;
  width: 620px;
  height: 290px;
}
#photo-contain .slideshow .slides img {
  max-width: 100%;
  max-height: 290px;
}
#photo-contain .slideshow .navs {
  position: absolute;
  top: 373px;
  display:block;
  width: 30px;
  height: 30px;
}
#photo-contain .slideshow .hide-nav {
  display: none;
}
#photo-contain .slideshow .slider-prev {
  left:0;
  background: url(_/images/prev.png) no-repeat;
}
#photo-contain .slideshow .slider-next {
  right:22px;
  background: url(_/images/next.png) no-repeat;
}
#photo-contain .slideshow:first-child {
  display:block;
}
#photo-contain div.slide-previews {
  margin: 20px auto 0;
  min-height: 100px;
  width: 512px;
}
#photo-contain div.slide-previews div.child {
  display: block;
  float:left;
  margin-right: 20px;
}
#photo-contain div.slide-previews div.activeSlide {
  padding-bottom: 3px;
  border-bottom: 2px solid #3589ac;
}
#photo-contain div.slide-previews div.family0 {
  display: block;
}
#news .post {
  display:none;
}
#news .page_1 {
  display:block;
}
#news .navigation .first-link, #news .navigation .last-link {
  display:block;
  width:50px;
  height:30px;
  background: url(_/images/first.png) no-repeat;
  text-indent: -9999px;
}
#news .navigation .first-link {
  background: url(_/images/first.png) no-repeat;
}
#news .navigation .last-link {
  background: url(_/images/last.png) no-repeat;
}
#news .navigation a.prev {
  background: url(_/images/project-prev-icon.png) no-repeat;
}
#news .navigation a.next {
  background: url(_/images/project-next-icon.png) no-repeat;
}
#news .navigation .hidden-nav {
  display:none;
}
#news .navigation .current {
  background-color: #cc443e;
  color: #f2f2f2;
}

#high-resolution-images .left-padding {
   padding-left: 20px;
}

/* Careers
-------------------------------------------------------------------------------*/
.page-careers #content p {
  margin: 20px 0;
}

.page-careers #content article {
  padding: 20px 0;
}

.page-careers #content a.read-more {
  font-style: normal;
}

a.big-red-button {
  background: #cc443d;
  color: #f2f2f2;
  font-size: 36px;
  line-height: 36px;
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
  display: block;
  padding: 20px 22px;
  width: 256px;
}

a.big-red-button:hover,
a.big-red-button:active {
  background: #bb443d;
  text-decoration: none;
}

#share-career-post {
  background: #132E39;
  width: 256px;
  padding: 20px 22px;
  margin-bottom: 30px;
  color: #f2f2f2;
}

#share-career-post ul li strong {
  color: #f2f2f2;
  font-size: 36px;
  line-height: 36px;
  margin-right: 10px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial";
}

#share-career-post ul.inline li {
  float: left;
  margin: 0 0 0 8px;
}

#share-career-post ul.inline li.title {
  margin-left: 0;
}

#share-career-post ul li a {
  position: relative;
  top: 6px;
  color: #f2f2f2;
  font-size: 20px;
}

#share-career-post ul li a:hover,
#share-career-post ul li a:active {
  color: #fff;
}


/* subscribe box */
#subscribe-box {
  margin-bottom: 25px;
  background: #132e39;
  color: #f2f2f2;
}

#subscribe-box h2 {
  margin: 0 0 5px;
  color: #f2f2f2;
  text-transform: uppercase;
  font-size: 36px;
  font-family: "League Gothic","Helvetica Neue","Helvetica","Arial", sans-serif;
  line-height: 36px;
}

#subscribe-box .box-content {
  padding: 20px 22px;
}

#subscribe-box .box-content p {
  font-style: italic;
  font-size: 12px;
}

#subscribe-box .box-content a.subscribe-button {
  display: block;
  margin-top: 10px;
  padding: 10px 10px;
  width: 125px;
  border: 1px #132e39 solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #3589ac;
  color: #f0f0f0;
  text-align: center;
  text-shadow: 1px 1px #132e39;
  font-style: italic;
  font-size: 18px;
  -webkit-text-shadow: 1px 1px #132e39;
  moz-text-shadow: 1px 1px #132e39;
}

#subscribe-box .box-content a.subscribe-button:hover {
  text-decoration: none;
}

#sidebar.independent-sidebar {
  margin-top: 75px;
  width: 260px;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

.alignright  { float:right; margin:0 0 20px 20px; }
.alignleft   { float:left; margin:0 20px 20px 0;  }
.page-template-strategy-php .alignleft{margin:0 12px 10px 0;}
.aligncenter { display:block; margin:0 auto; width:auto; }

.sticky {}
.gallery-caption {}
.wp-caption {}
.wp-caption-text {}

#meta {}
.postmetadata {}

.navigation {}
.next-posts { float:left;  }
.prev-posts { float:right; }

#searchform {}
#s {}
#searchsubmit {}

ol.commentlist { list-style:none; }
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding:10px; border-bottom:1px dotted #666; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { float:right; margin:0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:10px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { margin:10px 0 0; list-style:none; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 10px 10px; border-left:5px solid #555; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 10px 10px; border-left:5px solid #999; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 10px 10px; border-left:5px solid #bbb; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Ninja Forms */
.nf-form-fields-required {
    margin-bottom: 1rem;
}
.label-right .nf-field-description {
    /* margin-right: 35%; */
    -ms-flex-order: 15;
    order: 15;
    margin-left: 5%;
    margin-top: 0.33rem;
}

/* General Overrides
 * -------------------------------------------------------------------------------*/
.hidden { display:none; }
.clear{ clear:both; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}
