/*  all adaptive/responsive/mobile styles are contained in this file    */


/*inline style recreation or desktop css adjustments needed */
div#topfeature {
}
#subfeatures {
    clear: both;
    width: 100%;
}
.homepage #campus-home-brand-image {
    margin: 5px 0 10px 0;
    width: 200px;
}


/*  desktop/default mast, utils, nav elements are in new nav_webfonts.css and utility_nav_2013.css  */

/*  Media Queries - 2013 includes desktop, 768, 480, and 320. 480 is specified as 767; screens wider than 480 get centered, fixed width 480 view    */


@media (min-width:980px) {
/* press homepage: clear the contacts div */
#press-home.homepage div#side div.optional, #press-home.homepage div#side div#contact > div {
    clear: both;
}
/* do not delete this closing bracket */
} /*end 980*/


/*catch all rule for common styles for "mobile" */

@media (min-width:320px) and (max-width:979px) {
/*  workarounds for iOS increasing link/text font size  */
body {
    -webkit-text-size-adjust: 100%;
}
/* styles from standard template for emergency script which is rarely visible*/
.emergency-announcement {
    border: 1px solid;
    padding: 8px;
}
.emergency_include {
    background-color: #FF0000;
    font-size: 120%;
    padding: 8px;
}
/*revise the searchbox - hide parent LIs*/  
ul#utilityNav li.topLevel, ul#utilityNav li.topLevel a.utilLink, ul#utilityNav li#utility_search.topLevel a.utilLink {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
}
ul#utilityNav li#utility_search.topLevel {
    visibility: visible;
}
ul#utilityNav li.topLevel div.flyOut.searchFlyOut {
    position: relative;
    top: 0;
    background-color: #00297A;
}
/*hide the search options link*/
#search_news #searchBtn.input a {
    display: none;
}
#search_news #searchInput.input input#globalsearchinput {
    -webkit-appearance: none;
    border-radius: 0;
}

/*hide today's date on mobile*/
#wrapper #subnav #subnav-date {
    display:none;
}

/*remove floats on the content level layout columns - allow #main and #side to fill the width*/
#main, #side {
    float: none;
    clear: both;
}
#main {
    border-right: none;
    margin: 0;
    padding: 10px 10px 0 10px; /*10px for homepages top pad; 20 for stories - see below for extra 10px*/
}
div#story p {
    font-size: 12px;
}
div#story {
    padding-top: 10px; /*20 total vs. 10px at homepages*/
}
/*  today's news    */
#side #todays-news {
    border-top: 6px solid #424242;
    padding-top: 15px;
}
div#todays-news h4.first {
    font-size: 14px;
}
div#todays-news h4 {
    font-size: 12px;
}
/*  connect to Emory icons: also dependent upon user entries for the block  */
#side #sm {
    float: left;
    width: 360px;
    height: auto;
}
#footer {
    width: 100%;
    margin-top: 30px;
}
#footer p {
    width: auto;
}
#footer ul#footLinks li span {
    display: none;
}
/*  slideshows    */
#slideshow-controls {
    width:100%; 
}

/*don't delete this closing bracket */
} /* end catch-all styles*/


/*  768: tablet portrait mode   */
@media (min-width: 768px) and (max-width: 979px) {
body {
    margin: 0 auto;
}
/* TEMP DEBUG */
#main {
    background-image: url(768BG.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.hidden-tablet {
    display: none;
}
body, #container960, #mast {
    width: 768px; /*698 content with 35px left and right padding*/
}
#wrapper {
    margin: 0;
}
#mast {
    overflow: hidden;
    padding: 34px 0 0;
    position: relative;
}
#mast_right, #mast {
    height: 107px; /*includes the "active" nav tab (now in this element and not in subnav)*/
}
/*to re-use the original div structure, the logo is now absolutely positioned to accommodate the search and nav elements new sizes */
#logo {
    position: absolute;
    top: 43px;
    left: 34px;
    float: none;
    z-index: 6000;
    height: 53px;
    padding: 0;
}
#mast_right {
    float: none;
    width: 100%;
}
#utils {
    margin: 0;
    padding-right: 16px;
}
ul#utilityNav {
    float: none;
    padding-right: 0;
    padding-left: 498px;
}
ul#utilityNav li.topLevel {
    margin: 0;
}
ul#utilityNav li.topLevel div.flyOut.searchFlyOut, div#search_news {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}
div#search_news {
    padding-top: 23px;
    width: 250px;
}
div#search_news #searchInput {
    width: auto;
}
div#search_news #searchInput input#globalsearchinput {
    height: 21px;
    width: 213px;
}
div#search_news form div#searchBtn {
    width: 23px;
    margin-left: 10px;
}
/* merged search form submit button using css background instead of image   */
div#search_news form div#searchBtn input#searchBtnSubmit {
    height: 23px;
    width: 22px;
    background-image: url('../images/icons/search-icon23.png');
    margin-top: 4px;
    display: block;
}
/*top nav and subnav - see also nav_webfonts.css for web font based defaults*/
#topnav_main {
    padding-left: 344px;
    padding-top: 0;
    margin: 0;
    width: auto;
}
#subnav {
    padding-left: 166px;
    width: 602px;
}
#main, #side {
    width: 698px;
    padding: 0 35px;
}
/*  story content/copy styles   */
div#story {
    width: 100%; /*698px - 2px less than orig 700*/
    padding-top: 20px; /*visually: 30px top gutter between headline and mast; combined with orig #s1 top padding*/
}
/* main copy div is slightly narrower */
div#s2 {
    width: 513px;
    padding-right: 5px;
}
.vertical div.sidebar, div#vertical_sidebar.sidebar {
    width: 473px;
}
/*  right column    */
#side #todays-news {
    width: 303px;
    float: left;
    border-top: 6px solid #424242;
    margin-top: 20px;
    padding-top: 15px;
    margin-right: 34px;
}
#footer {
    width: 728px;
}
#footer p {
    width: auto;
}
#footer ul#footLinks li span {
    display: inline;
}

