/*
Theme Name: Metcalf
Theme URI: http://10up.com/
Author: I hate Carl Danley / 10up
Author URI: http://10up.com
Description: The theme for the URI (University of Rhode Island) project.
Version: 1.0
License: GNU General Public License
Template: genesis
*/
html { margin: 0; }
body { font-family: Arial; font-size: 13px; margin: 0; }
.wrap, #inner { width: 974px; margin: auto; text-align: left; }
.clear { clear: both; }
a { color: #d96d1a; text-decoration: none; }
a:Hover { text-decoration: underline; }

#header #title-area { position: relative; }
#header #title-area h1#title { margin: 13px 0; }
#header #title-area #title a { text-indent: -9999px; background: url(../metcalf/images/logo.jpg) no-repeat; width: 357px; height: 97px; display: block; }
#header #title-area #description { display: none; }
#header #title-area .metcalf-gso-logo { position: absolute; cursor: pointer; background: url(../metcalf/images/metcalf-gso-logo.png) no-repeat; width: 152px; height: 95px; display: block; right: 0px; top: 0px; }

#nav { width: 100%; display: block; background-color: #07455c; position: relative; }
#nav.home { padding: 0 0 20px 0; background: url(../metcalf/images/header-bg.jpg) repeat-x bottom #07455c; }
#nav #menu-primary-menu { list-style: none outside none; padding: 10px; margin: 0; position: relative; z-index: 2; background-color: #016e85; border-top: 5px solid #07455c; height: 16px; font-family: Geneva, sans-serif; font-size: 14px; }
#nav #menu-primary-menu .left.background { background: url(../metcalf/images/header-bg-left.jpg) repeat-y left; position: absolute; left: -100px; top: -3px; height: 100%; width: 50%; }
#nav #menu-primary-menu .right.background { background: url(../metcalf/images/header-bg-right.jpg) repeat-y right; position: absolute; right: -100px; top: -3px; height: 100%; width: 50%; }
#nav #menu-primary-menu li { display: inline; position: relative; margin: -3px 4px 0 -4px; float: left; z-index-1: 0; text-align: left; }
#nav #menu-primary-menu li.current-menu-item a { background-color: #07455c; }
#nav #menu-primary-menu ul.current_page_parent a { background-color: #07455c; }
#nav #menu-primary-menu li a { text-decoration: none; color: #fff; padding: 7px 25px; cursor: pointer; }
#nav #menu-primary-menu li:Hover { z-index: 1; }
#nav #menu-primary-menu li a:Hover { background-color: #07455c; }
#nav #menu-primary-menu li.sfHover a { background-color: #07455c; }
#nav #menu-primary-menu li ul { position: absolute; top: 27px; left: 0; background-color: #016e85; width: 300px; padding: 0; }
#nav #menu-primary-menu li li li { text-align: center; display: inline-block; float: left; margin: 1px 0 5 0; }
#nav #menu-primary-menu li ul li a { padding: 7px; display: inline-block; background-color: #016e85; }
#nav #menu-primary-menu li.sfHover ul li a { padding: 7px; display: inline-block; background-color: #016e85; }
#nav #menu-primary-menu li ul li a:Hover { background-color: #07455c; cursor: pointer; }

#nav.home .slider { background: url(../metcalf/images/slider-bg.png) no-repeat;; height: 351px; width: 974px; margin: 20px 0 20px 0; position: relative; z-index: 1; }
#nav.home .slider .slides { height: 333px; width: 689px; overflow: hidden; position: absolute; top: 4px; left: 8px; }
#nav.home .slider .content { height: 293px; position: absolute; overflow: hidden; right: 10px; top: 4px; width: 226px; padding: 20px; color: #fff; font-size: 14px; }
#nav.home .slider .content h2 { font-size: 30px; margin: 0 0 10px 0; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; letter-spacing: 1px; line-height: 30px; }
#nav.home .slider .content p {  }
#nav.home .slider .controls { position: absolute; bottom: 20px; right: 20px; color: #fff; z-index: 10; }
#nav.home .slider .controls .info { display: inline; float: left; margin: 0 0 0 10px; }
#nav.home .slider .controls a { display: inline; float: left; margin: 2px 0 0 10px; }
#nav.home .slider .controls a img { border: none; }
#nav.home .slider .preloads { display: none; }

#nav.home .call-to-actions { display: block; }
#nav.home .call-to-actions a { background: url(../metcalf/images/call-to-action-button-bg.png) no-repeat; color: #fff; width: 290px; height: 54px; float: left; display: inline; margin: 0 52px 0 0; text-decoration: none; text-align: center; font-size: 14px; padding: 10px 0; outline: none; }
#nav.home .call-to-actions a b, #nav.home .call-to-actions a strong { display: block; font-size: 21px; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
#nav.home .call-to-actions a.last { margin: 0; }

#inner { display: block; padding: 30px 0; }
#inner .post { float: left; display: inline; width: 311px; margin: 0 20px 0 0; height: auto; }
#inner .post.last { margin: 0; }
#inner .post .wp-post-image { padding: 5px; background-color: #eee; border: 1px solid #bbb; }
#inner .post h2 { font-size: 20px; margin: 10px 0; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
#inner .post h2 a { color: #000; }
#inner .post p { font-size: 13px; }

.page-content { float: left; display: inline; width: 694px; margin: 0 20px 0 0; }
.page-content h1 { font-size: 24px; margin: 0 0 20px 0; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
.page-content h2 { font-size: 18px; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
.page-content .alignleft { display: inline; margin: 10px; float: left; }
.page-content .alignright { display: inline; margin: 10px; float: right; }

.page-sidebar { float: left; display: inline; width: 260px; }
.page-sidebar .widget .widget-wrap .widgettitle { padding: 0 0 5px 0; border-bottom: 1px solid #c1d0d6; font-size: 18px; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
    .page-sidebar .widget .widget-wrap .firstwidgettitle { margin-top: .5em; }
.page-sidebar .widget .widget-wrap ul { margin: 0 0 0 15px; padding: 0; color: #d96d1a; }

.page-content.categories h1 a { color: #000; text-decoration: none; }

.page-content.portfolio { width: 100%; }
.page-content.portfolio h2 { margin: 10px 0; }
.page-content.portfolio h1 a { color: #000; text-decoration: none; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; }
.page-content.portfolio .portfolio-item { float: left; display: inline; margin: 0 0 20px 44px; width: 210px; }
.page-content.portfolio .portfolio-item p { margin: 10px 0; }
.page-content.portfolio .portfolio-item.first { margin: 0 0 20px 0; }
.page-content.portfolio .portfolio-item .image { background-color: #eee; border: 1px solid #bbb; padding: 4px; }
.page-content.portfolio .portfolio-item h2 a { color: #000; text-decoration: none; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; cursor: pointer; }
.page-content.portfolio .portfolio-item:Hover h2 a { text-decoration: underline; color: #797979; }

.page-content.recent-news .recent-post { display: block; margin: 0 0 40px 0; }
.page-content.recent-news .recent-post h2 { margin: 0 0 10px 0; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; font-size: 32px; }
.page-content.recent-news .recent-post h2 a { color: #000; }
.page-content.recent-news .recent-post small.the-date { text-transform: uppercase; color: #666; font-size: 11px; }
.page-content.recent-news .recent-post small.the-date a { color: #000; }
.page-content.recent-news .recent-post .post-meta { display: block; border-top: 3px solid #666; padding: 10px 0 0 0; text-transform: uppercase; color: #666; font-size: 11px; }
.page-content.recent-news .recent-post .post-meta a { color: #000; }
.page-content.recent-news .pagination { display: block; margin: 0 0 10px 0; }
.page-content.recent-news .pagination a { color: #fff; background-color: #666; }
.page-content.recent-news .pagination span.current { color: #fff; background-color: #D96D1A; }
.page-content.recent-news .pagination a, .page-content.recent-news .pagination span { padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; display: inline; margin: 0 5px 0 0; }

.page-content.not-found h1 { font-size: 32px; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; margin: 0 0 10px 0; }
.page-content.not-found h2 { font-size: 24px; font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; margin: 0; font-weight: normal; }

.page-content.full-width { width: 100%; }

.page-content.media-gallery { width: 100%; }
.page-content.media-gallery .gallery {  }
.page-content.media-gallery .gallery .gallery-image { float: left; margin: 0 10px 10px 0; display: inline; width: 176px; padding: 10px 5px; cursor: pointer; }
.page-content.media-gallery .gallery .gallery-image.last { margin: 0 0 10px 0; }
.page-content.media-gallery .gallery .gallery-image:Hover { background-color: #efefef !important; }

.page-content.search-results { width: 100%; }
.page-content.search-results .results { display: block; margin: 20px 0 0 0; }
.page-content.search-results .results .entry { display: block; margin: 0 0 10px 0; border-bottom: 1px solid #d9d9d9; }
.page-content.search-results .results .entry h2 { margin: 10px 0 5px 0; }
.page-content.search-results .results .entry small { font-size: 10px; font-style: italic; }
.page-content.search-results .results .entry span.highlighted { background-color: #fff0c1; }
.page-content.search-results .results .pagination { display: block; margin: 0 0 10px 0; }
.page-content.search-results .results .pagination a { color: #fff; background-color: #666; }
.page-content.search-results .results .pagination span.current { color: #fff; background-color: #D96D1A; }
.page-content.search-results .results .pagination a, .page-content.search-results .results .pagination span { padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; display: inline; margin: 0 5px 0 0; }

.metcalf-gallery {  }
.metcalf-gallery .gallery-image { cursor: pointer; width: 100px; float: left; display: inline; margin: 0 10px 10px 0; height: 100px; padding: 10px; border: 1px solid #d9d9d9; }
.metcalf-gallery .gallery-image:Hover { background-color: #f1f1f1; }
.metcalf-gallery .gallery-clear { clear: both; }
.metcalf-gallery .gallery-pagination {  }
.metcalf-gallery .gallery-pagination a { cursor: pointer; margin: 0 5px 0 0; float: left; display: inline; text-decoration: none; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; background-color: #d9d9d9; }
.metcalf-gallery .gallery-pagination a:Hover { background-color: #a9a9a9; }
.metcalf-gallery .gallery-pagination a.current { background-color: #a9a9a9; cursor: default; }
.metcalf-gallery-popup-left-arrow { cursor: pointer; display: block; height: 0px; width: 0px; border-right: 40px solid #000; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; left: -60px; top: 50%; margin-top: -50px; }
.metcalf-gallery-popup-left-arrow:Hover { border-right: 40px solid #111; }
.metcalf-gallery-popup-right-arrow { cursor: pointer; display: block; height: 0px; width: 0px; border-left: 40px solid #000; border-top: 50px solid transparent; border-bottom: 50px solid transparent; position: absolute; right: -60px; top: 50%; margin-top: -50px; }
.metcalf-gallery-popup-right-arrow:Hover { border-left: 40px solid #111; }
.metcalf-gallery-popup-close { position: absolute; top: -20px; right: 0px; color: #fff; cursor: pointer; }
.metcalf-gallery-popup-close:Hover { text-decoration: underline; }
.footer .metcalf-gallery .gallery-image { width: 50px; padding: 0px; border: none; height: 50px; }
.footer .metcalf-gallery .gallery-image img { border: 1px solid transparent; }
.footer .metcalf-gallery .gallery-image:Hover { background-color: transparent; }
.footer .metcalf-gallery .gallery-image:Hover img { border: 1px solid #000; }

.footer .wrap .media-gallery { width: 100%; }
.footer .wrap .media-gallery .gallery-image { float: left; display: inline; margin: 0 10px 10px 0; }
.footer .wrap .media-gallery .gallery-image.last { margin: 0 0 10px 0; }
.footer .wrap .media-gallery .gallery-image img { cursor: pointer; }

.footer { width: 100%; display: block; background: url(../metcalf/images/header-bg.jpg) repeat-x bottom #07455c; padding: 20px 0; color: #fff; }
.footer .small {  width: 190px; margin: 0 10px 0 0; }
.footer .medium { width: 374px; }
.footer .box { float: left; display: inline; font-size: 13px; }
.footer .box h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; font-size: 16px; }
.footer .box .social { display: block; }
.footer .box .social a { float: left; display: inline; cursor: pointer; margin: 0 10px 0 0; }
.footer .box .social a img { border: none; }

/* 
 * Added August 2013
 * For the new Grantham Prize archive template, mostly the main landing page table with past winners 
 */
.grantham-archive { border-collapse: collapse; margin-bottom: 1em; }
.grantham-archive th { 
    text-align: center; 
    color: #fff; 
    background-color: #d96d1a; 
    font-weight: normal; 
    padding: .25em 0 .2em; 
}
.grantham-archive td { 
    border: 1px solid #fff; 
    overflow: visible; 
}

.grantham-archive .poptrigger {
    display: block; 
    position: relative; 
    /* z-index: 1; */ 
}
    .grantham-archive .poptrigger img {
        opacity: 1; 
        -webkit-transition: opacity .3s ease; 
        -moz-transition: opacity .3s ease; 
        -ms-transition: opacity .3s ease; 
        transition: opacity .3s ease; 
    }
    .grantham-archive .poptrigger:hover img, .grantham-archive .poptrigger:focus img {
        opacity: .5; 
    }
    .grantham-archive .poptrigger:hover .popover, .grantham-archive .poptrigger:focus .popover {
        visibility: visible; 
        opacity: 1; 
    }
.grantham-archive .popover {
    position: absolute; 
        top: -.125em; left: 99%; 
        width: 150%;  
    z-index: 100; 
    display: block; 
    visibility: hidden; 
    opacity: 0; 
    padding: .75em; 
    color: #333;
    background: #fff; 
    background: rgba(255,255,255,0.92); 
    -webkit-box-shadow: .25em .25em .25em rgba(0,0,0,0.2); 
    -moz-box-shadow: .25em .25em .25em rgba(0,0,0,0.2); 
    -ms-box-shadow: .25em .25em .25em rgba(0,0,0,0.2); 
    box-shadow: .25em .25em .25em rgba(0,0,0,0.2); 
    -webkit-transition: opacity .25s ease; 
    -moz-transition: opacity .25s ease; 
    -ms-transition: opacity .25s ease; 
    transition: opacity .25s ease; 
    -webkit-transition-delay: .4s; 
    -moz-transition-delay: .4s; 
    -ms-transition-delay: .4s; 
    transition-delay: .4s; 
}
.grantham-archive .popover:before {
    position: absolute; 
        top: 1em; 
        left: -2em; 
    width: 0; 
    height: 0; 
    content: ''; 
    border: 1em solid transparent; 
    border-right-color: #fff; 
    border-right-color: rgba(255,255,255,0.92); 
}
    .grantham-archive .popover .label, .popover .people, .grantham-archive .popover .title, .popover .producer {
        display: block; 
    }
    .grantham-archive .popover .label, .grantham-archive .popover .producer {
        color: #999; 
        font-size: .875em; 
    }
    .grantham-archive .popover .people {
        font-weight: bold; 
    }
    .grantham-archive .poptrigger:hover .popover .title {
        color: #d96d1a; 
    }
        .grantham-archive .poptrigger:hover .popover .title:hover {
            color: #000; 
            text-decoration: underline; 
        }
    .grantham-archive .popover .producer {
        color: #777; 
    }