/*!
 * Gridpak Beta CSS
 *
 * Responsive Grid CSS for Ohio University Engineering 
 * Author: Ben Weibel - weibel@ev.net
 * EV
 */
 
/* Full width for defaults */
        .mobileHide, #ouws_links {
            display:inherit!important;
        }
        .fullsizeHide {
           display: none;
        }

        .col, .multimediaPage .imageImg {
           /* margin-left:2%; */
            padding:0 1%;
        }    
        
        .span_1 {
            width:5.375%;
        }
        .span_2 {
            width:11.75%;
        }
        .span_3 {
            width:18.125%;
        }
        .span_4, .navWrap, .homeTwitter, .homePromo ,  .homePromo, .multimediaPage .imageImg, .sideBar{
            width:24.5%;
        }
        .span_5{
            width:30.875%;
        }
        .span_6, .homeNews, .homeSpotlight, .homeEvents, .homeBlog{
            width:37.25%;
        }
        .span_7 {
            width:43.625%;
        }
        .span_8, .collegeBanner, .audienceNav, .academics li, .newsBlock, .profileImg, .contactInfo , .landingSpotlight{
            width:50.0%;
        }
        .span_9 {
            width:56.375%;
        }
        .span_10 {
            width:62.75%;
        }
        .span_11{
            width:69.125%;
        }
        .span_12, .contentWrap, .mainContent {
            width:75.5%;
        }
        .span_13 {
            width:81.875%;
        }
        .span_14 {
            width:88.25%;
        }
        .span_15 {
            width:94.625%;
        }
        .span_16, #ouwsFooter, #ouwsHeader, .collegeHeader, .mainWrap, .mainNavWrap, .pageTitle, .profileBio, .tenant {
            margin:auto;
            max-width:960px;
        }


.row {
    clear: both;
    overflow: auto;
}

.row.col {
    clear: none;
}

 body,div#bottom.newsBottom{
	width: 100% !important;
	
 } 

 .mobileHide{
        display:none;
}