/* tag pages */
.hub div#si {
    width:458px;    
}
.hub div#si > img {
    width:100%;
    height:auto;    
}
.hub div.vid-wrapper:first-of-type, .hub div.vid-wrapper.first, .hub div#morenews {
    margin-right: 18px;
}


/*  main homepage   */
.homepage #main, .homepage #side {
    width: 740px;
    padding-left: 10px;
    padding-right: 18px;
    padding-top: 15px;
    background-position: top right;
}
.homepage div#topfeature div#lead-manual {
    padding-bottom: 15px;
}
.homepage #subfeatures {
    margin-top: 6px;
}
.homepage div#morenews {
    clear: both;
}

.homepage div#inthenews-quote {
    float: right;
    margin-bottom: 20px;
}
.homepage #side {
    margin-top: 0;
    padding-top: 0;
    clear: both;
}
.homepage #subscribe, .homepage #topicList, .homepage #events {
    float: left;
}
.homepage #subscribe {
    width: 100px;
    padding: 11px 13px 0 13px;
    border-radius: 0;
    border: none;
    margin-right: 20px;
    margin-top: 0;
}
.homepage #subscribe div.subscribe-button {
    margin: 0 0 16px 0;
    float: none;
    height: 25px;
}
.homepage div#subscribe h2.header {
    padding: 0;
    background-color: transparent;
    margin: 0;
}
.homepage #topicList, .homepage #events {
    margin-top: 0;
    margin-right: 25px;
}
.homepage #topicList {
    width: 142px;
}
.homepage div#topicList ol li {
    font-size: 10px;
}
/*.homepage #side {
    position: relative; 
}*/
.homepage #events, .homepage #trumba-spud {
    width: 223px;
}
.homepage #trumba-spud {
}
.homepage #side #sm {
    width: 179px;    /*inline styles*/
    margin-top: 0;
}
/*  homepage: CAMPUS    */
/* different gutters vs main home */
.homepage#campus-home #main, .homepage#press-home #main {
    padding-left: 31px;
    padding-right: 37px;
    width: 700px;
}
.homepage#campus-home #side, .homepage#press-home #side {
    padding-left: 10px;
    padding-right: 14px;
    width: 744px;
}
.homepage#campus-home #subfeatures {
    margin-top: 20px;
}
.homepage#campus-home #side div#ads {
    display: none;
}
.homepage#campus-home #events {
    width: 219px;
}
.homepage#campus-home #trumba-spud {
    height: auto;
}
/*  press homepage  */
#press-home.homepage div#side div#contact, #press-home.homepage div#side div#tweets, #press-home.homepage div#side div#sm, #press-home.homepage div#side div.optional {
    float: left;
    margin-top: 0;
    margin-right: 25px;
}
#press-home.homepage div#side div#subscribe {
    margin-right: 18px;
}
#press-home.homepage div#side div#contact {
    width: 170px; /*210 with padding*/
    margin-right: 18px;
}
/*tweets, flex, and connect for press are all 350px*/
#press-home.homepage div#side div#tweets {
    width: 350px;
    /*margin-right:0;   */
    overflow: visible;
}
#press-home.homepage div#side div#tweets iframe, #press-home.homepage div#side div#tweets #twitter-widget-0 {
    width: 100% !important;
    height: 463px; /*463px on desktop iframe: dynamic or fixed?*/
    margin-bottom: 10px !important;
}
#press-home.homepage div#side div#sm {
    /*  width:379px !important; 
*/  width: 350px;
    margin-right: 0;
}
#press-home.homepage div#side div.optional {
    width: 350px;
}
#press-home.homepage div#side > div {
    margin-bottom: 20px
}
#press-home.homepage div#side > div:nth-child(3) {
    margin-right: 0 !important;
}
/*tweets or connect are same width*/
#press-home.homepage div#side > div#sm:nth-child(4) {
    margin-right: 0;
    width: 350px; 
}
/*  hidden items    */
.homepage#campus-home div#tweets, .homepage#campus-home div#facebook {
    display: none;
}
/*  SLIDESHOWS  */
.homepage .ss460 #slideshow-container {
    height: 347px;/*margin-bottom:10px; */
}

/*don't delete this closing bracket */
} /*end 768 */


