/* MAIN SITE CSS FILE
---------------------------------------------------------------------------------- */
/*
IBRAAZ STUFF

frequently used colours:

border gray: #b6b6b6
active red: #cd3c21
gray text: #999

headers:

The below classes may be applied equally to h1, h2, h3, h4
Article headers (serif): .ah1, .ah2, .ah3, .ah4, etc.
Article subheaders (serif): .ash1, .ash2, .ash3, .ash4, etc.
GUI headers (non-serif): .gh1, .gh2

*/
body {
    font-size: 13px;
    line-height: 1.2em;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

a, a:visited, a:hover, a:active {
    color: #000000;
}


h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0.25em 0 0.75em 0;
    line-height: 1.2em;
}

.button, .button a {
    height: auto;
    background-image: none;
}
.button a {
    padding: 5px 25px;
    margin-right: 0;
}
#cookie_preferences_form_submit,
#cookie_notification_accept {
    border: 1px solid #ddd;
}
#cookie_preferences_form .note,
#cookie_preferences_form label {
    font-size: 14px;
}
#manage_cookie_preferences_popup_container h2 {
    font-size: 18px;
}

.ah1, .ah2, .ah3, .ah5, .ash1, .ash2, .ash3, .ash4,  .ash5 {
    margin: 0;
    font-family:  Arial, Sans-Serif;
    font-weight: bold;
    font-size: 38px;
}

.ah4 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.ah2 {
    font-size: 30px;
}

.ah3 {
    font-size: 28px;
}

.ah4, .ah5 {
    font-size: 17px;
}

.ash1 {
    font-size: 36px;
}

.ash2 {
    font-size: 28px;
}

.ash3 {
    font-size: 26px;
}

.ash4, .ash5 {
    font-size: 15px;
}

.ash5 {
    font-size: 14px;
}

h1, h2 {
    font-size: 20px;
    font-weight: 500;
}

h3, .gh2 {
    font-size: 20px;
    font-weight: 500;
}

h4, .gh3 {
    font-size: 14px;
    font-weight: bold;
}

div.large-list .platform_number {
    font-size: 30px;
    font-weight: normal;
    padding-top: 5px;
}

.subtitle {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    margin-top: 0;
}

h2.subtitle {
    font-size: 22px;
    margin: 0 0 3px 0;
}



#side_column .row .author {
    font-weight: normal;
    font-size: 13px;
}

#side_column .row.first .author {
    font-weight: bold;
    font-size: 14px;
}

.strong {
    font-weight: bold;
    font-size: 14px;
}

a.point-right, a.point-left, a.point-down, a.point-up {
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 18px;
    background: transparent url(/images/point-right.gif) right -1px no-repeat;
    float: left;
}

a.point-right-grey{
    color: #999999;
    /*margin-top: 3px;*/
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 15px;
    background: transparent url(/images/point-right-grey.png) right 1px no-repeat;
    line-height: 1.0;
    float: left;
}


a.point-left {
    background: transparent url(/images/left.gif) top right no-repeat;
}

img.quote-left, img.quote-right {
    border: 0;
}

img.quote-left {
    padding-right: 1px;
}

img.quote-right {
    padding-left: 3px;
}


.gray {
    color: #999;
}


.clickable {
    cursor: pointer;
}




div.half-spacer, div.half-sp {
    height: 10px;
    clear: both;
}
div.quarter-spacer {
    height: 5px;
    clear: both;
}

/* ---------------------- */
/* OVERRIDING STARTS HERE */
/* ---------------------- */


/* ------- */
/* GENERAL */
/* ------- */
.print_only {
    display: none;
}

div.spacer {
    clear: both;
    height: 20px;
    margin: 0;
    padding: 0;
}
.clearer {
    clear: both;
}
.gh1 {
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}

.thick-line {
    /*background-color: #cc3c21;*/
    /*height: 2px;*/
    border-top: 2px solid #cc3c21;
}
.section-platforms .thick-line {
    border-color: #1eafcc;
}
.section-essays .thick-line {
    border-color: #83399a;
}
.section-reviews .thick-line {
    border-color: #67bc29;
}
.section-channel .thick-line {
    border-color: #cc7520;
}


.record-box {
    border-bottom: 1px solid #dedede;
}

.no-border {
    border: none;
}

.bottom-padded {
    padding: 0 0 20px 0;
}

p {
    padding: 0;
    margin: 0;
}
.featured_essay_left p, .author {
    line-height: 1.5em;
}

.author_bio {
    font-size: 13px;
    border-top: 1px solid #999999;
    padding-top: 20px;
}

.author_bio strong a{
    text-decoration: none;
}

.response_author_bio {
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
}

.response_author_bio .author_bio {
    border-top: 0;
    padding: 20px 0 20px 0;
}

.short_authors_info {
    float: left;
}

.short_authors_info a{
    text-decoration: none;
    font-size: 12px;
}

.publication_date {
    float: right;
    font-size: 12px;
}

.name {
    display: block;
    margin-top: 6px;
}

/*---*/



div.half-spacer {
    margin: 0px;
}

a.point-left {
    padding-left: 12px;
    background: transparent url(/images/point-left.gif) left 1px no-repeat;
}
a.point-down {
    padding-right: 20px;
    background: transparent url(/images/point-down.gif) top right no-repeat;
}
a.point-up {
    padding-right: 20px;
    background: transparent url(/images/point-up.gif) bottom right no-repeat;
}
.ps_pages, .ps_links, .ps_links a {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.page_stats .ps_item.sep {
    color: #ffffff;
}


.page_stats a.ps_next {
    background: transparent url(/images/point-right.gif) center right no-repeat;
}
.page_stats a.ps_previous {
    background: transparent url(/images/point-left.gif) center left no-repeat;
}

.no-img-290 {
    width: 290px;
    height: 200px;
    background: #efefef;
}

.video_img_container {
    position: relative;
}
.inside_video_img_container {
    position: absolute;
    top: 0;
    left: 0;
}
.play {
    left: 52px;
    top: 27px;
    z-index: 10;
}
/*---*/


/* ------ */
/* HEADER */
/* ------ */
#header {
    height: 210px;
    background-image: url(/images/test_header_background.png); /* 960x210*/
}
.section-home #header {
    height: 310px;
    background-image: url(/images/test_header_background.png); /* 960x410*/
}
#header .logo {
    margin: 30px 0 0 35px;
    width: 126px;
    height: 138px;
    background: url(/images/logo_1.png) no-repeat;
    display: block;
}
#header .logo.logo_0 {
    background: url(/images/logo_0.png) no-repeat;
}
#header .logo.logo_1 {
    background: url(/images/logo_1.png) no-repeat;
}


#header .search_box {
    float: right;
    margin: 30px 40px 0 0;
    padding: 5px 10px 5px 5px;
    height: 10px;
    width: 130px;
    border: 1px solid #999999;
    color: #999999;
}

/* ------ */
/* FOOTER */
/* ------ */
#footer {
    font-size: 13px;
    padding: 0 0 20px;
}
#footer .grid_16 {
    margin: 0;
    width: 960px;
}

.footer_left {
    width: 703px;
    float: left;
}
.footer_right {
    float: right;
}

.share {
    /*margin-right: 30px;*/
    float: right;
}
#share_label {
    float: left;
    margin-right: 20px;
    font-size: 13px;
}

#rss {
    margin-right: 32px;
}
    #rss #rss_label a {
        float: left;
        margin-right: 10px;
        font-size: 13px;
        text-decoration: none;
    }

#add_this {
    float: left;
}

#footer .copyright1 {
    margin-right: 20px;
}
#footer .copyright2, #footer .copyright2 a {
    color: silver;
    text-decoration: none;
}
#footer .copyright3 {
    margin-left: 20px;

}

