/*
 * ********************************
 * Biro Creative - thetyee.ca
 * @author: birocreative.com
 * @date: 2008
 * ********************************
 */

/* Main blocks */

.block-feature,
.block-feature_series,
.block-feature_scoop,
.block-feature_mid {
    text-align: center;
}

.block-feature .section-header,
.block-feature_series .section-header,
.block-feature_scoop .section-header,
.block-feature_mid .section-header {
    margin: 0;
}

#feature-main {
}

    #feature-main .block-feature,
    #feature-main .block-feature_series,
    #feature-main .block-feature_scoop {
        width: 615px;
        margin: 0;
    }

    #feature-main .block-feature .photo-insert,
    #feature-main .block-feature_series .photo-insert {
        float: left;
        margin-right: 15px;
    }

    #feature-main .content {
        float: left;
        width: 615px;
    }

    #feature-main .block-feature .content,
    #feature-main .block-feature_series .content {
        width: 300px;
    }

        #feature-main .block-feature .section-header,
        #feature-main .block-feature_series .section-header {
            margin: 0 0 0.1em;
        }
        
        #feature-main .block-feature_scoop .section-header {
            margin-top: 0.3em;
        }
        
    #feature-main .block-bottom {
        clear: both;
    }

    /* series */
    
    #feature-main .block-feature_series .badge {
        margin-top: -34px;
    }
    
    #feature-main .block-feature_scoop .badge {
        float: left;
        margin-top: -240px;
        margin-left: 10px;
    }
    
    #feature-main h4 {
        line-height: 1em;
    }
    
        #feature-main .block-feature h4 {
            margin-bottom: 20px;
            background: url("/ui/img/bg_feature_normal.png") no-repeat top center;
            padding: 0.3em 0;
            text-transform: uppercase;
            font-size: 2.4em;
            line-height: 1.1em;
            letter-spacing: 2px;
        }
            #feature-main .block-feature h4 a {
                display: block;
                background: url("/ui/img/bg_feature_normal.png") no-repeat bottom center;
                padding-bottom: 0.3em;
                color: #444;
            }
        
        #feature-main .block-feature_series h4 {
            margin: 1.3em 0 0.3em;
            font-size: 2.8em;
            line-height: 1.1em;
        }

        #feature-main .block-feature_scoop h4 {
            padding-bottom: 0.4em;
            text-transform: uppercase;
            font-size: 2.5em;
            line-height: 1.1em;
            letter-spacing: 2px;
        }
            #feature-main .block-feature_scoop h4 a {
                display: block;
                padding-bottom: 0.3em;
                color: #444;
            }

    #feature-main p {
        font-size: 1.2em;
        color: #444;
        line-height: 1.5em;
        margin-bottom: 0.5em;
    }
    
    #feature-main p.meta {
        font-size: 1em;
        color: #92A41F;
        line-height: 1em;
    }
    
        #feature-main .block-feature p.meta {
            margin: 0 0 40px;
        }
    
        #feature-main .block-feature_series p.meta {
            margin: 0;
        }
    
    #feature-main .more-link {
        margin: 0;
        font-size: 1em;
        color: #92A41F;
        line-height: 1em;
    }
    
    #feature-main .block-feature_scoop .more-link {
        font-size: 0.8em;
    }
    
#feature-col2 {
}

    #feature-col2 .block-feature,
    #feature-col2 .block-feature_series,
    #feature-col2 .block-feature_photoessay {
        clear: none;
        float: left;
        width: 300px;
        margin: 0;
    }
    
    #feature-col2 .right {
        float: right;
    }

    #feature-col2 h4 {
        margin: 0.5em 0 0.3em;
        font-size: 2.1em;
        line-height: 1em;
    }
    
    #feature-col2 p {
        font-size: 1.1em;
        line-height: 1.4em;
        color: #444;
    }
    
    #feature-col2 p.meta {
        font-weight: normal;
        font-size: 1em;
        line-height: 1em;
        color: #92A41F;
    }
    
    
#feature-col3 {
}

    #feature-col3 .block-feature,
    #feature-col3 .block-feature_mid {
        clear: none;
        float: left;
        width: 195px;
        margin: 0;
    }

    #feature-col3 .block-feature {
        padding: 8px 0 15px;
    }
    
    #feature-col3 .block-feature_mid {
        padding: 8px 15px 2em;
    }

    #feature-col3 .block-feature .section-header,
    #feature-col3 .block-feature_mid .section-header {
        padding: 1px 0 3px;
    }

    #feature-col3 .badge {
        position: relative;
        margin-top: -100px;
        margin-right: 2px;
    }
    
    #feature-col3 h4 {
        margin: 0.2em 0 0.3em;
        font-size: 1.4em;
        line-height: 1.1em;
    }
    
    #feature-col3 p {
        font-size: 1em;
        line-height: 1.5em;
        margin-bottom: 0.5em;
    }
    
    #feature-col3 p.meta {
        margin: 0;
        font-size: 1em;
        color: #92A41F;
        line-height: 1.1em;
    }
    
    #feature-col3 .more-link {
        margin: 0;
        font-size: 1em;
        color: #92A41F;
        line-height: 1em;
    }
    