/* iphone landscape or larger hi-res phone */
/*  comps are sized to 480 but this is used for range of 321-767: 480 fixed width is centered if wider than 480*/
/*@media(max-width:480px) {*/
@media(max-width:767px) {
body {
    width: 480px;
    margin: 0 auto;
}
/* TEMP DEBUG */
#main {
    background-image: url(480BG.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.hidden-phone {
    display: none;
}
#container960, #wrapper {
    width: 480px;
    margin: 0;
    padding: 0;
}
#mast {
    width: 460px;
    padding: 11px 10px 0 10px;
    height: auto; /*77 less padding */
    position: relative;
    overflow: hidden;
}
#logo {
    position: absolute;
    top: 11px;
    width: 255px;
    height: 25px;
    padding: 0;
    margin: 0;
    float: none;
    z-index: 6000;
}
#logo img {
    width: 100%;
    height: auto;
}
#mast_right {
    float: none;
    height: auto;
    width: 100%;
}
#utils {
    width: 193px;
    padding-left: 267px;
    margin: 0;
    height: 36px;
}
ul#utilityNav {
    float: none;
    padding: 0;
}
ul#utilityNav li.topLevel {
    margin: 0;
}
ul#utilityNav li.topLevel div.flyOut.searchFlyOut {
    padding: 0;
    width: auto;
    background-color: transparent;
}
div#search_news {
    width: 193px;
    padding-top: 5px;
}
div#search_news #searchInput {
    width: auto;
}
#search_news div#searchInput input#globalsearchinput {
    width: 126px;
    font-size:16px; /*re: auto zoom in IOS*/
    height:18px;
    overflow:hidden;
    font-family: Helvetica, Arial, 'Arial Narrow';
}
div#search_news form div#searchBtn {
    width: 56px;
}
#topnav_main {
    padding-right: 0;
    height: 30px;
    padding-top: 2px;
}
#topnav_main ul li a span {
    padding-bottom: 8px;
    font-size: 13px;
}
#subnav {
    height: auto; /*varies per campus and topic vs press*/
    overflow: visible;
    padding-left: 0;
    width: auto;
    min-height: 18px;/*varies if press*/
}
/* button only hand-coded into the block for press subnav: not used anywhere else at this time */
#subnav #press-subnav-toggle {
    display: block;
    margin: 0 auto;
    height: 13px;
    background-color: #3A6611;
    text-align: center;
    cursor: pointer;
    padding: 15px;
    width: 50%;
}
#subnav #press-subnav-toggle a {
    display: block;
    width: auto; /*needed for centering*/
    min-width: 120px;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #bfd5ce;
}
#subnav #press-subnav-toggle a span {
    background-image: url(../images/nav/press-subnav-toggle-arrow.png);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    padding-left: 18px;
}
#subnav #press-subnav-toggle.toggled a span {
    background-image: url(../images/nav/press-subnav-toggle-arrow-dn.png);
     background-position: 0 -1px;
}
/*press only at this time*/
#subnav ul {
    background-color: #5a823d;
    background-image: none;
    display: none; /*until toggled*/
    height: 18px;
}
#subnav ul.subnav-press {
    height: 16px;
    padding: 15px 0;
}
#subnav ul.toggled {
    display: block;
    width: 100%;
    height: 246px; /*auto?*/
    height: auto;
    overflow: visible;
    padding: 0;
}
#subnav ul.toggled li {
    width: 100%;
    display: block;
    height: 42px;
    overflow: visible;
    float: none;
    background-image: none;
}
#subnav ul.toggled li a {
    display: block;
    height: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #bfd5ce;
    width: 97%;
    margin: 0 auto;
}
#subnav ul.toggled li:last-child a {
    border-bottom: none;
}
#subnav ul.toggled li a span {
    border-right: none;
    display: block;
    text-align: center;
    width: 95%;
    letter-spacing: 1px;
    color: #bfd5ce;
}
#main, #side {
    width: 460px;
    padding: 0 10px;
    border-right: none;
}
#side #sm {
    width: 100%; /*inline styles*/
    height: auto; /*inline styles*/
}
#side div#sm a img {
    margin-top: 0; /*inline styles*/
}
#side #todays-news {
    border-top: 6px solid #424242;
    padding-top: 15px;
}
#footer {
    width: 450px;
    padding: 5px 15px 30px 15px;
    background-color: #dddddd;
}
#footer ul li {
    float: none;
    display: block;
    text-align: left;
    padding: 13px 0;
    line-height: 12px;
    border-bottom: 1px solid #fff;
}
#footer ul#footLinks li a, #footer p {
    font-size: 11px;
}
#footer ul li a {
    display: block; /*easier clicking */
    width: 90%;
}
#footer ul li span {
    display: none;
}
#footer ul li:last-child {
    border-bottom: none;
}
#footer p {
    text-align: left;
}
/*  story content styles - scope to .story? */
#main {
    border-right: none;
}
/* re-ordering HTML source order to show story copy above related items is done via display:table properties. flexbox may be best when support is better */
div#story {
    display: table;
    /*caption-side: bottom;*/
    width: 460px;
}
.story div#headline, div#s1, div#si, div#s2, div#s3, .vertical div#si, div#si.vertical, div#press-contacts {
    width: 100%;
}
div#s3, .vertical div#s3, div#s3.vertical {
    /*display: table-caption;*/ 
    display: table-footer-group;
    float: none;
    margin-top: 20px;
    margin-left: 0;
}
div#si, div#s1, div#s2, .vertical div#si, div#si.vertical, div#image-nest {
    /*display: table-row;   */
    float: none;
    margin-left: 0;/*border-collapse: collapse;*/ /*restoring lost borders when set to table-row*/
}
div#s1 {
    border-bottom: none;
}
.story div#headline {
    float: none;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
}

