/* ----- GENERAL RESETS below ----- */

* {padding: 0;}/* same as std template */

body  {
    background: #fff;
    margin: 0; /* same as std template */
    text-align: center; /* this centers the container in IE 5* browsers */
    color: #333;
    font-family: verdana, helvetica, arial, geneva, sans-serif;
    font-weight: normal; /*note font changes affect entire site, please keep on body*/
    font-size: .7em; /* same as std template */
}

.emergency_include {
    margin-right: 10px; margin-left: 10px; background: url(http://www.emory.edu/template_shared/images/emergency-bg.gif) no-repeat; color: white; padding-top: 15px; padding-bottom: 15px; font-weight: bold; padding-left: 15px; padding-right: 15px;
}

#analytics_container {
height: 0px;
overflow: hidden;
visibility:hidden;
}

a img {border: none;}

.clearfloat { 
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

/* --- FONTSPRING --- */

@font-face {
    font-family: 'MuseoSans500';
    src: url('MuseoSans_500-webfont.eot');
    src: url('MuseoSans_500-webfont.eot?iefix') format('eot'),
         url('MuseoSans_500-webfont.woff') format('woff'),
         url('MuseoSans_500-webfont.ttf') format('truetype'),
         url('MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSlab500';
    src: url('Museo_Slab_500-webfont.eot');
    src: url('Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('Museo_Slab_500-webfont.woff') format('woff'),
         url('Museo_Slab_500-webfont.ttf') format('truetype'),
         url('Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ----- CONTENT STRUCTURE below ----- */

/*sep css file for topnav*/

#container960 { 
    width: 980px; 
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    /*background: url("images/16_col.gif") repeat-y scroll 0 0 transparent;*/
}

#wrapper { 
    padding: 0; 
    margin: 0 10px /*margin puts content away from page edge*/
}

#main {
    clear: both; /*clear topnav and submenu floats*/
    float: left;
    width: 700px;
    margin: 20px 20px 0 0;
    padding: 0 20px 0 0;
    border-right: 1px solid #424242;
}

#side {
    float: left;
    margin: 20px 0;
    width: 219px; /* one less than 220px because of border */
}

/* this list is every div with a bold border on top, throughout the site */
div#morenews,
div#mostviewed,
div#campus,
div#inthenews-wrapper,
div#todaysnews,
div#events,
div#sm,
div#topicList,
div#takenote,
div#blogs,
div#video,
div#facebook,
div#tweets,
div#ads,
div#experts,
div#tipsheets,
div.optional,
div#topics,
div#topics-kinds,
div#resources,
div#breaking-news-topics,
div#expert-topic-list,
div#expert-flex,
.story div#tags,
.story div#story-campus-contacts,
.story div#related-stories,
.story div#related-video {
    border-top: 6px solid #424242;
    padding-top: 15px;
    margin-top: 20px;
}

/* divs with a light border on top */
div#expert-media,
div#expert-stories,
div#expert-resources {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 20px;
}

/*sub-homepage wrappers for floating */
/*moved to separate css files for press and campus*/


/* ----- PARAGRAPH STYLING below ----- */

p {
    font-size: .95em;
    line-height: 1.5em;
}

div#subfeatures p {margin-bottom: 0;}

/* ----- LINK STYLING below ----- */

a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a:active {color: #333; text-decoration: underline;} /*makes most links invisible except on hover */

div.cnews p.attrib a,
div#s2 a,
div#tweets p a,
div#image-nest p a,
.story div#resources p a,
.story div#tags p a {
    color: #002878; 
    text-decoration: underline;
} 
/*special headline link indicators*/
a.link_external, a.icon_video, a.icon_audio {
background-repeat: no-repeat;
 background-position: right 1px;
    background-repeat: no-repeat;
    padding-right: 15px;
} 
a.link_external {
background-image: url('../images/icons/external.png');
}
a.icon_video {
background-image: url('../images/icons/video.png');
padding-right: 20px;
}
a.icon_audio {
background-image: url('../images/icons/audio.png');

}

#topfeature a.icon_audio, #topfeature a.icon_video, #topfeature a.link_external {
background-position: right 3px;
}


/*this section makes selected links blue and underlined */

/* ----- HEADLINE STYLING below ----- */