.footer_navigation a {
    color: #000000;
    text-decoration: none;
    padding: 0 10px 0 15px;
    margin: 0 6px 0 0;
    font-size: 12px;
    background: url("/images/point-right.gif") no-repeat scroll left top transparent;
}
.footer_navigation {
    float: left;
}
.footer_bottom {
    border-top: 1px solid #999;

}
.kamel {
    float: left;
    margin-left: 20px;
    font-weight: bold;
    font-size: 14px;
}
.footer_right img {
    float: left;
}


.footer_logo .external {
    text-decoration: none;
    background: none;
}

/* -------------- */
/* TOP NAVIGATION */
/* -------------- */
.top_navigation_wrapper .frontpage_first_column {
    width: 545px;
    padding: 0;
    margin: 0 20px 0 0;
}
.top_navigation_wrapper .frontpage_second_column {
    width: 375px;
    padding: 0;
    margin: 0 0 0 20px;
}
.top_navigation_wrapper #custom_topnav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
}
.top_navigation_wrapper #custom_topnav ul li {
    padding: 0 10px 0 0;
    padding: 0;
    float: left;
    display: inline;
    margin: 0 3px 0 0;
}
.top_navigation_wrapper #custom_topnav ul li.last {
    padding-right: 0;
}
.top_navigation_wrapper #custom_topnav ul li a {
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    float: left;
    padding-top: 6px;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.top_navigation_wrapper #custom_topnav ul li.active a {
    color: #FFFFFF;
    background-color: #cc3c21;
    padding: 6px 8px;
}

.top_navigation_wrapper #custom_topnav ul li a {
    padding: 6px 8px;
}

.top_navigation_wrapper #custom_topnav ul li.menu_item_home.active a {
    background-color: #cc3c21;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_home a:hover {
    background-color: #cc3c21;
    color: #ffffff;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_platform.active a {
    background-color: #1eafcc;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_platform a:hover {
    background-color: #1eafcc;
    color: #ffffff;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_essays.active a {
    background-color: #83399a;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_essays a:hover {
    background-color: #83399a;
    color: #ffffff;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_reviews.active a {
    background-color: #67bc29;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_reviews a:hover {
    background-color: #67bc29;
    color: #ffffff;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_channel.active a {
    background-color: #cc7520;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_channel a:hover {
    background-color: #cc7520;
    color: #ffffff;
}


.top_navigation_right {
    float: right;
}
    .top_navigation_right .quicksearch_form {
        float: right;
        clear: both;
    }

        .top_navigation_right .quicksearch_form .search_field {
            font-size: 12px;
            font-family: 'Arial', sans-serif;
            color: #898989;
            padding: 6px 10px;
            border: 1px solid #e6e6e6;
            height: 14px;
            width: 132px;
        }
        .top_navigation_right .quicksearch_form .search_field.search_empty {
            font-family: Arial, Sans-Serif;
            font-size: 11.2px;
            color: #898989;
        }

    .top_navigation_right .links {
        float: right;
        width: auto;
    }

    .top_navigation_right .links a {
        display: block;
        width: 25px;
        height: 27px;
        float: right;
        margin-left: 9px;
    }
    .top_navigation_right .links a.external {
        padding: 0;
    }

    .top_navigation_right .link_rss{
        background: url(/images/icon_rss.png) no-repeat;
    }
    .top_navigation_right .link_facebook{
        background: url(/images/icon_facebook.png) no-repeat;
    }
    .top_navigation_right .link_twitter{
        background: url(/images/icon_twitter.png) no-repeat;
    }
    .top_navigation_right .link_instagram{
        background: url(/images/icon_instagram.jpg) no-repeat;
    }
    .top_navigation_right .link_newsletter {
        clear: both;
        float: right;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10px;
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        margin: 10px 0;
    }


#strapline {
    font-size: 12px;
    font-weight: bold;
}

/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#content .grid_16{
    width: 960px;
    margin: 0px;
}

#content #main_column {
    width: 642px;
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
}
#content #side_column {
    width: 283px;
    padding: 0;
    margin: 0 0 0 0;
    float: right;
    position: static;
}
#content .side_column {
    width: 283px;
    padding: 0;
    margin: 0 0 0 20px;
    float: left;
    position: static;
}

/*
.section-home #content #main_column {
    width: 545px;
}
.section-home #content #side_column {
    width: 375px;
}

*/

/* -- */

.left_column {
    width: 642px;
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
}
.right_column {
    width: 283px;
    padding: 0;
    margin: 0 0 0 20px;
    float: left;
}

/* -- */

.author_location {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
}


/* ------------------ */
/* HOMEPAGE SLIDESHOW */
/* ------------------ */

.homepage_slideshow {
    float: left;
    width: 642px;
}

    .homepage_slideshow .slideshow_main {
        float: left;
        display: block;
        width: 425px;
        height: 403px;
        background: #efefef;
        position: relative;
    }

    .homepage_slideshow .slideshow_main .main_image_wrapper {
        width: 425px;
        height: 403px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
    }

    .homepage_slideshow .slideshow_main .main_image_wrapper.active {
        z-index: 2;
    }

    .homepage_slideshow .slideshow_main .main_image_wrapper a {
        float: left;
    }

    .homepage_slideshow .slideshow_main .caption {
        position: absolute;
        width: 425px;
        float: left;
        background: url(/images/slideshow_image_caption_bg.png) repeat;
        bottom: 0;
    }

    .homepage_slideshow .slideshow_main .caption div {
        width: 395px;
        float: left;
        color: #fff;
        padding: 13px 15px 10px 15px;
        font-family: Arial, Sans-Serif;
    }
        .homepage_slideshow .slideshow_main .caption div .title {
            clear: both;
            float: left;
        }
        .homepage_slideshow .slideshow_main .caption div .subtitle {
            clear: both;
            float: left;
            font-weight: normal;
            text-transform: none;
        }


    .homepage_slideshow .slideshow_sidebar {
        float: right;
        width: 205px;
    }

        .homepage_slideshow .slideshow_sidebar a {
            float: left;
            margin-bottom: 9px;
            position: relative;
            display: block;
            width: 205px;
            height: 94px;
            outline: none;
            text-decoration: none;
        }
            .homepage_slideshow .slideshow_sidebar a .image_border{
                position: absolute;
                width: 199px;
                height: 88px;
                display: block;
                z-index: 600;
            }
            .homepage_slideshow .slideshow_sidebar a.active .image_border {
                border: 3px solid #ccc;
            }
                .homepage_slideshow .slideshow_sidebar a.active .image_border .thumb_arrow {
                    position: absolute;
                    left: -15px;
                    top: -3px;
                    background: url(/images/slideshow_arrow.png) no-repeat;
                    display: block;
                    width: 12px;
                    height: 94px;
                }
                .homepage_slideshow .slideshow_sidebar a img {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                .homepage_slideshow .slideshow_sidebar a .caption {
                    position: absolute;
                    z-index: 500;
                    color: #fff;
                    background: url(/images/slideshow_image_caption_bg.png) repeat;
                    float: left;
                    width: 185px;
                    padding: 10px;
                    font-family: Arial, Sans-Serif;
                    bottom: 0;
                    top: 0;
                    left: 0;
                    right: 0;
                }
                    .homepage_slideshow .slideshow_sidebar a .caption span {
                        display: table;
                        height: 74px;
                        width: 185px;
                    }
                        .homepage_slideshow .slideshow_sidebar a .caption span span {
                            display: table-cell;
                            text-align: left;
                            vertical-align: middle;
                        }


        .homepage_slideshow .slideshow_sidebar a.last {
            margin-bottom: 0;
        }

/* ------------------------- */
/* HOMEPAGE FEATURED CONTENT */
/* ------------------------- */
.homepage_featured_content {

}
    .homepage_featured_content .record-box {
        float: left;
        width: 642px;
    }

        .homepage_featured_content .record-box .header {
            margin-bottom: 20px;
        }

            .homepage_featured_content .record-box .header h3{
                font-family: Arial, Sans-Serif;
                font-weight: bold;
                font-size: 24px;
                margin-bottom: 20px;
            }

            .homepage_featured_content .record-box .header h4.subtitle {
                font-size: 16px;
                margin-top: 3px;
                font-weight: normal;
            }

            #main_column .homepage_featured_content .strong.author_location {
                font-size: 12px;
                padding: 8px 0;
            }

        .homepage_featured_content .record-box .main_image {
            float: right;
            margin: 0 0 30px 40px;
        }

        .homepage_featured_content .record-box .description {
            float: left;
            width: 370px;
        }

        .homepage_featured_content .record-box .row-link {
            clear: both;
            float: left;
        }


        .homepage_featured_content .record-box .author_location {
            float: left;
            width: 370px;
        }

            .homepage_featured_content .record-box .author_location a {
                text-decoration: none;
            }

        .homepage_featured_content .record-box .row-link {
            margin-top: 15px;
        }

    .homepage_featured_content .continue_reading {
        float: left;
        margin-top: 20px;
        font-size: 12px;
        font-weight: bold;
    }

    .homepage_featured_content .continue_reading .item {
        float: left;
        margin-right: 30px;
    }

    .homepage_featured_content .continue_reading a {
        text-decoration: none;
        background: url(/images/point-right.gif) no-repeat right top;
        padding-right: 12px;
    }