div#press-contacts {
    float: none;
    padding-left: 0;
    border-left: none;
    /*border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 18px 0;
}
div#press-contacts h3 {
    float: left;
    width: 66px;
}
div#press-contacts p {
    float: right;
    clear: right;
    margin-right: 0;
    width: 394px;
}
div#si, .vertical div#si, div#si.vertical {
    clear: both;
}
div#image-nest, div#image {
    float: none;
}
div#image, .vertical div#image {
    /*padding:18px 0;*/
    /*width:460px;*/
    width: 100%;/*display:block;*/ /*essential for borders vs display table-row*/
}
div#image img {
    width: 100%;
    height: auto;/* also video and slideshow?*/
}
.vertical div#image img {
    max-width: 220px;
    height: auto;/*max width and height for vertical item?*/
}
div#image-nest {
    margin-left: 0;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
    line-height: 140%;
}
div#story div#si p {
    font-size: 11px;
    margin-top: 0;
}
div#s2 {
    padding: 15px 0 23px 0;
}
/*hide extra/unpredictable hand-coded story copy elements: images, divs, tables, iframes*/
#story div#s2 img, #story div#s2 iframe, #story div#s2 table, div#story div#s2 div[style] {
    display: none !important;
}
/* Infographic update by Erica Endicott, April 2014 */
div#story div#s2 div.admissiongraphic {display: block !important;}
div#story div#s2 div.admissiongraphic table {display: block !important;}
div#story div#s2 div.admissiongraphic table.admissiongraphic {display: block !important;}
div#story div#s2 div.admissiongraphic div {display: block !important;}
div#story div#s2 div.admissiongraphic img {display: block !important;}

div#story div#s2 div.audiojs div[style], div#story div#s2 div.audiojs div {
    display:block !important; /*enable audio player divs*/
}
.vertical div.sidebar, div#vertical_sidebar.sidebar, div.sidebar {
    width: 420px;
    float: none;
    margin-left: 0;
    margin-top: 15px;
    padding: 15px;
}
div.sidebar h3 {
    margin-top: 0;
    padding-top: 0;
}
div#story div.sidebar p, div#story div.sidebar {
    font-size: 11px;
}
div#sharethis, div#storytools {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #333;
    padding: 8px 12px;
    width: 65px;
}
div#sharethis p, div#storytools p {
    display: none;
}
div.addthis_toolbox {
    padding: 0;
}
div#s3 {
    margin-top: 20px; /*between story copy and sharethis*/
}

/*  tag pages */
.hub div#s1, .hub div#si, .hub div#morenews, .hub div#resources, p#google-tag-search.morelink  {
    float: none;
    margin-right: 0;
    width: 100%;
}
div#story div.hub div#si > img {
    width:100%;
    height:auto;    
}
.hub div.vid-wrapper {
    width:100%;
    margin-right:0; 
}
.story .hub div#headline {
    border-bottom: none;
    float: none;
    padding: 10px 0 0 0;
}
.story div#morenews h3 {
    width:auto;
    font-size:14px; 
}
.story div#morenews p {
    font-size:12px; 
}


