/*************************************************
 * Site Name: McKinney School of Law
 * 
 * Description: Sidebar stylesheet
 * Original Author: IU Communications 
 * Ongoing Updates: IU McKinney Law (mdwerner)
 ************************************************/

/****************************************
 * Sidebar
 ****************************************/
 
#sidebar {
    background: #fff;
    float: right;
    margin: 23px 0 0 20px;
    padding: 14px 10px 10px 10px;
    width: 220px;   
}

#faculty-staff #sidebar {
    float: none;
    margin-left: -150px;
    margin-bottom: -137px;  
}

.tier #sidebar {
    margin-top: -58px;
}

#sidebarspotlight {
    background: #cdddda;
    float: right;
    margin: -10px -20px 10px 20px;
    padding: 12px;
    width: 212px;   
}

/****************************************
 * Generic Container
 ****************************************/
 
#main .container {
    background: #cdddda;
    font-size: 0.750em; /* 12px (12/16) */
    line-height: 1.333em; /* 16px (16/12) */
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 12px 12px 5px 12px;
    width: 196px;
}

/*** Headings ***/

#main .container h1,
#main .container h2,
#main .container h3 {
    background: url(../_assets-main/main/sidebar/container/bg-h3.png) no-repeat 0 100%;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    margin: -12px -12px 10px -12px; 
    padding: 12px 12px 16px 12px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
#main .container h4 {
    font-family: "PTSerifRegular", Georgia, "Times New Roman", Times, serif;
    font-size: 1.417em; /* 17px (17/12) */
    line-height: 1.118em; /* 19px (19/17) */
    margin: 0 0 10px 0; 
}
#main .container h5 {
    font-family: "PTSerifBold", Georgia, "Times New Roman", Times, serif;
    font-size: 1.167em; /* 14px (14/12) */
    line-height: 1.214em; /* 17px (17/14) */
    margin: 0 0 10px 0; 
}
#main .container h6 {
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.417em; /* 17px (17/12) */
    margin: 0 0 10px 0; 
    text-transform: uppercase;
}

/*** Paragraphs ***/

#main .container p {
    margin: 0 0 10px 0; 
}

/*** Images ***/

#main .container img {
    margin: 0 0 10px 0;
}
#main .container h1 + img,
#main .container h2 + img,
#main .container h3 + img {
    margin: -24px -12px 10px -12px;
    width: 220px;
}

/*** Lists ***/

#main .container ul,
#main .container ol {
    margin: 0 0 10px 0; 
}
#main .container ul {
    padding: 0 0 0 20px;    
}
#main .container ul li ul {
    list-style: disc;
}   
#main .container ol {
    padding: 0 0 0 27px;
}
#main .container .nobullet {
    list-style: none;
    padding-left: 0;    
}
#main .container li ul,
#main .container li ol {
    margin-bottom: 0;   
}
#main .container dl {
    margin: 0 0 10px 0; 
}
#main .container dt {
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
}
#main .container dd {
    margin: 0 0 10px 0; 
}

/*** Link List ***/

#main .container .link-list {
    list-style: none;
    font-family: "PTSerifBold", Georgia, "Times New Roman", Times, serif;
    font-size: 1.083em; /* 13px (13/12) */
    line-height: 1.231em; /* 16px (16/13) */
    margin: 20px 0 10px -10px;
    overflow: hidden;
    padding: 0; 
}
#main .container .link-list li {
    float: left;
    margin: 0 0 10px 10px;  
    width: 45%;
}
#main .container .link-list li a {
    background: #dee9e7;
    border: 1px solid #fff;
    display: block;
    padding: 5px 7px;   
    text-align: center;
}

/*** Tables ***/

#main .container table {
    margin: 0 0 10px 0;
    width: 100%;    
}
#main .container table th {
    font-size: 0.917em; /* 11px (11/12) */
    letter-spacing: 0.025em;
    line-height: 1.091em; /* 12px (12/11) */
    text-align: left;   
    text-transform: uppercase;
}
#main .container table td {
    font-family: "UbuntuLight", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.083em; /* 13px (13/12) */    
}
#main .container table th,
#main .container table td {
    border-bottom: 1px solid #9cb1ae;
    padding: 2px 0; 
}

