/* 
    Document   : ucb_youth
    Created on : Feb 14, 2012, 10:17:51 AM
    Author     : peter
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*

    @general

*/

.page-ucb-youth #outer-wrapper { 
    /* background: black url(../img/body-bg.jpg) left top repeat-x; */
    background: #1F2224;
}

.page-ucb-youth #inner-wrapper {
    background: 0 none;
}

.page-ucb-youth #top-wrapper {
    box-shadow: none;
}

.page-ucb-youth #breadcrumb {
    padding-left: 20px;
}

.page-ucb-youth div#container {
    padding-bottom: 0;
    border-top: 0 none;
    background: transparent none;
    box-shadow: none;
}

.page-ucb-youth #breadcrumb a, .page-ucb-youth #breadcrumb a:hover {
    color: white;
}

.page-ucb-youth #footer-wrapper {
    height: auto;
}

.page-ucb-youth #main {
    margin-top: 0;
    /*padding-top: 10px;*/
    background: #0d0d0d url(../img/cont-bg.png) left top repeat-x;
}

.page-ucb-youth #outer-wrapper div.bg {
    display: none !important;
}

/*

    @header

*/

div#ucb-youth-header {
    height: 160px;
    position: relative;
}

div#ucb-youth-header div.logo {
    width: 261px;
    height: 143px;
    background: url(/sites/all/modules/blonde/ucb_youth/img/2013-w4u-logo.png) left top no-repeat;
    position: absolute;
    left: 20px;
    top: 8px;
}

div#ucb-youth-header div.iphone-thing {
    width: 183px;
    height: 149px;
    background: url(../img/iphone-thing.png) left top no-repeat;
    position: absolute;
    right: 21px;
    top: 7px;
}

/*

    @carousel

*/

.page-ucb-youth div#ucb-watch-home-controls {
    width: 917px;
    padding: 0 23px 10px 20px;
    background: url(../img/youth-home-top.png) left -2px no-repeat;
    position: relative;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel {
    width: 273px;
    min-height: 324px;
    padding-top: 20px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 0;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel p.title {
    width: 217px;
    height: 108px;
    margin-left: 24px;
    text-indent: -9999em;
    background: url(../img/right-panel-title.png) left top no-repeat;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel div.speaker {
    width: 45px;
    height: 117px;
    /*background: url(../img/speaker.png) left top no-repeat;*/
    position: absolute;
    right: -1px;
    top: 86px;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel .text {
    width: 147px;
    margin-left: 24px;
    margin-top: -46px;
    text-align: left;
    line-height: 17px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel .text div.separator {
    width: 227px;
    height: 2px;
    margin: 15px 0 15px 0;
    background: url(../img/right-panel-separator.png) left top repeat-x;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel .text a,
.page-ucb-youth div#ucb-watch-home-controls div.right-panel .text a:hover {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    background: url(../img/link-bullet.png) left center no-repeat;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel .text a:hover {
    text-decoration: underline;
}

.page-ucb-youth div#ucb-watch-home-controls div.right-panel a.listen-now,
.page-ucb-youth div#ucb-watch-home-controls div.right-panel a.listen-now:hover {
    display: block;
    width: 119px;
    height: 36px;
    margin: 30px 0 0 24px;
    background: url(../img/listen-now.png) left top no-repeat;
    text-decoration: none;
    text-indent: -9999em;
}

/*

    @main content

*/

div#ucb-youth-main-cont {
    min-height: 400px;
    margin-top: 24px;
    background: url(../img/w4u2d-shape.png) left 28px no-repeat;
    position: relative;
}

div#ucb-youth-main-cont div.box {
    float: left;
    margin: 0 20px 20px 0;
    font-family: Arial;
}

div#ucb-youth-main-cont div.box h2 {
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    text-indent: -9999em;
}

div#ucb-youth-main-cont div.box div.cont {
    background: #f2f2f2;
}

/*

    @w4u2d ^^

*/

div#ucb-youth-main-cont div.box.w4u2d {
    width: 650px;
    min-height: 270px;
    margin-bottom: 70px;
/*    height: 257px; */
    
}