/*story slideshows - see end of section */
/*  homepage    */
.homepage #main {
    padding: 10px;
}
.homepage #side {
    margin: 0;
}
.homepage div#topfeature, .homepage div#topfeature #topvisual, .homepage div#topfeature #lead-manual, .homepage div#subfeatures, .homepage div#morenews {
    width: 100%;
    float: none;
    margin: 0;
}
.homepage div#topfeature {
    padding-bottom: 14px;
}
.homepage div#topfeature div#lead-manual {
    padding-bottom: 15px;
}
.homepage div#topfeature > p {
    width: 50%; /*keeps from wrapping underneath manual video etc*/
}
.homepage div#topfeature br.clearfloat {
    display: none;
}
.homepage div#subfeatures div.sf {
    float: none;
    clear: both;
    width: 100%;
    padding: 14px 0;
}
.homepage div#topfeature { 
    overflow: hidden; /*bugfix */
}
.homepage div#subfeatures div.sf, .homepage div#topfeature {
    border-bottom: 1px solid #ccc;
    min-height: 147px;
}
.homepage div#subfeatures div.sf:last-child {
    border-bottom: none;
}
.homepage div#topfeature #topvisual, .homepage div#topfeature #lead-manual, .homepage div#subfeatures div.sf > a {
    float: right;
    margin-right: 0;
    margin-left: 18px;
    width: 220px;
    display: block;
}
/*  constrain visual to fit container: note all possible contents here - image or iframe/video/slideshow. */
/*  #lead-manual > img is scoped deliberately: otherwise img controls break */
.homepage div#topfeature #topvisual > a img, .homepage div#topfeature #lead-manual > img, .homepage div#subfeatures div.sf a img, .homepage div.ss460 div#slideshow-container #slideshow .slide img {
    width: 100%;
    height: auto;
}
.homepage div#topfeature h1, .homepage div#campus h1, .homepage div.sf h2 {
    font-size: 16px;
}
.homepage div#topfeature h1 {
    margin: 0;
    padding: 0;
    line-height: 120%;
}
.homepage div.sf p, .homepage div#subfeatures p, .homepage div#topfeature p {
    margin-top: 5px;
    width: 48%; /*keep from wrapping under thumbs*/
}
.homepage div.sf p.date, .homepage div#subfeatures p.date, .homepage div#topfeature p.date {
    margin-top: 0;
    margin-bottom: 6px;
}
.homepage div#morenews h3 {
    width: 100%;
}
/*inline styles override*/
.homepage div#mostviewed {
    width: 100% !important;
    float: none !important;
}
.homepage div.cnews {
    width: 100%;
    padding-bottom: 25px;
}
.homepage div.cnews > a {
    float: right;
    display: block;
    margin-left: 18px;
}
.homepage p.morelink {
    margin: 0 !important;
    border: none;
}
.homepage p.morelink a {
    text-align: right;
    width: auto;
    padding: 10px 16px;
    background-color: #eeeeee;
}
.homepage div#side div#subscribe {
    width: 432px;
    height: 26px;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 12px 14px;
}
.homepage div#side div#subscribe h2.header {
    float: left;
    line-height: 1;
    margin: 0;
    padding: 7px 16px 0 0;
    background-color: transparent;
    font-size: 12px;
}
.homepage div#side div#subscribe div.subscribe-button p {
    line-height: 1;
    margin: 0;
    padding: 0;
}
.homepage div#side div.subscribe-button a {
    display: block;
    width: auto;
    height: 12px;
}
.homepage div#side div#subscribe .clearfloat {
}
.homepage div.featured-event img {
    margin-right: 14px;
}
div.featured-event-info {
    width: 375px;
}
/*  campus homepage     */
.homepage #campus-home-brand-image {
    margin: 0 0 5px 0;
}
.homepage#campus-home div#subfeatures div.sf, .homepage#campus-home div#topfeature {
    border: none;
}
/* campus or press homepages wrapper divs */
.homepage div#wrapper1, .homepage div#wrapper2 {
    width: 100%
}
#campus-home.homepage div#takenote, #campus-home.homepage div#blogs {
    float: left;
    width: 220px;
}
#campus-home.homepage div#takenote {
    margin-right: 20px;
}
#campus-home.homepage div#blogs {
    padding-bottom: 10px;
}
#campus-home.homepage div#morenews {
    float: none;
    clear: both;
}
#campus-home.homepage div#side div#events, #campus-home.homepage div#side div#topicList {
    float: left;
    width: 220px;
}
#campus-home.homepage div#side div#events {
    margin-right: 20px;
    padding-bottom: 20px;
}
#campus-home.homepage div#events div.featured-event-info {
    width: 135px;
}
#campus-home.homepage #side div#trumba-spud {
    display: block;
    height: auto;
}
#campus-home.homepage #side div#topicList ol li {
    font-size: 11px;
    padding-bottom: 5px;
}
#campus-home.homepage div#side div#ads {
    clear: both;
    width: 100%;
}
#campus-home.homepage div#side div#ads a {
    float: left;
    display: block;
}
#campus-home.homepage div#side div#ads a:nth-child(even) {
    margin-right: 20px;
}
#campus-home.homepage div#side div#ads h2.header {
    margin-bottom: 15px;
}
#campus-home.homepage div#side div#ads a img {
    width: 220px;
    height: auto;
    margin: 0 0 25px 0;
}
/*  press homepage  */
#press-home.homepage div#topfeature {
    border-bottom: none;
}
#press-home.homepage div.releaseItem div.releaseThumb {
    float: right;
}
#press-home.homepage div.releaseThumb a img {
    margin-right: 0;
    margin-left: 20px;
}
#press-home.homepage div#wrapper2 {
    width: 100%;
}
#press-home.homepage #side {
    clear: both;
}
#press-home.homepage div#side > div {
    margin-bottom: 20px;
}