/* ------------------ */
/* HOMEPAGE PROJECTS */
/* ------------------ */

.homepage_panel_projects {

}
    .homepage_panel_projects .thick-line {
        border-color: #A00088;
    }
    .homepage_panel_projects .homepage_project_content {

    }
        .homepage_panel_projects .homepage_project_content_inner {
            position: relative;
            width: 283px;
            height: 403px;
        }
        .homepage_panel_projects .homepage_project_content_inner a,
        .homepage_panel_projects .homepage_project_content_inner a:visited {
            color: #FFF;
            text-decoration: none;
            background: 0;
            padding: 0;
        }
        .homepage_panel_projects .homepage_project_content_inner .caption {
            position: absolute;
            width: 283px;
            float: left;
            background: url(/images/slideshow_image_caption_bg.png) repeat;
            bottom: 0;
            color: #FFF;
        }
        .homepage_panel_projects .homepage_project_content_inner .caption span {
            width: 223px;
            float: left;
            color: #fff;
            padding: 13px 15px 10px;
            font-family: Arial, Sans-Serif;
        }


/* ------------------ */
/* HOMEPAGE NEWS */
/* ------------------ */

.homepage_panel_news {

}
    .homepage_panel_news .thick-line {
        border-color: #2BBCB5;
    }

    .homepage_panel_custom .thick-line {
        border-color: #343D8C;
    }



    .homepage_panel_news .homepage_project_content {

    }
        .homepage_panel_news .homepage_project_content_inner {
            position: relative;
            width: 283px;
            height: 403px;
        }
        .homepage_panel_news .homepage_project_content_inner a,
        .homepage_panel_news .homepage_project_content_inner a:visited {
            color: #FFF;
            text-decoration: none;
            background: 0;
            padding: 0;
        }
        .homepage_panel_news .homepage_project_content_inner .caption {
            position: absolute;
            width: 283px;
            float: left;
            background: url(/images/slideshow_image_caption_bg.png) repeat;
            bottom: 0;
            color: #FFF;
        }
        .homepage_panel_news .homepage_project_content_inner .caption span {
            width: 223px;
            float: left;
            color: #fff;
            padding: 13px 15px 10px;
            font-family: Arial, Sans-Serif;
        }


/* ------------------ */
/* HOMEPAGE CHANNEL */
/* ------------------ */

.homepage_panel_channel {

}
    .homepage_panel_channel .thick-line {
        border-color: #cc7520;
    }
    .homepage_panel_channel .homepage_channel_content {

    }
        .homepage_panel_channel .homepage_channel_content_inner {
            position: relative;
            width: 283px;
            height: 403px;
        }
        .homepage_panel_channel .homepage_channel_content_inner a,
        .homepage_panel_channel .homepage_channel_content_inner a:visited {
            color: #FFF;
            text-decoration: none;
            background: 0;
            padding: 0;
        }
        .homepage_panel_channel .homepage_channel_content_inner .caption {
            position: absolute;
            width: 283px;
            float: left;
            background: url(/images/slideshow_image_caption_bg.png) repeat;
            bottom: 0;
            color: #FFF;
        }
        .homepage_panel_channel .homepage_channel_content_inner .caption span {
            width: 223px;
            float: left;
            color: #fff;
            padding: 13px 15px 10px;
            font-family: Arial, Sans-Serif;
        }