h1 {
    font-size: 2.2em;
    color:#333;
    margin: 0 0 8px 0;
    padding-top: 0;
    font-family: helvetica, arial, geneva, sans-serif;
}

div#topfeature h1, div#campus h1 {
    font-family: helvetica, arial, geneva, sans-serif;
    font-size: 2.2em;
    line-height: 1.2em;
}

div#topfeature h1 a:hover, 
div#subfeatures h2 a:hover, 
div.cnews h2 a:hover {
    color: #002878; 
    text-decoration: none;
} /*turns main heads from underlined links to blue links */

h2 {
    font-family: helvetica, arial, geneva, sans-serif;
    font-size: 1.4em;
    margin: 2px 0 10px 0;
    font-weight: normal;
}

h2.header {
    font-family: 'MuseoSlab500', helvetica, arial, geneva, sans-serif;
    font-size: 1.6em;
    color: #334466;
}

h2.header a:link {color: #334466;}
h2.header a:visited {color: #334466;}
h2.header a:hover {color: #334466;}
h2.header a:active {color: #334466;}



div#subfeatures h2, div.cnews h2 {
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #333;
    font-family: helvetica, arial, geneva, sans-serif;
}

div#morenews h3, div#inthenews h3 {width: 400px; /*float: left;*/ }

/* ----- TOPFEATURE and SUBFEATURES ----- */
/*container div for top visual element left of lead story*/
div#topfeature #topvisual, div#topfeature #lead-manual {
    width: 460px;
    float: left;
    margin-right: 20px;
}
  

#subfeatures {
    margin-top: 20px;
}

.homepage div.sf {
    width: 220px; 
    float: left; 
    margin-right: 20px;
}


div#topfeature p.date {
    margin-top: 0;
}

div#subfeatures img {
    margin-bottom: 10px;
    height: 147px; /*temp for mm thumbs transition*/
}

.campus div#subfeatures div.sf img{
    width: 220px; 
    float: right; 
    margin-left: 20px; 
    margin-bottom: 0;
}



div.sf p {
    margin-bottom: 5px;
    margin-top: 5px;
}

div.sf h2 {
    margin-bottom: 5px;
}

/* ----- MORENEWS ----- */

div#morenews h3 {
    margin-bottom: 0;
}

div#morenews p {
    margin-top: 0;
}

div#morenews div.button {
    margin-bottom: -10px;
}

.homepage div#morenews {
     width: 460px; 
     float: left; 
     margin-right: 20px;
}

.homepage #campus p#home-morenews-link.morelink {
    margin-top: 10px; margin-left: 540px;
}


 div.releaseItem { /* press releases within the #morenews div*/
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #333;
    clear:both; /*remove inline styles*/
 }
 
 div.releaseThumb {
 float: left;
 width:120px;
 }
 
div.releaseItem img {
    width: 100px; 
    /*float: left; */
    margin-right: 20px;
    margin-bottom: 10px;
}

div.releaseLink {
float: left;
width: 335px;

}

.homepage div#morenews div.releaseItem h3, div#morenews.press div.releaseItem h3 {
width: 335px;
}

/*    most viewed @main home    */
.homepage #mostviewed { width: 220px; float: left; }

/* homepages: emory report/around campus */
.homepage div#campus {
    clear:both;
}
#campus-home.homepage div#campus {
    padding-bottom:15px;
}


/* ----- CAMPUS ----- */

/*div#cfrom {
    float: left;
    width: 160px;
}*/
div.er_header {
width: 200px;
padding-bottom: 15px;
float: left;
}

div.cnews {
    width: 160px; 
    float: left; 
    margin-right: 20px;
}
div.cnews.last {
    margin-right:0;
}

div.cnews img {
    margin-bottom: 10px;
}

div#campus div.cnews p.attrib {
    font-size: .9em;
    margin-bottom: 0;
}

/* ----- INTHENEWS below ----- */

div#inthenews-wrapper {
padding-bottom:35px;
overflow:visible;
min-height: 241px;
clear: both;
}

div#inthenews {
    width: 460px; 
    float: left;
    margin-right: 20px;
     padding-bottom: 35px;
}

div#inthenews h3 {
    margin-bottom: 0;
}

div#inthenews p {
    margin-top: 0;
}

