/* Northwestern University - NewsCenter
Christopher Garcia - 04.23.2009 */

body {
    margin: 0;
    padding: 0;
    font: 80% Arial, Helvetica, sans-serif;
    color: #161616;
}
#header_wrap, #footer_wrap {
    width: 950px;
    margin: 0 auto;
}
#header {
    height: 245px;
    background: url(../images/header_bg_half.png) repeat-x;
}
#header_right {
    width: 737px;
    height: 240px;
    float: right;
    background: url(../images/header_main_full.png) no-repeat;
}
#header_left {
    height: 240px;
    width: 213px;
    float: left;
}

/*************** main link styles ***************/
a {
    color: #369cc4;
    text-decoration: none;
}
a:hover {
    color: #ff6900;
    text-decoration: none;
}
a img {
    border: none;
}

/*************** banner ***************/
#banner {
    padding: 65px 0 0 22px;
    width: 686px;
    height: 150px;
}
#banner_slide {
    width: 686px;
    height: 150px;
}
#banner_header {
    width: 320px;
    height: 112px;
    float: left;
}   
#info {
    width: 210px;
    float: right;
}
#weather {
    width: 110px;
    float: right;
    margin-top: 5px;
    font-size: 1.5em;
    color: #aeaeae;
    font-weight: bold;
}
#weather a {
    color: #aeaeae;
}
#weather a:hover {
    text-decoration: underline;
}
#weather img {
    vertical-align: middle;
}

/*************** top navigation ***************/
#top_nav {
    clear: both;
}
#top_nav_menu {
    width: 686px;
    height: 36px;
    margin: 0;
    padding: 0;
}
#top_nav_menu span {
    display: none;
}
#top_nav_menu li, #top_nav_menu a {
    height: 36px;
    display: block;
}
#top_nav_menu li {
    float: left;
    list-style: none;
    display: inline;
}
#campus_life_tab {
    width: 119px;
    background: url(../images/navigation.png) 0px 0px no-repeat; 
}
#research_and_academics_tab {
    width: 200px;
    background: url(../images/navigation.png) -119px 0px no-repeat; 
}
#people_tab {
    width: 79px;
    background: url(../images/navigation.png) -319px 0px no-repeat;
}
#university_tab {
    width: 104px;
    background: url(../images/navigation.png) -398px 0px no-repeat;
}
#multimedia_tab {
    width: 108px;
    background: url(../images/navigation.png) -502px 0px no-repeat;
}
#voices_tab {
    width: 76px;
    background: url(../images/navigation.png) -610px 0px no-repeat;
}
#campus_life_tab a:hover, #campus_life_active {
    width: 119px;
    background: url(../images/navigation.png) 0px -36px no-repeat; 
}
#research_and_academics_tab a:hover, #research_and_academics_active {
    width: 200px;
    background: url(../images/navigation.png) -119px -36px no-repeat; 
}
#people_tab a:hover, #people_active {
    width: 79px;
    background: url(../images/navigation.png) -319px -36px no-repeat; 
}
#university_tab a:hover, #university_active {
    width: 104px;
    background: url(../images/navigation.png) -398px -36px no-repeat;
}
#multimedia_tab a:hover, #multimedia_active {
    width: 108px;
    background: url(../images/navigation.png) -502px -36px no-repeat;
}
#voices_tab a:hover, #voices_active {
    width: 76px;
    background: url(../images/navigation.png) -610px -36px no-repeat;
}

/*************** top menu ***************/
#top_menu {
    height: 21px;
    text-align: right;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #754586;
    padding-top: 9px;
    padding-right: 1.2em;
}
#top_menu a {
    color: #754586;
    text-decoration: none;
}
#top_menu a:hover, #footer a:hover {
    text-decoration: underline;
}

/*************** NU logo ***************/
#logo {
    padding-top: 10px;
    height: 149px;
}
#logo img {
    display: block;
    margin: auto;
}