.block-article_list {
}

    .block-article_list .article-list {
        clear: both;
    }
    
    .block-article_list h2.title {
        background: url("/ui/img/bg_block-articlelist_hr.png") repeat-x top left;
        padding: 15px 0 10px;
        border-bottom: 1px solid #ccc;
        
        font-size: 1.1em;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
    }
        
        /* different on front page and article pages */
        .front .block-article_list h2.title {
            margin-top: -6px;
            padding: 0 0 15px;
            border: none;
        }
    
        .series .block-article_list h2.title,
        .topic .block-article_list h2.title
        {
            padding: 15px 0;
            border: none;
        }
    
    .block-article_list .content {
        padding: 0 0 1em;
    }
    
        .block-article_list .article-list .section-header {
            margin: 0;
            padding: 0;
            background: url("/ui/img/bg_block-articlelist_li.png") repeat-x center left;
            height: 15px;
            width: 405px;
            text-align: center;
        }
        
            /* different for the first item, used to make a double-lined border with h2.title */
            .block-article_list .article-list.first .section-header {
                background-position: bottom left;
                height: 7px;
                padding-bottom: 3px;
            }

            /* different on front page */
            .topic .block-article_list .article-list.first .section-header,
            .front .block-article_list .article-list.first .section-header {
                height: 15px;
                padding: 0;
            }
            
            .topic .block-article_list .article-list.first .section-header {
                background: none;
                position: relative;
                margin-top: -7px;
            }
            
        .block-article_list .article-list .photo-insert {
            float: left;
            width: 90px;
            margin: 1px 13px 15px 0;
        }
        
            .block-article_list .article-list .photo-insert img {
                float: left;
            }
        
            .block-article_list .article-list .photo-insert img.border {
                border: 1px solid #CFCECE;
            }

        .block-article_list .article-list .badge {
            margin-top: -13px;
            width: 50px;
            height: 50px;
        }

        .block-article_list .article-list .article-list-content {
            float: left;
            width: 300px;
            margin: 0 0 15px;
        }
        
            .topic .block-article_list .article-list .article-list-content {
                width: 405px;
            }

            .block-article_list .article-list .article-list-content h4 {
                margin: 0.1em 0 0.1em;
                font-size: 1.5em;
                line-height: 1.2em;
            }

            .block-article_list .article-list .article-list-content p {
                margin: 0 0 0.3em;
                font-size: 1.1em;
                color: #444;
            }

            .block-article_list .article-list .article-list-content p.meta {
                margin: 0;
                font-size: 1em;
                color: #92A41F;
            }

    .block-article_list .pagination,
    .block-article_list .more-link {
        clear: both;
        margin: 0;
        line-height: 30px;
        
        padding: 15px 0 8px;
        background: url("/ui/img/bg_block-articlelist_btm.png") repeat-x bottom left;
    }

    .block-article_list .block-bottom {
        clear: both;
        padding: 0;
        height: 7px;
        background: url("/ui/img/bg_block-articlelist_hr.png") repeat-x bottom left;
    }

        .front .block-article_list .block-bottom {
            padding: 25px 0 0;
        }

/*
 * Sidebar blocks.
 */

.block-from_tyee_blog_thehook {
}

    .block-from_tyee_blog_thehook h2 img {
        vertical-align: bottom;
    }
    
    .block-from_tyee_blog_thehook .content {
        background: #A2B039;
    }
    
    .block-from_tyee_blog_thehook .more-link {
        clear: both;
        background: white url("/ui/img/bg_block-thehook_btm.png") repeat-x top left;
        margin: 0;
        height: 26px;
    }
    
    .block-from_tyee_blog_thehook ul.links {
        clear: both;
        padding: 0.3em 0;
    }
    
    .block-from_tyee_blog_thehook li {
        background: url("/ui/img/hr_ht_green.png") repeat-x bottom left;
        list-style-type: none;
        margin: 0 15px 0 10px;
        padding: 0.3em 0.7em 0.6em 0.9em;
        line-height: 1em;
    }
    
        .block-from_tyee_blog_thehook li.last {
            background: none;
        }
    
        .block-from_tyee_blog_thehook li a {
            color: white;
            font-style: normal;
            font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
        }

        .block-from_tyee_blog_thehook li a:hover {
            text-decoration: underline;
        }