div#inthenews-quote {
    width: 180px;
    float: left;
    padding: 20px;
    margin-top: -2px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #eee;
}

div#inthenews-quote p {
    margin-bottom: 0;
    font-size: .8em;
}

div#inthenews-quote p.quote {
    font-size: 1.3em;
    margin-top: 0;
    font-family: 'MuseoSlab500', georgia, times-new-roman, serif;
}

div#inthenews-quote h2.header {
    background-color: #ccc;
    padding: 4px 10px;
    margin: 15px -20px 0 -20px;
    font-size: 1em; 
    text-align: right;
}

div#inthenews-quote p.quote a:link {color: #002878; text-decoration: none;}
div#inthenews-quote p.quote a:visited {color: #002878; text-decoration: none;}
div#inthenews-quote p.quote a:hover {color: #002878; text-decoration: underline;}
div#inthenews-quote p.quote a:active {color: #002878; text-decoration: none;}

div#inthenews-quote h2.header a:link {color: #444;}
div#inthenews-quote h2.header a:visited {color: #444;}
div#inthenews-quote h2.header a:hover {color: #444;}
div#inthenews-quote h2.header a:active {color: #444;}

/* --- .campus TAKENOTE and .press TIPSHEETS --- */


div#takenote h3, div#tipsheets h3 {
    font-family: verdana, helvetica, arial, geneva;
    font-weight: normal;
    font-size: .95em;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin: 8px 0 10px 0;
}

div#takenote h3, div#tipsheets h3, p.hi-res-download a {
background-image:url('../images/takenote-arrow.gif');
background-repeat: no-repeat; 
padding-left:15px;
}
div#takenote h3, div#tipsheets h3 {
background-position: 0 13px;
}

p.hi-res-download a {
background-position: 0 3px;
}


/* --- VIDEO --- */



div#video h3 {
    margin-top: 10px;
    margin-bottom: 0;
}
div#video p {margin-top: 0;}



/* --- TWEETS --- */



div#tweets p {
    font-size: .95em;
}

div#tweets p span {
    font-size: .9em;
}

.press div#tweets {width: 219px;}

div#tweets p.morelink a:link {color: #333; text-decoration: none;}
div#tweets p.morelink a:visited {color: #333; text-decoration: none;}
div#tweets p.morelink a:hover {color: #333; text-decoration: underline;}
div#tweets p.morelink a:active {color: #333; text-decoration: none;}

.twtr-tweets {

}
.twtr-widget {
font-family: verdana,helvetica,arial,geneva,sans-serif;
padding-top:0px;
width:220px;
height:286px;
}

.twtr-widget a {
color: #002878;
text-decoration: underline;
}

.twtr-hd {
    display:none;
}

.twtr-widget .twtr-tweet-wrap {
    padding-left: 0px !important;
}

.twtr-widget .twtr-tweet {
border: none !important;
}

.twtr-ft {
    display:none;
}
div#tweets p.morelink {
margin-bottom:20px;
}



/* --- BLOGS --- */

div#blogs img.logo {
    margin-right: 3px; 
    vertical-align: middle;
}

#blogroll ul li {
list-style: none;
/*padding-left: 15px;*/
}

/* --- FACEBOOK --- */

div#facebook {
    width: 460px;
    float: left;
}


/* --- ADS --- */

div#ads {
    width: 220px;
}
div#ads img {
    margin-bottom: 20px;
}

/* ----- EXPERTS ----- */ /* ----------------------------------experts---------------------------*/

div#experts h3 {
    margin-bottom: 0;
    line-height: 1.3em;
}

div#experts p {
    margin-top: .25em;
}   

div#experts div.button {
    float: right;
}



/* ----- SHARING DROP STYLE ----- */

div.sharedrop {
    float: right;
    width: 100px;
    margin-top: -15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 4px 0 5px 0;
    text-align: center;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}

div.sharedrop p {
    display: inline;
}

div#wrapper div.sharedrop p a:link {color: #666;}
div#wrapper div.sharedrop p a:visited {color: #666;}
div#wrapper div.sharedrop p a:hover {color: #333;}
div#wrapper div.sharedrop p a:active {color: #666;}

img.rss-icon {
    width: 12px; 
    vertical-align: -2px; 
    margin-right: 5px;
}