/*************** search box ***************/
#search {
    height: 65px;
}
#search form {
    display: inline;
}
#search fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: .9em;
    color: #686868;
}
#search label {
    font-size: .9em;
    color: #686868;
}
.searchbox {
    background: url(../images/search_box.gif) no-repeat top left;
    height: 19px;
    margin: 0;
    padding-left: 5px;
    width: 170px;
    z-index: 300;
}
.searchbox input {
    margin: 2px 0 0 6px;
    height: 15px;
    width: 115px;
    color: #686868;
    background: none;
    border: 0;
    outline: none;
    float: left;
}
.searchbox input.default {
    color: #adadad;
}
.search_button {
    height: 13px !important;
    width: 13px !important;
    float: right !important;
    padding: 1px 20px 0 0 !important;
}
#main_wrap {
    width: 950px;
    margin: 0 auto; 
    padding-bottom: 1em;
}
#main_landing {
    margin-top: 1em;
    background: url(../images/landing/dotted_nav_border.gif) repeat-y;  
    font-size: .9em;
}
#right_wrap {
    width: 721px;
    float: right;
    font-size: 1em;
}
#right_wrap h3 {
    margin: .5em .2em 0 0;
        font-size: 1.4em;
}
#right_wrap h4 {
    margin: 4px 0;
    padding: 0;
    font-weight: normal;
}

#right_wrap h2 {
    background: url(../images/header_gradient.png) repeat-x;
    text-transform: uppercase;
    font-size: 1em;
    margin: 0;
    padding: .5em;
}   
#right_wrap .upperBlue, #left_nav .upperBlue {
    text-transform: uppercase;
    font-size: .95em;
    font-weight: bold;
    color: #369cc4;
}
#right_wrap .upperBlue a, .upperBlue {
    color: #369cc4;
}
#right_wrap .upperWhite a {
    color: #fcfcfc;
    font-size: .95em;
    font-weight: bold;
    text-transform: uppercase;
}
#right_wrap .upperBlue a:hover, #right_wrap .upperWhite a:hover {
    color: #ff6900;
}
#right_wrap .upperBlue img, #right_wrap .upperWhite img {
    padding-right: .5em;
}
#right_wrap .top_space_img {
    margin-top: 5px;
}

/*************** left navigation ***************/
#left_nav {
    width: 220px;
    font-size: 1em; 
}
#left_nav .center {
        margin-left: 7px;
}
#left_nav h2 {
    background: url(../images/header_gradient.png) repeat-x;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 5px;
}   
#left_nav a img {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}
#left_nav .voices {
    font-weight: bold;
        font-size: 1.2em
}
.voices {
        margin: 4px 0;
        padding: 0;
}
#left_nav #words_box {
    background-color: #e7e7e7;
    font-size: 1.2em;
}
#left_nav #words_box p {
    padding: .5em;
    margin: 0;
        line-height: 1.7em;
}
#left_nav #words_box a {
    color: #161616;
    font-weight: normal;
}
#left_nav #words_box a:hover {
    color: #ff6900;
}
#left_nav #words_box #byline {
    font-size: .8em;
    padding: 0 1em 1em 1em;
}
#left_nav .todays_events {
    font-size: .95em;
}
#left_nav a {
    font-weight: bold;
}
#left_nav .upperBlue img {
    padding-right: .5em;
}