/* ----------------------- */
/* HOMEPAGE CUSTOM FEATURE */
/* ----------------------- */
.homepage_custom_feature {

}
    .homepage_custom_feature .thick-line {
        border-color: #cc7520;
    }
    .homepage_custom_feature .homepage_custom_feature_content {

    }
        .homepage_custom_feature .homepage_custom_feature_content_inner {
            position: relative;
            width: 283px;
            height: 403px;
        }
        .homepage_custom_feature .homepage_custom_feature_content_inner a,
        .homepage_custom_feature .homepage_custom_feature_content_inner a:visited {
            color: #FFF;
            text-decoration: none;
            background: 0;
            padding: 0;
        }
        .homepage_custom_feature .homepage_custom_feature_content_inner .caption {
            position: absolute;
            width: 283px;
            float: left;
            background: url(/images/slideshow_image_caption_bg.png) repeat;
            bottom: 0;
            color: #FFF;
            left: 0;
        }
        .homepage_custom_feature .homepage_custom_feature_content_inner .caption span {
            width: 223px;
            float: left;
            color: #fff;
            padding: 13px 15px 10px;
            font-family: Arial, Sans-Serif;
        }

        /* thick-lines */
        .homepage_panel_news .thick-line { border-color: #2BBCB5;}
        .homepage_panel_essays .thick-line { border-color:#83399a; }
        .homepage_panel_responses .thick-line { border-color: #1EAFCC;}
        .homepage_panel_projects .thick-line { border-color: #A00088;}
        .homepage_panel_channel .thick-line {border-color: #cc7520;}
        .homepage_panel_platform .thick-line {border-color: #1eafcc;}
        .homepage_panel_interviews .thick-line {border-color: #BDAF2C;}
        .homepage_panel_reviews .thick-line {border-color: #67bc29;}
        .homepage_panel_publications .thick-line {border-color: #343D8C;}


/* ------------------ */
/* HOMEPAGE ARCHIVE */
/* ------------------ */

.homepage_panel_archive {

}
    .homepage_panel_archive .search_options {

    }
        .homepage_panel_archive .search_options .quicksearch_form {

        }
            .homepage_panel_archive .search_options .quicksearch_form .search_field {
                font-family: Arial, Sans-Serif;
                color: #898989;
                padding: 7px 10px;
                border: 1px solid #e6e6e6;
                margin-right: 10px;
                float: left;
                width: 220px;
            }
            .homepage_panel_archive .search_options .quicksearch_form .go_button {
                font-family: Arial, Sans-Serif;
                font-weight: bold;
                padding: 7px 0px 4px 0px;
                border: 1px solid #e6e6e6;
                margin-right: 0;
                float: left;
                cursor: pointer;
                border: none;
                background: none;
            }
        .homepage_panel_archive .search_options #search_archive {
            float: left;
            font-family: Arial, Sans-Serif;
            font-size: 0.9em;
        }


/* ------------------ */
/* HOMEPAGE RESPONSES */
/* ------------------ */

.homepage_panel_platform_responses {

}
    .homepage_panel_platform_responses .thick-line {
        border-color: #1EAFCC;
    }
.homepage_responses {

}
    .homepage_responses .homepage_responses_content {

    }
    .homepage_responses .homepage_responses_content .record-box {
        float: left;
        width: 283px;
        clear: both;
        margin: 0 0 10px;
        padding: 0;
        border: 0;
    }
    .homepage_responses .record-box h3 {
        float: left;
        text-transform: uppercase;
        width: 273px;
        clear: both;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        margin: 0;
        background: none;
    }
        .homepage_responses .record-box h3 a {
            padding-right: 18px;
            margin: 0;
            float: none;
            width: auto;
            display: block;
            background: url(/images/point-right-grey.png) no-repeat right 2px;
        }
    .homepage_responses .record-box .description {
        display: none;
    }

    .homepage_responses .record-box a {
        float: left;
        margin-right: 14px;
    }

    .homepage_responses .record-box a.last {
        margin-right: 0;
    }

/* -------- */
/* TWITTER */
/* -------- */
.twitter_feed h2 {
    background: url(/images/twitter_feed_icon.png) no-repeat right top;
    height: 22px;
    padding-top: 6px;
}

#twitter_feed div {
    border-bottom: 1px solid #dedede;
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    color: #818181;
}

    #twitter_feed div a {
        color: #0A0A0A;
        text-decoration: none;
    }

/* ----------- */
/* MOST VIEWED */
/* ----------- */
.most_viewed h3 {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
    clear: both;
    float: left;
}

.most_viewed h4 {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px 0;
    clear: both;
    float: left;
}

.most_viewed .authors {
    font-family: Arial, Sans-Serif;
    clear: both;
    font-size: 13px;
    float: left;
}

.most_viewed .record-box {
    margin-top: 20px;
    padding: 0 10px 16px 0;
    background: url(/images/point-right-grey.png) no-repeat right top;
    float: left;
}

    .most_viewed .record-box img {
        float: left;
        margin-right: 10px;
    }

    .most_viewed .record-box .titles_container {
        float: left;
        display: block;
        width: 218px;
    }

    .most_viewed .record-box .titles_container.no_image {
        width: 273px;
    }

/* --------------- */
/* RELATED CONTENT */
/* --------------- */
.related_content h3 {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
    float: left;
    clear: both;
}

.related_content h4 {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px 0;
    float: left;
    clear: both;
}

.related_content .authors {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    float: left;
    font-weight: normal;
    clear: both;
}



.related_content .record-box {
    margin-top: 20px;
    padding: 0 10px 16px 0;
    background: url(/images/point-right-grey.png) no-repeat right top;
    float: left;
}

    .related_content .record-box img {
        float: left;
        margin-right: 10px;
    }

    .related_content .record-box .titles_container {
        float: left;
        display: block;
        width: 218px;
    }

    .related_content .record-box .titles_container.no_image {
        width: 273px;
    }



/* -------- */
/* HOMEPAGE */
/* -------- */

/* homepage -> main column */
.gray-rule-rule {
    border-top: 2px solid #cc3c21;
}
.gray-rule-padding {
    height: 20px;
}

#main_column .strong {
    font-size: 14px;
}
/* homepage -> main column -> 114esponse */
.response_row_video {
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
}
.section-home .response_row_text {
    margin: 0 0 0 25px;
    padding: 0;
    width: 370px;
    float: right;
    min-height: 100px;
}

/* homepage -> sidebar */

/* featured essays */
.section-home .featured_essay_left {
    /* width: 345px; */
}



/* homepage -> ad gallery */
.section-home .ad-gallery {
    /* width: 545px; */
}



#side_column_main_image {
    display:none;
}
/* homepage -> sidebar -> first essay */
/*
#side_column .row.first .ash4 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 16px;
}
*/
#side_column .row.first .author {
    font-size: 14px;
    font-weight: 600;
}

/* --------- */
/* PLATFORMS */
/* --------- */

/* about platform page */
#platforms_list {
    width: 960px;
}
#platforms_list .left_column .clickable {
    border: none;
}
#platforms_list .left_column .grid_9 {
    margin: 0;
    padding: 0 0 25px 0;
    width: 630px;
    border-bottom: 1px solid #999999;
}
#platforms_list .strong {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 0;
}
#platforms_list .back_link p {
    padding: 20px 0 0 0;
}
#platforms_list .about_platform {
    font-size: 14px;
    line-height: 24px;
}
#platforms_list .continue_reading {
    line-height: 10px;
}
.platform_content {
    font-size: 14px;
    line-height: 24px;
}
.platform_content p{
    margin: 15px 0 15px 0;
    padding: 0;
}

/* TOP MENU ANCHOR */
#sections_menu{
    margin-top: 20px;
    margin-bottom: 6px;
}
#sections_menu ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#sections_menu ul li{
    margin-left: 0px;
    margin-right: 27px;
    display: inline-block;
    margin-bottom: 0;
}
#sections_menu ul li a{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

/*
#sections_menu ul li:before{
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: red;
}
*/
#sections_menu ul li span{
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-bottom: 1px;
    margin-right: 6px;
}

/* MAIN PLATFORM PAGE SECTIONS*/

.platform_section h2{
    padding-bottom: 10px;
    margin-bottom: 25px;
    padding-top: 20px;
}

.platform_section{
    margin-bottom: 45px;
}
.platform_section .section_items_content, #responses_list{
    position: relative;
    margin-bottom: 15px;
}
.platform_section .section_items_content ul{
    padding-left: 0px;
    list-style: none;
    display: block;
}
.platform_section .section_items_content ul li{
    margin-left: 0px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 25px;
    margin-bottom: 25px;
    display: block;
    min-height: 75px;
}
.platform_section .section_items_content ul li:last-child{
    border: none;
    margin-bottom: 40px;
    padding-bottom: 0px !important;
    height: 81px;
    display: block;
}
.platform_section .section_items_content ul li div.main_image{
    margin-right: 20px;
    min-height: 80px;
    float: left;
    height: 75px;
}
.platform_section .section_items_content ul li div.main_image img{
    /*width: 78px;*/
    vertical-align: top;
    margin-top: 3px;

}
.platform_section .section_items_content ul li div.section_item_text{}
.platform_section ul li div.section_item_text h3{
    font-size: 18px;
    margin-bottom: 4px;
    font-weight: bold;
}
.platform_section .section_items_content ul li div.section_item_text h3 span{
    font-size:  12px;
    font-weight: bold;
    float: right;
}
.platform_section .section_items_content ul li div.section_item_text p{
    margin-bottom: 3px;
    font-weight: bold;
}

.platform_section .section_items_content a{
    text-decoration: none;
}

.platform_section a.section_link{
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 12px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
/*
.platform_section ul:before{
    content: "";
    display: block;
    width: 100%;
    height: 152px;
    background: url(/images/white_shade.png) repeat-x;
    position: absolute;
    bottom: 0;
}
*/
.platform_section span.white_shadow{
    display: block;
    width: 100%;
    height: 152px;
    background: url(/images/white_shade.png) repeat-x;
    position: absolute;
    bottom: 0;
}
/*
.platform_section span.white_shadow:hover{
    display: none;
}*/

.hidde_platform_items, .hide{
    display: none;
}

.platform_section .section_items_content a.point-right{
    line-height: 1.0;
}

    /*SPECIFIC COLOR FOR THE SECTION*/
    #responses_section h2{
        border-bottom: 2px solid #04b2cd;
    }
    #responses_section a.section_link,
    #sections_menu ul li span#span_responses{
        background: #04b2cd;
    }

    #interviews_section h2{
        border-bottom: 2px solid #bfb015;
    }
    #interviews_section a.section_link,
    #sections_menu ul li span#span_interviews{
        background: #bfb015;
    }

    #essays_section h2{
        border-bottom: 2px solid #83349d;
    }

    #essays_section a.section_link,
    #sections_menu ul li span#span_essays{
        background: #83349d;
    }

    #projects_section h2{
        border-bottom: 2px solid #a40089;
    }

    #projects_section a.section_link,
    #sections_menu ul li span#span_projects{
        background: #a40089;
    }







/* all other platform pages (except homepage) */
#platforms_content .gray-rule-rule {
    border-top: 2px solid #1eafcc;
}
#platforms_content #main_column {
    width: 630px;
    margin: 0 20px 0 0;
}
#platforms_content #side_column {
    width: 290px;
    margin: 0 0 0 20px;
}