/* ----- BUTTONS ----- */

div.button {
    float: left;
    margin-right: 12px;
}

div#events div.button {
    margin: 0;
    float: right;
}

div.button a {
    padding: 4px 12px 4px 15px;
    font-family: 'MuseoSlab500', helvetica, arial, geneva, sans-serif;
    font-size: 1.1em;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
    -moz-box-shadow: 3px 3px 3px #aaa;
    -webkit-box-shadow: 3px 3px 3px #aaa;
    box-shadow: 3px 3px 3px #aaa;
}

div.button a:link {
    color: #666; 
    background-color: #ddd;
}
div.button a:visited {
    color: #666; 
    background-color: #ddd;
}
div.button a:hover {
    color: #333; 
    background-color: #dcdcdc; 
    text-decoration: none;  
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
}
div.button a:active {
    color: #333; 
    background-color: #dcdcdc; 
    text-decoration: none;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
} 

/* ----- MORELINK ----- */

p.morelink {
    font-family: 'MuseoSlab500', helvetica, arial, geneva, sans-serif;
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 5px;
    margin-bottom: 0;
}

p.morelink a {color: #444;}

/* ----- SUBSCRIBE -----*/

div#subscribe h2.header {
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: .2em;
    margin: 0 0 5px -15px;
    padding: 5px 0 5px 20px;
    background-color: #fafafa;
}

div#subscribe {
    margin-top: -20px;
    width: 198px;
    background-color: #eee;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px 0 10px 15px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
}

div.subscribe-button {
    float: left;
    margin-right: 12px;
}

div.subscribe-button p img {
    margin-right: 5px;
    vertical-align: -1px;
}

div.subscribe-button a {
    width: 120px;
    padding: 6px;
    font-family: 'MuseoSlab500', helvetica, arial, geneva, sans-serif;
    font-size: 1.1em;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
    -moz-box-shadow: 3px 3px 3px #aaa;
    -webkit-box-shadow: 3px 3px 3px #aaa;
    box-shadow: 3px 3px 3px #aaa;
}

div#subscribe a:link {
    color: #666; 
    background-color: #ddd;
}
div#subscribe a:visited {
    color: #666; 
    background-color: #ddd;
}
div#subscribe a:hover {
    color: #333; 
    background-color: #dcdcdc; 
    text-decoration: none;  
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
}
div#subscribe a:active {
    color: #333; 
    background-color: #dcdcdc; 
    text-decoration: none;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
 } 

/* --- CONTACT --- */

div#contact {
    margin-top: 20px;
    background: url('../images/gradient2.jpg') #002878;
    padding: 10px 20px 10px 20px ;
    width: 170px;
    text-align: left;
    -moz-box-shadow: 3px 3px 6px #ccc;
    -webkit-box-shadow: 3px 3px 6px #ccc;
    box-shadow: 3px 3px 6px #ccc;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
    -moz-border-radius: 10px;
    border-bottom-radius: 10px;
     height: 290px;
}

div#contact h2.header {color: #a5b8dd ;}

div#contact p {font-size: .95em;}

div#contact p a:link {color: #ddd;}
div#contact p a:visited {color: #ddd;}
div#contact p a:hover {color: #fff;}
div#contact p a:active {color: #ddd;}

div#story div.press-contact div#press-staff-list div#contact p b a {
text-decoration:none;
}
div#story div.press-contact div#press-staff-list div#contact p b a:hover {
text-decoration:underline;
}


div#contact p.phone {
    font-family: 'MuseoSlab500', helvetica, arial, geneva, sans-serif;
    color: #eee;
    font-size: 1.75em;
    margin-top: 0px;
    margin-bottom: 0px;
}

div#contact div.button {
    float: right;
    margin-right: 0;
}

div#wrapper div#contact div.button a {
    color: #666;
    padding: 4px 12px 4px 15px;
    font-size: .9em;
    -moz-box-shadow: 3px 3px 3px #333;
    -webkit-box-shadow: 3px 3px 3px #333;
    box-shadow: 3px 3px 3px #333;
    text-decoration: none;
}

div#wrapper div#contact div.button a:hover {
color: #333; 
background-color: #dcdcdc; 
text-decoration: none;  
-moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
}