div#ucb-youth-main-cont div.box.w4u2d h2 {
    margin-bottom: 12px;
    background: url(../img/w4u2d-title.png) 37px center no-repeat;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont {
    width: 575px;
    padding: 6px 0 0 40px;
    font-size: 13px;
    color: black;
    background: transparent;
    position: relative;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p {
    margin-bottom: 12px;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p.what {
    margin-bottom: 3px;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p.bible-ref {
    font-size: 14px;
    font-weight: bold;
    color: #363434;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p.text {
    line-height: 21px;
    font-size: 15px;
    color: #222;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p.text a,
div#ucb-youth-main-cont div.box.w4u2d div.cont p.text a:hover {
    color: #00b8e4;
    text-decoration: underline;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont p.text a:hover {
    text-decoration: none;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont a.feed,
div#ucb-youth-main-cont div.box.w4u2d div.cont a.feed:hover {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../img/feed.png) left top no-repeat;
    position: absolute;
    right: 5px;
    top: -12px;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls {
    height: 34px;
    padding-left: 4px;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item,
div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item:hover {
    display: inline-table;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    padding-left: 35px;
    text-decoration: none;
    font-size: 12px;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item:hover {
    text-decoration: underline;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item.fullread {
    background: url(../img/w4u2d-fullread.png) left center no-repeat;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item.mail {
    background: url(../img/w4u2d-mail.png) left center no-repeat;
}

div#ucb-youth-main-cont div.box.w4u2d div.cont div.ctrls a.item.podcast {
    background: url(../img/w4u2d-feed.png) left center no-repeat;
}


/*

    @facebook

*/

div#ucb-youth-main-cont div.box.facebook {
    width: 280px;
    float: right;
    margin: 0 10px 0 0;
}

div#ucb-youth-main-cont div.box.facebook h2 {
    background: #282828 url(../img/facebook-title.png) 13px center no-repeat;
}

div#ucb-youth-main-cont div.box.facebook div.cont {
    padding: 0;
}

/*

    @articles

*/

div#ucb-youth-main-cont div.box.articles {
    width: 279px;
}

div#ucb-youth-main-cont div.box.articles h2 {
    background: #282828 url(../img/articles-title.png) 11px center no-repeat;
}

div#ucb-youth-main-cont div.box.articles div.overview {
    position: relative;
    background-color: #f2f2f2;
}

div#ucb-youth-main-cont div.box.articles div.item {
    width: 232px;
    height: 47px;
    padding: 10px 0 0 18px;
    background: url(../img/articles-separator.png) left bottom repeat-x;
}

div#ucb-youth-main-cont div.box.articles div.item.last {
    background: transparent none;
}

div#ucb-youth-main-cont div.box.articles div.item a,
div#ucb-youth-main-cont div.box.articles div.item a:hover {
    line-height: 20px;
    font-size: 14px;
    color: #00b8e4;
    text-decoration: none;
}

div#ucb-youth-main-cont div.box.articles div.item a:hover {
    text-decoration: underline;
}

div#ucb-youth-main-cont div.box.articles div.item span {
    font-size: 11px;
    font-weight: bold;
    color: black;
}

/*

    @bible in a year

*/

div#ucb-youth-main-cont div.box.bible-ina-year {
    width: 340px;
}

div#ucb-youth-main-cont div.box.bible-ina-year h2 {
    background: #282828 url(../img/bible-ina-year-title.png) 13px center no-repeat;
}

div#ucb-youth-main-cont div.box.bible-ina-year div.separator {
    width: 100%;
    height: 2px;
    background: url(../img/bible-ina-year-cont-top.png) left top repeat-x;
}

div#ucb-youth-main-cont div.box.bible-ina-year div.cont {
    height: 244px;
    background: #f2f2f2 url(../img/bible-ina-year-img.jpg) right top no-repeat;
    position: relative;
}

div#ucb-youth-main-cont div.box.bible-ina-year div.cont p.text {
    width: 134px;
    line-height: 24px;
    padding: 26px 0 0 22px;
    color: #282828;
    font-size: 15px;
}