#press-home.homepage div#tipsheets, #press-home.homepage div#experts, #press-home.homepage div#side div.optional {
    width: 220px;
    float: left;
}
#press-home.homepage div#contact {
    float: left;
    margin-right: 20px;
    width: 180px;
}
#press-home.homepage div#tipsheets {
    margin-right: 20px;
}
#press-home.homepage div#video2 {
    width: 100%;
    float: none;
}
/*  homepage: hidden items  */
.homepage div.sharedrop, .homepage div#inthenews-quote, .homepage #side div#trumba-spud, #campus-home.homepage div#tweets, #campus-home.homepage div#facebook, #press-home.homepage div#tweets {
    display: none;
}
/*  SLIDESHOWS */
/*story slideshows*/
#story .ss520 #slideshow-container, .hub .ss460 #slideshow-container {
    height: 276px;/*347 < 377px;*/
    margin-right: 0;
    width: 460px; /*520px*/
    float: none;
}
#story .ss520 #slideshow, .hub .ss460 #slideshow {
    height: 246px;
}
#story .ss520 #slideshow .slide, .hub .ss460 #slideshow .slide {
    height: 246px; /*307 < 334px*/
    width: 460px;
    text-align: center;
    background-color: #000;
}
#story .ss520 #slideshow .slide img, .hub .ss460 #slideshow .slide img  {
    height: 100%; /* inherits from parent .slide*/
    width: auto;
    margin: 0 auto;
}
#story .ss520 #slideshow-controls, .hub .ss460 #slideshow-controls {
    height: 30px;
    position: relative;
    width: 100%;
    background-color: #4D4D4D;
}
#story .ss520 #slideshow .caption, .hub .ss460 #slideshow .caption {
    height: 50px; /*up from 40*/
    width: 440px; /*460-padding*/
    text-align: left;
}
#story #pauseorplay {
    width: 100px;
    padding: 5px 15px;/* wider for bigger buttons */
}
#story div#image div#slideshow-controls div#pauseorplay img#ss-play, #story div.hub div.ss460 div#slideshow-controls div#pauseorplay img#ss-play, #story div.hub div.ss460 div#slideshow-controls div#pauseorplay img#ss-pause, div#image div#slideshow-controls div#pauseorplay img#ss-pause {
    /* fix parent #image img size styles */
    height: 18px;
    width: auto;
    padding-right: 10px;
    padding-top: 0;
}
#story #direction-controls {
    height: 20px;
    padding: 5px 15px;
    width: 100px; /*necessary for over 10 items*/
    float: right;
}
/*  homepage slideshows */
.homepage div.ss460 div#slideshow-container {
    /*  border: 1px solid red;*/
    float: none;
    width: 100%;
    height: 177px;
}
.homepage .ss460 #slideshow {
    height: 147px;
    width: 220px;
    background-color: #000;
}
.homepage .ss460 #slideshow .slide {
    height: 147px;
    width: 220px;
    text-align: center;
}
/* hide captions on slideshows that are ~300 or less px wide. homepages at 480 and 320; story pages at 320)*/
.homepage .ss460 #slideshow .caption {
    display:none;
}
.homepage .ss460 #slideshow-controls {
    width: 100%;
}
.homepage .ss460 #pauseorplay, .homepage .ss460 #direction-controls {
    padding: 5px;
    width: 100px;
    margin: 0;
}
.homepage .ss460 #pauseorplay img {
    margin-right: 5px;
    height: 13px;
    width: 14px;
}
.homepage .ss460 #pauseorplay span, .homepage .ss460 #indicator {
    font-size: 1.1em;
}
.homepage .ss460 #indicator {
    margin-left: 11px;
    margin-right: 11px;
}
/*end slideshow*/

/*    audiojs player script */
.audiojs {
    margin-bottom:30px; /*less click conflicts with share button */
}

/* infographic for admission story april 2014 */
div.calendareventcolumn {
    width: 148px;
}

div.admissiongraphicmaplabels {
	width: 199px;
}

/*don't delete this closing bracket */
}/* end 480-767 range */

/*  phone portrait  */
/*note: does not work in FF resize view but does work on actual device*/
/* works on iphone 4 portrait view but make sure no other css syntax erros above like missing closing bracket*/
@media (max-width: 320px) {
body {
    width: 320px !important;
}
/* TEMP DEBUG */
#main {
    background-image: url(320BG.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
}
.hidden-phone {
    display: none;
}
#container960, #wrapper, #mast, #footer {
    width: 320px;
}
#logo {
    position: absolute;
    left: 10px;
    top: 13px;
    width: 258px;
    z-index: 6000;
}
#mast {
    padding: 0; /*note searchbox must be flush with full width of content at #mast - no padding*/
}
#mast_right, #mast {
    height: 77px; /*active nav tab now in this element and not in subnav*/
}
/*extend height if searchbox visible*/
#mast.toggled, #mast_right.toggled {
    height: 134px;  /*rel to #utils.toggled padding etc*/
}
#utils {
    margin: 0;
    width: 100%;
    padding: 0 0 10px 0;
    width: auto;
    float: none;
    height: 36px;
}
#utils.toggled {
    height: 98px;
    padding-bottom: 5px;
}
ul#utilityNav li.topLevel {
    display: none;
}
ul#utilityNav li#utility_search.topLevel {
    visibility: visible;
    background-color: transparent;
    display: block;
    float: none;
}
ul#utilityNav li#utility_search.topLevel a.utilLink {
    display: none;
}
ul#utilityNav li.topLevel div.flyOut.searchFlyOut {
    position: relative; /*orig is abs pos*/
    top: auto;
    padding-top: 11px;
}
/*searchbox toggles on and off */