.block-from_tyee_blogs {
}

    .block-from_tyee_blogs h2 img {
        float: left;
    }
    
    .block-from_tyee_blogs .content {
        background: #F6F8ED;
        padding: 0 1px 0.2em;
    }
    
    .block-from_tyee_blogs .hr {
        float: left;
        background: url("/ui/img/bg_block-tyeeblogs_hr.png") repeat-x top left;
        height: 5px;
        width: 335px;
        margin-bottom: 0.2em;
    }

    .block-from_tyee_blogs .a-blog {
    }

    .block-from_tyee_blogs .blog-title {
        float: left;
        width: 80px;
        padding-left: 7px;
    }
    
        .block-from_tyee_blogs .blog-title h3 {
            margin: 0.3em 0 0.2em;
            padding: 0;
        }

        .block-from_tyee_blogs .blog-title p {
            color: #A0A19A;
            font-weight: bold;
            font-size: 7px;
            text-transform: uppercase;
            font-family: Verdana, sans-serif;
            line-height: 1.1em;
        }

    .block-from_tyee_blogs ul.links {
        float: left;
        width: 247px;
    }

    .block-from_tyee_blogs li {
        background: url("/ui/img/bg_block-tyeeblogs_li.png") repeat-x bottom left;
        list-style-type: none;
        margin: 0 15px 0 0;
        padding: 0.4em 0.1em 0.6em;
        line-height: 1em;
    }
    
        .block-from_tyee_blogs li.last {
            background: none;
        }
    
        .block-from_tyee_blogs li a {
            color: #8DA016;
            font-style: normal;
            font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
        }

        .block-from_tyee_blog_thehook li a:hover {
            text-decoration: underline;
        }

    .block-from_tyee_blogs .block-bottom {
        clear: both;
        background: url("/ui/img/bg_block-tyeeblogs_btm.png") repeat-x top left;
        height: 10px;
    }

.block-photopool {
    clear: both;
    background: white url("/ui/img/bg_block-photopool_top.png") repeat-x top left;
    margin-bottom: 13px;
}

    .block-photopool h2 {
        margin: 0;
        padding: 0;
        height: 40px;
        text-align: center;
        line-height: 42px;
        font-size: 1.3em;
    }

        .block-photopool h2 a {
            color: #0099CC;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

    .block-photopool p.meta,
    .block-photopool p.meta a {
      margin: 7px 0;
      text-align: center;
      color: #09C;
    }

    .block-photopool .content {
        height: 200px;
        overflow: hidden;
    }

    .block-photopool .content p {
        margin: 0;
    }

    .block-photopool .content img.badge {
        position: absolute;
        margin: 40px 0 0 252px;
    }

    .block-photopool .content p img {
        vertical-align: bottom;
    }

    .block-photopool .block-bottom {
        clear: both;
        background: url("/ui/img/bg_block-photopool_btm.png") repeat-x top left;
        height: 24px;
    }

.block-topfive {
    margin-bottom: 17px;
}

    .block-topfive ul.links {
        background: url("/ui/img/bg_block-topfive_top.png") repeat-x top left;
        padding: 0 5px 0 10px;
        width: 321px;
        height: 34px;
    }
    
        .block-topfive ul.links li {
            padding: 0 2px 0 1px;
        }

            .block-topfive ul.links li.first {
                padding-left: 0;
            }

        .block-topfive ul.links a {
            display: block;
            background: no-repeat top left;
            height: 34px;
        }
    
        .block-topfive ul.links .ui-tabs-selected a,
        .block-topfive ul.links a:hover {
            background-position: bottom left;
        }

        .block-topfive ul a.menu-mostread {
            background: url("/ui/img/topfive_nav_mostread.png");
            width: 95px;
        }
    
        .block-topfive ul a.menu-mostemailed {
            background: url("/ui/img/topfive_nav_mostemailed.png");
            width: 117px;
        }
    
        .block-topfive ul a.menu-bestrated {
            background: url("/ui/img/topfive_nav_bestrated.png");
            width: 98px;
        }
    
    .block-topfive .content {
        clear: both;
        border-bottom: 1px solid #8DA016;
    }
    
        .block-topfive .content ol {
            margin: 0.6em 0;
            padding: 0;
        }

        .block-topfive .content ol li {
            margin: 0 0 0 28px;
            padding: 0.4em 0;
            font-style: normal;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 1.1em;
            color: #92A41F;
        }

        .block-topfive .content ol a {
            font-style: normal;
            color: #92A41F;
        }

    .block-topfive .block-bottom,
    .block-about_announcement .block-bottom,
    .block-announcement .block-bottom,
    .block-recent .block-bottom
    {
        height: 18px;
        background: url("/ui/img/hr_ht_light.png") repeat-x bottom left;
    }

.blog .block-recent h2.title {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.3em;
    padding: 0 0 0.3em;
  }

.blog .block-recent ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog .block-recent a {
  font-style: normal;
  line-height: 1.6em;
  font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

.block-topfiveelse {
}

    .block-topfiveelse h2 {
        background: url("/ui/img/bg_block-topfiveelse_top.png") repeat-x top left;
        text-align: center;
        height: 30px;
    }

    .block-topfiveelse .content {
        clear: both;
        border-bottom: 1px solid #B7B7B7;
        padding-bottom: 0.5em;
    }
    
        .block-topfiveelse ul {
            margin: 0.6em 0 0;
            padding: 0;
        }

        .block-topfiveelse li {
            background: url("/ui/img/li_raquo.png") no-repeat left 7px;
            list-style-type: none;

            margin: 0 0 0 10px;
            padding: 0.4em 0 0.4em 18px;
            font-style: normal;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 1.1em;
            color: #92A41F;
        }

        .block-topfiveelse li a {
            font-style: normal;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 1.1em;
            color: #92A41F;
        }

        .block-topfiveelse .more-link {
            clear: both;
            margin: 0;
            height: 26px;
        }
    
/****** Main Content ******/

.block-adspace,
.block-adspace-half,
.block-adspace-full {
    position: relative;
    margin-top: -6px;
}

.topic #content-col .block-adspace-half {
   margin-top: 20em;
}

.blog #content-col .block-adspace-half {
   margin-top: 2em;
}

