/*!
  http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
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;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/assets/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/assets/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/assets/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/assets/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/assets/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/assets/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/assets/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/assets/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/assets/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/assets/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/assets/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/fancybox//fancy_shadow_nw.png', sizingMethod='scale'); }
/**
 * Application css
 *
 * @package    basse
 * @subpackage css
 * @author     illarra.com
 * @version    SVN: $Id: makingpeace.css 9237 2013-06-12 14:21:38Z eillarra $
 */

body {
  font-family: "proxima-nova-1", "proxima-nova-2", arial, sans-serif;
  font-weight: 300;
  color: #000;
  line-height: 1.3em;
  font-size: .9em;
}

/* LAYOUT */

.section-box {
  margin-bottom: 30px;
}

.wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
}
.body {
  border-top: 1px dotted #ddd;
  padding: 30px 0;
}
.header {
  border-top: 6px solid #262b26;
  padding-top: 10px;
}
  .header .wrapper {
    position: relative;
    padding: 20px 0 0;
  }
  .header .content {
    margin-bottom: 30px;
  }
.footer {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px dotted #a4caeb;
  position: relative;
  font-size: .8em;
  line-height: 1.4em;
}
  .footer .content {
    padding-bottom: 40px;
  }
  .footer a {
    color: #000;
    text-decoration: none;
  }
    .footer a:hover {
      text-decoration: underline;
    }

.content {
  width: 79.6875%; /* 765 / 960 */
  float: right;
  margin-right: 1.041667%; /* 10 / 960 */
}
  .content > div {
    margin-bottom: 20px;
  }
  .content > .full {
    width: 100%;
  }
  .content > .left {
    float: left;
    width: 45.098039%; /* 345 / 765 */
  }
  .content > .right {
    float: right;
    width: 50.326797%; /* 385 / 765 */
  }
  .content > .twothirds {
    float: left;
    width: 65.359477%; /* 500 / 765 */
  }
  .content > .onethird {
    float: right;
    width: 30.065359%; /* 230 / 765 */
  }
  .thirds > div {
    width: 30%;
    float: left;
    margin-left: 2.5%;
    padding-right: 2.5%;
    border-right: 1px dotted #ddd;
  }
    .thirds > .first-child {
      margin: 0;
    }
    .thirds > .last-child {
      float: right;
      margin: 0;
      padding: 0;
      border: 0;
    }

.thirds {
}
  .thirds > div {
    margin-bottom: 20px;
  }

.fl {
  float: left;
}
.fr {
  float: right;
}

/* Typography */

