/* 
    Document   : ucb_word_for_today
    Created on : Feb 15, 2012, 12:28:32 PM
    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-wft #outer-wrapper { 
    background: #ff7900 url(../img/body-bg.png) left top repeat-x;
    overflow: hidden;
    position: relative;
}

.page-ucb-wft #outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-wft #outer-wrapper div.bg.left {
    width: 402px;
    height: 1493px;
    background: url(../img/body-left.png) left top no-repeat;
    left: 0;
}

.page-ucb-wft #outer-wrapper div.bg.right {
    width: 360px;
    height: 789px;
    background: url(../img/body-right.png) left top no-repeat;
    right: 0;
}

.page-ucb-wft #inner-wrapper {
    background: transparent url(../img/body-circles.png) center 40px no-repeat;
}

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

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

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

.page-ucb-wft #breadcrumb a, .page-ucb-wft #breadcrumb a:hover {
    color: #ececec;
}

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

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

.page-ucb-wft #navigation #primary ul li.active a,
.page-ucb-wft #navigation #primary ul li.active-trail a,
.page-ucb-wft #navigation #primary ul li a:hover {
  color: white;
/*  text-shadow: 1px 1px 0 #a9d788; */
  text-shadow: none;
  border-top: 1px solid #ff7900;
  background: #ff7900; /* Old browsers */
}

.page-ucb-wft #navigation #primary ul li.active,
.page-ucb-wft #navigation #primary ul li.active-trail,
.page-ucb-wft #navigation #primary ul li:hover {
    background: #ff7900; /* Old browsers */
}

.page-ucb-wft #header {
  border-bottom: 5px solid #ff7900;
}

/*

    @header

*/

div#ucb-wft-header {
    height: 177px;
    position: relative;
}

div#ucb-wft-header a.logo {
    display: block;
    width: 241px;
    height: 124px;
    background: url(/images/wftlogo14.png) left top no-repeat;
    position: absolute;
    left: 20px;
    top: 30px;
}

/*
div#ucb-wft-header div.iphone-thingie {
    width: 221px;
    height: 208px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
*/

/*

    @main content

*/

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

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

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

.msie-msie.page-ucb-wft #container div.border.bottom {
    display: none !important;
}

.page-ucb-wft #main {
    width: 913px;
    padding: 0 10px 20px 37px;
    background: url(../img/papers-bg.png) left top repeat-y;
}

.page-ucb-wft div#ucb-wft-cont {
    font-family: Arial;
    position: relative;
}

.page-ucb-wft div#ucb-wft-cont div.iphone-thingie {
    width: 221px;
    height: 208px;
    background: url(../img/iphone-thingie.png) left top no-repeat;
    position: absolute;
    right: 31px;
    top: -212px;
}

.page-ucb-wft div#ucb-wft-cont div.date-thingie {
    width: 152px;
    height: 104px;
    background: url(../img/date-thingie.png) left top no-repeat;
    position: absolute;
    left: 500px;
    top: -62px;
}

.msie-msie.page-ucb-wft div#ucb-wft-cont div.date-thingie {
    top: -64px;
}

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

.page-ucb-wft div#ucb-wft-cont div.date-thingie p.year {
    margin-top: 0;
    font-size: 22px;
}

.page-ucb-wft div#ucb-wft-cont p.what {
    margin: 10px 0 0 0;
    color: black;
    font-weight: bold;
}

.page-ucb-wft div#ucb-wft-cont div.cont {
    float: left;
}

.page-ucb-wft div#ucb-wft-cont div.cont.left {
    width: 615px;
}

.page-ucb-wft div#ucb-wft-cont div.cont.left h1 {
    line-height: 26px;
    margin: 5px 0 0 0;
    font-size: 26px;
    font-weight: bold;
    color: #ff7900;
}

.page-ucb-wft div#ucb-wft-cont p.bible-ref {
    margin-top: 15px;
    font-weight: bold;
    color: #363434;
}