/*************** home page ***************/
#home_top_left, #more_headlines {
    width: 431px;
    padding-left: 10px;
}
#home_top_left #main_box {
    background-color: #6d6d6d;
    padding: 0 10px 5px 10px;
}
#home_top_left #main_box a {
    color: #fcfcfc;
}
#home_top_left #main_box p {
    color: #fcfcfc;
    line-height: 1.5em;
}
#home_top_left #main_box h1, #home_top_right h1 {
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 0;
    color: #fcfcfc;
    margin: 5px .2em 0 0;
    padding-top: .3em;
}
#home_top_right .upperBlue {
    padding: .5em 1.5em 0 10px;
}
#home_top_right .upperBlue img, #more_headlines .upperBlue img {
    padding-left: 0;
}
#home_top_right, #now_playing, #featuring {
    width: 260px;
    float: right;
    padding-right: 20px
}
#home_top_right h1 {
    color: #000;
    margin-top: 0;
    padding-left: 10px;
}
#home_top_right h1 a:hover {
       color: #ff6900;
}
#home_top_right h3, #more_headlines h3 {
    padding: 1.2em 0 0 10px;
}
#home_top_right h3 a:hover, #more_headlines h3 a:hover {
        color: #ff6900;
}
#home_top_right p, #more_headlines p, #featuring p, #featuring2 p {
    margin: .2em 0 0 0;
    line-height: 1.5em;
    padding-left: 10px;
}
#home_top_right a, #more_headlines a {
    color: #131313;
    text-decoration: none;
}
#now_playing #main_box {
    background-color: #e7e7e7;
    padding: 0 10px 5px 10px;
}
#now_playing #small_box {
    background-color: #e7e7e7;
    padding: .5em;
        padding-bottom: 1.8em;
    margin-top: 5px;
}
#small_box p {margin: 3px 0; padding: 0;}
#home_top_right img {
    padding-left: 10px;
}
#more_headlines h3, #more_headlines p, #featuring p, #featuring2 p {
    padding-left: 0;
        padding-right: .5em;
}
#more_headlines .upperBlue {
    padding-top: .5em;
}
#home_mid_wrap {
        clear:right;
    margin-top: 10px;
}
#home_bottom_wrap {
    margin-top: 10px;
    /*background: url(../images/home_bottom_bg.png) repeat-y; */
}
#media_coverage {
    padding-left: 10px;
}
#featuring a:link, #featuring a:visited, #featuring2 a:link, #featuring2 a:visited {color: #000;}
#featuring .upperBlue, #featuring2 .upperBlue {
    padding: .5em 0 1em 0;
}
#featuring .upperBlue a, #featuring2 .upperBlue a {
    color: #369cc4;
}
#featuring p {
    font-weight: bold;
    margin: 3px 0 15px 5px;
}

#featuring2, #media_coverage {
    width: 215px;
    float: right;
}
#featuring2 p {
    font-weight: normal;
    text-transform: none;
}

#featuring2 #small_box {
    margin: 5px 5px 0 0;
}
#media_coverage dt {
    margin: 1em 1em 0 1em;
    text-transform: uppercase;
}
#media_coverage dd {
    margin: 0 1em;
}
#media_coverage p {
    margin-left: 1em;
}
#media_coverage a {
    font-weight: bold;
}
#breaking_news {
    margin: 0 20px 1em 10px;
    border-bottom: 1px dotted #aaa;
    font-size: 1.3em;
}
#breaking_news h2 {
    background: url(../images/emergency_gradient.png) repeat-x;
    text-transform: uppercase;
    padding: .5em;
    color:  #fcfcfc;
}

#breaking_news a {
    color: red;
}
#breaking_news h2 a {
        color: #fff;
}
#breaking_news a:hover {
    color: purple;
}