div#wrapper div#contact div.button a:active {
color: #333; 
background-color: #dcdcdc; 
text-decoration: none;
-moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
 } 
 
/* ----- MOSTVIEWED AND EVENTS COMMON STYLES ----- */

div#mostviewed li, div#events h4, div.twDescription {
    font-family: helvetica, arial, geneva, sans-serif;
    font-weight: bold;
    font-size: .95em;
    line-height: 1.3em;
    padding: 2px 0;
}

/* ----- MOSTVIEWED ----- */

div#mostviewed ol {
    margin-left: 20px;
    margin-bottom: 0;
}

div#mostviewed li {
    padding: 5px 0;
}

div#mostviewed li span.date {
    font-weight: normal; 
}

/* ----- EVENTS ----- */

div.featured-event {
    margin-top: 20px;
    margin-bottom: 20px;
     min-height: 67px;
    /*padding-top: 10px;
    border-top: 1px solid #ccc;*/
}

div.featured-event img {
    float: left;
    margin-right: 10px;
}
div.featured-event-info {
    float: left;
    width: 142px;
    padding-bottom: 30px; /*to pad against trumba*/
    /*width: 109px; for 1:1.5 images */
}

div#trumba-spud {
    margin-top: 20px;
    clear: both;
    height: 190px; /*script = 188px high*/
}

div#events h4 {
    margin-top: 2px; 
    margin-bottom: 0;
}

div#events p {
    margin: 0;
}


/* ----- HOTTOPICS ----- */

div#topicList ol {
    margin-left: 20px;
}

div#topicList ol li {
    font-family: arial, helvetica, geneva, sans-serif; /*keep this order on this list only*/
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    letter-spacing: .1em;
    line-height: 16px;
    color: #002878;
    margin: 3px 0;
}

div#topicList ol li a {color: #002878; text-decoration: none;   padding: 2px 5px 2px 0px;}
div#topicList ol li a:hover {color: #fff; background-color: #dab000;}

/* ----- TODAY'S NEWS ----- */

div#todays-news h4 {
    font-family: helvetica, arial, geneva, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    padding: 2px 0;
    margin-top: 10px;
}

div#todays-news h4.first {
    font-size: 1.3em;
    line-height: 1.4em;
}

div#todays-news h2 {margin-bottom: 0;}
div#todays-news h4 {margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
div#todays-news p {margin: .5em 0;}
div#todays-news p.date {font-family: helvetica, arial, geneva, sans-serif;}


/* ----- SM-ICONS ---- */
div#sm {
    width:180px;
}
div#sm.press {
    width:219px;
    /*height: 150px;*/  
}
div#sm ul {
    margin:0;
    padding:0;  
}
div#sm li {
    list-style: none;   
}
div#sm img {
    float: left; 
    margin: 0 10px 10px 0; 
   /* width: 45px;*/
    width:auto;
    height:45px;
}

/* ----- FOOTER below -----*/

#footer {
    background: #ddd;
    padding: 20px;
    margin-top: 20px;
    clear: both;
    text-align:center;
}
#footer p {
text-align: center;
margin-left: auto;
margin-right: auto;
}

#footer p {
    color: #AAAAAA;
    font-size: 0.7em;
    clear: both;
    width: 900px;
}
#footer p a {
 color: #AAAAAA;
}
ul#footLinks {
    /*padding-top: 16px;*/
    list-style: none;
     margin-bottom: 0;
    margin-top: 3px;
    padding: 0;
}
ul#footLinks span {
    padding: 0 0 0 3px;
    color: #AAAAAA;
}
ul#footLinks li {
    display: inline;
    font-size: 0.7em;
    list-style:none;
}
ul#footLinks li a {
    color: #AAAAAA;
}
ul#footLinks li a:hover {
    text-decoration: underline;
}


/* Current Date  */
#wrapper #subnav #subnav-date {
    font-family: FrutigerLTW01-67BoldCn, 'Trebuchet MS', 'Arial Narrow';
    float: left;
    color: #eee;
    font-weight: 400;
    font-size: 14px;
    display: block;
    padding: 6px 15px 0 32px;
    line-height: 1;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

#wrapper #subnav #subnav-date.no-wrap{
    width:auto;
}