/*debug position of #hometop relative to top nav*/
.topnavigation {
    display: block;
    height: 27px;
}
#hometop {
    /*height: 309px !important;*/
    display: block;
    height: 319px !important;
    /*margin-top:36px !important;*/
    width:950px !important;
    padding-bottom: 10px;
}

div#hometop {
    left:17px; !important
} /* nice and centered -- AL */

#lead_story {
    background-color: #FFFFFF;
    width: 726px !important;
    height: 319px !important;
    float:left;
    padding-left:6px;
    padding-right:3px;
    padding-top:0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#lead_story #story_content_manual h2,
#lead_story #story_content_manual h3,
#lead_story #story_content_manual h4 {
    color:#002878;
}

/* Override wyiswyg entry */
#story_content_manual {
    padding-right:10px;
    padding-left:6px;
    padding-top:10px;
    padding-bottom: 10px;
    color:#333333;
}
#story_content {
    padding-left: 6px;
    margin-right: 8px;
}
#story_content_manual h2, #story_content_manual h2 b, #story_content_manual h2 strong {
    font-family: Verdana, Arial, sans-serif;
    font-size:15px;
    color: #666666;
    margin-top:6px;
    margin-bottom:2px;
    padding: 0px;
}
#story_content_manual h3 {
    /* font-size: 14px; */
    margin-top:7px;
    margin-bottom:3px;
    color:#2f42ba;
}
#story_content_manual h4 {
    color: #333333;
    font-family: Verdana, Arial, sans-serif;
    margin-top: 4px;
    margin-bottom: 3px;
    padding: 0px;
}
#story_content_manual h5, #story_content_manual h6 {
    color: #333333;
}
#story_content_manual h1 {
    color: #002878;
}
#main_kicker h3 {
    color: #002878;
    margin-bottom: 10px;
}
/* Styles for auto-lead story */

p.er_date {
    margin-top: 10px;
}
div#main_mainhead h1 {
    color:#002878;
    margin-bottom:10px;
}
#story_photo {
    float: right;
    padding-left: 10px;
    width: 380px;
}
.er_section_caption, .er_photo_credit {
    font-style:italic;
    font-size: 10px;
    padding-top:3px;
}
/*flex space div if no callouts*/
#upper_right {
    width:186px;
    height: 311px; /*add 2 px per negative margin top*/
    float: left;
    margin-top: 8px; /*optical align*/
    margin-right: 0px;
    margin-left: 13px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0px;
    background-image:url("http://www.emory.edu/EMORY_REPORT/images/home_images/twitter_bg.gif");
    background-repeat:no-repeat;
}
#upper_right_content {
    padding-left: 10px;
    padding-right: 5px;
    color:#333333;
}
/*#upper_right ul, #upper_right p, #upper_right div, #upper_right h3, #upper_right h4 {
    margin-left: 10px;
}*/

#upper_right h2.grayhd {
    width: 166px;
}
#upper_right_callouts {
    width: 200px;
    float: left;
    margin-right: 0px;
    margin-left: 14px;
    margin-top: 10px;
}
#upper_right_callouts h2.grayhd {
    width:186px;
    margin-bottom: 10px;
}
#upper_right_callouts .callout {
    margin-top: 0px;
}
#homebottom {
    width: 960px;
    clear: both;
    height: 490px !important;
    left: 11px !important;
    color:#333333;
}
/*gray padded heading h2*/
#upper_right_callouts h2.grayhd, #upper_right h2.grayhd, #homebottom h2.grayhd, #home_trumba_col h2 {
    display: block;
    background-color:#C0C2C5;
    color: #FFF;
    font-size: 1em;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:5px;
    height:15px;
    margin-top: 0px;
}
#homebottom h2.grayhd, #home_trumba_col h2 {
    margin-bottom: 12px;
}
div#home_news_col {
    background:url("http://www.emory.edu/EMORY_REPORT/images/home_images/headlines_bg.gif") no-repeat scroll 0 0 transparent;
    float:left;
    height:471px;
    padding-bottom: 10px; /*481 px total h*/
    margin-left:4px;
    /*margin-right:2px;*/
    width:459px;
    overflow: hidden;
}
#home_news_col #headlines_flex {
    padding-left:8px;
    padding-right:10px;
    padding-top:0;
    width:427px;
}
#home_news_col #relatedLinks {
    height: 468px; /* giving us just a smidge more of room -- AL */
    overflow: hidden; /*if scroll, adjust width to fit scrollbar*/
}