#utilsearchtoggle {
    display: block;
    margin-left: 280px;
    padding-top: 3px;
    cursor: pointer;
}
div#search_news form div#searchBtn a {
    display: none;
}
div#search_news {
    width: auto;
    display: block;
    float: none;
    clear: both;
    height: 20px;
    width: 296px;
    padding: 10px 16px 10px 18px;
    background-color: #2C56A8;
    margin-top: 10px; /*between logo and box*/
}
div#search_news {
    display: none; /*hidden by default*/
}
#utils.toggled div#search_news {
    display: block;
}
#search_news div#searchInput input#globalsearchinput {
    width: 223px;
    height: 18px; /*renders ~20px with border etc: VARIES PER BROWSER */
    border: none;
    margin: 0;
    padding: 0;
}
#topnav_main {
    padding: 0;
    margin: 0;
    height: 29px;
    padding-top: 3px;
    padding-bottom: 10px;
    width: 100%;
    float: none;
}
#topnav_main ul {
    padding-left: 11px;
    float: none;
}
#topnav_main ul li a span {
    font-size: 12px;
}
#topnav_main ul li, #topnav_main ul li#nav_bytopic, #topnav_main ul li#nav_campus, #topnav_main ul li#nav_press {
    padding-right: 9px;
    padding-left: 9px;
    width: auto;
    height: 20px;
}
#topnav_main ul li#nav_bytopic {
    padding-left: 0;/*width:32%;*/
}
#topnav_main ul li#nav_campus {
/*width:29%;*/
}
#topnav_main ul li#nav_press {
    /*width:26%;*/
    padding-right: 0;
}
#side, #main, .homepage #main {
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
#side {
    margin-bottom: 0;
}
#side #todays-news {
    width: 100%;
}
#side #sm {
    width: 100%; /*inline styles*/
    clear: both; /*for campus news ads*/
    padding-bottom:0;
}
#side div#sm img {
    margin-right: 5px;
}
#footer {
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
#footer p {
    width: auto;
}
/*  story content   */
div#story, .story div#headline, div#s1, div#si, div#s2, div#s3, .vertical div#si, div#si.vertical, div#press-contacts {
    width: 300px; /*100% doesn't work?*/
}
.vertical div.sidebar, div#vertical_sidebar.sidebar, div.sidebar {
    width: 260px;
    margin-left: 0;
}
.story div#headline {
    float: none;
    padding: 10px 0 25px 0;
}
div#press-contacts p {
    width: 234px;
}
/*  slideshows - see end of this section */

/*  tag pages */
div#story div.hub div#video {
    width:300px;    
}
.hub div.vid-wrapper {
    width:100%; 
}
#story div#morenews h3, #story div#inthenews h3 {
    width:auto; 
}
.basic {
    margin-top: 20px;
}

/*  homepage    */
.homepage #main {
    background-image: none;
}
.homepage #side {
    margin: 0;
    clear: both;
}
.homepage div#topfeature, .homepage div#topfeature #topvisual, .homepage div#topfeature #lead-manual, .homepage div#subfeatures, .homepage div#morenews {
    width: 100%;
    float: none;
    margin: 0;
}
.homepage div#topfeature br.clearfloat {
    display: none;
}
.homepage div#subfeatures div.sf {
    float: none;
    clear: both;
    width: 100%;
    padding: 14px 0;
}
.homepage div#subfeatures div.sf, .homepage div#topfeature {
    border-bottom: 1px solid #ccc;
}
.homepage div#subfeatures div.sf:last-child {
    border-bottom: none;
}
.homepage div#topfeature #topvisual, .homepage div#topfeature #lead-manual {
    float: none;
    width: 300px;
    margin-right: 0;
}
.homepage div#subfeatures div.sf > a {
    float: right;
    margin-right: 0;
    margin-left: 18px;
    width: 160px;
    display: block;
}
/*  note all possible contents here - image or iframe/video/slideshow?  */
.homepage div#topfeature #topvisual img, .homepage div#topfeature #lead-manual > img, .homepage div#subfeatures div.sf a img {
    width: 100%;
    height: auto;
}
.homepage div#topfeature h1, .homepage div#campus h1 {
    font-size: 24px;
}
/*  all homepages: slight padding between visual and date in auto mode. manual mode has its own padding?*/
.homepage div#topfeature #topvisual {
    margin-bottom: 7px;
}
.homepage div.sf h2, .homepage div.cnews h2 {
    font-size: 16px;
    line-height: 125%;
}
.homepage div#topfeature > p, .homepage div.sf p, .homepage div#subfeatures p  {
    width: 100%; /*reset from 480*/
}

.homepage div#subfeatures p, .homepage div#topfeature p, .homepage div.cnews p, .homepage div#campus div.cnews p.attrib, .homepage div#morenews p.date, .homepage div#inthenews p, .homepage div#mostviewed li, .homepage div#events p, .homepage div#events h4, .homepage div#topicList ol li, #campus-home.homepage #side div#topicList ol li {
    font-size: 12px;
}
.homepage div.sf p.date, .homepage div#subfeatures p.date {
    margin-top: 0;
    margin-bottom: 10px;
}
.homepage div#morenews h3, .homepage div#inthenews, .homepage div#morenews h3, .homepage div#inthenews h3 {
    width: 100%;
    font-size: 14px;
}
.homepage div#mostviewed li span.date {
    display: block;
    padding-top: 3px;
}
/*inline styles override*/
.homepage div#mostviewed {
    width: 100% !important;
    float: none !important;
}
.homepage div.cnews {
    width: 100%;
     border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.homepage div#campus div.cnews:last-of-type, .homepage div#subfeatures div.sf:last-of-type {
    border: none;
}
.homepage div.cnews > a {
    float: none;
    display: block;
    margin-left: 0;
}
.homepage p.morelink {
    margin: 0 !important;
    border: none;
}
.homepage p.morelink a {
    text-align: right;
    width: auto;
    padding: 10px 16px;
    background-color: #eeeeee;
}
.homepage div#inthenews-wrapper {
    padding-bottom: 0;
}
.homepage div#side div#subscribe {
    width: 286px;
    padding: 12px 0 12px 14px;
}
.homepage div#side div#subscribe h2.header {
    float: left;
    line-height: 1;
    margin: 0;
    padding: 7px 9px 0 0;
    background-color: transparent;
    font-size: 12px;
    letter-spacing: 0.1em;
}
.homepage div#side div#subscribe div.subscribe-button p {
    margin: 0;
}
.homepage div#topicList ol li {
    line-height: 150%;
}
.homepage div.featured-event img {
    margin-right: 18px;
}
.homepage div.featured-event-info, #campus-home.homepage div#events div.featured-event-info {
    width: 210px;
}
.homepage div#side > div#sm {
    padding-bottom:0;
}

