﻿@font-face 
{font-family: 'ubuntu_lightregular';
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-l-webfont.eot');
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-l-webfont.eot#iefix') format('embedded-opentype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-l-webfont.woff') format('woff'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-l-webfont.ttf') format('truetype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-l-webfont.svg#ubuntu_lightregular') format('svg');
 font-weight: normal;
 font-style: normal;}

@font-face 
{font-family: 'ubunturegular';
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-r-webfont.eot');
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-r-webfont.eot#iefix') format('embedded-opentype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-r-webfont.woff') format('woff'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-r-webfont.ttf') format('truetype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
 font-weight: normal;
 font-style: normal;}
 
@font-face 
{font-family: 'ubuntubold';
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-b-webfont.eot');
 src: url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-b-webfont.eot#iefix') format('embedded-opentype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-b-webfont.woff') format('woff'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-b-webfont.ttf') format('truetype'),
      url('/National_Library/20160521004321oe_/http://www.r-word.org/fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
 font-weight: normal;
 font-style: normal;}

/*******
 Globals
********/
* {font-family: ubunturegular, Arial, sans-serif;}
.rw-container .rw-content {margin-left: 0;}
.rw-content {width: 640px !important; padding: 0 5px;}
.rw-content-heading {text-align: left; padding: 0;}
h1 {color: #fb7112; font-size: 30px !important; font-weight: normal; margin: 15px 0 25px; padding: 0 13px;}
h2 {line-height: 24px; color: #333; font-size: 18px; margin: 0;}
h5, .rw-content .simple_content .image_holder p {font-size: 11px; color: #999; line-height: 18px; margin-bottom: 10px;}
h6 {font-size: 11px; color: #333; text-transform: uppercase;}  
.rw-rt-rail {width: 300px;}
.shadow {border: 1px solid #dcdcdc; -moz-box-shadow: inset 0 0 10px 1px #e2e2d5; -webkit-box-shadow: inset 0 0 10px 1px #e2e2d5; box-shadow: inset 0 0 10px 1px #e2e2d5; padding: 10px; background: #f5f5f5;}                           
.rw-button.ui-button {text-transform:none;}
.rw-main {margin-top: -10px;}
.rw-navigation li a {padding: 8px 7px !important;}
.rw-navigation-wrap {width: 720px;}
.rw-navigation li.rw-last {padding: 0;}
strong {font-weight:normal; font-family: ubuntubold, Arial, sans-serif;}
a.addthis_button img {width: 55px !important; height: 20px !important;} 
a .ui-button-text:hover {color: #fff;}
#mb_center, #mb_bottom {z-index: 999 !important;}

/********
 Homepage
*********/

/*Slider*/
#slider-wrapper {width: 960px; height: 360px; background: #fff; margin-bottom: 20px; padding: 10px; position: relative;
                 -webkit-box-shadow: 1px 1px 10px 1px #292d36; -moz-box-shadow: 1px 1px 10px 1px #292d36; box-shadow: 1px 1px 10px 1px #292d36;}
#rw-slider {height: 360px;}
.nivo-caption{background-position: 0px 0; color: #333; height: 350px; top: 0; right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 50px; position: absolute;
              width: 406px; z-index: 89; background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/sliderArches.png') no-repeat; opacity: 1 !important;}
   .nivo-caption p {padding-left:62px; font-size: 16px; color: #333; margin-left:50px; padding-top:0px; padding-right: 10px; opacity: 1 !important; line-height: 24px;}
     .nivo-caption p a {display:block; padding-top: 15px;}
a.nivo-imageLink {background-image:none;}
  .nivo-caption span {font-size:38px; display:block; line-height:42px; width:280px; margin-bottom: 30px;}
.nivo-html-caption {display: none;}
.nivo-controlNav {position: absolute; bottom: 0; margin-left: 20px;}
.nivo-control {background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/sliderInactive.png') no-repeat; height: 13px; width: 13px; float:left; padding: 5px;}
   .active {background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/sliderActive.png') no-repeat;}
.orangeOverBar {width: 590px; height: 30px; position: absolute; background: #e67323; z-index: 99; margin: 5px 0 0 -20px; 
                -webkit-box-shadow: 1px 2px 10px 0px #292d36; -moz-box-shadow: 1px 2px 10px 0px #292d36; box-shadow: 1px 2px 10px 0px #292d36;}
    .orangeOverBar a {color: #fff; font-size: 16px; padding: 5px 0 5px 20px; display: block;}
        .orangeOverBar a span {font-weight: bold;}
          .orangeOverBar a span:hover {color: #fff;}  
        
/****************
 News and Events
****************/

/*Simple Stories*/
.simple_global_wrapper {border-bottom: 1px dashed #ccc;}
.global_wrappers {width: 95%; margin: 0 auto; border-top: 1px dashed #ccc; padding: 20px 0;}
   .global_wrappers:first-child {border-top: 0; padding: 0 0 20px;}
.global_heading {margin: 0 !important;}
.image_holder {float: left; margin-right: 15px;}
.rw-content .simple_content p {margin-bottom: 20px; color: #333; line-height: 20px;}
.related {margin: 20px 0;}
   .related span {font-size: 10px; color: #333;}
   .related a {font-size: 13px;}
.moreLink {float: left; font-size: 12px; color: #1e82b4 !important; font-weight: bold; text-transform: uppercase; padding: 0 0 20px 0;}
   .moreLink span {font-size: 16px;}
.simple_content p {margin-bottom: 0 !important;}
   .simple_content p a {display:block;}
.learn_more, .learn_more span {text-transform: uppercase !important; color: #1e82b4 !important; font-size: 10px !important; text-decoration: none !important; font-weight: bold !important; cursor: pointer;}
    .moreLink:hover, .learn_more:hover {color: #E67323 !important;}
.shareText h2, .global_wrappers h2 {line-height: 24px; color: #333 !important; font-size: 18px !important; margin: 0 !important; padding-bottom: 0 !important;}
.global_wrappers div.simple_content img.scaled_horizontal {width: 128px; /*height: 85px;*/}
.global_wrappers div.simple_content img.scaled_vertical {width: 85px; /*height: 128px;*/}

/*Share Container*/          
.shareContainer {height: 60px; width: 630px; margin: 0 -5px 20px 0;}
   .rw-content .shareContainer h2 {font-size: 18px; font-weight: normal; margin: 0;}
 .shareText {margin: 10px; float: left;}
 .shareButton {width: 150px; height: 19px; text-align: center; background: url(/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/bluebutton.png); float: right; color: #fff !important; font-size: 15px; font-weight: bold;
               padding: 7px 0; margin: 15px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
   .shareButton:hover {opacity: 0.9; filter:alpha(opacity=90);}
 
/*Event Calendar*/           
.events_calendar {width: 630px; padding: 10px;}
.selectOverflow {float:right; width: 270px; overflow: hidden; background: url("/National_Library/20160521004321oe_/http://www.r-word.org/html_mobile/images/global/selectArrow.png") no-repeat right; border: 1px solid #b4b4b4; 
                 -webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px; background-color: #fff; 
                 -moz-box-shadow: inset 1px 1px 5px #CCC; -webkit-box-shadow: inset 1px 1px 5px #CCC; box-shadow: inset 1px 1px 5px #CCC; padding: 6px; margin-top: 7px;}
.selectOverflow:hover {opacity: 0.9; filter:alpha(opacity=90);}
.selectBox {width: 295px !important; height: 20px; color: #999; border: 0; background: transparent; -webkit-appearance: none; font-size: 13px;}
#upcoming_events h1 {float: left; padding: 0 10px;}
#cal_upcoming_events {width:100%;}
   #cal_upcoming_events p {margin: 0; padding: 0;}
   #cal_upcoming_events thead tr {background: #f5f5f5; text-align: left; margin-bottom: 5px;}
   #cal_upcoming_events thead th {padding: 5px 0; text-transform: uppercase;}
   #cal_upcoming_events thead th h4 {color: #333; font-weight: bold !important; font-size: 13px;}
   #cal_upcoming_events thead th:first-child, #cal_upcoming_events .date_details {padding:5px 10px;}
   #cal_upcoming_events tbody tr {border-top: 1px dashed #ccc;}
   #cal_upcoming_events tbody td {padding: 20px 0;}
       #cal_upcoming_events tbody td .moreLink {padding: 0;}
       #cal_upcoming_events .date_details, #cal_upcoming_events .event_details, #cal_upcoming_events .location_details {font-size: 13px; color: #333;}
       #cal_upcoming_events .date_details {width: 140px;}
       #cal_upcoming_events .event_details {width: 383px;}
            #cal_upcoming_events .event_details h3 {font-size: 15px; font-weight: bold;}
            #cal_upcoming_events .event_details p {margin: 0;}
                 #cal_upcoming_events .event_details p a {text-transform: uppercase; font-size: 10px; font-weight: bold;}

.rw-main .rw-box {margin-bottom: 20px !important;}
                        
/**********
 Right Rail
***********/
.joinContainer {width: 280px; height: 145px;}    
.joinContainer, .actContainer {padding: 10px; margin-bottom: 10px;}
   .joinContainer h2, .actContainer h2, .pledgeContainer h2, .newsletterContainer h2 {color: #333; font-size: 20px;border-bottom: 2px solid #333; padding: 10px 0; margin: 0;}
   .joinContainer p, .actContainer p, .pledgeContainer p, .newsletterContainer p {color: #333; font-size: 13px; padding: 10px 0 0;}
.shareIcons {text-align: center; margin: 0 0 0 10px;}
   .shareIcons a {border-right: 1px solid #d9d9d9; display: block; float: left;}
      .shareIcons a img {padding: 0 15px;}
         .shareIcons a img:hover {opacity: 0.8; filter:alpha(opacity=80);}
          .shareIcons a:last-child {border-right: 0;}
                
.actContainer {width: 280px; height: 160px; position: relative;}
    .actContainer h2 {z-index: 10;}
    .actContainer p {width: 175px; position: absolute; z-index: 10;}
    .actContainer img {position: absolute; right: 0; top: 37px; z-index: 2;}
    .actContainer a {width: 95px; height: 19px; position: absolute; display: block; background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/orangebutton.png') repeat-x; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; 
                     color: #fff; font-size: 15px; text-align: center; font-weight: bold; padding: 7px 0; bottom: 15px;}
       .actContainer a:hover {opacity: 0.9; filter:alpha(opacity=90);}

.pledgeContainer ul {list-style: none; margin: 0;}
.pledgeContainer ul li {border-bottom: 1px dashed #ccc; padding: 0 0 0 10px;}
    .pledgeContainer ul li:last-child {border-bottom: 0;}
    .pledgeContainer ul li p {margin: 0;}
.pledgeContainer ul li p.pledge {padding: 20px 0 0 0;}
.pledgeContainer ul li p.author {text-transform: uppercase;}
.pledgeContainer ul li p.location {padding: 0 0 20px 0; font-size: 10px; color: #999; line-height: 18px; text-transform: uppercase;}
.pledgeContainer ul li.find {padding: 0;}
.blueBackdrop {background: #dae8eb; margin: 5px; padding: 0 10px 10px;}
    .pledgeContainer ul li.find p {color: #666; padding-bottom: 5px;}  
    .pledgeContainer ul li.find input[type="text"], .newsletterContainer input[type="text"] {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 30px; width: 170px; 
                                                                                             -moz-box-shadow: inset 1px 1px 5px #CCC; -webkit-box-shadow: inset 1px 1px 5px #CCC; box-shadow: inset 1px 1px 5px #CCC;}
    #findSubmit, #newsletterSubmit {height: 16px; width: 65px; background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/bluebutton.png') repeat-x; border: 0; color: #fff; float: right; text-align: center; padding: 8px 0;
                                    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 15px; margin-top: 3px;}
        #findSubmit:hover, #newsletterSubmit:hover {opacity: 0.9; filter:alpha(opacity=90);}
    .pledgeContainer ul li a.moreLink {padding: 10px 0 5px;}
      
.newsletterContainer {margin:10px 0;}
    .newsletterContainer p {color:#666;}
    .newsletterContainer input[type="text"] {padding-left: 5px; float: left;}
    #newsletterSubmit {width: 95px; display:block; height: 17px; margin-top: 1px;}  
    #uiLitNewsletterResponse {float: left; padding-top: 5px;}
    
/*******
 Pledge
*******/
.rw-main.rw-full-width .rw-content {width: 940px !important; margin: 0 auto;}
.pledgeTables {width: 820px; margin: 0 auto; padding: 20px 0;}
    .rw-progress .ui-button-text {color: #666;}
.blueBox {border-radius: 5px; padding: 10px 0 0 10px; background: #dcdcdc;}
#ContentPlaceHolder1_uiBtnPledge2 {text-transform: uppercase; font-family: ubunturegular, Arial, sans-serif !important;}
.cancel span:hover {color: #666 !important;}

/*********
 Resources
**********/
.resourcesText {padding: 0 13px;}
.resourcesLists {padding: 0 0 12px 13px;}
ul.fltLt {width: 260px;}
.rwVideo .rw-row {margin: 0 auto; width: 600px;}
.rwVideo .rw-col {padding: 0 30px; border-left: 1px solid #ccc; width: 139px;}
    .rwVideo .rw-first {border-left: 0;}
    
/*************
 Article Pages
**************/
.rw-graybox-content {padding: 0 20px;}
.headerContainer {height: 340px; position: relative; margin-bottom: 20px;}
    .headerArch  {background: url('/National_Library/20160521004321oe_/http://www.r-word.org/images/branding/rebranding/subArch.png') no-repeat; height: 340px; position: absolute; width: 450px;}
    .headerContainer img {float: right;}
.headerArch h1 {font-size: 38px !important; margin: 30px 0 0 15px;}
.headerText {width: 300px; padding: 10px 0 0 30px;}
    .blurb {font-size: 13px;}
    .caption {color: #999; font-size: 10px; margin-bottom: 0;}
.rw-content h2 {color: #fb7112; font-size: 24px; padding-bottom: 10px; font-weight: normal;}
    .rw-content h2 span {color: #000;}
.rw-tout {float: left;}
    .rw-tout p {font-weight:bold;}
        .rw-tout p a {font-weight:normal;}
 .qaContent {float: left; width: 425px;}
    .qaContent h3 {padding-bottom: 10px;}
    .qaContent p {margin-bottom: 15px !important;}
    .qaContent a strong {color: #1e82b4;}
    
 .rw-whitebox .jCarouselLite li {border: 0;}