/*** Photo and Caption ***/

#main .container .photo-caption {
    font-family: "UbuntuLight", Arial, Helvetica, sans-serif;
    font-size: 0.917em; /* 11px (11/12) */
    line-height: 1.182em; /* 13px (13/11) */
    margin: 0 0 15px 0;
}
#main .container .photo-caption img {
    margin: 0 -12px 5px -12px;
    width: 220px;   
}
#main .container .photo-caption .photo-caption-credit {
    font-size: 0.818em; /* 9px (9/11) */    
    line-height: 1.444em; /* 13px (13/19) */
    text-transform: uppercase;
}

/*** Quote ***/

#main .container .quote {
    background: url(../_assets-main/main/sidebar/container/bg-quote.gif) no-repeat;
    font-family: "PTSerifItalic", Georgia, "Times New Roman", Times, serif;
    font-size: 1.250em; /* 15px (15/12) */
    letter-spacing: 0.015em;
    line-height: 1.267em; /* 19px (19/15) */
    margin: 13px -12px 15px -12px;
    padding: 10px 12px 0 12px;
    width: 196px;
}
#main .container .quote p:first-letter {
    padding-left: 29px;
}
#main .container .quote .quote-credit {
    border-top: 1px solid #9cb1ae;
    color: #3e5f5c;
    font-family: "PTSerifBoldItalic", Georgia, "Times New Roman", Times, serif;
    font-size: 0.800em; /* 12px (12/15) */
    letter-spacing: normal;
    line-height: 1.250em; /* 15px (15/12) */
    margin: -3px -12px 0 -12px;
    padding: 6px 12px 0 12px;
}
#main .container .quote .quote-credit:first-letter {
    padding-left: 0;    
}
#main .container .quote .quote-credit strong {
    color: #1c140f;
    font-family: "PTSerifBold", Georgia, "Times New Roman", Times, serif;
    font-size: 1.083em; /* 13px (13/12) */
    line-height: 1.154em; /* 15px (15/13) */
}

/*** Social Media ***/

#main .container .social-media {
    list-style: none;
    margin: 0 0 15px -10px;
    overflow: hidden;
    padding: 0; 
}
#main .container .social-media li {
    float: left;
    margin: 0 0 0 10px; 
}
#main .container .social-media li a {
    display: block;
    height: 24px;
    text-indent: -9999px;
    width: 24px;    
}

/* Facebook */
#main .container .social-media li.social-media-facebook a {
    background: url(../_assets-main/main/icons/social-media/facebook-24x24.png) no-repeat;
}

/* Twitter */
#main .container .social-media li.social-media-twitter a {
    background: url(../_assets-main/main/icons/social-media/twitter-24x24.png) no-repeat;
}

/* LinkedIn */
#main .container .social-media li.social-media-linkedin a {
    background: url(../_assets-main/main/icons/social-media/linkedin-24x24.png) no-repeat;
}

/* Flickr */
#main .container .social-media li.social-media-flickr a {
    background: url(../_assets-main/main/icons/social-media/flickr-24x24.png) no-repeat;
}

/* YouTube */
#main .container .social-media li.social-media-youtube a {
    background: url(../_assets-main/main/icons/social-media/youtube-24x24.png) no-repeat;
}

/*** Slideshow ***/

#main .container .slideshow {
    margin: 0 -12px 15px -12px; 
    width: 220px;
}
#main .container .slideshow:nth-last-child(1) {
    margin-bottom: -5px;    
}
#main .container .slideshow .lightbox {
    display: block;
    overflow: hidden;
    position: relative; 
    width: 100%;
}
#main .container .slideshow .lightbox img {
    float: left;
    margin: 0;  
    width: 100%;
}
#main .container .slideshow .lightbox .launch {
    background: url(../_assets-main/main/sidebar/container/bg-slideshow.png) no-repeat;
    color: #000;
    cursor: pointer;
    display: block;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
    font-size: 1.083em; /* 13px (13/12) */
    height: 37px;
    left: 50%;
    line-height: 1.154em; /* 15px (15/13) */
    margin: -21.5px 0 0 -71.5px;
    padding: 6px 10px 0 55px;
    position: absolute;
    top: 50%;
    width: 78px;    
}
#main .container .slideshow .lightbox:hover .launch,
#main .container .slideshow .lightbox:focus .launch {
    text-decoration: underline; 
}
#main .container .slideshow .lightbox-hidden .lightbox {
    display: inline;
    margin: 0;
    width: auto;
}