.page-ucb-wft div#ucb-wft-cont div.player {
    width: 615px;
    height: 72px;
    margin-top: 25px;
/*    background: url(../img/player-phony.png) left top no-repeat;*/
}

.page-ucb-wft div#ucb-wft-cont div.links {
    height: 39px;
    margin-top: 28px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.page-ucb-wft div#ucb-wft-cont div.links a.item {
    display: inline-block;
    margin: 9px 4px 0 0;
    padding: 1px 7px 0;
    text-decoration: none;
    font-size: 12px;
    color: #606060;
    background-color: #ddd;
    border: solid 1px #bbb;
    border-radius: 2px;
}

.page-ucb-wft div#ucb-wft-cont div.links a.item:hover {
    color: #555;
    background-color: #eee;
}

.msie-msie.page-ucb-wft div#ucb-wft-cont div.links a.item {
    display: block !important;
    float: left !important;
}

/* .page-ucb-wft div#ucb-wft-cont div.links a.item:hover {
    text-decoration: underline;
}

.page-ucb-wft div#ucb-wft-cont div.links a.item.recmail {
    background-image: url(../img/wft-email.png);
}

.page-ucb-wft div#ucb-wft-cont div.links a.item.mailfriend {
    background-image: url(../img/wft-email2.png);
}

.page-ucb-wft div#ucb-wft-cont div.links a.item.print {
    background-image: url(../img/wft-print.png);
} */

.page-ucb-wft div#ucb-wft-cont div.links div.social {
    width: 146px;
    height: 39px;
    background: url(../img/wft-social.png) right center no-repeat;
    position: absolute;
    right: 8px;
    top: 0;
}

.page-ucb-wft div#ucb-wft-cont div.links div.social div.item {
    display: inline-table;
    height: 39px;
    margin-right: 6px;
}

.msie-msie.page-ucb-wft div#ucb-wft-cont div.links div.social div.item {
    display: block !important;
    float: left !important;
}

.page-ucb-wft div#ucb-wft-cont div.links div.social div.item.fb {
    width: 48px !important;
    padding-top: 10px;
    overflow: hidden !important;
}

.page-ucb-wft div#ucb-wft-cont div.links div.social div.item.twitter {
    margin-right: 8px;
}

.msie-msie.page-ucb-wft div#ucb-wft-cont div.links div.social div.item.twitter {
    padding-top: 10px;
}

.page-ucb-wft div#ucb-wft-cont div.text {
    line-height: 21px;
    margin: 20px 0 20px 0;
    color: #222;
    font-size: 15px;
}

.page-ucb-wft div#ucb-wft-cont div.links div.social a.rss,
.page-ucb-wft div#ucb-wft-cont 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;
}

.page-ucb-wft div#ucb-wft-cont a.bible-ref-link,
.page-ucb-wft div#ucb-wft-cont a.bible-ref-link:hover {
    color: #00b8e4;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}

.page-ucb-wft div#ucb-wft-cont a.bible-ref-link:hover {
    text-decoration: none;
}

/*

    @right box

*/

.page-ucb-wft div#ucb-wft-cont div.cont.right {
    width: 280px;
    float: right;
}

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

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box h2 {
    height: 80px;
    margin-bottom: 0;
    text-indent: -9999em;
}

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

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