/* platform response */
.response_title {
    margin: 0;
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}

.response_subtitle {
    margin: 0;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 20px;
}

.section-platforms .content-field {
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #999999;
    padding-bottom: 20px;
}
#platform_details {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
#platform_details a{
    color: #000000;
}
.ad-gallery {
    margin-bottom: 20px;
}
.padding-small {
    height: 5px;
}

/* sidebar -> other platforms  */
.other_platform {
    border-bottom: 1px solid #999;
    padding: 5px 0 5px 0;
}
.other_platform .right {
    float: right;
    width: 15px;

}
.other_platform .left {
    float: left;
    width: 275px;
}

/* responses list */
.response_author {
    margin: 0 0 4px
}
.response_author a
{
    text-decoration: none;
    float: left;
}
.section-platforms .response_row_text {
    margin: 0 0 0 25px;
    padding: 0;
    width: 425px;
    float: right;
    min-height: 100px;
}
.response_list_gallery {

    height: 100px;
    overflow: hidden;
    width: 630px;
}
.response_list_gallery_inner {
    width: 750px;
    height: 100px;
}
.fancy_image {
    float: left;
    margin-right: 2px;
}
.section-home .response_list_gallery {
    width: 545px;
    margin: 0;
}
.section-home .response_list_gallery_inner {
    width: 545px;
}

.line_below_gallery {
    height: 40px;
    padding-top: 10px;
}
.line_below_gallery a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    background: url(/images/play_icon.png) no-repeat left center;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;

}

#main_column .clickable_response {
    border-bottom: 1px solid #999999;
    padding-bottom: 30px;
    padding-top: 25px;
}
/* other response */
.other_response {
    border-bottom: 1px solid #999;
    padding: 5px 0 5px 0;
}
.other_response .right {
    float: right;
    width: 15px;

}
.other_response .left {
    float: left;
    width: 275px;
}
.other_response .author {
    line-height: 12px;
}
.other_response .ah5 {
    line-height: 16px;
    margin-bottom: 2px;
}

.current_response {
    color: #999;
}

/* ------ */
/* ESSAYS */
/* ------ */

/* essays list */
#essays_content .gray-rule-rule {
    border-top: 2px solid #83399a;
}
#essays_list .essay {
    margin-top: 20px;
    border-top: 1px solid #999999;
    padding-top: 30px;
}
#essays_list .essay.first_essay{
    border: none;
    margin: 0;
    padding: 0;
}
#essays_list .author_location {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
}
#essays_content #main_column {
    width: 630px;
    padding: 0;

}
#essays_content #side_column {
    width: 290px;
    padding: 0;
    float: left;
}
#essays_content .row-content {
    font-size: 14px;
    line-height: 24px;
}
#essays_list .ah3 {
    /* margin-bottom: 10px; */
}

/* full essay */
#essays_content .ah2 {
    font-size: 40px;
    line-height: 40px;
}
#main_column.full_essay .strong {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999999;
}

#essays_content .subnav-options {
    margin: 10px 0 10px 0;
}

.sidebar_image_gallery .continue_reading {
    margin-top: 10px;
}


/* about author */
.author-details {
    border-top: 1px solid #999999;
    padding: 0;
}
.author-details .gh1 {
    margin: 0;
}
.author-details .grid_2 {
    width: 120px;
    margin-right: 30px;
}
.author-details .grid_8 {
    margin: 0px;
    width: 480px;
}
.author-details .gh2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.author-details .author-biog {
    font-size: 14px;
    line-height: 24px;
}

/* featured essays */
.featured_essay_left {
    width: 253px;
    float: left;
    line-height: 1em;
}
.featured_essay_left .author {
    font-size: 12px;
}
.featured_essay_right {
    width: 20px;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    vertical-align: top;
    line-height: 10px;
}





.featured_essays .continue_reading {

    padding: 0;
    line-height: 14px;
}

.featured_essays .from_list {
    border-bottom: 1px solid #999999;
}
.featured_essays .first {
    border-bottom: 1px solid #999999;
}
.featured_essays .from_list .ah5 {
    font-size: 16px;
}

/* ------------ */
/* PUBLICATIONS */
/* ------------ */

#publications_list .publication .main_chapter_publication{
    margin-bottom: 15px;
}

#publications_list .publication{
    margin-top: 25px;
    border-top: 1px solid #999999;
    padding-top: 30px;
}

#publications_list .publication.first_publication{
    margin-top: 0px;
    border-top: none;
    padding-top: 0px;
}

#publications_list .publication .publication_chapter{
    width: 308px;
    height: 60px;
    border-top: 2px solid #33398d;
    padding-top: 15px;
    float: left;
}
#publications_list .publication .date_publication{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 6px 0 6px 0;
    margin: 0 0 15px 0;

}

#publications_list .publication .publication_chapter p,
.chapters_side_bar p{
    background: url(/images/point-right-grey.png) no-repeat right 5px;
    padding-right: 12px;
}

#publications_list .publication .publication_chapter a,
.chapters_side_bar a{
    text-decoration: none;
}

#publications_list .publication .mr25{
    margin-right: 25px;
}


#content #publications_list .side_column{
    float: right;
     width: 290px;
}


#content #publications_list .chapter_name,
.chapters_side_bar p span.chapter_name{
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
}

/* INDIVIDUAL PUBLICATION */
.publications_image img{
    width: 100%;
    margin: 20px 0 35px 0;
}

.chapters_side_bar{
    padding: 22px 0;
}



.publications_list {
    display: inline-block;
    margin-top: 40px;
    clear: both;
    border-bottom: 1px solid #dedede;

}


.publications_panel {
    width: 450px;
    float: left;
    margin-bottom: 40px;
}

.publications_panel.first {
    clear: both;
    margin-right: 56px;
}

.publications_panel img {
    margin-bottom: 20px;
}

.publication_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    line-height: 22px;
}

.publication_author {
    display: block;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding-bottom: 11px;
    font-weight: bold;
    padding-top: 3px;
    font-size: 14px;
}

.publication_title a, .project_title a:visited, .project_title a:hover, .project_title a:active {
    text-decoration: none;
}

.publication_subtitle {
    font-size: 16px;
    display: inline-block;
}

.publication_subtitle a, .publication_subtitle a:visited, .publication_subtitle a:hover, .publication_subtitle a:active {
    text-decoration: none;
}





/* ------------- */
/*    CHANNEL    */
/* ------------- */

#channel_list .channel_item .main_chapter_publication{
    margin-bottom: 15px;
}

#channel_list .channel_item{
    margin-top: 25px;
    border-top: 1px solid #999999;
    padding-top: 30px;
}

#channel_list .channel_item.first_publication{
    margin-top: 0px;
    border-top: none;
    padding-top: 0px;
}

#channel_list .channel_item .channel_chapter{
    width: 308px;
    height: 60px;
    border-top: 2px solid #cc7520;
    padding-top: 15px;
    float: left;
}
#channel_list .channel_item .date_publication{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 12px 0 10px 0;
    margin: 0 0 15px 0;
    font-size: 12px;
}

#channel_list .channel_item .channel_chapter p,
.chapters_side_bar p{
    background: url(/images/point-right-grey.png) no-repeat right 5px;
    padding-right: 12px;
}

#channel_list .channel_item .channel_chapter a,
.chapters_side_bar a{
    text-decoration: none;
}

#channel_list .channel_item .mr25{
    margin-right: 25px;
}


#content #channel_list .side_column{
    float: right;
    width: 290px;
    position: relative;
}


#content #channel_list .chapter_name,
.chapters_side_bar p span.chapter_name{
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
}

/* INDIVIDUAL PUBLICATION */
.publications_image img{
    width: 100%;
    margin: 20px 0 35px 0;
}

.chapters_side_bar{
    padding: 22px 0;
}