/*************** landing and story pages ***************/
#landing_top {
    margin: 0 20px 0 10px;
}
#landing_top h1 {
    font-size: 2.2em;
    font-weight: bold;
    margin-top: 0;
    color: #000;
    margin: 5px .2em 0 0;
    padding-top: .3em;
}
#landing_top h1 a {color: #000;}
#landing_top h1 a:hover {color: #ff6900;}
#landing_top #related_links h2 {
    background: none;
    padding-left: 0;
}
#landing_top h4 {
    margin: 0 0 1em 0;
    font-size: 1em;
    font-weight: bold;
    width: 460px;
}
.landing_subhead {
    margin: 0 0 1em 0;
    font-size: 1em;
        font-weight: normal;
}
#landing_top h5 {
    font-size: 1em;
    padding-bottom: .5em;
    border-bottom: 1px dotted #aaa;
}
#landing_top p {
    line-height: 1.5em;
}
#story_content {
    line-height: 1.5em;
    margin-bottom: 1em;
    width:460px;
}
#landing_top #caption {
    width: 670px;
    background-color: #ededed;
    margin-top: 2px;
    padding: 3px 5px;
}
.caption {
    background-color: #ededed;
    margin-top: 2px;
    padding: 3px 5px;
}
#landing_top .upperBlue {
    margin-bottom: 1.5em;
}
#related_links, .share_tool {
    width: 175px;
    border: 1px solid #aaa;
    float: right;
    margin: 1em;
    padding: 1em;
}
.share_tool {
    clear: right;
    margin: 0 1em;
    border-bottom: 1px solid #d5d5d5;
    border-top: none;
    height: 2em;
}
.share_tool #share_buttons {
    float: right;
}
.share_tool #share_buttons img {
    margin-left: 0.5em;
}
#first_tool {
    margin-top: 0.3em;
    border-top: 1px solid #aaa;
}
#last_tool {
    border-bottom: 1px solid #aaa;
}
#related_links a {font-weight: bold;}
#feature_stories, #past_stories {
    margin: 0 20px 0 10px;
}
#feature_stories h2, #past_stories h2 {
    margin-bottom: 5px;
}
#feature_stories h3 a {color: #000;}
#feature_stories h3 a:hover {color: #ff6900;}
#feature_stories .upperBlue {
    margin-bottom: 2.5em;
}
#past_stories table {
    width: 691px;
}
#past_stories table th {
    color: #369cc4;
    font-size: 1.1em;
    text-transform: uppercase;
    width: 25%;
    text-align: left;
}
#past_stories table td {
    font-size: .9em;
    padding: .5em;
}
#past_stories table tr.bigger {
    font-weight: bold;
}
#past_stories table td.grey {
    background-color: #f2f2f2;
        vertical-align: top;
}
#past_stories table td.greyer {
    background-color: #e8e8e8;
        vertical-align: top;
}
#past_stories table td.grey a, #past_stories table td.greyer a {
    color: #131313;
}
#past_stories table td.grey a:hover, #past_stories table td.greyer a:hover {
    color: #ff6900;
}
div.sfywdgt_StorifyWidget {
    clear: none !important;
}

/*************** archives landing page ***************/
.archive_wrap {
    margin: 0 25px 1em 10px;
    border-bottom: 1px solid #ccc;
}
.archive {
    background: url(../images/landing/landing_content_bg.gif) repeat-y; 
    margin-bottom: 1em;
}
.archive .thumb {
    width: 156px;
    float: left;
}
.archive .thumb img {
    display: block;
    margin: 0 auto;
}
.archive .description {
    width: 290px;
    float: right;
}
.archive .description p {
    margin: 0;
    padding: 0 1em 1em 1em;
}
.archive .description h3 {
    margin: 0;
    padding: .7em 1em .7em .7em;
}
.archive .links {
    margin-left: 12px; 
    width: 228px;
    float: right;
}
.archive .links a {
    color: #161616;
}
.archive .links a:hover {
    color: #ff6900;
}
#archive h3, .description h3  {
    font-size: 1.1em;   
}

/*************** multimedia ***************/
#multimedia {
    margin: 0 20px 0 10px;
}
#multimedia h2 {
    margin-bottom: 5px;
}
#multimedia h4 {
    margin-bottom: 1em;
    font-size: 1em;
    /* color: #369cc4; */
        color: #000;
}
#multimedia h5 {
    font-size: 1.4em;
    color: #369cc4;
    margin-bottom: .7em;
}
#multimedia h6 {
    font-size: 1.9em;
    color: #369cc4;
    margin: 0 0 1em 0;
}
#multimedia .greybox {
    padding: .7em;
    background-color: #e7e7e7;
}
#multimedia .greybox input {
    margin-left: 1.5em;
}
#multimedia .greybox p {
    margin: 0;
    text-align: right;
}
#multimedia h6 .yellowness, #multimedia h5 .yellowness {
    color: #ff6900;
}
#multimedia .upperBlue {
    margin-bottom: 1.5em;
}
table.multimedia {
    width: 691px;
    border-collapse: collapse;
}
table.multimedia tr {
    width: 33%;
}
table.multimedia td {
    vertical-align: top;
    width: 33%;
}
table.multimedia td a {
    color: #161616;
}
table.multimedia td a:hover {
    color: #ff6900;
}
table.multimedia .text {
    padding: .5em;
}
table.multimedia .section {
    padding: 0 0 1.5em .5em;
}
#multimedia h2 .floatRight {
    float: right;
    margin: 0;
    padding: 0;
    font-size: .9em;
    text-transform: none;
}
#multimedia h2 .floatRight a {
    color: #161616;
}
#multimedia h2 .floatRight a:hover {
    color: #ff6900;
}