.page-ucb-wft div#ucb-wft-cont div.cont.right div.bottom a.full-archive,
.page-ucb-wft div#ucb-wft-cont div.cont.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-ucb-wft div#ucb-wft-cont div.cont.right div.box.prev-wft h2 {
    background: url(../img/prev-box-title.png) 20px 26px no-repeat;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.prev-wft div.item {
    margin-bottom: 20px;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.prev-wft div.item.last {
    margin-bottom: 0;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.prev-wft div.item p.date {
    margin-bottom: 0;
    color: #101111;
    font-weight: bold;
    font-size: 11px;
}

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

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.prev-wft div.item a:hover {
    text-decoration: underline;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular h2 {
    background: url(../img/most-popular-title.png) 20px 26px no-repeat;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular a.item,
.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular a.item:hover {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular a.item:hover {
    text-decoration: underline;
}

.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular a.item.last,
.page-ucb-wft div#ucb-wft-cont div.cont.right div.box.most-popular .views-row-last a.item {
    margin-bottom: 0;
}

/*

    @signup form

*/

.page-ucb-wft div.signup-form-overlay {
    width: 638px;
    margin: 0 auto;
}

.page-ucb-wft div.signup-form,
.page-ucb-wft 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-ucb-wft div.signup-form h2,
.page-ucb-wft div.mailfriend-form h2 {
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 5px;
    font-size: 18px;
    color: #34b7b3;
}

.page-ucb-wft div.signup-form div.form-item,
.page-ucb-wft 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-ucb-wft div.signup-form div.captcha div.form-item,
.page-ucb-wft div.mailfriend-form div.captcha div.form-item {
    height: 114px;
    padding-top: 20px;
}

.page-ucb-wft div.signup-form div.captcha div.form-item img,
.page-ucb-wft div.mailfriend-form div.captcha div.form-item img {
    position: absolute;
    right: 187px;
    top: 18px;
}

.page-ucb-wft div.signup-form div.form-item label,
.page-ucb-wft div.mailfriend-form div.form-item label {
    font-weight: bold;
}

.page-ucb-wft div.signup-form div.form-item div.description,
.page-ucb-wft div.mailfriend-form div.form-item div.description {
    display: inline;
}

.page-ucb-wft div.signup-form div.form-item input,
.page-ucb-wft 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-ucb-wft div.signup-form input.form-submit,
.page-ucb-wft 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;
}

/*

    @todays prayer

*/

.page-ucb-wft div#ucb-wft-cont div.todays-prayer {
    width: 576px;
    height: 436px;
    margin-top: 55px;
    padding: 40px 15px 0 34px;
    background: url(../img/todays-prayer-bg.png) left top no-repeat;
    position: relative;
    left: -10px;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.what {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    color: black;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer h2 {
    margin: 6px 0 0 0;
    font-size: 24px;
    font-weight: bold;
    color: #ff7900;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic {
    line-height: 23px;
    font-size: 12px;
    font-weight: normal;
    color: #222;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic.byline {
    margin: 22px 0 19px 0;
    font-weight: bold;
    color: #363434;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic.cont {
    margin-bottom: 25px;
    font-size: 14px;
}

.msie-msie.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic.cont,
.msie-msie.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic.byline,
.msie-msie.page-ucb-wft div#ucb-wft-cont div.todays-prayer a.about {
    position: relative;
    top: 11px;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer a.about,
.page-ucb-wft div#ucb-wft-cont div.todays-prayer a.about:hover {
    display: block;
    height: 25px;
    float: right;
    line-height: 25px;
    padding-left: 8px;
    font-size: 14px;
    color: #00b8e4;
    background: url(../img/about-arrow.png) left center no-repeat;
    text-decoration: underline;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer a.about:hover {
    text-decoration: none;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer p.basic.meh,
.page-ucb-wft div#ucb-wft-cont div.todays-prayer .blockcontent-content {
    width: 325px;
    color: #363434;
    font-size: 14px;
    position: absolute;
    right: 5px;
    bottom: 35px;
}

.page-ucb-wft div#ucb-wft-cont div.todays-prayer .blockcontent-content p {
    line-height: 23px;
}

/*

    @print

*/

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

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

.page-ucb-wft.print div.date-thingie {
    background: transparent none !important;
}

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

/*

    @WFT archive page

*/

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

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

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

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

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

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

/*

    @header

*/

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

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

.page-ucb-wft-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-ucb-wft-archive div#wft_full_archive {
    padding: 13px 10px 20px 10px;
    position: relative;
}

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

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

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

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

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

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