/*.section-channel #channel_list .side_column .clickable {
    width: 290px;
    position: relative;
}*/

.section-channel #channel_list .side_column .clickable .play-btn {
    width: 290px;
    height: 290px;
    background: url(/images/play-icon.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}



/* ------- */
/* REVIEWS */
/* ------- */

/* reviews list */
#reviews_content .gray-rule-rule {
    border-top: 2px solid #67bc29;
}
#channel_content .gray-rule-rule {
    border-top: 2px solid #cc7520;
}
#reviews_content .review {
    margin-top: 20px;
    border-top: 1px solid #999999;
    padding-top: 30px;
}
#reviews_content .review.first_review{
    border: none;
    padding-top: 0;
    margin: 0;
}
#reviews_content .author_location {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
}
#reviews_content #main_column {
    width: 630px;
    padding: 0;

}
#reviews_content #side_column {
    width: 290px;
    padding: 0;
    float: left;
}
#reviews_content .row-content {
    font-size: 14px;
    line-height: 24px;
}
#reviews_content .row-content div{
    line-height: 1.6em;
    font-size: 13px;
}
#reviews_content .ah3 {
    margin-bottom: 10px;
}

/* single review */
.event_details {
    border-bottom: 1px solid #999999;
    padding: 0;
}


/* fetured reviews */
.featured_review_row {
    line-height: 1em;
}



#reviews_content .featured_reviews .clickable {
    border-top: none;
    margin: 0;
    padding: 0;
}

.featured_review_row_text {
    width: 295px;
    margin: 0;
    padding: 0;
    float: left;
}
.featured_review_row_image {
    float: left;
}
.featured_review_row .author {
    font-size: 13px;
}

.featured_review_left {
    width: 260px;
    float: left;
    padding: 0;
    margin: 0;
}
.featured_review_right {
    width: 20px;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    vertical-align: top;
    line-height: 10px;
}

.featured_reviews #row-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
.featured_reviews .continue_reading {

    padding: 0;
    line-height: 14px;
}

.featured_reviews .from_list {
    border-bottom: 1px solid #999999;
    padding: 10px 0 10px 0;
}
.featured_reviews .from_list .ah5 {
    font-size: 16px;
}

.featured_reviews .author {
    line-height: 16px;
}


/* single reatured review (homepage)*/
.single_review_col1 {
    float: left;
    width: 255px;
}
.single_review_col2 {
    float: left;
    width: 40px;
}
.single_review_col3 {
    float: left;
    width: 80px;
}


/* --------- */
/* FOOTNOTES */
/* --------- */
.footnotes {
    border-top: 1px solid #999999;
    padding: 30px 0 30px 0;

    font-size: 12px;
    color: #777777;

}
.footnotes .gh1 {
    margin-bottom: 20px;
    color: #000000;
}
.footnotes  p, .footnotes ul li, .footnotes ol li{
    line-height: 20px;
}
.footnotes p {
    margin: 0;
}


/* ---------- */
/* REFERENCES */
/* ---------- */
.references {
    border-top: 1px solid #999999;
    padding: 30px 0 30px 0;

    font-size: 12px;
    color: #777777;
}
.references .gh1 {
    margin-bottom: 20px;
    color: #000000;
}
.references p, .references ul li, .references ol li {
    line-height: 20px;

}
.references p {
    margin: 0;
}


/* ---- */
/* TAGS */
/* ---- */
.tags {
    border-top: 1px solid #999999;
    padding: 20px 0 20px 0;
    line-height: 30px;
}
.tags .gh1 {
    margin-bottom: 0;
    margin-right: 20px;
    float: left;
    line-height: 30px;
}
a.tag {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 8px;
    font-weight: bold;
    border: 1px solid #e8e8e8;
    margin-right: 5px;
    white-space: nowrap;
}


/* ----- */
/* ABOUT */
/* ----- */

/*
.section-about #content #main_column {
    width: 630px;
    margin: 0 20px 0 0;
}
.section-about #content #side_column {
    width: 290px;
    margin: 0 0 0 20px;
}
*/
.about_content {
    font-size: 14px;
    line-height: 24px;
}


/* -------------- */
/* SEARCH RESULTS */
/* -------------- */
#searchresults_rows ul{
    margin: 0;
    padding: 0;
}

.section-searchresults .strong{
    font-size: 14px;
    margin-bottom: 30px;
}
.section-searchresults .searchresult_heading {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;

    padding: 10px 0 4px 0;
    display: block;
}


.section-searchresults .simple_list ul{
    list-style: none;

}
.section-searchresults .simple_list ul li{
    padding: 0;
    margin: 0 0 30px 0;
}
.section-searchresults .description {

    margin-top: 20px;
}

.filepath a {
    color: #999999;
    text-decoration: none;
    font-size: 12px;
    margin-right: 20px;
    font-style: italic;
}


/* ------------- */
/* CYCLE GALLERY */
/* ------------- */
#module-media_gallery {
background: none;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Arial, Sans-Serif;
font-size: 12px;
}
#media_gallery {
    width: 640px;
    height: 503px;
    overflow: hidden;
    position: relative;
}

    #media_gallery .next_image{
        position: absolute;
        top: 170px;
        width: 44px;
        height: 61px;
        display: block;
        background: red;
        right: 0;
        z-index: 1000;
        cursor: pointer;
        display: none;
        background: url("/images/right.png") center center no-repeat;
    }

    #media_gallery .previous_image{
        position: absolute;
        top: 170px;
        width: 44px;
        height: 61px;
        display: block;
        background: red;
        z-index: 1000;
        cursor: pointer;
        display: none;
        background: url("/images/left.png") center center no-repeat;
    }


#media_gallery .slideshow {
margin: 0 auto 10px;
width: 640px;
height: 400px;
overflow: hidden;
margin-bottom: 0;
}

#media_gallery .slideshow .item {
text-align: center;
width: 640px;
height: 400px;
overflow: hidden;

}

#media_gallery .slideshow .item .image {
    background-color: #F4F4F4;
    background: none;
    height: 400px;
    width: 640px;
    display: table;
    overflow: hidden;

}
#media_gallery .slideshow .item .image span {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 400px;
width: 640px;
overflow: hidden;

}
#media_gallery .slideshow .item .image span img {
    vertical-align: middle;
}

#media_gallery #slideshow_thumbnails_container {
width: 640px;
position: relative;
margin-bottom: 6px;
}

#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails {
width: 570px;
height: 103px;
margin: 0 auto;
overflow: hidden;
}

#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul {
    float: left;
    margin: 0 auto;
    width: 570px;
    height: 91px;

    list-style-type: none;
    padding-left: 0;
    top: 12px !important;


    display: block;
    height: 91px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 570px;
    z-index: 4;

}

#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li {
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 85px;
    height: 85px;
    background-color: #F4F4F4;
    background: none;
    margin-right: 2px;
    margin-bottom: 0;
    margin: 0 5px;
    padding-top: 3px;
}
#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li.last {
margin-right: 0;
}
#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a {
    display: block;
    width: 85px;
    height: 85px;
    outline: none;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
}
#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a span {

}

#media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a.active {
                    position: relative;
                }

                #media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a .thumb_border{
                    display: none;
                }
                #media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a .thumb_arrow{
                    display: none;
                }

                #media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a.active .thumb_border{
                    position: absolute;
                    display: block;
                    width: 85px;
                    height: 85px;
                    border: 3px solid #ccc;
                    top: -3px;
                    left: -3px;
                    z-index: 1000000000;
                }
                #media_gallery #slideshow_thumbnails_container #slideshow_thumbnails ul li a.active .thumb_arrow{
                    position: absolute;
                    display: block;
                    width: 85px;
                    height: 12px;
                    background: url(/images/slideshow_thumb_arrow.png) no-repeat;
                    top: -15px;
                }