/*** Video ***/

#main .container .video {
    margin: 0 -12px 15px -12px;
    overflow: hidden;
    width: 220px;
}
#main .container .video:nth-last-child(1) {
    margin-bottom: -5px;    
}
#main .container .video .lightbox {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#main .container .video .lightbox img {
    float: left;
    margin: 0;
    width: 100%;
}
#main .container .video .lightbox .play {
    -webkit-border-radius: 6px;
	background: #770000 url(../_assets-main/main/sidebar/container/bg-video.png) no-repeat;
    color: #fff;
	opacity: 0.8;
    cursor: pointer;
    display: block;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
    font-size: 1.083em; /* 13px (13/12) */
    height: 29px;
    left: 50%;
    line-height: 1.154em; /* 15px (15/13) */
    margin: -21.5px 0 0 -71.5px;
    padding: 14px 10px 0 55px;
    position: absolute;
    top: 50%;
    width: 78px;
}
#main .container .video .lightbox:hover .play,
#main .container .video .lightbox:focus .play {
    text-decoration: underline; 
}

/*** More ***/

#main .container .more {
    display: inline-block;
    font-family: "PTSerifBoldItalic", Georgia, "Times New Roman", Times, serif;
    font-size: 1.083em; /* 13px (13/12) */
    line-height: 1.077em; /* 14px (14/13) */
}
#main .container .more a {
    background: #dee9e7;
    border: 1px solid #fff;
    display: block; 
    padding: 8px 10px;
}


/****************************************
 * Profile Container
 ****************************************/

#main .profile h1 + img,
#main .profile h2 + img,
#main .profile h3 + img {
    margin-bottom: 3px; 
}
#main .profile .profile-name {
    font-family: "PTSerifBold", Georgia, "Times New Roman", Times, serif;
    font-size: 1.083em; /* 13px (13/12) */
    line-height: 1.154em; /* 15px (15/13) */
    margin: 0;
}
#main .profile .profile-title {
    color: #3e5f5c;
    font-family: "PTSerifBoldItalic", Georgia, "Times New Roman", Times, serif;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.250em; /* 15px (15/12) */
}
#main .profile .quote {
    margin-top: -5px;
}


/****************************************
 * Library Hours Container
 ****************************************/

#main .library-hours h4 {
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 12px (12/12) */
    line-height: 1.417em; /* 17px (17/12) */
    margin: 0 0 5px 0;
    text-transform: uppercase;
}
#main .library-hours table th {
    width: 50%; 
}
#main .library-hours table td {
    vertical-align: bottom; 
    width: 50%; 
}


/****************************************
 * Link Container
 ****************************************/
 
#main .link {
    background: #b0c7c4;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 16px (16/16) */
    line-height: 1.250em; /* 20px (20/16) */
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center; 
}


/****************************************
 * Give Now Container
 ****************************************/

#main .give {
    background: none;   
    border-bottom: 1px solid #c6c4c3;
    font-size: 0.750em; /* 12px (12/16) */
    line-height: 1.167em; /* 14px (14/12) */
    overflow: visible;
}
#main .give .lead {
    font-family: "UbuntuLight", Arial, Helvetica, sans-serif;
    font-size: 1.250em; /* 15px (15/12) */
    letter-spacing: 0.015em;
    line-height: 1.067em; /* 16px (16/15) */
    text-transform: uppercase;
}
#main .give .lead a {
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;    
}
#main .give p:last-child {
    float: right;   
    margin: 0 0 -52px 0;
    position: relative;
    top: -33px; 
    z-index: 1;
}
#main .give p:last-child img {
    margin: 0;  
}
#main .give .linebreak {
    display: block; 
}