div#ucb-youth-main-cont div.box.bible-ina-year div.cont a.download,
div#ucb-youth-main-cont div.box.bible-ina-year div.cont a.download:hover {
    display: block;
    width: 243px;
    height: 40px;
    background: url(../img/download-bible.png) left top no-repeat;
    text-indent: -9999em;
    position: absolute;
    left: 22px;
    bottom: 33px;
}

/*

    @twitter

*/

div#ucb-youth-main-cont div.box.twitter {
    width: 279px;
    background: #282828;
}

div#ucb-youth-main-cont div.box.twitter p.title {
    width: 100%;
    height: 49px;
    margin-bottom: 0;
    background: url(../img/twitter-feed-title.png) 11px center no-repeat;
    text-indent: -9999em;
}

div#ucb-youth-main-cont div.box.twitter div.separator {
    width: 100%;
    height: 2px;
    background: url(../img/twitter-feed-separator-bg.png) left top repeat-x;
}

div#ucb-youth-main-cont div.box.twitter div.feed {
    padding: 4px 5px 0 5px;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.cont {
    background: #f2f2f2;
    color: black;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item {
    padding: 10px 12px 4px 12px;
    border-bottom: 1px dotted #030000;
    positin: relative;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item.last {
    border-bottom: 0 none;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item p.text {
    line-height: 16px;
    font-family: Arial;
    font-size: 13px;
    color: black;
}

div#ucb-youth-main-cont div.box.twitter a.twitter-join, div#ucb-youth-main-cont div.box.twitter a.twitter-join:hover {
    display: block;
    width: 100%;
    height: 37px;
    background: url(../img/twitter-feed-bottom.png) left top no-repeat;
    text-decoration: none;
    text-indent: -9999em;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls {
    margin-bottom: 0;
    font-family: Arial;
    font-size: 10px;
    color: #c62b2b;
}

.msie-msie div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls {
    height: 18px;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls a,
div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls a:hover,
div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls span {
    display: inline-table;
    height: 12px;
    line-height: 12px;
    color: #c62b2b;
    text-decoration: none;
}

.msie-msie div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls a,
.msie-msie div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls span {
    display: block !important;
    float: left !important;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls a:hover {
    text-decoration: underline;
}

div#ucb-youth-main-cont div.box.twitter div.feed div.item p.meta-ctrls span.separator {
    width: 11px;
    background: url(../img/tweet-meta-separator.png) center center no-repeat;
}

/*

    @sdf

*/

div#ucb-youth-main-cont div.box.videos {
    width: 634px;
    margin-right: 0;
}

div#ucb-youth-main-cont div.box.videos div.items {
    width: 634px;
    margin-top: 0;
}

div#ucb-youth-main-cont div.box.videos div.items div.item {
    width: 200px;
    height: 222px;
    float: left;
    margin: 0 14px 14px 0;
    padding-left: 1px;
    border-left: 1px solid #383838;
    color: white;
    overflow: hidden;
    position: relative;
}

div#ucb-youth-main-cont div.box.videos div.items div.item div.embed-overlay {
    width: 200px;
    height: 131px;
    background: transparent;
    position: absolute;
    left: 1px;
    top: 0;
}

div#ucb-youth-main-cont div.box.videos div.items div.item.last {
    margin-right: 0;
}

div#ucb-youth-main-cont div.box.videos div.items div.item p {
    padding-left: 10px;
    font-family: Arial;
    font-size: 12px;
}

div#ucb-youth-main-cont div.box.videos div.items div.item p.title {
    line-height: 21px;
    padding: 7px 0 7px 10px;
    margin-bottom: 0;
    font-weight: bold;
}

div#ucb-youth-main-cont div.box.videos div.items div.item p.description {
    height: 51px;
    line-height: 17px;
    overflow: hidden;
}

/*

    @W4U2D detail page

*/

.page-w4u2d-detail div#container {
    padding-bottom: 20px;
    box-shadow: none;
}

/*
.page-w4u2d-detail div#main {
    margin-top: 0;
    background: #f2f2f2 none !important;
}
*/

.page-w4u2d-detail div#main-squeeze {
    padding: 0 !important;
}