#slideshow_thumbnails_prev,
#slideshow_thumbnails_next {
height: 70px;
margin-bottom: 0;
width: 25px;
clear: none;
position: absolute;
top: 0;
z-index: 100;
padding: 0;
}
#slideshow_thumbnails_prev,
#slideshow_thumbnails_next {
height: 85px;
margin-bottom: 0;
width: 29px;
clear: none;
position: absolute;
top: 15px;
}
#slideshow_thumbnails_prev .link,
#slideshow_thumbnails_next .link {
margin: 0;
}
#slideshow_thumbnails_prev {
left: 0;
}
#slideshow_thumbnails_prev a {
    background: url(/lib/archimedes/images/icon_left_large.png) center center no-repeat #f4f4f4;
    background: url(/images/icon_left_large.png) center center no-repeat #f4f4f4;
}
#slideshow_thumbnails_next {
right: 0;
}
#slideshow_thumbnails_next a {
    background: url(/lib/archimedes/images/icon_right_large.png) center center no-repeat #f4f4f4;
    background: url(/images/icon_right_large.png) center center no-repeat #f4f4f4;
}

#slideshow_thumbnails_prev a,
#slideshow_thumbnails_next a {
display: block;
text-indent: -9999px;
height: 85px;
width: 29px;
outline: none;
padding: 0;
}
#slideshow_thumbnails_prev a:hover,
#slideshow_thumbnails_next a:hover {
background-color: #f8f8f8;
}

.prev_next_disabled #slideshow_thumbnails_prev,
.prev_next_disabled #slideshow_thumbnails_next {
display: none;
}
/*
#slideshow_caption_container {
width: 630px;
height: 82px;
border-top: 3px solid #F4F4F4;
padding-top: 8px;
}
#slideshow_caption {
width: 630px;
height: 82px;
line-height: 16px;
overflow: none;
font-size: 11px;
}

#slideshow_caption h2, h3 {
margin: 0; display: inline;
}

#slideshow_caption .description {
color: #4F5052;
font-family: arial,sans-serif;
font-size: 13px;
line-height: 1.5em;
}
*/
#slideshow_caption {
    display: block;
}


/* --------------- */
/* Embedded images */
/* --------------- */

#main_column .embedded_img_img img {
    border: 1px solid #dedede;
}

/* -------- */
/* FANCYBOX */
/* -------- */
.image_full_info .image_info_photographer{
    font-weight: bold;
    font-size: 14px;
}
.image_full_info .image_info_caption{
    font-size: 14px;
margin: 0; display: inline;
}

#slideshow_caption .description {
color: #4F5052;
font-family: arial,sans-serif;
font-size: 13px;
line-height: 1.5em;
}
*/
#slideshow_caption {
    display: block;
}


/* --------------- */
/* Embedded images */
/* --------------- */

#main_content .embedded_img_img {

}

/* -------- */
/* FANCYBOX */
/* -------- */
.image_full_info .image_info_photographer{
    font-weight: bold;
    font-size: 14px;
}
.image_full_info .image_info_capt
}
.embedded_img_caption .image_full_info .image_info_caption {
    font-size: 11px;
}
/*
#fancybox-left, #fancybox-right {
    width: 50px;
    left: auto;
    z-index: 1199;
}
#fancybox-left {
    right: 50px;
}

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

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

}

#fancybox-right-ico {
    top: auto;
    bottom: 5px;
    z-index: 1200;
}
#fancybox-left-ico {
    top: auto;
    bottom: 5px;
    z-index: 1200;
}

#fancybox-title-inside {
    z-index: 1102;
}
*/

.footer_caption {
    color: silver;
}

.play_inside_video_img_container{
    position: absolute;
    top: 0;
    left: 0;
    background: url('/images/play_icon_white.png') no-repeat center;
    width: 150px;
    height: 100px;
}

.no_arrows #slideshow_thumbnails_prev a, .no_arrows #slideshow_thumbnails_next a{
    display: none;
}
#media_gallery #slideshow_thumbnails_container.no_arrows #slideshow_thumbnails {
    float: left;
}

/* ----- */

/* strapline */
.strapline_0,
.strapline_1
{
    display: inline;
    float: right;
    width: 360px;
    margin-top: 28px;
    margin-right: 25px;


    font-family: Arial, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.strapline_1
{
    color: #FFFFFF;
}
.strapline_0 p,
.strapline_1 p
{
    text-align: right;
}

/* search box */
.top_navigation_wrapper .search_box
{
    border: 1px solid #999999;
    color: #999999;
    float: right;
    height: 10px;
    padding: 5px 10px 5px 5px;
    width: 130px;
}
/* horizontal menu */
.top_navigation_wrapper .frontpage_first_column.grid_12
{
    width: auto;
    margin-right: 0;
}
.top_navigation_wrapper .frontpage_second_column.grid_4
{
    width: 160px;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_interviews.active a
{
    background-color: #BDAF2C;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_interviews a:hover
{
    background-color: #BDAF2C;
    color: #fff;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_projects.active a
{
    background-color: #A00088;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_projects a:hover
{
    background-color: #A00088;
    color: #fff;
}

/* colours */
.section-interviews .thick-line
{
    border-color: #BDAF2C;
}
.section-projects .thick-line
{
    border-color: #A00088;
}

/* player */
.play_button
{
    background: url(/images/play_audio.png) no-repeat;
    width: 151px;
    height: 45px;
    border: 1px solid black;
    float: left;

    /*display: none;*/
}
.audio_player
{
    float: left;
    margin-top: 12px;
    margin-left: 20px;

    /*margin-left: 0;*/
}

/* footer */

.footer_middle {
    width: 642px;
}
    .footer_middle #add_this {
        float: right;
    }
    .footer_middle .links {
        float: left;
    }
    .footer_middle .links a {
        text-decoration: none;
        margin-right: 20px;
        float: left;
        padding: 5px 0px 3px 35px;
        font-weight: bold;
        font-size: 0.9em;
        text-transform: uppercase;
        font-family: Arial, Sans-Serif;
    }
        .footer_middle .links a#link_signup {
            background: url(/images/sn_newsletter.png) no-repeat left center;
            background: url(/images/icon_newsletter.png) no-repeat left center;
        }
        .footer_middle .links a#link_facebook {
            background: url(/images/sn_facebook.png) no-repeat left center;
            background: url(/images/icon_facebook.png) no-repeat left center;
        }
        .footer_middle .links a#link_twitter {
            background: url(/images/sn_twitter.png) no-repeat left center;
            background: url(/images/icon_twitter.png) no-repeat left center;
        }
        .footer_middle .links a#link_rss {
            background: url(/images/sn_rss.png) no-repeat left center;
            background: url(/images/icon_rss.png) no-repeat left center;
        }
        .footer_middle .links a#link_instagram{
            background: url(/images/icon_instagram.jpg) no-repeat left center;
        }


.footer_bottom {
    width: 642px;
}
    #footer .footer_bottom {
        border-top: 1px solid #dedede;
    }


.footer_top {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}
    .footer_logo {
        float: left;
    }
        .footer_logo img {
            float: left;
        }
    #footer .footer_copyright {
        float: right;
        margin-top: 65px;
    }
        #footer .footer_copyright .copyright2 a {
            color: #000;
            background: url("/images/point-right.gif") no-repeat left top;
            padding: 0 0 0 17px;
        }



.section-home .featured_essays
{
    border-top: 1px solid #999999;
}


.ah1
{
    font-size: 26px;
    margin-bottom: 3px;
}
.ah3
{
    font-size: 24px;
    margin-bottom: 6px;
}


.section-news .thick-line {
    border-color: #2BBCB5;
}

.top_navigation_wrapper {
    clear: both;
    margin: 0 0 15px;
}