/*************** media relations, subscribe, campus life, contact, campus pubs ***************/
#basic {
    margin: 0 20px 0 10px;
}
#basic h2 {
    margin: 1.5em 0 5px 0;
}
#basic h3 {
    margin-bottom: -8px;
}
#basic h6 .yellowness, #basic h5 .yellowness {
    color: #ff6900;
}
#basic h6 {
    font-size: 1.9em;
    color: #369cc4;
    margin: 0 0 1em 0;
}
#basic .name {
    font-size: 1.1em;
    font-weight: bold;
    color: #369cc4;
    margin: 0;
}
#basic .title {
    font-style: italic;
}
#basic a {
    font-weight: bold;
}
#basic a.contactEmail:link, #basic a.contactEmail:visited  {
    color: #935496;
}
#basic a.contactEmail:hover  {
    color: #ff6900;
}
#basic dt {
    margin-top: 1em;
    text-transform: uppercase;
}
#basic dd {
    margin: 0;
}
#basic #what_is_rss {
    width: 400px;
}
#basic #rss_links {
    width: 285px;
    float: right;
}
#basic #rss_links .links li {
    padding: 5px 0 5px 30px;
    list-style: none;
    margin: 1em 2em 0 0;
    background: url(../images/rss_big.gif) no-repeat;
    background-position: 0 0;
    border-bottom: 1px dotted #aaa;
}
#basic #events h3 {
    color: #aaa;
    font-size: 1.6em;
    border-bottom: 1px dotted #aaa;
    margin: 1.5em 0 .5em 0;
}
#basic #events ul {
    margin: 0;
    padding: 0;
}
#basic #events ul li {
    list-style-type: none;
    padding-bottom: 1em;
}
#basic #events ul li .date {
    padding-right: 1.5em;
}
#basic #events ul li a {
    color: #161616;
    font-weight: normal;
}
#basic #events ul li a:hover {
    color: #ff6900;
}

/*************** subscribe and contact forms ***************/
#basic fieldset {
    padding: 0;
    border: none;
    margin: auto;
    width: 500px;
}
#basic form {
    margin: 3em 0 3em 0;
}
#basic #buttons {
    margin-left: 210px;
}
#basic .contactform p {
    width: 300px;
    clear: left;
    margin: 0;
    padding: .5em 0 .8em 0;
    padding-left: 100px;
    height: 1%;
}
#basic .contactform label {
    font-weight: bold;
    float: left;
    color: #369cc4;
    margin-left: -100px; 
    width: 120px; 
}
#basic .contactform input[type="text"] { 
    width: 180px;
}
#basic .contactform textarea {
    width: 250px;
    height: 150px;
}

/*************** shared links ***************/
#left_nav ul, .archive .links ul, #media_coverage .links, #basic #rss_links .links ul {
    margin: 0;
    padding: .5em;
}
#left_nav .links li, .archive .links li, #media_coverage .links li {
    padding: 5px 0 5px 15px;
    list-style: none;
    margin: 0 1em 0 0;
    background: url(../images/arrow.gif) no-repeat;
    background-position: 0 10px;
    border-bottom: 1px dotted #aaa;
}
#left_nav .icons li {
    padding: 5px 0 5px 0;
    list-style:none;
    margin: 0 1em 0 0;
    border-bottom: 1px dotted #aaa;
}

