/* ----- TOPICS PAGE ----- */

#topics-pg table {
    margin-top: 10px;
}

#topics-pg td {
    width: 160px;
    padding-right: 20px;
    vertical-align: top;
    text-align: center;
    height: 160px;
}
/*div based topics output*/
.topic-item {
display:block;
float: left;
height:160px;
width:160px;
margin-right:20px;
margin-bottom:20px;
text-align: center;

}

#topics-pg h3, #topics-kinds h3, .topic-item h3 {
    font-family: 'MuseoSlab500', arial, helvetica, geneva;
    font-weight: normal;
}

#topics-pg h3 a, #topics-kinds h3 a, .topic-item h3 a {color: #002878;}

#topics-pg h1 {
    margin-top: 10px;
    font-size: 2.5em;
}

div.topics-kinds-item { /*button on news by topic landing page*/
    font-size: 1em;
}

/*    ALL TAG PAGES    */
p#google-tag-search.morelink {
    width: 400px;
}

/*    basic tag page: non-hub */
.basic {
margin-top: 10px; /*same as #s1 */
}
.basic #morenews {
    border:none;margin-top:0px;padding-top:0px;
}

/* ----- HUB PAGE ----- */

.story-hub h1 {
    font-size: 2.5em;
    margin-top: 10px;
}

.hub div#s1, .hub div#si {
    border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    float: left;
}

.hub div#s1 {
    width: 220px; 
    margin-right: 20px;
}
.hub div#s1.fullwidth {
    width:100%;
}

.hub div#si {
    width: 460px;
}
.hub div#morenews {
    float: left;
    margin-right: 20px;
    width: 460px;
}
.hub div#resources {
    float: left;
    width: 220px;
}

div#video2 h3 {
    margin-top: 20px;
}

div.vid-wrapper {
    float: left;
    width: 340px;
}
div.vid-wrapper:first-of-type, div.vid-wrapper.first {
    margin-right:20px;
} 

div#video div.button p {
    margin-top: 0;
    margin-bottom: 0;
}

.hub div#resources a {
    color: #002878;
    text-decoration: underline;
}

/* ----- PRESS RESOURCES PAGE ----- */

div.press-resources h1 {
    font-size: 2.5em;
    margin-top: 10px;
}

div.press-resources td {
    text-align: left !important;
    width: 220px !important;
    padding-right: 20px;
    vertical-align: top;
}

div.press-resources h2 {
    border-top: 6px solid #333;
    padding-top: 20px;
}

div.press-resources div.button {
    margin-bottom: 10px;
    margin-top: -5px;
}

/* ----- PRESS CONTACT PAGE ---- */

.press-contact div#contact {
    width: 180px;
    background: url('../images/gradient3.jpg');
     height: 275px; /*relative to height of contents*/
}

.press-contact h1 {
    font-size: 2.5em;
    margin-top: 10px;
}
.press-contact div#content {
    width: 460px;
    float: left; 
    margin-right: 20px;
}

.press-contact h2 {
    margin-top: 20px;   
    border-top: 6px solid #333;
    padding-top: 20px;
}
.press-contact div#contact h2 {
    border-top: 0;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0;
}
.press-contact p {
    font-size: .95em;
}

.press-contact div#contact div.button {
    margin-top: 20px;
}

div#press-staff-list {
    width: 220px;
    float: left;
}

div#press-staff-list h3 {
    font-family: helvetica, arial, geneva, sans-serif;
    margin-bottom: 0;
}

/* -- Commented out by Alejandro so press-staff list links match story links style -- */
/* div#press-staff-list a:link {color: #333; text-decoration: none;}
div#press-staff-list a:visited {color: #333; text-decoration: none;}
div#press-staff-list a:hover {color: #333; text-decoration: underline;}
div#press-staff-list a:active {color: #333; text-decoration: none;} */
/*workaround for content level link styles - press contact page only*/
div#press-staff-list a, div#story div.press-contact div#content a, div#story div#manual_content a, div#story div.press-resources div.media_entry a, div#story div.press-resources div.media_entry_tall a, div#story div.hub div#s1 div p a, div#story div.expert div p a {
    color: #002878; 
    text-decoration: underline;
}


div#press-staff-list p {
    margin-top: 0;
}

/* MEDIA RESOURCES */

div.media_resource_desc {
min-height: 150px;
}
div.media_resource, div.media_resource_wide {
float: left;
padding-right: 20px;
padding-bottom: 15px;
min-height: 210px;
}

div.media_resource {
width: 210px;
}

div.media_entry {
height: 165px;
}

div.media_resource div.button, div.media_resource_wide div.button {
height: 23px;
margin-top:10px;
} 

div.media_resource_wide {
width: 446px;
}

div.media_entry_tall {
/*height:240px;*/
height: 270px;
    overflow: visible;
    padding-bottom: 20px;
}

/* All Topics list page */

div.topic_list_all {
clear:both;
width:390px;
}

.topic_list_all h3 {
float: left;
width: 250px;
}

div#story div.topic_list_all div.subscribe-button {
float: right;
}

div#story div.topic_list_all div.subscribe-button a {
background-color: #DCDCDC;
 margin-top: 2px;
}

/*story hub slideshow*/
/* variant slideshow dimensions */
#slideshow-container {
    height: 307px;
/*347 + 30 for controls*/
    margin-right: 20px;
    width: 460px;
}
#slideshow {
    height: 307px;
}
#slideshow .slide {
    height: 307px;
}
#slideshow .slide img {
    height: 307px;
    width: 460px;
}
#slideshow .caption {
    height: 40px;
    width: 420px;
    
}