.top_navigation_wrapper #custom_topnav ul li.menu_item_news.active a {
    background-color: #2BBCB5;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_news a:hover {
    background-color: #2BBCB5;
    color: #fff;
}
.section-publications .thick-line {
    border-color: #343D8C;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_publications.active a {
    background-color: #343D8C;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_publications a:hover {
    background-color: #343D8C;
    color: #fff;
}
.section-about .thick-line, .section-about-us .thick-line {
    border-color: #67bc29;

}
.top_navigation_wrapper #custom_topnav ul li.menu_item_about.active a {
    background-color: #67bc29;
}
.top_navigation_wrapper #custom_topnav ul li.menu_item_about a:hover {
    background-color: #67bc29;
    color: #fff;
}


/* search archive */
#search_archive
{
    color: #000000;
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;

    float: right;

    background: url(/images/point-down-grey.png) no-repeat right top;
    padding-right: 20px;

}

#search_archive_options
{
    float: left;
    width: 960px;
    border-bottom: 1px solid #999999;
    display: none;
    margin-bottom: 20px;
}

    #search_archive_options .column
    {
        float: left;
        min-height: 185px;
        width: 200px;
        padding: 0 27px 0 26px;
    }

    #search_archive_options .column.alpha
    {
        border-right: 1px solid #999999;
        padding-left: 0;
    }

    #search_archive_options .column.omega
    {
        float: right;
        padding-right: 0;
    }

    #search_archive_options label
    {
        color: #000000;
        font-family: Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        padding-bottom: 8px;
        float: left;
    }

    #search_archive_options .search_field
    {
        font-size: 12px;
        border: 1px solid #ccc;
        padding: 7px 10px 7px 10px;
        width: 178px;
        height: 14px;
        font-family: 'Arial', sans-serif;
        color: #898989;
    }

    #search_archive_options select.search_field
    {
        width: 200px;
        height: 30px;
    }

    #search_archive_options .submit_search
    {
        float: left;
        margin-top: 5px;
        padding: 0 0 0 10px;
        background: url(/images/point-right.gif) no-repeat -5px top;

        font-weight: bold;
        text-decoration: none;
        font-family: Arial, Sans-Serif;
    }

    #search_archive_options .between_and
    {
        background: url('/images/grey-border.png') repeat-x center;
        padding-top: 9px;
        padding-bottom: 7px;
        width: 200px;

    }

    #search_archive_options .between_and span
    {
        color: #999999;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        padding-bottom: 5px;
        background: #ffffff;

        margin-left: 79px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .submit_button
    {
        display: none;
    }


    #searchresults_rows ul li .description.no_title
    {
       border-top: 1px solid #999999;
       padding-top: 20px;
    }

    #custom_topnav
    {
        float: left;
    }


.filepath
{
    display: none;
}


/* AddThis overrides
----------------------------------------------- */

    .atss a {
        margin: 0 0 3px !important;
        padding: 0 !important;
    }
    .atss a .at-icon-wrapper {
        background: rgba(170,170,170,0.6) !important;
    }
    .atss a .at-icon-wrapper:hover {
        background: rgba(170,170,170,1) !important;
    }
    .atss a .at-icon-wrapper > div {
        display: none !important;
    }

    /* 2016 - addthis changed their classes and markup, the following is now depricated

        .addthis_top {
            float: right;
        }
        .addthis_top .wording{
            float: left;
            font-weight: bold;
            padding-right: 4px;
            padding-top: 3px;
            font-size: 12px;
        }

        .addthis_top .addthis_toolbox.addthis_default_style {

            float: right !important;
        }

        .at300bs.at15t_facebook {
            background: url(/images/sn_facebook_sm.png) no-repeat !important;
            width: 23px;
            height: 24px;
            background: url(/images/icon_facebook_sm_white.png) no-repeat !important;
        }
        .at300bs.at15t_twitter {
            background: url(/images/sn_twitter_sm.png) no-repeat !important;
            width: 23px;
            height: 24px;
            background: url(/images/icon_twitter_sm_white.png) no-repeat !important;
        }
        .at300bs.at15t_email {
            background: url(/images/sn_email_sm.png) no-repeat !important;
            width: 23px;
            height: 24px;
            background: url(/images/icon_email_sm_white.png) no-repeat !important;
        }

        .addthis_bottom {
            border-top: 1px solid #999;
        }

        .addthis_bottom h2 {
            float: left;
            margin-right: 20px;
            padding-top: 1px;
        }

        .addthis_bottom .wording{
            float: left;
            font-weight: bold;
            padding: 4px 20px 0 8px;
            font-size: 12px;
        }

        #at16pf, #at16meo {
            display: none !important;
        }

        #at16pm {
            height: 320px !important;
        }

        #at16pc form input:focus, #at16pc textarea:focus {
            background: none !important;
        }

        #at16p .atbtn:hover,
        #at16recap .atbtn:hover {
            color: #333 !important;
            border-color: #b5b5b5 !important;
        }

        #at16pcc .at_error, #at16recap .at_error {
            background: #CC3C21;
        }

        #at_email input, #at_email textarea {
            border: 1px solid #bbbbbb !important;
        }
    */


                

/* ------------- */
/* MEDIA GALLERY */
/* ------------- */
.module-media_gallery {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 20px 0;
}


#fancybox-close,
#fancybox-right-ico,
#fancybox-left-ico {
    background-position: 0 0;
}
#fancybox-close,
#fancybox-right,
#fancybox-left {
    bottom: 10px;
}
#fancybox-title {
    font-size: 13px;
    line-height: 1.2em;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 39px !important;
}
#fancybox-title-inside {
    padding: 7px 0 7px;
    margin: 0 110px 0 0;
    line-height: 1.4em;
}

table {
    margin-bottom: 5px;
}

/* ------------- */
/* PROJECTS PAGE */
/* ------------- */

.projects_top_features {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dedede;
    height: 433px;
    display: block;
}

#project_highlights {
    position: relative;
    height: 433px;
    width: 637px;
    float: left;
    overflow: hidden;
}

#project_highlights .slide {
    position: absolute;
    left: 0;
    top: 0;
}

#project_highlights .slide_left,
#project_highlights .slide_right {
    position: absolute;
    z-index: 10;
    width: 44px;
    height: 62px;
    top: 186px;
    display: none;
}

#project_highlights .slide_left {
    left: 0;
    background: url(/images/left.png) center center no-repeat;
}

#project_highlights .slide_right {
    right: 0;
    background: url(/images/right.png) center center no-repeat;
}

.project_overlay {
    position: absolute;
    color: white;
    bottom: 0;
    left: 0;
    background: url(/images/slideshow_image_caption_bg.png) repeat;
    display: block;
    width: 100%;
    padding: 20px;
}

#projects_description {
    float: right;
    width: 290px;
}

.projects_list {
    display: inline-block;
    margin-top: 40px;
    clear: both;
    border-bottom: 1px solid #dedede;

}

.project_panel {
    width: 450px;
    float: left;
    margin-bottom: 40px;
}

.project_panel.first {
    clear: both;
    margin-right: 56px;
}

.project_panel img {
    margin-bottom: 20px;
}

.project_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.project_title a, .project_title a:visited, .project_title a:hover, .project_title a:active {
    text-decoration: none;
}

.project_author {
    font-size: 16px;
    display: inline-block;
}

.project_author a, .project_author a:visited, .project_author a:hover, .project_author a:active {
    text-decoration: none;
}

#project_highlights .project_title a,
#project_highlights .project_author a {
    color: #fff;
}



/* ABOUT PAGE - STAFF */
.staff {
    width: 642px;
}
.staff .description {
    padding-top: 15px;
    padding-bottom: 10px;
    display: none;
    width: 642px;
}
.staff .description.displayed {
    /*position: relative;*/
}
.staff .job_position {
    border-top: 1px solid #dedede;
    padding-top: 15px;
    padding-bottom: 7px;
    width: 100%;
}
.staff .job_position h3 {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(/images/point-down-grey2.png) no-repeat right;
    margin: 0;
    padding: 3px 0 8px 0;
}
.staff .job_position h4 {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 3px 0 10px 0;
}
.clickable {
  cursor: pointer;
}
.not_clickable {

}
.job_position a, .job_position a:hover, .job_position a:visited {
    text-decoration: none;
}