.page-w4u2d-detail #breadcrumb a, .page-w4u2d-detail #breadcrumb a:hover {
    color: white;
}

.page-w4u2d-detail #footer-wrapper {
    height: auto;
}

/*

    @header

*/

.page-w4u2d-detail #std-page-header {
    height: 161px;
    position: relative;
}

.page-w4u2d-detail #std-page-header h1 {
    width: 700px;
    line-height: 35px;
    margin: 20px 0 0 20px;
    color: white;
    font-size: 28px;
}

.page-w4u2d-detail #std-page-header a.iphone-thingie, 
.page-w4u2d-detail #std-page-header a.iphone-thingie:hover {
    display: block;
    width: 183px;
    height: 149px;
    background: url(../img/iphone-thing.png) left top no-repeat;
    position: absolute;
    right: 21px;
    top: 12px;
}

/*

    @main content

*/

.page-w4u2d-detail div#std-page-main-cont {
    padding: 13px 10px 20px 10px;
}

.page-w4u2d-detail div#std-page-main-cont div.col {
    float: left;
}

.page-w4u2d-detail div#std-page-main-cont div.col.full {
    width: 100%;
}

.page-w4u2d-detail div#std-page-main-cont div.col.left {
    width: 640px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right {
    float: right;
    width: 280px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.rs-ads {
    margin-top: 0;
    margin-left: 0;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main {
    position: relative;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.img-holder {
    width: 100%;
    margin-bottom: 20px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content {
    line-height: 24px;
    padding: 0px 10px 0 18px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content h2,
.page-w4u2d-detail div#std-page-main-cont div.col.main div.content h3 {
    font-size: 30px;
    font-weight: bold;
    color: #246978;
    margin: 5px 0 12px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content h3 {
    font-size: 18px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content p {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content a,
.page-w4u2d-detail div#std-page-main-cont div.col.main div.content a:hover {
    color: #00b8e4;
    text-decoration: underline;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content a:hover {
    text-decoration: none;
}

/*

    @w4u2d mailform

*/

.page-w4u2d-detail div.mailfriend-form {
    display: none;
    width: 618px;
    margin: 0 auto;
    margin-top: 100px;
    padding-bottom: 51px;
    border: 10px solid white;
    text-align: left;
    z-index: 9999;
    background: white;
    position: relative;
}

.page-w4u2d-detail div.mailfriend-form h2 {
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 5px;
    font-size: 18px;
    color: #34b7b3;
}

.page-w4u2d-detail div.mailfriend-form div.form-item {
    height: 46px;
    line-height: 23px;
    margin-top: 0;
    margin-bottom: 2px;
    padding: 10px 0 10px 18px;
    background: #f2f2f2;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    color: #585858;
    position: relative;
}

.page-w4u2d-detail div.mailfriend-form div.captcha div.form-item {
    height: 114px;
    padding-top: 20px;
}

.page-w4u2d-detail div.mailfriend-form div.captcha div.form-item img {
    position: absolute;
    right: 187px;
    top: 18px;
}

.page-w4u2d-detail div.mailfriend-form div.form-item label {
    font-weight: bold;
}

.page-w4u2d-detail div.mailfriend-form div.form-item div.description {
    display: inline;
}

.page-w4u2d-detail div.mailfriend-form div.form-item input {
    display: block;
    /*float: right; */
    width: 350px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    background: #fdfdfd url(../img/signup-form-input-bg.png) left top repeat-x;
    border: 1px solid #c0c0c0;
    font-family: Arial;
    font-size: 14px;
    color: #777777;
    position: absolute;
    right: 15px;
    bottom: 18px;
}

.page-w4u2d-detail div.mailfriend-form input.form-submit {
    display: block;
    width: 109px;
    height: 39px;
    margin: 0;
    padding: 0;
    background: url(../img/signup-form-submit.png) left top no-repeat;
    border: 0 none;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    bottom: 2px;
}

/*

    @w4u2d print

*/

.page-w4u2d-detail.print div#outer-wrapper,
.page-w4u2d-detail.print div#outer-wrapper div.bg,
.page-w4u2d-detail.print div#inner-wrapper,
.page-w4u2d-detail.print div#container div.border,
.page-w4u2d-detail.print div#main {
    background: transparent none !important;
}

.page-w4u2d-detail.print #top-wrapper,
.page-w4u2d-detail.print #ucb-wft-header,
.page-w4u2d-detail.print #footer-wrapper,
.page-w4u2d-detail.print #main div.cont.right,
.page-w4u2d-detail.print #bottom,
.page-w4u2d-detail.print div.todays-prayer,
.page-w4u2d-detail.print div.player,
.page-w4u2d-detail.print #main div.links,
.page-w4u2d-detail.print div.iphone-thingie,
.page-w4u2d-detail.print a.iphone-thingie,
.page-w4u2d-detail.print #static_social_bar,
.page-w4u2d-detail.print #std-page-header,
.page-w4u2d-detail.print #std-page-main-cont .col.right {
    display: none !important;
}

.page-w4u2d-detail.print div.date-thingie,
.page-w4u2d-detail.print div#container {
    background: transparent none !important;
}

.page-w4u2d-detail.print div.date-thingie p {
    color: black !important;
}

/*

    @previous w4u2d box

*/

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box {
    width: 280px;
    margin-bottom: 15px;
    background: url(../img/sidebar-box-top.png) left top no-repeat;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box h2 {
    height: 80px;
    margin-bottom: 0;
    text-indent: -9999em;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box-cont {
    padding: 0 20px 0 20px;
    background: url(../img/sidebar-box-bg.png) left top repeat-y;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.bottom {
    width: 280px;
    height: 95px;
    background: url(../img/sidebar-box-bottom.png) left top no-repeat;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.bottom a.full-archive,
.page-w4u2d-detail div#std-page-main-cont div.col.right div.bottom a.full-archive:hover {
    display: block;
    width: 112px;
    height: 30px;
    margin-left: 20px;
    background: url(../img/full-archive-btn.png);
    text-indent: -9999em;
    position: relative;
    top: 15px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d h2 {
    background: url(../img/prev-box-title.png) 20px 26px no-repeat;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item {
    margin-bottom: 20px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item.last {
    margin-bottom: 0;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item p.date {
    margin-bottom: 0;
    color: #101111;
    font-weight: bold;
    font-size: 11px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item a,
.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item a:hover {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.page-w4u2d-detail div#std-page-main-cont div.col.right div.box.prev-w4u2d div.item a:hover {
    text-decoration: underline;
}

/*

    @W4U2D archive page

*/

.page-w4u2d-archive div#container {
    margin-bottom: 0;
    padding-bottom: 0;
    box-shadow: none;
    background: #f2f2f2;
}

.page-w4u2d-archive #container div.border.top,
.page-w4u2d-archive #container div.border.bottom {
    height: 0 !important;
}

.page-w4u2d-archive div#main {
    margin-top: 0;
    padding-left: 0 !important;
    background: #f2f2f2 none !important;
}

.page-w4u2d-archive div#main-squeeze {
    padding: 0 !important;
}

.page-w4u2d-archive #breadcrumb a, .page-w4u2d-archive #breadcrumb a:hover {
    color: white;
}

.page-w4u2d-archive #footer-wrapper {
    height: auto;
}

/*

    @header

*/

.page-w4u2d-archive #std-page-header {
    height: 161px;
    position: relative;
}

.page-w4u2d-archive #std-page-header h1 {
    width: 700px;
    line-height: 35px;
    margin: 20px 0 0 20px;
    color: white;
    font-size: 28px;
}

.page-w4u2d-archive div.iphone-thingie {
    width: 221px;
    height: 208px;
    background: url(../img/iphone-thingie.png) left top no-repeat;
    position: absolute;
    right: 31px;
    top: -4px;
}

/*

    @main content

*/

.page-w4u2d-archive div#wft_full_archive {
    padding: 13px 10px 20px 10px;
    position: relative;
}

.page-w4u2d-archive div#wft_full_archive div.content {
    line-height: 24px;
    padding: 10px 10px 0 10px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-archive div#wft_full_archive div.content h2,
.page-w4u2d-archive div#wft_full_archive div.content h3 {
    font-size: 20px;
    font-weight: bold;
    color: #00b8e4;
}

.page-w4u2d-archive div#wft_full_archive div.content h3 {
    font-size: 18px;
}

.page-w4u2d-archive div#wft_full_archive div.content p {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-archive div#wft_full_archive div.content a,
.page-w4u2d-archive div#wft_full_archive div.content a:hover {
    color: #00b8e4;
    text-decoration: underline;
}