#left_nav .links a, #media_coverage .links a, #basic #rss_links .links a {
    color: #161616; 
    text-decoration: none;
    font-weight: normal;
}
#left_nav .links a:hover, #media_coverage .links a:hover, #basic #rss_links .links a:hover {
    color: #ff6900;
}

/*************** share it box ***************/
#shareit {
    margin: 1.5em;
    width: 540px;
    border: 1px solid #aaa;
    padding: 3px 0;
    height: 28px;
    background-color: #e1e1e1;
}
.widgetleft {
    float: left;
    padding: 0;
    margin: 0 0 0 3px; 
}
.sharetext {
    float: left;
    font-weight: bold;
    padding: 7px 0 0 0;
    margin: 0 0 0 3px;
}
.functiontext {
    float: left;
    font-weight: bold;
    padding: 7px 0 0 0;
    margin: 0 8px 0 15px;
}
#emailbox {
    margin: 10px 0 40px 75px;
    background-color: #efefef;
    border: 1px solid #aaa;
    width: 375px;
    padding: 8px 10px 8px 25px;
    font-weight: bold;
    display: none;
}
#emailbox h2 {
    font-weight: bold;
    border-bottom: 1px dotted #aaa;
    margin: 5px;
    padding: 4px 0 2px 0;
    text-transform: uppercase;
}
#response {
    text-align: center;
    font-weight: bold;
    color: #f00;
    display: none;
}
#emailbox label {
    float: left;
    clear: left;
    width: 140px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    vertical-align: bottom;
}
.sendStory {
    margin: 20px 25px 10px 0;
    float: right;
    clear: both;
}
.sendStory a {
    background-color: #999;
    border: 1px solid #aaa;
    text-decoration: none;
    padding: 4px 8px;
    color: #333;
}
.sendStory a:hover {
    background-color: #fff;
    color: #000; 
}
.closebox {
    float: right;
    margin: 2px 10px;
    padding: 0;
}

/*************** footer ***************/
#footer {
    height: 65px;
    background-color: #cecece;
    color: #686868;
    font-size: .9em;
    clear: both;
}
#footer ul {
    margin: 0;
    padding: 10px 0 0 0;
}
#footer li {
    margin: 0;
    text-transform: uppercase;
    list-style-type: none;
    display: inline;
    font-weight: bold;
    padding-right: 10px;
}
#footer a {
    color: #686868;
    text-decoration: none;
}
#footer p {
    padding-bottom: .5em;
    font-style: italic;
}
#footer #links {
    padding-top: 1em;
    text-transform: uppercase;
    font-style: normal;
}

/*************** misc classes ***************/
.clear {
    clear: both;
}
.floatLeft {
    float: left;
    padding: 0 1em 1em 0;
}
.floatRight {
    float: right;
    padding: 0 0 1em 1em;
}
.centerImage {
    margin: auto;
    display: block;
}
.story_subhead {
        font-weight: bold;
        font-size: 1.2em;
        margin: -10px 0 1em 0;
        padding: 0;
}
.side_caption {
        margin: 3px 0;
        font-style: italic;
}
.side_copy {
        font-size: 1.3em;
        font-style: italic;
}
.audio_link {font-size: 1.3em; font-weight: bold; padding-top: 2px;}
.more {display: none;}
#story_content {margin-top: 15px;}

/* emergency page */
#emergency_post {
    border-bottom: 1px dotted #c0c0c0;
    padding-bottom: 1.5em;
}
#emergency_post h3 {
    color: #5d2272;
    font-size: 1.4em;
    margin-bottom: .3em;
}
#emergency_post h4 {
    color: #000;
    font-size: .9em;
    border: none;
    margin: 0 0 1.5em 0;
}
#emergency_post .last_update {
     font-weight: normal;
}
.icon-padding {
    margin: 0 3px 0 4px;
}
.mobile {display:none;}