/*auto-stories list*/

#home_news_col .headline_image {
    float: left;
    width: 65px;
    padding-right: 0px;
    border: none;
}
#home_news_col .headline_image img {
    padding: 0px;
    margin: 0px;
}
#home_news_col .headline_entry {
    display: block;
    width: 426px;
    margin-left: 0px !important;
    clear: both;
    height: 70px;
    /*min-height:70px;*/
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    
}
#home_news_col .headline_text {
    float:left;
    width: 351px;
    margin-left: 0px;
    padding-left: 10px;
}

.headline_text p {
    color: #333333; line-height: 1.37em; margin: 0;     
}
p.headline_link {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 3px 0;
}
p.headline_link a:link {
    /*color: #002878;*/
    text-decoration: none;
}
p.headline_link a:visited {
    /*color: #002878;*/
    text-decoration: none;
}
p.headline_link a:hover {
    /*color: #002878;*/
    text-decoration: underline;
}
p.headline_link a:active {
    /*color: #002878;*/
    text-decoration: none;
}
p.headline_date {
    color: #666;
    font-size: .9em;
    margin: 3px 0;
}
/*indents on common block elements in content buckets*/

/*#relatedLinks ul, #relatedLinks p, #relatedLinks div, #relatedLinks h3, #relatedLinks h4 {
    margin-left: 10px;
}*/
#home_events_col ul#eventsList,
#home_events div#events_flex {
    margin-left: 10px;
}

/* removed div#events_flex from above bc it was pushing list too far to the right -- AL */

/*don't need adj for trumba div*/

div#home_news_col li {
    width: 100%;
}
#homebottom li {
    line-height: 1.5em;
    margin-bottom: 13px;
}
#homebottom #column_3 {
    width: 271px;
    float: left;
}
div#home_events_col {
    height:174px;
    padding-top:0;
    width:271px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://www.emory.edu/EMORY_REPORT/images/home_images/takenote_bg.gif");
    background-repeat: no-repeat;
    padding-top: 10px;
    overflow:hidden;
}
ul#eventsList {
    height:120px;
    overflow:hidden;
    width:240px;
}
#trumba_container {
    width: 255px;
    height:153px; /*preserve view all visibility*/
    overflow:hidden;
}
#trumba_container td.twEventCell {
    padding:0 6px 2px 12px !important;
}
.viewAll {
    background:url("http://www.emory.edu/template_shared/images/arrow-dark.gif") no-repeat scroll right 10px transparent;
    padding-top:5px;
    margin-top: 0px !important;
}
/*override entries: div container*/
#events_flex {
    width:239px;
}
div#home_trumba_col {
    height:234px;
    margin-right:5px;
    padding-top: 10px;
    width:271px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://www.emory.edu/EMORY_REPORT/images/home_images/trumba_bg.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}
