/*************************************************
 * Site Name: School of Public Health
 * 
 * Description: Sidebar stylesheet
 * Author: IU Communications 
 * Author URI: http://communications.iu.edu
 ************************************************/
 
/****************************************
 * Sidebar
 ****************************************/
 
#sidebar {
    display: table-cell;
    padding: 30px 20px 0 0;
    position: relative;
    width: 220px;
    z-index: 2; 
}


/****************************************
 * Generic Container
 ****************************************/
 
#sidebar .container {
    background: #ece9dd;
    font-size: 0.923em; /* 12px (12/13) */
    line-height: 1.500em; /* 18px (18/12) */
    margin: 0 0 20px 0;
    overflow: hidden;
    padding: 13px 13px 0 13px;
    width: 194px;
}

/* Headings */

#sidebar .container h1,
#sidebar .container h2,
#sidebar .container h3 {
    background: #252424;
    color: #fff;
    font-size: 1.667em; /* 20px (20/12) */
    line-height: 1em; /* 20px (20/20) */
    margin: -13px -13px 15px 9px;
    padding: 8px 9px 10px 9px;
    width: 180px;   
}
#sidebar .container h4 {
    font-size: 1.333em; /* 16px (16/12) */
    line-height: 1.250em; /* 20px (20/16) */
    margin: 0 0 10px 0; 
}
#sidebar .container h5 {
    font-family: "LatoBold", Arial, Helvetica, sans-serif;
    font-size: 1.083em; /* 13px (13/12) */
    line-height: 1.308em; /* 17px (17/13) */
    margin: 0 0 10px 0; 
}
#sidebar .container h6 {
    font-family: "LatoBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.333em; /* 16px (16/12) */
    margin: 0 0 10px 0; 
}


/* Photo Header */

#sidebar .container .photo-header {
    margin: -13px -13px 15px -13px;
    overflow: hidden;
    position: relative;
    text-align: right;  
    zoom: 1; /* IE has layout */
}
#sidebar .container .photo-header img {
    float: left;
    margin: 0;  
    width: 100%;
}
#sidebar .container .photo-header h1,
#sidebar .container .photo-header h2,
#sidebar .container .photo-header h3 {
    bottom: 0; 
    margin: 0 0 0 9px;
    position: absolute;
    right: 0;   
}

/* Paragraphs */

#sidebar .container p {
    margin: 0 0 10px 0; 
}

/* Images */

#sidebar .container img {
    margin: 0 0 10px 0;
}

/* Lists */

#sidebar .container ul {
    margin: 0 0 10px 15px;  
}
#sidebar .container ol {
    margin: 0 0 10px 20px;  
}
#sidebar .container li ul,
#sidebar .container li ol {
    margin-bottom: 0;   
}
#sidebar .container dt {
    font-size: 0.833em; /* 10px (10/12) */  
    line-height: 1.600em; /* 16px (16/10) */
    text-transform: uppercase;
}

/* Photo and Caption */

#sidebar .container .photo-caption {
    color: #252424;
    font-size: 0.833em; /* 10px (10/12) */
    line-height: 1.600em; /* 16px (16/10) */
    margin: 0 0 15px 0;
    width: 194px;
}
#sidebar .container .photo-caption img {
    margin: 0;  
}

/* Slideshow */

#sidebar .container .slideshow {
    margin: 0 0 15px 0;
    width: 194px;   
}
#sidebar .container .slideshow img {
    margin: 0;
    width: 100%;    
}
#sidebar .container .slideshow .lightbox {
    display: block;
    margin: 0 0 5px 0;
    position: relative;
    width: 194px;   
}
#sidebar .container .slideshow .lightbox-hidden .lightbox {
    display: inline;
    margin: 0;
    width: auto;
}
#sidebar .container .slideshow .launch {
    background: url(../img/main/sidebar/container/launch-slideshow.gif) no-repeat;
    cursor: pointer;
    display: block;
    height: 44px;
    left: 50%;
    margin: -22px 0 0 -72.5px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 145px;   
}
#sidebar .container .slideshow .lightbox:hover .launch,
#sidebar .container .slideshow .lightbox:focus .launch {
    background-position: 0 -44px;   
}

/* Video */

#sidebar .container .video {
    margin: 0 0 15px 0;
    width: 194px;
}
#sidebar .container .video img {
    margin: 0;
    width: 100%;
}
#sidebar .container .video .lightbox {
    display: block;
    position: relative;
    width: 194px;   
}
#sidebar .container .video .play {
    background: url(../img/main/sidebar/container/play.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 82px;
    left: 50%;
    margin: -41px 0 0 -41px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 82px;
}
#sidebar .container .video .lightbox:hover .play,
#sidebar .container .video .lightbox:focus .play {
    background-position: 0 -82px;   
}

/* More */

#sidebar .container .more {
    position: relative; 
}
#sidebar .container .more a {
    background: #fff url(../img/main/sidebar/container/bg-more.gif) no-repeat 159px 50%;
    display: table-cell;
    font-family: "LatoBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px (12/12) */
    height: 43px;
    line-height: 1.167em; /* 14px (14/12) */
    padding: 0 46px 0 8px;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
    width: 180px;
}
#sidebar .container .more a:hover,
#sidebar .container .more a:focus {
    background: #fff url(../img/main/sidebar/container/bg-more-hover.gif) no-repeat 159px 50%;
}



/****************************************
 * News Release Containers
 ****************************************/
 
/* Print & Share */

#sidebar .news-print-share {
    background: none;
    border-top: 2px solid #ece9dd;
    border-bottom: 2px solid #ece9dd;
    padding-top: 0;
}
#sidebar .news-print-share ul {
    list-style: none;
    margin: 5px 0;
    overflow: hidden;
}
#sidebar .news-print-share ul li {
    float: left;
    margin: 0 20px 0 0; 
}
#sidebar .news-print-share ul li.news-print a,
#sidebar .news-print-share ul li.news-share a {
    padding: 0 0 0 20px;
}
#sidebar .news-print-share ul li.news-print a {
    background: url(../img/main/icons/news/print.png) no-repeat;
}
#sidebar .news-print-share ul li.news-share a {
    background: url(../img/main/icons/news/share.png) no-repeat;
}

/* Media Contacts */

#sidebar .news-media-contacts ul {
    list-style: none;
    margin: 0 0 10px 0; 
}
#sidebar .news-media-contacts ul li {
    margin: 0 0 5px 0;  
}
#sidebar .news-media-contacts ul li.news-media-contact-email a,
#sidebar .news-media-contacts ul li.news-media-contact-phone,
#sidebar .news-media-contacts ul li.news-media-contact-location,
#sidebar .news-media-contacts ul li.news-media-contact-blog,
#sidebar .news-media-contacts ul li.news-media-contact-twitter {
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;    
}
#sidebar .news-media-contacts ul li.news-media-contact-email a {
    background-image: url(../img/main/icons/news/email.png);    
}
#sidebar .news-media-contacts ul li.news-media-contact-phone {
    background-image: url(../img/main/icons/news/phone.png);    
}
#sidebar .news-media-contacts ul li.news-media-contact-location {
    background-image: url(../img/main/icons/news/location.png); 
}
#sidebar .news-media-contacts ul li.news-media-contact-blog {
    background-image: url(../img/main/icons/news/blog.png); 
}
#sidebar .news-media-contacts ul li.news-media-contact-twitter {
    background-image: url(../img/main/icons/news/twitter.png);  
}