.page-w4u2d-archive div#wft_full_archive div.content a:hover {
    text-decoration: none;
}

/* W4U redesign */

.page-w4u2d-detail div#std-page-main-cont div.date-thingie {
    width: 152px;
    height: 104px;
    background: url(../img/date-thingie.png) left top no-repeat;
    position: absolute;
    left: 538px;
    top: -12px;
}

.page-w4u2d-detail div#std-page-main-cont div.date-thingie p {
    width: 80px;
    margin: 19px 0 0 40px;
    text-align: left;
    color: white;
    font-size: 18px;
}

.page-w4u2d-detail div#std-page-main-cont div.date-thingie p.year {
    margin-top: 0;
    font-size: 22px;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content p.what {
    margin: 0;
    color: #000;
    font-size: 0.8em;
    font-weight: bold;
}

.page-w4u2d-detail #container div.border {
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.page-w4u2d-detail #container div.border.top {
    height: 40px;
    background-image: url(../img/papers-top.png);
}

.page-w4u2d-detail #container div.border.bottom {
    height: 16px;
    background-image: url(../img/papers-bottom.png);
}

.page-w4u2d-detail #main {
    background: url(../img/papers-bg.png) left top repeat-y;
}


/*

    @w4u2d links

*/

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links {
    height: 39px;
    margin: 14px 0 14px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links a.item {
    display: inline-block;
    margin: 9px 6px 0 0;
    padding: 1px 7px 0;
    text-decoration: none;
    font-size: 12px;
    color: #606060;
    background-color: #ddd;
    border: solid 1px #bbb;
    border-radius: 2px;
    line-height: 1.6;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links a.item:hover {
    color: #555;
    background-color: #eee;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links a.item {
    display: block !important;
    float: left !important;
}


.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social {
    width: 146px;
    height: 39px;
    /*background: url(../img/wft-social.png) right center no-repeat;*/
    position: absolute;
    right: 2px;
    top: 0;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social div.item {
    display: inline-table;
    height: 39px;
    margin-right: 6px;
}

.msie-msie.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social div.item {
    display: block !important;
    float: left !important;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social div.item.fb {
    width: 48px !important;
    padding-top: 10px;
    overflow: hidden !important;
}

.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social div.item.twitter {
    margin-right: 8px;
}

.msie-msie.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social div.item.twitter {
    padding-top: 10px;
}

/* RSS feed icon - DN 08/07/2013 */
.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social a.rss,
.page-w4u2d-detail div#std-page-main-cont div.col.main div.content div.links div.social a.rss:hover {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    top: 11px;
    background: url(/sites/all/modules/blonde/ucb_word_for_today/img/wft-social.png) right center no-repeat;
}

/*

    @W4U2D article page

*/

.page-w4u2d-article div#std-page-main-cont div.col.main div.content {
    line-height: 24px;
    padding: 0px 10px 0 18px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-article div#std-page-main-cont div.col.main div.content h2,
.page-w4u2d-article div#std-page-main-cont div.col.main div.content h3 {
    font-size: 30px;
    font-weight: bold;
    color: #246978;
    margin: 5px 0 20px;
}

.page-w4u2d-article div#std-page-main-cont div.col.main div.content h3 {
    font-size: 18px;
}

.page-w4u2d-article div#std-page-main-cont div.col.main div.content p {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    color: #585858;
}

.page-w4u2d-article div#std-page-main-cont div.date-thingie,
.page-w4u2d-article #container div.border.top,
.page-w4u2d-article #container div.border.bottom,
.page-w4u2d-article div#std-page-main-cont div.col.main div.content p.what {
    display: none;
}

.page-w4u2d-article #main {
    background-image: none;
    background-color: #fff;
}