#home_news_col, #home_trumba_col, #home_events_col, #twitterfeed {
    padding-left: 10px;
    padding-top: 10px;
}
#home_news_col h2 {
    width: 426px;
}
#home_trumba_col h2, #home_events_col h2 {
    width:238px;
}
#twitterfeed h2.grayhd {
    width: 165px;
    margin-bottom:4px !important; /*counteract removal of JS title output*/
}
#homebottom #twitterfeed {
    background-image:url("http://www.emory.edu/EMORY_REPORT/images/home_images/twitter_bg.gif");
    background-repeat:no-repeat;
    float:left;
    margin-left:10px;
    width:186px;
}
#twitterfeed #tweets .twtr-hd {
    overflow:hidden;
    padding:0 5px 0 10px;
    position:relative;
}
#twitterfeed #tweets .twtr-widget h4 {
    font-size:12px !important;
}
#tweets .twtr-widget {
    font-family:Verdana, Arial, sans-serif !important;
    font-size:11px;
}
#tweets .twtr-join-conv {
    display:none;
}
#tweets {
    height:386px;
    overflow:hidden;
    position:relative;
    margin-top: 0px;/*left:11px;
    top:6px;*/
}
#tweets .twtr-widget .twtr-tweet { /*tweet entries*/
    margin-bottom: 8px;
    padding-bottom:6px;
}
#tweets #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
    color:#333333 !important;
    font-size:11px !important;
    font-family: Verdana, Arial, sans-serif !important;
}
#tweets .twtr-ft {
    display:none;
}
#social_media {
    background-color:#F9F9F9;
    height:60px;
    left:480px;
    position:absolute;
    top:426px;
    width:475px;
    z-index:1001;
    overflow: hidden;
}
#social_media ul {
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 12px;
    margin:0px;
}
#social_media ul li {
    display:block;
    float:left;
    list-style-type: none;
    vertical-align: middle;
    /*width:66px;*/
    margin: 0px;
    padding-right:20px; /*to fit 7 items. override inline as needed. */
    line-height: normal;
}
#social_media ul li img {
    padding:0px !important;
    margin:0px !important;
}
/* Misc Content Level Headings */
/*avoid conflicts with existing h2 for gray header/ .grayhd*/
#story_content_manual h2, #upper_right_content h2, #story_content_manual h2 b, #story_content_manual h2 strong, #home_events_col h2, #home_news_col h2, #tweets h2 {
    font-family: Verdana, Arial, sans-serif;
    font-size:15px;
    color: #666666;
    margin-top:6px;
    margin-bottom:2px;
    padding: 0px;
}
#story_content_manual h3, #upper_right_content h3, #homebottom h3 {
    /* font-size: 14px; */
    margin-top:7px;
    margin-bottom:3px;
    color:#2f42ba;
}
#story_content_manual h4, #upper_right_content h4, #homebottom h4 {
    color: #333333;
    font-family: Verdana, Arial, sans-serif;
    margin-top: 4px;
    margin-bottom: 3px;
    padding: 0px;
}
#story_content_manual h5, #story_content_manual h6, #upper_right_content h5, #upper_right_content h6, #homebottom h5, #homebottom h6 {
    color: #333333;
}
#story_content_manual h1 {
    color: #002878;
    margin-bottom:10px;
}

/*styles for ER homepage redirect to News Center lightbox - added by emily porter 1/2012*/
#lightbox {
    text-align: left;
    /* overlay is hidden before loading */
        display:none;
    /* standard decorations */
        width:600px;
    border:10px solid #ccc;
    /* CSS3 features for mozilla and webkit-based browsers (rounded borders) */
        -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
#lightbox div {
    border:1px solid #3B5998;
    background-color:#fff;
    font-family:helvetica, arial, geneva, sans-serif;
    padding:20px;
    line-height: 1.3em;
    font-size:12px;
}

div#container div#homebottom div#lightbox div p {
font-size: 14px;
line-height: 1.3em;
margin-bottom:8px;
}
#lightbox h2 {
    font-family:helvetica, arial, geneva, sans-serif;
    margin: 0px;
    color:#fff;
    background-color:#002878;
    padding:20px;
    border-left:1px solid #3B5998;
    border-right:1px solid #3B5998;
    border-bottom:1px solid #3B5998;
    font-size:18px;
}
#lightbox h2 a {
    color: #fff;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
    font-family:helvetica, arial, geneva, sans-serif;
}

p.archive_link {
visibility:hidden; 
height:0px;
}