/* Reusable column setup */
.col, .multimediaPage .imageImg{
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



    /* 1. 3 Column Grid 0px - 399px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    32.0%
    Span 2:    66.0%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 0px) and (max-width: 399px) {
        
		.mobileHide, #ouws_links {
			display:none!important;
		}
		.fullsizeHide {
            display:inherit;
        }

        .col, .multimediaPage .imageImg {
           /* margin-left:1.5%; */
        	padding:0 1%;
        }
        
        .row .col:first-child {
        }
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        
        .span_1 {
            width:32.0%;
        }
        .span_2, .homeTwitter, .homePromo {
            width:66.0%;
        }
        .span_3, #ouwsFooter, #ouwsHeader, .collegeHeader, .mainWrap, .mainNavWrap, .homeNews,
         .homeSpotlight, .homeEvents, .homeBlog, .academics li,.contentWrap, .newsBlock, .multimediaPage .imageImg,
         .aboutSpotlight, .mainContent, .sideBar, .profileBio, .profileImg, .contactInfo, .landingSpotlight, .tenant  {
            margin-left:0;
            width:100%;
        }
    }

    /* 2. 8 Column Grid 400px - 759px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    10.75%
    Span 2:    23.5%
    Span 3:    36.25%
    Span 4:    49.0%
    Span 5:    61.75%
    Span 6:    74.5%
    Span 7:    87.25%
    Span 8:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 400px) and (max-width: 759px) {
        
		.mobileHide, #ouws_links {
            display:none!important;
        }
        .fullsizeHide {
            display:inherit;
        }
		
        .col, .multimediaPage .imageImg {
           /*  margin-left:1.5%; */
        	padding:0 1%;
        }
        
        .row .col:first-child {
        }
        
        
        
        .span_1 {
            width:11.75%;
        }
        .span_2, {
            width:24.5%;
        }
        .span_3 {
            width:37.25%;
        }
        .span_4, #ouws_logo, #ouws_address, .multimediaPage .imageImg {
            width:50.0%;
        }
        .span_5 {
            width:62.75%;
        }
        .span_6, .homeTwitter, .homePromo {
            width:74.5%;
        }
        .span_7 {
            width:88.25%;
        }
        .span_8 ,#ouwsFooter, #ouwsHeader, .collegeHeader, .mainWrap, .mainNavWrap, .collegeBanner, 
        .audienceNav, .homeNews, .homeSpotlight, .homeEvents, .homeBlog, .academics li,.contentWrap,
         .newsBlock, .aboutSpotlight, .mainContent, .sideBar, .profileBio, .profileImg, .contactInfo, .landingSpotlight, .tenant  {
            margin-left:0;
            width:100%;
        }
    }

    /* 3. 16 Column Grid 760px - 959px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    5.375%
    Span 2:    10.75%
    Span 3:    17.125%
    Span 4:    23.5%
    Span 5:    29.875%
    Span 6:    36.25%
    Span 7:    42.625%
    Span 8:    49.0%
    Span 9:    55.375%
    Span 10:    61.75%
    Span 11:    68.125%
    Span 12:    74.5%
    Span 13:    80.875%
    Span 14:    87.25%
    Span 15:    94.625%
    Span 16:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 760px) and (max-width: 959px) {
        
		.mobileHide, #ouws_links {
			display:inherit;
		}
        .fullsizeHide {
           display: none!important;
        }
		
        .col, .multimediaPage .imageImg {
          /*  margin-left:1.5%;*/
        	padding:0 1%;
        }
        
        .row .col:first-child {
        }
        
        
        .span_1 {
            width:5.375%;
        }
        .span_2 {
            width:11.75%;
        }
        .span_3 {
            width:18.125%;
        }
		.span_4, .navWrap, .homeEvents{            
			width:24.5%;
        }
        .span_5, .multimediaPage .imageImg {
            width:30.875%;
        }
        .span_6, .homeSpotlight, #ouws_logo, #ouws_address, .collegeBanner  {
            width:37.25%;
        }
        .span_7 {
            width:43.625%;
        }
        .span_8, .homeNews, .homeSpotlight, .homeEvents, .homeBlog, .homeTwitter, .homePromo, .academics li,
         .newsBlock, .profileImg, .contactInfo, .landingSpotlight, .tenant   {
            width:50.0%;
        }
        .span_9 {
            width:56.375%;
        }
        .span_10, .audienceNav {
            width:62.75%;
        }
        .span_11 {
            width:69.125%;
        }
        .span_12, .contentWrap, .homeSlideshow, #staffGroup{
            width:74.5%;
        }
        .span_13 {
            width:81.875%;
        }
        .span_14 {
            width:88.25%;
        }
        .span_15 {
            width:94.625%;
        }
        .span_16, .mainContent, .sideBar, #ouwsFooter, #ouwsHeader, .collegeHeader, .mainWrap, 
        .mainNavWrap, .pageTitle, .profileBio{
            margin:auto;
			width:100%;
            max-width:960px;
        }
    }

    /* 4. 16 Column Grid 960px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    5.375%
    Span 2:    10.75%
    Span 3:    17.125%
    Span 4:    23.5%
    Span 5:    29.875%
    Span 6:    36.25%
    Span 7:    42.625%
    Span 8:    49.0%
    Span 9:    55.375%
    Span 10:    61.75%
    Span 11:    68.125%
    Span 12:    74.5%
    Span 13:    80.875%
    Span 14:    87.25%
    Span 15:    94.625%
    Span 16:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 960px) {
        
		.mobileHide, #ouws_links {
			display:inherit;
		}
		.fullsizeHide {
           display: none!important;
        }

        .col, .multimediaPage .imageImg {
           /* margin-left:2%; */
        	padding:0 1%;
        }
        
        .row .col:first-child {
        }
        
        
        
        .span_1 {
            width:5.375%;
        }
        .span_2 {
            width:11.75%;
        }
        .span_3 {
            width:18.125%;
        }
        .span_4, .navWrap, .homeTwitter, .homePromo ,.homePromo, .multimediaPage .imageImg, .sideBar{
            width:24.5%;
        }
        .span_5 {
            width:30.875%;
        }
        .span_6, .homeNews, .homeSpotlight, .homeEvents, .homeBlog{
            width:37.25%;
        }
        .span_7 {
            width:43.625%;
        }
        .span_8, .collegeBanner, .audienceNav, .academics li, .newsBlock, .profileImg, .contactInfo, .landingSpotlight, .tenant  {
            width:50.0%;
        }
        .span_9 {
            width:56.375%;
        }
        .span_10 {
            width:62.75%;
        }
        .span_11 {
            width:69.125%;
        }
        .span_12, .contentWrap, .mainContent{
            width:75.5%;
        }
        .span_13 {
            width:81.875%;
        }
        .span_14 {
            width:88.25%;
        }
        .span_15 {
            width:94.625%;
        }
        .span_16, #ouwsFooter, #ouwsHeader, .collegeHeader, .mainWrap, .mainNavWrap, .pageTitle, .profileBio {
            margin:auto;
            max-width:960px;
        }

    }