p {
  margin: .6em 0;
}
h1, .h1 {
  margin: 0 0 1em;
  font-size: 1.8em;
  font-weight: 700;
  color: #0295df;
}
  .hLogo a {
    display: none;
    margin: 20px;
    background: transparent url(/assets/makingpeace/logo.png) no-repeat;
    height: 74px;
    width: 140px;
    margin-bottom: 20px;
    text-indent: -999em;
  }
  .menuButton {
    display: none;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    padding: 10px;
    font-size: .9em;
    text-transform: uppercase;
    color: #333;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
    background-image: -moz-linear-gradient(#eee, #ddd);
    background-image: -o-linear-gradient(#eee, #ddd);
    background-image: linear-gradient(#eee, #ddd);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box; 
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em; 
    -moz-border-radius: 0.2em; 
    border-radius: 0.2em;
    border: 1px solid #ccc;
    text-decoration: none; 
    text-shadow: 1px 1px 0 #fff; 
  }
h2, .h2 {
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: .5em;
}
h3, .h3 {
  text-transform: uppercase;
  font-weight: 700;
}
ul {
  list-style: disc outside;
  padding-left: 1.5em;
}
blockquote {
  background: transparent url(/assets/makingpeace/css/quote.png) no-repeat left 3px;
  padding: 0 20px 0 35px;
  margin-top: 1em;
}
  blockquote strong {
    font-size: .85em;
    font-weight: 700;
    color: #222;
    line-height: 1.3em;
    margin-bottom: .5em;
  }
  blockquote p:after {
    content: '”';
  }
.quote q {
  font-weight: 300;
  font-size: 2.3em;
  margin: 0;
  line-height: 1.075em;
}
.quote p {
  font-size: 1em;
  line-height: 1.25em;
  margin-bottom: 2em;
}
  .quote p:after {
    content: '';
  }
  .quote em {
    display: inline;
    font-size: 1em;
  }
  /*q:before {
    content: '“';
  }*/
  q:after {
    content: '”';
  }
.quote-small q {
  font-size: 1.1em;
  line-height: 1.3em;
  display: block;
}
  .quote-small .cite {
    margin: .618em 0 2.618em;
  }
  .quote-small strong {
    font-size: 1em;
  }
a {
  color: #0295df;
}
  a:hover {
    text-decoration: none;
  }
strong {
  font-weight: 700;
  font-style: normal;
}
em {
  font-style: italic;
}
i {
  font-style: normal;
}
small, .small {
  font-size: .9em;
  font-weight: 300;
}
.space {
  margin-top: 4em;
}
.weak {
  color: #666;
}
.dead {
  color: #999;
}
  .dead a, a.dead {
    text-decoration: none;
    color: #999;
  }
abbr {
  border-bottom: 1px dotted #999;
  cursor: help;
}

/* Menu : change for mobile */

.menu {
  text-align: left;
  border: 0;
  width: 14.583333%; /* 140 / 960 */
  float: left;
  margin-left: 1.041667%; /* 10 / 960 */
}
  .menu .h {
    display: none;
  }
  .menu p, .photo p {
    margin: 0;
  }
  .menu ul {
    list-style-type: none;
    padding: 0;
    margin-top: 30px;
    font-size: 1.2em;
    text-transform: uppercase;
  }
  .menu .top {
    display: none;
    margin-top: 0;
  }
  .menu li {
    padding: .2em 0;
  }
  .menu a {
    text-decoration: none;
    color: #333;
  }
    .menu a:hover {
      color: #0295df;
    }
    .menu .current a {
      font-weight: 700;
      color: #0295df;
    }


/* Modules */

.upcoming {
  font-size: 1.4em;
  font-weight: 300;
  color: #666;
  width: 98%;
}
  .upcoming a {
    color: #666;
  }
.venueNav {
  margin-bottom: 15px;
  color: #999;
}
  .venueNav a {
    color: #999;
  }
  .upcoming a,
  .venueNav a {
    text-decoration: none;
  }
    .upcoming a:hover,
    .venueNav a:hover {
      color: #0295df;
    }
  .upcoming i,
  .venueNav i {
    font-style: normal;
  }
    

.metadata {
  background-color: #e9f2f5;
  margin: 15px 0;
  padding: 10px;
  font-size: .95em;
}
  .metadata ul {
    margin: 0 0 1em;
  }
  .metadata p {
    margin: 0;
  }
  .metadata a {
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
  }
    .metadata a:hover {
      text-decoration: underline;
    }
  .metadata li {
    margin: .5em 0;
  }
.features {
  margin-top: 0;
}
  .features a {
    display: block;
    border-top: 2px solid #fff;
    padding: 1em 1em .4em;
  }

 
ul.colors {
  list-style: none;
  text-transform: uppercase;
  font-weight: 700;
  list-style-type: none;
  padding: 3% 0;
  margin: 15px -2.739726% 5px 0;
}
  ul.colors li {
    display: block;
    float: left;
    width: 17.534247%; /* 65 / 365 */
    margin-right: 2.739726%;
  }
    ul.colors .last-child {
      margin-right: 0;
    }
    ul.colors li a {
      display: block;
      float: left;
      width: 100%;
      height: 74px;
      background: transparent url(/assets/makingpeace/css/arrow-cutout.png) left bottom no-repeat;
      text-align: center;
      line-height: 67px;
      font-size: 3em;
      color: #fff;
      text-decoration: none;
    }
      ul.colors a:hover {
        background-position: right bottom;
      }
      ul.colors a.active {
        background-position: center bottom;
      }
    ul.colors li .bc1 {
      background-color: #520c76;
    }
    ul.colors li .bc2 {
      background-color: #e3161d;
    }
    ul.colors li .bc3 {
      background-color: #fdbe00;
    }
    ul.colors li .bc4 {
      background-color: #0295df;
    }
    ul.colors li .bc5 {
      background-color: #87b301;
    }


/* Custom texts */

.media {
  margin: 25px 0; 
}
  .media a {
    font-size: 1em;
    font-weight: 700;
    display: block;
    /*padding: .5em 1em .5em 3.5em;
    background: transparent url(/assets/makingpeace/css/video.png) 1em center no-repeat;*/
    padding: .5em 1em;
  } 

.year {
  background-color: #0295df;
  color: #fff;
  padding: 3px 10px 2px;
  display: inline;
  margin-top: -3px;
}
  .year2 {
    background-color: #a6c134;
  }

.caption {
  font-size: .7em;
  color: #999;
  text-transform: uppercase;
  font-weight: 300;
  background: none;
  padding: 0;
}

 
/* Logos and images */
 
.full img, .left img, .logos {
  width: 100%;
}
.mosaic img {
  width: 18.90411%; /* 69 / 365 */
  margin: 0 1.369863% 0 0;
}
  .mosaic .last {
    margin-right: 0;
  }

.logo, .logoIpb {
  width: 100%;
  display: block;
}
 
.logos {
  border-top: 1px dotted #ddd;
  margin-top: 10px;
  padding-top: 25px;
}

.footer .sprite {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 20px;
  height: 46px;
  background: transparent url(/assets/makingpeace/css/footer-logo-sprite.png) no-repeat 0 0; 
  text-indent: -999em;
}
  .footer .real {
    background-position: -82px 0;
    right: 10px;
    width: 82px;
  }
    .footer .real:hover {
      background-position: 0 0;
    }
  .footer .hp {
    right: 112px;
    width: 36px;
    background-position: -200px 0;
  }
    .footer .hp:hover {
      background-position: -164px 0;
    }

.menu .locales {
  margin: 1.618em 0;
  padding: 1.618em 0;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}
  .menu .locales i {
    margin-top: .2em;
  }

/*
.menu .locales {
  cursor: pointer;
  position: relative;
  z-index: 9;
  margin-top: 1.8em;
  padding-top: 1.8em;
  border-top: 1px dotted #ddd;
  font-size: .7em;
  text-transform: none;
  line-height: 20px;
}
.menu .locales ul {
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 99;
}
.menu .locales li {
  display: block;
  padding: 0;
}
.menu .locales a {
  display: block;
  padding: .15em 0;
  color: #000;
  text-decoration: none;
  text-transform: none;
}
.menu .locales span {
  margin-left:.25em;
  position: relative;
  top: -1px;
  border-style: solid dashed dashed;
  border-color: transparent;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
  border-width: 3px 3px 0;
  border-top-color: #0295df;
  padding-top: 1px;
  left: 4px;
}
.menu .locales a:hover {
  color: #0295df;
}*/

/* @group media-queries: website width */
@media screen and (max-width: 960px) {
  .wrapper {
    width: 100%;
  }
    .footer .wrapper {
      padding: 20px 10px;
    }
}
/* @end */

/* @group media-queries: iPad in portrait mode */
@media screen and (max-width: 768px) {
  .hLogo a,
  .menuButton,
  .menu .top {
    display: block;
  }
  .logo,
  .upcoming,
  .issuu {
    display: none;
  }
  .logoIpb {
    width: 140px;
  }
  
  .body {
    padding: 20px 0;
  }
  
  .menu,
  .content {
    width: auto;
    float: none;
    clear: both;
    padding: 0 20px;
    margin: 0;
  }
  
  .menu ul {
    margin: 20px -20px 0;
    border-top: 3px solid #666;
  }
    .menu li {
      padding: 0;
    }
      .menu li a {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 10px 20px;
        background: transparent url(/assets/global/menu-arrow.png) right center no-repeat;
      }
      .menu .current a {
        display: none;
      }
      .menu .top {
        display: block;
        border-top-color: #ddd;
        border-top-width: 2px;
      }
      .menu .top a {
        color: #0295df;
        background: none;
      }
  .footer {
    padding-top: 0;
    border: none;
  }
}
/* @end */

/* @group media-queries: Kindle and Nook in portrait mode */
@media screen and (max-width: 600px) {
  body {
    font-size: 1.1em;
  }
    .metadata {
      font-size: .9em;
    }
    .quote q {
      font-size: 2em;
    }
    .quote-small q {
      font-size: 1.1em;
    }
  
  .wrapper,
  .menu,
  .content,
  .content > .full,
  .content > .left,
  .content > .right,
  .content > .twothirds,
  .content > .onethird,
  .thirds > div {
    width: auto;
    float: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-left: 0;
  }
    .content > div {
      margin-bottom: 30px;
    }
      .space {
        margin-top: 30px;
      }
    .wrapper {
      padding: 20px;
    }
      .header .content {
        margin-bottom: 0;
      }
      .footer .content {
        margin-top: 10px;
      }
  
  .body {
    padding: 20px;
  }
  
  h1, .h1 {
    font-size: 1.7em;
    margin-top: 0;
  }
  
  /* Logos */
  
  .footer .sprite {
    display: none;
  }

  /* Modules */
  
  .upcoming {
    font-size: 1em;
  }
    .upcoming span {
      display: none;
    }
    .upcoming a {
      display: block;
      padding: 3px 0;
    }
}
/* @end */

/* @group media-queries: iPhone in landscape mode */
@media screen and (max-width: 480px) {
  .wrapper,
  .header .wrapper {
    padding: 10px;
  }
  .hLogo a {
    margin-top: 10px;
    margin-left: 10px;
  }
  .menuButton {
    margin-top: 10px;
    margin-right: 10px;
  }
  
  .body {
    padding: 20px 10px;
  }
  
  ul.colors {
    font-size: .9em;
  }
  
  .menu ul {
    margin-right: -10px;
    margin-left: -10px;
  }
    .menu li a {
      padding-right: 10px;
      padding-left: 10px;
    }
}
/* @end */

/* @group media-queries: iPhone in portrait mode */
@media screen and (max-width: 320px) {}
/* @end */

/*!
 * Bootstrap v2.0.3 - Icons
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/assets/bootstrap/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.icon-white {
  background-image: url("/assets/bootstrap/glyphicons-halflings-white.png");
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
#sites {
  text-align: right;
  background-color: #262b26;
  text-shadow: none;
}
  #sites .wrapper {
    padding: 0;
  }
  #sites ul {
    list-style: none;
    padding: 12px 10px 6px;
  }
  #sites li {
    display: inline;
    padding: 0;
    margin-left: 20px;
    color: #888;
    text-transform: uppercase;
    font-size: .9em;
  }
    #sites .first-child {
      float: left;
      margin: 0;
    }
    #sites .last-child {
      margin-right: 9px;
      font-size: 1.1em;
    }
  #sites a {
    color: #ccc;
    text-decoration: none;
  }
    #sites a:hover {
      color: #fff;
    }
  #sites a .twitter {
    margin-bottom: -2px;
    opacity: .75;
  }
    #sites a:hover .twitter {
      opacity: 1;
    }
#sites-toggle {
  display: block;
  height: 22px;
  width: 46px;
  background: transparent url(/assets/realexpo/css/sites-toggle.png) no-repeat;
  position: absolute;
  right: 0;
  top: -10px;
}


/* @group media-queries: website width */
@media screen and (max-width: 960px) {}
/* @end */

/* @group media-queries: iPad in portrait mode */
@media screen and (max-width: 768px) {
  #sites-toggle {
    top: -10px;
    left: 10px;
  }
}
/* @end */

/* @group media-queries: Kindle and Nook in portrait mode */
@media screen and (max-width: 600px) {
  #sites li {
    display: block;
    padding: 0 0 5px;
  }
    #sites .last-child {
      display: none;
    }
}
/* @end */

/* @group media-queries: iPhone in landscape mode */
@media screen and (max-width: 480px) {
  #sites-toggle {
    left: 0;
  }
}
/* @end */

/* @group media-queries: iPhone in portrait mode */
@media screen and (max-width: 320px) {}
/* @end */

/* @group clearfix: 960.gs */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  zoom: 1;
}
  .clearfix:before,
  .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  .clearfix:after {
    clear: both;
  }
/* @end */