﻿/*************************************************


    thornleyfallis.com
    Nov. 2009
    by 76design


***************************************************/


/***************************************************
    GENERIC
     */


h1{
    color: #9e1c20;
    text-transform:uppercase;
    }
h2{
    background: #ffede9;
    border-bottom: solid 2px #ed7159;
    }
h3{
    color: #9e1c20;
    }


h2 strong{
    color: #7cbbd7;
    }

body{
    background: #9e1c20 url(../images/tf/footer-bg.gif) 0 0 repeat-y;
    }

a{
    color: #9e1c20;
    }


.colour{
    color: #9e1c20
    }

#explosion{
    display: none;
    }



/***************************************************
    TOPMENU
     */
.nav LI.selected{
    background: url(../images/tf/nav-selected.gif) bottom right no-repeat;
    }

.nav a{
    color: #5b5c5c; /* grey text */
    }
.nav a span{
    color: #9e1c20; /* red numbers */
    }



/***************************************************
    UMBRELLA
     */

#bookmark-76,
#bookmark-tf{
    text-align: left;
    text-indent: -900em;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    width: 56px;
    height: 71px;
    }
#bookmark-76{
    right: 56px;
    background: url(../images/tf/umbrella-bookmark.jpg) 0 0 no-repeat;
    }
#bookmark-tf{
    right: 0;
    background: url(../images/tf/umbrella-bookmark.jpg) -56px 0 no-repeat;
    }




/***************************************************
    HOME
     */
.intro .learnmore:hover{
    color: #6c0a0d;
    text-decoration: none;
    }



/***************************************************
    BLOG/NEWSROOM
    */
.post{
    background: none 0 0 no-repeat;
    border-bottom: dotted 1px #CCCCCC;
    }

.widget_tf76smn_facebook_btn{
    margin: 0 0 5px 0;
    }

.widget_tf76smn_facebook_btn a,
.widget_tf76smn_rss_btn a{
    display: block;
    width: 215px;
    height: 39px;
    text-indent: -900em;
    overflow: hidden;
    }
.widget_tf76smn_facebook_btn a{
    background: url(../images/tf/btn-sidebar-facebook.gif) 0 0 no-repeat;
    }
.widget_tf76smn_rss_btn a{
    background: url(../images/tf/btn-sidebar-rss.gif) 0 0 no-repeat;
    }

.post-share{
    float: right;
    display: block;
    width: 88px;
    height: 27px;
    background: url(../images/tf/share.gif) 0 0 no-repeat;
    text-indent: -900em;
    overflow: hidden;
    }

.widget_tf76smn_facebook_btn a,
.widget_tf76smn_rss_btn a{
    display: block;
    width: 259px;
    height: 39px;
    }

.widget_tf76smn_facebook_btn a{
    background: url(../images/tf/btn-sidebar-facebook.gif) 0 0 no-repeat;
    }
.widget_tf76smn_rss_btn a{
    background: url(../images/tf/btn-sidebar-rss.gif) 0 0 no-repeat;
    }

#searchform input{
    border: solid 1px #9F1C20;
    }
#searchform #searchsubmit{
    background: url(../images/tf/btn-input.gif) 0 0 no-repeat;
    }


/** >> livestream > blog posts */
.grid-item.blog{
    background: #B41E23 url(../images/grid-item-red.png) 0 0 repeat-y;
    color: #fff;
    }
.grid-item.blog a{
    color: #fff;
    }

/** >> livestream > instructions */
#post-instructions-content {
    color: #c9341d;
    background: url(../images/tf/help.png) 0 0 no-repeat;
    }



.post-addcomment a{
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    background: #B1D8E8 url(../images/tf/btn-input.gif) 0 0 repeat-y;
    color: #666;
    border: solid 1px #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }
.post-addcomment a:hover{
    background: #fff;
    border-color: #ddd;
    }


.aggregate .type-twitter {
    border-left: 2px solid #AF1D22;
    }

/***************************************************
    FOOTER
     */

#wrapper-footer {
    }
#footermenu li{
    color: #871a22;
    }
#footermenu LI.selected{
    background: url(../images/tf/footer-nav-selected.gif) bottom right no-repeat;
    }
#footermenu a{
    color: #5b0f12;
    }
#footermenu a span{
    color: #871a22;
    }
#footermenu a:hover,
#footermenu a:hover span{
    color: #fff;
    }
