/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 0.83em;
    line-height: 1.4;
    color:rgb(51,125,154);
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Pixeltooth, Sam Stimpson, Thoughtbubble Ltd
   ========================================================================== */


a:link,
a:visited {
    color:rgb(40,86,102);
}

.footnote { background-color:#ebebeb; padding:5px 10px; margin-bottom:20px; }
.border-right { border-right:1px solid #ebebeb; }


/* font */
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("Fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix") format("eot");}
@font-face{
font-family:"AvantGardeGothicITCW01B 731063";
src:url("Fonts/85564178-fd88-4387-9226-0e632723ca24.eot?iefix");
src:url("Fonts/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"),url("Fonts/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"),url("Fonts/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg");
}
@font-face{
font-family:"AvantGardeGothicITCW01D 731075";
src:url("Fonts/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?iefix") format("eot");}
@font-face{
font-family:"AvantGardeGothicITCW01D 731075";
src:url("Fonts/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?iefix");
src:url("Fonts/c18aee57-7585-4a8b-9a1c-69d226301d73.woff") format("woff"),url("Fonts/44ccbb2b-0fbc-4d95-b1da-0aa73bd26fb0.ttf") format("truetype"),url("Fonts/f2de529c-11d2-43b7-be7c-05c5aaeaf133.svg#f2de529c-11d2-43b7-be7c-05c5aaeaf133") format("svg");
}


/* general */
body, html { background-color:rgb(29,86,102); }
.container { background-color:rgb(255,255,255); padding:20px 0 0  0; }

hr { border-top:1px solid rgb(66,125,149); margin: 0; padding: 0;  }

/* logo */
.cannes-chimera-logo:link, .cannes-chimera-logo:visited { display: block; width: 291px; height: 115px; margin: 0 auto; }
.gates-foundation:link, .gates-foundation:visited { display: block; width:283px; height:99px; margin: 0 auto; padding:0 0 0 0; }
.header-partner-text { text-align:center; font-size:75%; padding-top:20px; }

header { margin-bottom:20px; }

/* social networks */
.header-top { position:relative; }
.social-networks { position: absolute; left:-2px; bottom:55px; margin: 0; padding: 0; list-style:none; }
.social-networks li { float:left; padding:2px; }
.share_buttons { margin-top: 10px; }
.share_button { float:left; margin-right: 15px; }

/* nav */
.nav { 
    border-bottom:1px solid rgb(51,125,154); 
    border-top:1px solid rgb(51,125,154); 
    text-align:center; 
}
.nav ul { margin: 0; padding: 0; list-style:none; width:553px; margin: 0 auto; }
.nav li { float:left; }
.nav li.pipe {
    background-image:url(/assets/img/pipe.png);
    background-repeat: no-repeat;
    background-position:50% 50%;
    display:block;
    height: 16px;
    width:5px;
    padding:8px 0;
}
.nav a:link, .nav a:visited { 
    display:block; 
    padding:8px 14px;
    text-transform: uppercase;
    font-size:13px;
    color:rgb(51,125,154);
    text-decoration:none;
    /* font from last year */
    font-family: "AvantGardeGothicITCW01B 731063";
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-weight:normal;
}
.nav a:hover, .nav a.active { color:rgb(173,36,62); }

footer { margin-top:20px; overflow:hidden; }

.footer-links-abs-bottom { list-style:none; padding: 0; width:581px; margin: 0 auto; }
.footer-links-abs-bottom li { float:left; }

.footer-links-bottom { list-style:none; margin: 0 auto; padding: 0; width:772px; }
.footer-links-bottom li { float:left; }
.footer-links-bottom .first-child {  }
.footer-links-bottom .last-child {  float:right; }

/*** HEADINGS ***/
a:link, a:visited { color:#ad2742; text-decoration:underline;}
a:hover, a:active { color:#ad2742; text-decoration:none;}
.pageHeading{ 
    display:block; 
    text-transform: uppercase;
    font-size:24px;
    margin:0 0 20px 0;
    color:rgb(51,125,154);    /* font from last year #337d9a */
    font-family: "AvantGardeGothicITCW01B 731063";
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-weight:normal;
}
h1, h2, h3, h4 {
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW01B 731063";
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-weight:normal;
}

h2.pageHeading { font-size: 1.2em; }

/*** GENERAL ***/
.pull-left{ float:left;}
.pull-right{ float:right;}

/*** SUBNAV ***/
ul.subNav{ 
    padding:0; 
    margin:0 0 20px 0; 
    list-style:none;
    border-bottom:1px solid #337d9a;
    font-size:1em;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW01B 731063";
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-weight:normal;
}
ul.subNav li { padding:0; margin:0; display:block; border-top:1px solid #337d9a;}
ul.subNav li a:link, ul.subNav li a:visited{ text-decoration:none; color:#337d9a; display:block; padding:10px;}
ul.subNav li a:hover, ul.subNav li a:active, ul.subNav li a.active{ color:#333;}

ul.subNav li ul { padding:0; margin: -5px 0 5px 0; font-size:0.9em;}
ul.subNav li ul li { border:0;}
ul.subNav li ul li a:link, ul.subNav li ul li a:visited{ padding: 0 5px 5px 12px;}

ul.subNav li ul li a:link:before, ul.subNav li ul li a:visited:before  { content:''; width:10px; height:10px; display:inline-block; background:#337d9a; margin-right:5px;}
ul.subNav li ul li a.active:before { background:#333;}


/*** NEWS ***/
.newsPaging { padding-top:12px; border-top:2px solid #337d9a;}
.newsPaging a{
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW01B 731063";
    -webkit-font-smoothing: subpixel-antialiased;
    font-smooth: always;
    font-weight:normal;

}
.newsPaging a:link, .newsPaging a:visited { 
    text-decoration:none; 
    color:#337d9a;
}
.newsPaging a:hover, .newsPaging a:active, .newsPaging a.active { text-decoration:none; color:#1D5666;}
.newsPaging a.inactive{ opacity:0.2; background-image:none;}
.newsPaging a.btnLeft{ background:url('/assets/img/icons/arrowLeft.png') no-repeat center left; padding-left:15px;}
.newsPaging a.btnRight{ background:url('/assets/img/icons/arrowRight.png') no-repeat center right; padding-right:15px;}
.newsPaging a:hover.btnLeft, .newsPaging a:active.btnLeft, .newsPaging a.active.btnLeft{ background-image:url('/assets/img/icons/arrowLeft_ON.png');}
.newsPaging a:hover.btnRight, .newsPaging a:active.btnRight, .newsPaging a.active.btnRight{ background-image:url('/assets/img/icons/arrowRight_ON.png');}
.newsPaging span {
    display: inline-block;
    float: left;
    margin-top: 0px;
    font-size:0.9em;
    padding: 0 0 0 30px;
    text-align: center;
}
ul.newsListing{ padding:10px 0; margin:0; list-style:none;}
ul.newsListing li{ padding:5px 0 0 0; margin:0; display:block; border-top:1px solid #337d9a;}
ul.newsListing li:first-of-type { border-top:2px solid #337d9a;}
ul.newsListing li a:link, ul.newsListing li a:visited { color:#337d9a; padding:10px 0; text-decoration:none; display:block;}
ul.newsListing li a:hover, ul.newsListing li a:active, ul.newsListing li a.active { text-decoration:none; color:#AD243E;}

.article-border{ border:1px solid #337d9a; padding:10px; margin-top:-10px;}

/*** GALLERY ***/
.album_pad {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    padding: 3px;
    display:block;
}
.galleryBox .container { padding:0;}

ul#tile_thumb_list { list-style:none; margin:0; padding:0; }
ul#tile_thumb_list li { display:inline-block; float:left; }
ul#tile_thumb_list li a img { display:block; }
ul#tile_thumb_list li a:link, ul#tile_thumb_list li a:visited { display:block; text-decoration:none; margin-bottom:3px;}
ul#tile_thumb_list li.four { margin-right:1.333333333333333%; margin-bottom:1.333333333333333%; width:24%; }
ul#tile_thumb_list li.four:nth-of-type(3n+3) { margin-right:1.333333333333333% !important; }
ul#tile_thumb_list li.four:nth-of-type(4n+4) { margin-right:0% !important; clear:right; }
ul#tile_thumb_list li.on_state .album_pad { background-color: #ccc; border-color:#aaa; }
ul#tile_thumb_list li .album_pad .description { margin-top:5px; }
.album_pad{ background:#eee; border:1px solid #ddd; padding:3px}
.album_pad:hover{ background:#ddd; border:1px solid #ccc;}

/*** CHIMERA ***/
.chimeria-list { margin: 20px 0 0 0; padding: 0; list-style:none; }
.chimeria-list img { margin-bottom:10px; }
.chimeria-list li { margin-bottom:20px; width:128px; float:left; display:inline-block; }
.chimeraName { margin-top:0; margin-bottom:0.33em; }
.readProfile { padding-top:5px; }
.jobTitle { font-size:12px; }
.chimeria-list li.year_header div {
        width:108px; height:103px; padding:15px 0 0 10px;
        background-color:rgb(51,125,154); color:#fff; font-size:2.5em; text-transform: uppercase;
        font-family: "AvantGardeGothicITCW01B 731063"; -webkit-font-smoothing: subpixel-antialiased; font-smooth: always;
        font-weight:normal;  }
.chimera_filter { background-color:rgb(51,125,154); border-top:1px solid rgb(51,125,154); border-bottom:1px solid rgb(51,125,154); }
.chimera_filter a:visited, .chimera_filter a:link {
    text-decoration:none; color:#fff; font-weight:bold; border-right: 1px solid #fff;
    padding:3px 10px; height:20px; display:inline-block; float:left; }
.chimera_filter a.active:visited, .chimera_filter a.active:link { color:rgb(51,125,154); background-color:#fff; }
.chimera_filter_all { margin-left:10px; border-left:1px solid #fff; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   SPLASH PAGES
   ========================================================================== */
.mod_image img, .mod_trio img { max-width:100%; }

.module { margin-bottom:20px; margin-right:0 !important;}
.mod_trio{ border:1px solid #337d9a; }
.innerBox{ margin:10px; overflow:hidden;}

.module .content { padding:0 5px;}

/*    TWITTER MODULE */
div#admin_twitter { background:#B1AFB0; width:99%; min-height:50px; border:5px solid #B1AFB0; }
div#rrt { background:#337d9a; width:99%; min-height:50px; border:1px solid #337d9a; color:#000; }
div#rrt div.rrt-inner { background:white; }
div#rrt div.rrt-inner a:link,
div#rrt div.rrt-inner a:visited { color:#4EA2BE; }
div#rrt div.rrt-inner a:hover { color:#000; }
div#rrt div.rrt-inner ul { 
    margin:0; padding:0; list-style:none; 
    height:50px; background-color:#fff; 
    overflow:hidden; 
    background-image:url(/assets/img/twitter_module.png);
    background-repeat:no-repeat;
    }
div#rrt div.rrt-inner ul li { display:inline-block; float:right; width:91%; margin-right:10px; }
div#rrt div.rrt-inner ul li span.rrt-body { display:block; height:47px; background:#fff; margin-top:3px; padding-top:3px; }
div#rrt div.rrt-inner ul li span.rrt-body strong { display:inline-block; padding:0 10px 0 0; }
a.rrt-date:link,
a.rrt-date:visited { position:absolute; bottom:5px; right:-15px; text-decoration:none; padding:0 10px; font-weight:normal; font-size:11px;  color:#B0B0B0 !important; cursor:default; }
a.rrt-date:hover {  color:#B0B0B0 !important; }
.rrt-content { font-size:12px; padding-top:8px; } 
.rrt-body { position:relative; }

@media (max-width: 760px)  { 
    div#rrt div.rrt-inner ul li { width:85%; }
}
@media (max-width: 480px)  { 
    div#rrt div.rrt-inner ul { background-image:none; height:75px; }
    div#rrt div.rrt-inner ul li { width:95%; }
    div#rrt div.rrt-inner ul li span.rrt-body { height:70px; }
}

/*** 2014 Additions ***/
.banner 
{
    background: #eee; 
    padding: 10px; 
    margin-bottom: 20px;
}