/*************************************************
 * Site Name: IU Template (Responsive)
 * 
 * Description: 960px stylesheet
 * Version: 1.0
 * Author: IU Communications 
 * Author URI: http://communications.iu.edu
 ************************************************/

/****************************************
 * Branding Bar
 ****************************************/

/*** Trident Tab & Campus Name ***/

#branding-bar .campus abbr {
    display: none;  
}
#branding-bar .campus .expanded {
    display: block;
}


/****************************************
 * Wrappers
 ****************************************/
 
#main-wrap {
    background: #eae8db url(../../img/main/bg-main-wrap.gif) repeat-x;
}


/****************************************
 * Content Wrap
 ****************************************/

#content-wrap {
    overflow: hidden;
    padding-right: 268px;
    width: 63.13617606602476%; /* 459px (459/727) */
}


/****************************************
 * Content
 ****************************************/
 
#content {
    float: left;
    padding-right: 13px;
    width: 92.81045751633987%; /* 426px (426/459) */
}
#content:last-child {
    float: none;
    width: 140.958605664488%; /* 647px (647/459) */
}


/****************************************
 * Sidebar
 ****************************************/

#sidebar {
    float: right;
    margin: 0 -269px 35px 0;
    padding: 14px;
    width: 240px;
}

/*** Container ***/

#sidebar .container {
    background-image: url(../../img/sidebar/container/bg.gif);
    background-position: 0 100%;
    background-repeat: no-repeat;
    width: 216px;
}
#sidebar .container h1, #sidebar .container h2, #sidebar .container h3 {
    background: url(../../img/sidebar/container/h3-bg.png) no-repeat 0 100%;
    padding-bottom: 14px;
    position: relative;
    width: 212px;
    z-index: 1;
}
#sidebar .container h1 + img, #sidebar .container h2 + img, #sidebar .container h3 + img {
    border: none;
    margin: -15px -12px 10px -12px;
    width: 240px;
}
#sidebar .container img {
    max-width: 240px;
}

/*** Container - Buttons ***/

#sidebar .buttons {
    background-image: none;
    width: 240px;
}

/*** Container - Spotlight ***/

#sidebar .spotlight img {
    margin: -15px -12px 10px -12px;
    width: 240px;
}

/*** Container - Quote ***/

#sidebar .quote .quote-content {
    margin-top: -15px;
}

/*** Container - Widget ***/

#sidebar .widget {
    width: 240px;   
}
#sidebar .widget h1, #sidebar .widget h2, #sidebar .widget h3 {
    margin-bottom: -7px;    
}


/****************************************
 * Homepage
 ****************************************/

/*** Content Wrap ***/

#home.nav-horizontal #content-wrap {
    width: 72.08333333333333%; /* 692px (692/960) */    
}

/*** Content ***/
 
#home #content {
    width: auto;    
}
#home #content:last-child {
    margin-right: -268px;   
}
#home.nav-horizontal #content:last-child {
    margin-right: 0;    
}

/*** Feature ***/

#home #feature {
    margin: 0 -255px 0 30px;
}
#home.nav-horizontal #feature {
    margin: 0 0 0 8px;  
}

/* Images */
#home #feature #feature-images {
    border-right: 2px solid #423c31;
    border-bottom: 2px solid #423c31;
    border-left: 2px solid #423c31;
}

/* Buttons */
#home #feature #feature-buttons {
    bottom: 2px;
    left: 2px;
    max-width: 680px;
    width: 100%;    
}

/*** Slideshow ***/

#home #slideshow-wrap {
    margin: 0 -255px 0 0;
}
#home #slideshow {
    margin: 0 -255px 0 30px;
}
#home #slideshow-wrap #slideshow {
    margin-right: 0;    
}
#home.nav-horizontal #slideshow-wrap {
    margin: 0;  
}
#home.nav-horizontal #slideshow {
    margin: 0 0 0 8px;
}
#home #slideshow li {
    border-right: 2px solid #423c31;
    border-left: 2px solid #423c31; 
}
#home #slideshow li img {   
    max-width: 680px;   
}

/* Caption */
#home #slideshow li .slideshow-caption {
    border-top: 2px solid #423c31;
    margin: 0 -2px;
    width: 684px;
}

/*** Sidebar ***/

#home.nav-horizontal #sidebar {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
}