@charset "UTF-8";
/* Homepage stylesheet for Valdosta State University - Responsive 480
By VSU Web Services
June 20, 2012 */


/* Navigation */

#homepage_background {
    display: none;
    }

/* Featured Section */

#content #featured {
﻿﻿    ﻿﻿box-shadow: none;
    height: 261px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    }

#content #featured iframe.welcome_video {
    width: 320px;
    height: 110px;
    }

#content #featured img.welcome_video_img {
    display:none;
    }


#content #featured img {
    width: 320px;
    }

/* Audience Section */

#content #audience{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 190px;
    }

#content #audience_top{
    display: none;
    }
    
#content #audience_bottom{
    display: none;
    }

/* Buttons on left side. */

#content #audience #buttons {
    display: none;
    }

#content #audience #buttons_480 {
    width: 100%;
    }

#content #audience #buttons_480 #future_students_480 {
    margin-top: 0px;
    }
    
#content #audience #buttons_480 #current_students_480 {
    margin-top: 47px;
    margin-left: 0px;
    }

#content #audience #buttons_480 #faculty_staff_480 {
    margin-top: 94px;
    margin-left: 0px;
    }

#content #audience #buttons_480 #alumni_friends_480 {
    margin-top: 141px;
    margin-left: 0px;
    }

#content #audience .button h2 {
    width: 100%;
    height: auto;
    padding-top: 30px;
    }

#content #audience #buttons_480 .button {
    width: 100%;
    }

#content #audience #buttons_480 .selected {
    width: 100%;
    }

#content #audience #current_students.selected {
    width: 100%;
    margin-top: 47px;
    margin-left: 0px;
    }
    
#content #audience #future_students.selected {
    width: 100%;
    }

#content #audience #alumni_friends.selected {
   width: 100%;
   margin-top: 141px;
   margin-left: 0px;
   }

#content #audience #faculty_staff.selected {
    width: 100%;
    margin-top: 94px;
    margin-left: 0px;
    }

#content #audience .selected h2, #content #audience .button h2 {
    padding: 15px 0px;
    margin: 0px;
    font-size: 16px;
    color: #806c50;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: auto;
    }

/* Information section on right side. */

#content #audience .info {
    display: none;
    }

#content #audience .info .middle_info {
    display: none;
    }

#content #audience .info .divider {
    display: none;
    }

#content #audience .info .right_info {
    display: none;
    }

/* Feeds Section */
    
#content #feeds {
    width: 280px;
    }

#content #news h3, #content #events h3, #content #featured_sites h3 {
    width: 97%;
    }

/* News Section */

#content #news {
    width: 280px;
    }

#content #news ul {
    margin-left: 12px;
    }

#content #news .title, #content #news .detail {
    width: 247px;
    height: auto
    }

#content #news #news_feed {
    width: 95%;
    height: 175px;
    margin: auto auto 10px auto;
    }

#content #news #news_feed img {
    width: 247px;
    }

/* News Arrow Buttons */

#content #news #arrow_buttons {
    width: 280px;
    height: 55px;
    margin-bottom: 10px
    }

#content #news #arrow_buttons #news_feed_up {
    width: 140px;
    height: 35px;
    }
    
#content #news #arrow_buttons #news_feed_down {
    width: 140px;
    height: 35px;
    }
    
#content #news #arrow_buttons #news_feed_up.active {
    background-image: url('../images/homepage_responsive/480/active_arrow_up.png');
    background-size: 140px 35px;
    }
    
#content #news #arrow_buttons #news_feed_up.inactive {
    background-image: url('../images/homepage_responsive/480/inactive_arrow_up_02.png');
    background-size: 140px 35px;
    }
    
#content #news #arrow_buttons #news_feed_down.active {
    background-image: url('../images/homepage_responsive/480/active_arrow_down.png');
    background-size: 140px 35px;
    }
    
#content #news #arrow_buttons #news_feed_down.inactive {
    background-image: url('../images/homepage_responsive/480/inactive_arrow_down.png');
    background-size: 140px 35px;
    }

/* News Bottom Link */

#content #news .bottom_link {
    width: 280px;
    }

/* Events Section */

#content #events {
    width: 280px;
    margin: 0px 0px 20px 0px;
    }


/* Event Buttons */

#content #events #buttons {
    margin-left: 10px;
    }

#content #events #buttons h3 {
    width: 90px;
    font-size: 14px;
    }

#content #events #buttons #featured_events {
    top: 70px;
    left: 0px;
    }

#content #events #buttons #academic {
    top: 70px;
    left: 100px;
    }

#content #events #buttons #arts {
    top: 70px;
    left: 200px;
    }

/* Lists */

#content #events ul li {
    width: 280px;
    }

#content #events .detail {
    width: 200px;
    }

#content #events #featured_events_info {
    margin-left: 0px;
    }

#content #events #academic_info {
    margin-left: 0px;
    }

#content #events #arts_info {
    margin-left: 0px;
    }   

/* Events Bottom Link */

#content #events .bottom_link {
    width: 280px;
    }

/* Featured Sites */

#content #featured_sites{
    width: 280px;
    }
    
#content #featured_sites img{
    width: 280px;
    margin-left: 0px;
    }

/* For Responsive */

#main_nav #menu .menu-title {
    display: none;
    }
    
/* Flex Caption */

.flex-caption { height: 155px; top: 96px; width: auto; }