.blog #content-col .catlist,
.blog #content-col .feeds
{
  text-align: right;
  margin: 15px 10px 0 0;
}

.blog #content-col .catlist ul,
.blog #content-col .feeds ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog #content-col .catlist li {
  border-bottom: 1px solid #ccc;
}

.blog #content-col .catlist a,
.blog #content-col .feeds a {
  display: block;
  margin-right: -3px;
  padding-right: 3px;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.6em;
  font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

.blog #content-col .catlist a:hover,
.blog #content-col .catlist a.sel {
  border-left: 3px solid #9bac33;
  background: #ccc;
}

.block-adspace {
    width: 336px;
    padding-bottom: 16px;
    background: url("/ui/img/bg_adspace.png") no-repeat top center;
}

.block-adspace-full {
    width: 336px;
    background: url("/ui/img/bg_adspace-full.png") no-repeat top center;
}

    .content-main .block-adspace,
    .content-main .block-adspace-full {
        width: 405px;
    }

.block-adspace-half {
    width: 195px;
    padding-bottom: 16px;
    background: url("/ui/img/bg_adspace-half.png") no-repeat top center;
}

/** Middle column **/

.block-photoessay {
}

    .block-photoessay .badge {
        position: relative;
        margin-top: -140px;
        margin-right: -5px;
    }
    
    .block-photoessay h4 {
        margin: 0.5em 0 0.2em;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    
    .block-photoessay p {
        margin: 0 0 0.3em;
    }

    .block-photoessay p.meta,
    .block-photoessay a {
        margin: 0 0 0;
        color: #09C;
    }

    .block-photoessay .block-bottom {
        height: 17px;
        background: url("/ui/img/bg_block-feature-photoessay_btm.png") repeat-x bottom left;
    }

.block-article {
    
        background: #EEF1DF;
}

    .block-article .article-list-content {
        padding: 0.2em 0.5em 0;
    }

        .block-article .article-list-content h4 {
            margin: 0.1em 0 0.2em;
            font-size: 1.5em;
            line-height: 1em;
        }
    
        .block-article .article-list-content p {
            margin: 0 0 0.5em;
        }

        .block-article .article-list-content p.meta {
            margin: 0;
        }

    .block-article .block-bottom {
        padding-top: 20px;
        background: url("/ui/img/bg_block-article_btm.png") repeat-x bottom left;
        height: 27px;
    }

.block-archives {
    position: relative;
    top: -10px;
    margin-bottom: 15px;
    background: #A2B039;
}

    .block-archives h2 {
        margin: 0;
        background: url("/ui/img/bg_block-fromthearchives_top.png") no-repeat top center;
        padding-top: 30px;
    }
    
    .block-archives .content {
        padding: 0 0.5em;
    }
    
        .block-archives h3 {
            margin: 1em 0 0.3em;
            font-size: 1.4em;
        }
        
        .block-archives p {
            margin-bottom: 0.8em;
        }
    
        .block-archives p.meta,
        .block-archives a {
            color: white;
        }
    
    .block-archives .block-bottom {
        background: url("/ui/img/bg_block-fromthearchives_btm.png") no-repeat bottom center;
        height: 27px;
    }

.block-latest_from_cp {
    padding: 1em 0;
    border-bottom: 2px solid #666;
}

    .block-latest_from_cp h2 {
        background: url("/ui/img/bg_block-fromcp_top.png"); repeat-y top left;
        padding-top: 15px;
        height: 30px;
    }

        .block-latest_from_cp ul {
            margin: 1.5em 0 0;
            padding: 0;
        }

        .block-latest_from_cp li {
            background: url("/ui/img/li_raquo.png") no-repeat left 7px;
            list-style-type: none;

            margin: 0 0 0 2px;
            padding: 0.4em 0 0.8em 13px;
            font-style: normal;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 1.1em;
            color: #92A41F;
            line-height: 1em;
        }

        .block-latest_from_cp li a {
            font-style: normal;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 0.9em;
            color: #92A41F;
        }

/** Nodes **/

.node-type-article,
.node-type-full_article {
}

    .node-type-article .badge,
    .node-type-full_article .badge {
        margin: 0 0 0 5px;
    }

    .node-type-article .tagline,
    .node-type-full_article .tagline {
    }

    .node-type-article .meta,
    .node-type-full_article .meta {
    }

    .node-type-article .node-inner h2,
    .node-type-full_article .node-inner h2
    {
        padding-top: 5px;
    }

    
    .node-type-article .content .photo-insert {
        background: white;
        float: right;
        width: 300px;
        padding: 0 0 0 15px;
        margin: 0 0 0;
        line-height: 0;
    }

    /* article pages with full-width and small-width photo insert */
    .node-type-article .photo-caption,
    .node-type-full_article .photo-caption {
        clear: both;
        float: right;
        background: white no-repeat right bottom;
        margin: 0 0 17px;
    }

        .node-type-article .photo-caption {
            width: 300px;
            background-image: url("/ui/img/hr_ht_light300.png");
            background-repeat: repeat-x;
            margin-left: 15px;
        }
    
        .node-type-full_article .photo-caption {
            background-image: url("/ui/img/hr_ht_light195.png");
            padding: 0 0 0 15px;
            float: right;
            width: 195px;
        }
    
        .topic .node-type-article .photo-caption {
            width: 405px;
        }

    .node-type-article .content .photo-caption p {
        margin: 15px 5px;
        font-size: 0.9em;
    }
    
    .node-type-full_article .content .photo-caption p {
        margin: 0 5px 15px;
        font-size: 0.9em;
    }
    
    .node-type-article .content .photo-caption a,
    .node-type-full_article .content .photo-caption a {
        font-family: "Lucida Grande", Verdana, sans-serif;
        font-style: normal;
    }
    
    .node-type-article .content,
    .node-type-full_article .content {
    }

        .node-type-article .content p,
        .node-type-full_article .content p {
        }

        .node-type-article .content .first,
        .node-type-full_article .content .first {
            padding-top: 10px;
            font-size: 1.3em;
            color: #333;
        }

        .node-type-article .content p a,
        .node-type-full_article .content p a {
            font-family: "Lucida Grande", Verdana, sans-serif;
            font-style: italic;
        }
        
        .node-type-article .content ul,
        .node-type-full_article .content ul {
            margin: 0;
            padding: 0 0 0.5em;
        }
                
        .node-type-article .content li,
        .node-type-full_article .content li {
            background: url("/ui/img/li_raquo_txt.png") no-repeat left 6px;
            list-style-type: none;
            margin: 0 0 0 15px;
            padding:0 0 0 12px;
        }
                
    .node-type-article .article-footer,
    .node-type-full_article .article-footer {
        clear: both;
        background: url("/ui/img/hr_ht_light.png") repeat-x top left;
        padding: 5px 20px 20px;
        margin-top: 3em;
        text-align: center;
    }
    
        .node-type-article .content .article-footer p,
        .node-type-full_article .content .article-footer p {
            font-size: 1em;
            color: #666;
        }

        .node-type-article .article-footer p a,
        .node-type-full_article .article-footer p a {
            font-weight: bold;
            font-style: normal;
        }

/* Photo gallery */

.page-article-photo .node-type-full_article {
    margin-top: -4px;
}

.page-article-photo .node-type-full_article .meta {
    padding-bottom: 15px;
}

.page-article-photo .node-type-full_article .badge {
    margin: 0 0 0 1em;
}

.page-article-photo .photo-nav {
    float: right;
    width: 132px;
    text-align: right;
}

    .page-article-photo .photo-nav .nfo {
        font-size: 1.4em;
        margin: 1em 10px 1em 0;
        font-family: Georgia, "Times New Roman", serif;
        font-style: italic;
    }

    .page-article-photo .photo-nav .prev,
    .page-article-photo .photo-nav .next {
        float: left;
        margin: 0;
    }

    .page-article-photo .photo-nav .next {
        background: url("/ui/img/hr_vt.png") repeat-y top left;
        padding-left: 1px;
    }

    .page-article-photo .photo-nav .prev a,
    .page-article-photo .photo-nav .next a {
        display: block;
        height: 45px;
        background: no-repeat top center;
        outline: none;
    }

    .page-article-photo .photo-nav .prev a:hover,
    .page-article-photo .photo-nav .next a:hover {
        background-position: center -45px;
    }

    .page-article-photo .photo-nav .prev a.off,
    .page-article-photo .photo-nav .next a.off {
        background-position: center -90px;
        cursor: default;
    }

    .page-article-photo .photo-nav .prev a {
        width: 77px;
        background-image: url("/ui/img/photo-nav_prev.png");
    }

    .page-article-photo .photo-nav .next a {
        width: 54px;
        background-image: url("/ui/img/photo-nav_next.png");
    }
        
.page-article-photo #slideshow {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 7px 0 0;
    background: url("/ui/img/hr_ht.png") repeat-x top left;
    width: 615px;
}