/*  campus homepage */

/*abs pos Emory Report logo workaround */
.homepage#campus-home #campus-home-brand-image {
    /*margin: 0 0 5px 0;*/
    position:absolute;
    top:0;
    left:0;
    margin:0;
}
/* ajd for abs pos Emory Report logo */
.homepage#campus-home div#topfeature {
    padding-top:44px;
    position:relative;  
}
/*  not needed if ER logo is visually first with abs pos    */
/*#campus-home.homepage #lead-manual + #campus-home-brand-image {
    margin: 0;
}*/
#campus-home.homepage div#subfeatures div.sf, #campus-home.homepage div#topfeature, #campus-home.homepage div.cnews {
    border-bottom: 1px solid #CCCCCC;
}
/*remove borders and padding on last story in a set */
#campus-home.homepage div#campus div.cnews:last-of-type, #campus-home.homepage div#subfeatures div.sf:last-of-type {
    border: none;
    padding-bottom: 0;
}
#campus-home.homepage div#video, #campus-home.homepage div#takenote, #campus-home.homepage div#blogs {
    width: 100%;
    float: none;
}
#campus-home.homepage div.cnews {
    margin-top: 20px;
    padding-bottom: 15px;
}
/*remove borders and padding on last story in a set */
#campus-home.homepage div#campus div.cnews:last-of-type, #campus-home.homepage div#subfeatures div.sf:last-of-type {
    border: none;
    padding-bottom: 0;
}
#campus-home.homepage div#side div#events, #campus-home.homepage div#side div#topicList {
    float: none;
    width: 100%;
}
#campus-home.homepage div#side div#ads a img {
    margin-bottom: 20px;
}
/* press homepage */
#press-home.homepage div.releaseLink {
    width: 175px;
}
.homepage div#morenews div.releaseItem h3 {
    width: 100%;
    line-height: 130%;/*font-size:13px;*/
}
.homepage div#morenews div.releaseItem p.date {
    font-size: 11px;
}
#press-home.homepage div#tipsheets, #press-home.homepage div#experts, #press-home.homepage div.video_460, #press-home.homepage div#side div.optional, #press-home.homepage div#side div#contact {
    width: 100%;
    margin-right: 0;
    float: none;
}
#press-home.homepage div#tipsheets p.morelink {
    margin-top: 5px;
}
#press-home.homepage div#side div#contact {
    width: 265px;
    padding-left: 15px;
    /* fallback */
    background-position: left;
    background-color: #043d8e;
    background-repeat: repeat-y;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(#043d8e), to(#2764bb));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #2764bb, #043d8e);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #2764bb, #043d8e);
    /* IE 10 */
    background: -ms-linear-gradient(left, #2764bb, #043d8e);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #2764bb, #043d8e);
}
#press-home.homepage div#contact h2.header {
    clear: both;
    width: 100%;
}
#press-home.homepage div#contact div.button {
    margin-bottom: 20px;
}
/*  homepage: hidden items  */
.homepage div.sharedrop, .homepage div#inthenews-quote {
    display: none;
}
.homepage #side div#trumba-spud {
    display:block; /*override hidden at 480*/
    height:auto;
}
#press-home.homepage div#side > div#sm {
    margin-bottom:0;
    padding-bottom:0;
}
/*  SLIDESHOWS  */
/*  story slideshows */
#story .ss520 #slideshow-container, .homepage .ss460 #slideshow-container, .hub .ss460 #slideshow-container {
    height: 230px;
    margin-right: 0;
    margin-bottom: 0;
    width: 300px;
    float: none;
}

#story .ss520 #slideshow, .homepage .ss460 #slideshow, .hub .ss460 #slideshow {
    height: 200px;
    width: 300px
}
#story .ss520 #slideshow .slide, .homepage .ss460 #slideshow .slide, .hub .ss460 #slideshow .slide {
    height: 200px;
    width: 300px;
}
#story .ss520 #slideshow-controls, .homepage .ss460 #slideshow-controls, .hub .ss460 #slideshow-controls {
    font-size: 12px;
}
/*  homepage slideshow */
.homepage div.ss460 div#slideshow-container, .hub div.ss460 div#slideshow-container {
    height: 230px;
}
.homepage .ss460 #slideshow, .hub .ss460 #slideshow {
    height: 200px;
}
.homepage .ss460 #slideshow .slide, .hub .ss460 #slideshow .slide {
    height: 200px;
}

.homepage .ss460 #pauseorplay, .homepage .ss460 #direction-controls, .hub .ss460 #pauseorplay, .hub .ss460 #direction-controls {
    width: 130px;
    padding: 5px 10px;
}
/*  slideshow captions  */
#story .ss520 #slideshow .caption, .homepage .ss460 #slideshow .caption, .hub .ss460 #slideshow .caption {
    display:none;
}

/* infographic for admission story april 2014 */
div.calendareventcolumn {
    width: 260px;
}
img.admissiongraphicmap {
	width: 260px;
}

/*don't delete this closing bracket */
} /* end 320 */