.page-article-photo #slideshow ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-article-photo #slideshow .slide {
    float: left;
    width: 615px;
}

    .page-article-photo #slideshow .slide .photo-insert {
        width: 615px;
        text-align: center;
    }
    
    .page-article-photo #slideshow .slide .photo-caption {
        padding-left: 0;
        margin-bottom: 0;
        background: none;
        width: 615px;
        text-align: center;
    }
    
    .page-article-photo #slideshow .slide .photo-caption h3 {
        text-transform: uppercase;
        font-size: 1.1em;
        letter-spacing: 1px;
        padding: 0 0 0.5em;
    }
    

/* Blocks in nodes */

.block-pagetools {
    margin-bottom: 15px;
}

    .page-article-photo .block-pagetools {
        margin-top: 20px;
    }

    .block-pagetools .block-inner {
        background: #A2B039 url("/ui/img/bg_block-pagetools_top.png") repeat-x top left;
        padding-top: 8px;
    }

    .block-pagetools .content {
        background: url("/ui/img/bg_block-pagetools_btm.png") repeat-x bottom left;
        padding: 0 0 8px;
        text-align: center;
    }
    
    .block-pagetools .eps,
    .block-pagetools .textsize,
    .block-pagetools .ratethis {
        clear: both;
        margin: 0;
        padding: 0;
    }
    
    .block-pagetools .ratethis a {
        color: white;
        line-height: 34px;
    }

    .block-pagetools .ratethis .fivestar-widget {
        float: left;
        padding: 4px 0 0 0;
    }

    .block-pagetools .ratethis .fivestar-widget select,
    .block-pagetools .ratethis .fivestar-widget input {
        margin:0;
    }
    .fivestar-combo-stars .fivestar-static-form-item {
        float:left;
        margin-right:40px;
    }
    .fivestar-combo-stars .fivestar-form-item {
        float:left;
    }
    .fivestar-static-form-item .form-item, .fivestar-form-item .form-item {
        margin:0;
    }

    div.fivestar-widget-static {
        display:block;
    }

    div.fivestar-widget-static br {
        clear:left;
    }
    div.fivestar-widget-static .star {
        background:transparent url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/star.png) no-repeat scroll 0 0;
        float:left;
        height:15px;
        overflow:hidden;
        text-indent:-999em;
        width:17px;
    }
    div.fivestar-widget-static .star span.on {
        background:transparent url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/star.png) no-repeat scroll 0 -32px;
        display:block;
        height:100%;
        width:100%;
    }
    div.fivestar-widget-static .star span.off {
        background:transparent url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/star.png) no-repeat scroll 0 0;
        display:block;
        height:100%;
        width:100%;
    }
    div.fivestar-widget {
        display:block;
    }
    div.fivestar-widget .cancel, div.fivestar-widget .star {
        float:left;
        height:15px;
        overflow:hidden;
        text-indent:-999em;
        width:17px;
    }
    div.fivestar-widget .cancel, div.fivestar-widget .cancel a {
        background:transparent url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/cancel.png) no-repeat scroll 0 -16px;
        text-decoration:none;
    }
    div.fivestar-widget .star, div.fivestar-widget .star a {
        background:transparent url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/star.png) no-repeat scroll 0 0;
        text-decoration:none;
    }
    div.fivestar-widget .cancel a, div.fivestar-widget .star a {
        background-position:0 0;
        cursor:pointer;
        display:block;
        height:100%;
        width:100%;
    }
    div.fivestar-widget div.on a {
        background-position:0 -16px;
    }
    div.fivestar-widget div.hover a, div.rating div a:hover {
        background-position:0 -32px;
        background-image: url(http://thetyee.ca/cms/sites/thetyee.ca/files/fivestar/basic/star.png);
    }
    .block-pagetools .ratethis .fivestar-widget div.description {
        margin-bottom:0;
    }

    .block-pagetools .eps {
        padding-left: 7px;
    }
    
        .block-pagetools .eps li {
            float: left;
            list-style-type: none;
            background: none;
            padding: 10px;
            margin: 0;
        }
        
        .block-pagetools .eps li.print,
        .block-pagetools .eps li.share {
            background: url("/ui/img/hr_vt_green.png") no-repeat center left;
        }

        .block-pagetools .eps li a {
            display: block;
            width: 40px;
            height: 26px;
            background: no-repeat center top;
        }
        
        .block-pagetools .eps li a:hover {
            background-position: center bottom;
        }
        
        .block-pagetools .eps li.email a {
            background-image: url("/ui/img/pagetools_email.png");
        }

        .block-pagetools .eps li.print a {
            background-image: url("/ui/img/pagetools_print.png");
        }

        .block-pagetools .eps li.share a {
            background-image: url("/ui/img/pagetools_share.png");
        }
    
    .node .block-pagetools .textsize,
    .node .block-pagetools .ratethis {
        background: url("/ui/img/hr_ht_green.png") repeat-x top left;
        height: 34px;
    }

    .node .block-pagetools .textsize {
        padding-left: 38px;
    }
    
    .node .block-pagetools .ratethis {
        padding-left: 31px;
    }

    .node .content .block-pagetools p {
        float: left;
        line-height: 32px;
        margin: 0;
    }

    .block-pagetools img {
        padding-right: 5px;
    }
    
    .block-pagetools .textsize a {
        float: left;
        display: block;
        background: no-repeat top left;
        width: 15px;
        height: 15px;
        margin: 10px 5px 0 0;
        cursor: pointer;
    }

    .block-pagetools .textsize a.sm {
        background-image: url("/ui/img/pagetools_textsize-sm.png");
    }

    .block-pagetools .textsize a.md {
        background-image: url("/ui/img/pagetools_textsize-md.png");
    }

    .block-pagetools .textsize a.lg {
        background-image: url("/ui/img/pagetools_textsize-lg.png");
    }

    .block-pagetools .textsize a.active,
    .block-pagetools .textsize a:hover {
        background-position: bottom left;
    }


.block-article_in_series {
    margin-bottom: 15px;
}

    .block-article_in_series .block-inner {
        background: #EFF2E1;
    }

    .node .content .block-article_in_series h2 {
        background: url("/ui/img/bg_block-articleinseries_top.png") no-repeat top left;
        padding: 48px 5px 0;
        text-align: center;
        
        font-size: 1.1em;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 1.4em;
    }
    
    .block-article_in_series h2 img {
        padding-bottom: 0.1em;
    }
    
    .block-article_in_series .content {
        background: url("/ui/img/bg_block-articleinseries_btm.png") repeat-x bottom left;
        padding: 8px 5px 0;
    }

    .node .content .block-article_in_series ul {
        margin: 0;
        padding: 0 0 2.5em;
    }

    .node .content .block-article_in_series ul li {
        background: url("/ui/img/li_raquo_gray.png") no-repeat left 7px;
        list-style-type: none;

        margin: 0;
        padding: 0.4em 0 0.4em 12px;
    }
    
    .node .content .block-article_in_series ul li a {
        font-style: normal;
    }

.block-article_related {
    margin-bottom: 15px;
}

    .node .content .block-article_related h2 {
        background: url("/ui/img/bg_block-articlerelated_top.png") repeat-x top left;
        padding: 33px 0 0;
        text-align: center;

        font-size: 1em;
        font-family: "Lucida Grande", Verdana, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .block-article_related .content {
        background: url("/ui/img/bg_block-articlerelated_btm.png") repeat-x bottom left;
        padding: 7px 0 0 5px;
    }

    .node .content .block-article_related ul {
        margin: 0;
        padding: 0 0 1.5em;
    }

    .node .content .block-article_related ul li {
        background: url("/ui/img/li_raquo_gray.png") no-repeat left 7px;
        list-style-type: none;
        margin: 0;
        padding: 0.4em 0 0.6em 12px;
    }
    
    .node .content .block-article_related h3 {
        font-size: 1.1em;
        line-height: 1.1em;
    }

    .node .content .block-article_related p {
        margin: 0.1em 0 0;
        line-height: 1.2em;
    }

.block-signup_newsletter {
}

    .node .content .block-signup_newsletter h2 {
        background: #19A3D1 url("/ui/img/bg_block-signupnewsletter_top.png") repeat-x top left;
        padding: 30px 0 0;
        text-align: center;
    }
    
    .block-signup_newsletter .content {
        background: #19A3D1 url("/ui/img/bg_block-signupnewsletter_btm.png") repeat-x bottom left;
        padding: 0 8px 6px;
    }
    
    .block-signup_newsletter form {
        margin: 0;
        padding: 5px 0 8px;
    }
        
    .block-signup_newsletter form p {
        margin: 0;
        padding: 0;
    }
        
    .block-signup_newsletter .form-text {
        width: 128px;
        border: 0;
    }

.block-article_insert {
    padding-top: 1em;
}

    #gallink {
        float: left;
        padding: 0 0 1px;
        margin: 15px 15px 0 0;
        width: 195px;
        background: #EFF2E1 url("/ui/img/bg_block-articleinsert_btm.png") repeat-x bottom left;
    }

    .audiolink {
        margin: 15px 0;
        padding: 0 0 15px;
        width: 400px;
        background: #EFF2E1 url(/ui/img/bg_block-articleinseries_btm.png) repeat-x scroll left bottom;
    }

    #gallink h4, .audiolink h4 {
        background: #EFF2E1 url("/ui/img/bg_block-articleinsert_top.png") repeat-x top left;
        padding: 15px 5px 5px;
        font-style: normal;
        font-size: 1.2em;
        font-family: "Lucida Grande",Verdana,sans-serif;
        line-height: 1.4em;
        text-align: center;
        font-weight: bold;
    }

    .audiolink h4 {
        padding: 15px 5px 10px;
    }


    #gallink h4 a, #gallink p, .audiolink h4 a, .audiolink p, .audiolink p a.subscribe {
        font-family: "Lucida Grande",Verdana,sans-serif;
        font-style: normal;
        margin: 5px 5px 0;
    }

    .node .content .block-article_insert h2 {
        margin-top: 30px;
        background: #EFF2E1 url("/ui/img/bg_block-articleinsert_top.png") repeat-x top left;
        padding: 20px 5px 1em;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1.3em;
    }
    
    .node .content .block-article_insert h2.docs {
        font-style: normal;
        font-weight: bold;
        font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
        padding-bottom: 0.6em;
    }

    .node .content .block-article_insert .content ul.files li,
    .node .content .block-article_insert .content ul.files li a
    {
        font-style: normal;
        line-height: 1.5em;
    }

    .block-article_insert .content {
        background: #EFF2E1 url("/ui/img/bg_block-articleinsert_btm.png") repeat-x bottom left;
        padding: 0 7px 8px;
    }

    .block-article_insert .content .photo-insert {
        margin: 0 -7px 0.5em;
        float: none;
        width: 195px;
        background: transparent;
    }

    .block-article_insert .content .photo-insert img {
        vertical-align: bottom;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .node .content .block-article_insert .content p {
        margin-bottom: 0.8em;
        line-height: 1.5em;
        color: #191919;
    }

    .node .content .block-article_insert .content .author {
        margin-bottom: 1.3em;
        padding-left: 1em;
        font-style: italic;
    }

.topic .node-type-article .photo-insert {
    float: none;
    width: 230px;
    padding: 15px 0;    
    background: transparent;
}   

.series .block-article_list {
    float: left;
}

.cms .content { background: none; }
.cms .content h2.title {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 1.5em;
    padding: 1em 0 0;
    color: #97a829;
}

.cms .profile dl { margin: .5em	0 0; }
.cms .profile dt { font-weight: bold; margin: 0.5em 0 0; }
.cms .profile dd { margin: 0.2em 0 0; }

.blog .block-about_announcement img {
  border: 1px solid #ccc;
  float: left;
  margin: 0 10px 5px 0;
  padding: 2px;
}

.blog #sidebar-right-inner {
  font-size: 1.1em;
}

.section-classifieds {
}

   .section-classifieds .block-article_list .article-list .article-list-content p {
       line-height: 1.5em;
   }