/* Based on Zen theme for Drupal CMS. */

/*
 * ********************************
 * The Tyee
 * @author: thetyee.ca
 * @date: 2009
 * ********************************
 *
 * COLOURS USED:
 * 92A41F green     - links
 * 444444 dark gray - big text
 * 333 black     - text
 *
 * GENERAL LAYOUT:
    
    - page
        - header-ads
        - header/header-inner
            - logo
            + actionlinks
            + block-signup
            + navbar
        - main/main-inner
            + links-ticker
            - main-inner-wrap
                - content/content-inner
                    - content-features
                        + feature-main
                        + feature-sub
                    + content-main
                    - content-col
                        + blocks
                - sidebar-right/sidebar-right-inner
                    + blocks
        + footer/footer-inner
        
 *
 */



/** body **/
  body
  {
    margin: 0;
    padding: 0;
    background: #d9d9d9 url("/ui/img/bg.png") repeat-x;
    
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    color: #333;
  }

  #page
  {
    margin: 0 auto;
    width: 991px;
  }

  #page-inner
  {
  }

/** header **/

  #mobile-banner {
      background: black;
      color: white;
      padding: 10px;
      font-size: 3em;
      font-family: sans-serif;
      line-height: 1.4em;
  }
  
  #mobile-banner a, #mobile-banner a:link {
      color: white;
      font-family: sans-serif;
      text-decoration: underline;
  }

  #mobile-banner a:hover {
      
  }

  #header-ads {
      padding: 8px 12px 5px;
      width: 967px;
      height: 90px;
  }
  
    #header-ads .adspace {
        float: left;
    }
    
    #header-ads .leaderboard {
        margin-left: 14px;
        padding-left: 14px;
        background: url("/ui/img/hr_vt_gray.png") repeat-y top left;
    }

  #header
  {
      background: white url("/ui/img/bg_header.png") no-repeat top center;
      padding: 3px 4px 0;
      width: 982px;
      height: 164px;
  }

  #header-inner
  {
      margin: 12px 8px 0;
  }

  #header-blocks /* Wrapper for any blocks placed in the header region */
  {
  }
  
  h1#logo
  {
    float: left;
    margin: 1px 0 0;
    padding: 0;
  }
  
  #header #actionlinks {
      float: left;
      font-size: 1.1em;
      margin: 0 11px 0 110px;
  }
  
    #actionlinks li {
        padding: 0 9px;
        background: url("/ui/img/hr_actionlinks.png") no-repeat center left;
    }
    
        #actionlinks li.first {
            padding-left: 0;
            background: none;
        }
        
        #actionlinks li.last {
            padding-right: 0;
        }
        
  #header .block.block-signup {
      clear: none;
      float: left;
      margin: 0;
  }
  
      #header .block-signup
      {
          padding: 0 0 0 15px;
          background: url("/ui/img/hr_vt.png") repeat-y center left;
          width: 220px;
          height: 80px;
      }

        .block-signup h4 {
            margin: 0;
            height: 10px;
        }

        .block-signup form {
            margin: 0;
            padding: 0;
        }

        .block-signup form p {
            margin: 0;
            padding: 0;
        }

        .block-signup .form-text,
        .block-signup .form-select
        {
            width: 156px;
            margin-bottom: 0;
        }

        .block-signup .form-select
        {
            width: 170px;
            font-family: Georgia, "Times New Roman", serif;
            font-style: italic;
        }
        
        /* selectbox customization */
       .browse-select {
           margin-top: 1em;
       }
           
           .browse-select h4 {
               margin-bottom: 3px;
           }

           .browse-select .submit {
               margin-left: 6px;
           }

           .browse-select p {
               background: url("/ui/img/form_select_topic.png") no-repeat;
               margin: 0;
               float: left;
               padding: 3px 0 4px 6px;
               font-family: Georgia, "Times New Roman", serif;
               font-style: italic;
               cursor: default;
               width: 164px;
               height: 13px;
               overflow: hidden;
           }

           .browse-select ul {
               display: none;
               margin: 19px 0 0;
               padding: 0;
               background: white;
               border: solid #CCC;
               border-width: 0 1px 1px 1px;
               list-style: none;
               position: absolute;
               z-index: 1000;
           }

           .browse-select ul a {
               display: block !important;
               position: relative;
               padding: 0.2em 0.3em 0.2em 0.6em;
               margin: 0;
               width: 159px;
               background: #FFF;
               font-family: Georgia, "Times New Roman", serif;
               font-style: italic;
               cursor: pointer;
               color: black;
               text-decoration: none;
           }

           .browse-select a:hover {
               background: #CCC;
               text-decoration: none;
           }

/** main (container for everything else) **/
  #main
  {
      background: white url("/ui/img/bg_main.png") repeat-y top center;
      padding: 0 4px;
      width: 982px;
  }

  #main-inner
  {
      margin: 0 8px;
      background: url("/ui/img/hr_ht.png") repeat-x left top;
  }
  
    #links-ticker
    {
        background: url("/ui/img/hr_ht.png") repeat-x left bottom;
        margin: 0 1px;
        padding: 8px 2px 9px;
        height: 16px;
    }
        
        #links-ticker #ticker {
            float: left;
            margin: 0;
        }
            #links-ticker #ticker img {
                vertical-align: bottom;
            }
        
        #links-ticker .signup {
            float: right;
            margin: 0;
        }
            #links-ticker .signup a.clickheresignup {
                display: block;
                background: url("/ui/img/hdr_clickheresignup.png") no-repeat top left;
                height: 16px;
                width: 319px;
            }
            #links-ticker .signup a.clickheresignup:hover {
                background-position: bottom left;
            }

  #main-inner-wrap
  {
      clear: both;
      background: white url("/ui/img/bg_main-inner.png") repeat-y center top;
  }
  
/** content **/
  
  #header-section {
    background: white;
    margin: 0;
    padding: 8px 0 16px;
    
    color: #A6A6A6;
    font-size: 2.8em;
  }
  
    .archive #header-section {
        font-size: 2em;
    }
    .section-none #header-section {
        background: white url("/ui/img/bg_header-topic.png") repeat-x left 6px;
        padding: 20px 0 11px;
        line-height: 35px;
    }

  #content {
    clear: both;
    float: left;
    padding: 0 7px 0 0;
    margin-right: 1px;
    width: 615px;
  }
  
    .section-none #content {
        padding-top: 6px;
    }
  
    .topic #content {
        margin-top: -7px;
    }
  
  .no-sidebars #content
  {
    float: none;
    width: 920px;
  }

  #content-inner
  {
    margin: 0;
    padding: 0;
  }
  
  #content-features
  {
    margin: 0 0 35px;
    background: url("/ui/img/hr_ht.png") repeat-x bottom left;
  }
  
  #feature-main
  {
    background: url("/ui/img/hr_ht.png") repeat-x bottom left;
    padding: 10px 0 15px;
    width: 615px;
  }
  
  #feature-col2
  {
    clear: both;
    background: url("/ui/img/bg_feature-col2.png") repeat-x bottom left;
    padding: 0 0 30px;
    width: 615px;
  }
  
  #feature-col3
  {
    clear: both;
    background: url("/ui/img/bg_feature-col3.png") repeat-y top center;
    width: 615px;
  }
  
  #content-maincontainer {
      background: url("/ui/img/hr_vt.png") repeat-y 412px top;
      padding-bottom: 1em;
      clear: both;
  }
  
  .content-main
  {
      width: 615px;
      background: none;
  }

  #content-maincontainer .content-main,
  .topic .content-main
  {
      float: left;
      padding: 0 8px 0 0;
      width: 405px;
  }

    /* style for content on right side, no bg */
    .topic .content-main {
        padding: 0 0 0 8px;
        background: none;
        border-top: 1px solid #ccc;
    }
    
    .topic #content-maincontainer {
        background: none;
        clear: none;
    }
  
  #content-col,
  .topic #content-col
  {
      float: left;
      padding: 0 0 0 7px;
      width: 195px;
  }
    /* style for column on the left side */
    .topic #content-col {
        padding: 1em 7px 0 0;
        border-top: 1px solid #ccc;
    }

  .blog #content-col {
    border: none;
  }
  .blog #content-col h3 {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 1.5em;
    padding: 0 0 0.3em;
  }

#twitter-widget-0 {
position: static;
    visibility: visible !important;
    width: 78px;
    height: 20px;
}


/** sidebar-right **/
  #sidebar-right
  {
      float: left;
      margin: 0 0 0 7px;
      width: 336px;
      padding-bottom: 1em;
  }
  
    .section-none #sidebar-right {
        padding-top: 7px;
    }

    .topic #sidebar-right {
        margin-top: -7px;
    }
  
  #sidebar-right-inner
  {
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #navbar
  {
      clear: both;
  }

  #navbar-inner
  {
  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
  }
  
  #search-box /* Wrapper for the search form */
  {
  }

  #primary /* Primary links */
  {
  }
  
    #primary li {
        background: url("/ui/img/nav_divider.png") no-repeat left 27px;
        padding: 6px 0 0 1px;
    }
        
        #primary li.first {
            background: none;
            padding-left: 0;
        }

    #primary li a
    {
        display: block;
        background: no-repeat 0 0;
    }
  
    #primary li a:hover,
    #primary li.active a
    {
        background-position: 0 -60px;
    }
  
    #primary li.menu-news a {
        width: 107px;
        background-image: url("/ui/img/nav_news.png");
    }

    #primary li.menu-artsculture a {
        width: 156px;
        background-image: url("/ui/img/nav_artsculture.png");
    }

    #primary li.menu-life a {
        width: 85px;
        background-image: url("/ui/img/nav_life.png");
    }

    #primary li.menu-opinion a {
        width: 146px;
        background-image: url("/ui/img/nav_opinion.png");
    }

    #primary li.menu-mediacheck a {
        width: 125px;
        background-image: url("/ui/img/nav_mediacheck.png");
    }

    #primary li.menu-books a {
        width: 105px;
        background-image: url("/ui/img/nav_books.png");
    }

    #primary li.menu-blogs a {
        width: 119px;
        background-image: url("/ui/img/nav_blogs.png");
    }

    #primary li.menu-last a {
        width: 116px;
        background-image: url("/ui/img/nav_last.png");
    }
  
    /* subnav */
    
    #primary li .subnav {
        display: none;
        position: absolute;
        margin: -16px -8px 0;
        _margin-left: -9px;
        _margin-right: -9px;
        padding: 0;
        background: white;
        opacity: 0.94;
        filter:alpha(opacity=94);
        z-index: 100;
    }
    
    #primary li ul {
        margin: 0;
        padding: 10px 8px 25px;
        _padding-left: 5px;
        _padding-right: 5px;
        background: repeat-y bottom center;
    }

        #primary li.menu-blogs ul {
            width: 119px;
            background-image: url("/ui/img/nav_blogs_bg.png");
        }
        
        #primary li.menu-classifieds ul {
            width: 116px;
            background-image: url("/ui/img/nav_classifieds_bg.png");
        }
        
    #primary li li {
        float: none;
        line-height: 1.5em;
        background: url("/ui/img/li_raquo_txt.png") no-repeat left 9px;
        margin: 0 5px;
        _margin-left: 6px;
        _margin-right: 6px;
        padding: 0.5em 0 1em 11px;
    }
    
    #primary li li a {
        line-height: 1em;
        background: none;
        height: 100%;
        font-size: 14px;
    }
    
        #primary li.menu-blogs li a {
            background: none;
            width: 103px;
        }

        #primary li.menu-classifieds li a {
            background: none;
            width: 100px;
            color: #19A3D1;
        }

/** footer **/
  #footer
  {
      clear: both;
      background: white url("/ui/img/bg_footer.png") no-repeat bottom center;
      padding: 0 4px;
      width: 982px;
  }

  #footer-inner
  {
      margin: 0 8px 0;
      padding: 0 0 1em;
  }
  
  #footer .hr {
      background: white url("/ui/img/hr_footer.png") repeat-x bottom left;
      height: 12px;
  }
  
      #footer .hr hr {
          display: none;
      }

/** Nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-article,
  .node-type-full_article /* Article content node */
  {
  }

  .node h2.title /* Node title */
  {
      font-size: 2.8em;
      line-height: 1em;
      padding-bottom: 0.3em;
  }
  
    .page-article-photo .node-type-full_article h2.title {
        text-transform: uppercase;
        color: #09C;
        letter-spacing: 2px;
        line-height: 1.1em;
        font-size: 2.4em;
    }

  .node .meta
  {
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 0 0 0 0.3em;
    padding: 0.3em 0 20px;
  }

  .node .tagline
  {
    font-size: 1.3em;
    line-height: 1.1em;
    margin: 0.2em 0 0 0.3em;
  }

  .node .content
  {
    clear: both;
    background: url("/ui/img/hr_ht.png") repeat-x top left;
    padding-left: 5px;
  }

  .topic .node .content {
      padding-left: 0;
  }

  .node .nohead
  {
    background-image: none;
  }

  .series .node-type-full_article .content
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }  

  .node h3
  {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 0.5em 0 0.3em;
  }

  .node .content p, .story-list li
  {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #444;
	margin: .75em 0px;
    
  }

  .node .content p a
  {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-style: italic;
  }

    .node-type-article .content.sm,
    .node-type-full_article .content.sm {
    }
  
    .node-type-article .content.sm p,
    .node-type-full_article .content.sm p {
        font-size: 1em;
    }

    .node-type-article .content.sm p.first,
    .node-type-full_article .content.sm p.first {
        font-size: 1.1em;
    }

    .node-type-article .content.sm h3,
    .node-type-full_article .content.sm h3 {
        font-size: 1.3em;
    }

    .node-type-article .content.lg,
    .node-type-full_article .content.lg {
    }
  
    .node-type-article .content.lg p,
    .node-type-full_article .content.lg p {
        font-size: 1.4em;
    }

    .node-type-article .content.lg p.first,
    .node-type-full_article .content.lg p.first {
        font-size: 1.5em;
    }

    .node-type-article .content.lg h3,
    .node-type-full_article .content.lg h3 {
        font-size: 1.7em;
    }

    .node .block {
        float: right;
        width: 195px;
        padding-left: 15px;
    }
    
    .node .content .block h2,
    .node .content .block h3,
    .node .content .block h4,
    .node .content .block p {
        padding: 0;
        font-size: 11px;
        color: #333;
        line-height: 1em;
    }
    
    .node .content .block .content {
        margin-left: 0;
    }
    
    .content-main .node .block-adspace,
    .content-main .node .block-adspace-full {
        float: left;
        width: 336px;
        margin-top: 15px;
        margin-right: 15px;
        padding-left: 0;
    }
    
        .content-main .node .block-adspace .block-inner,
        .content-main .node .block-adspace-full .block-inner {
            padding-bottom: 15px;
            background: url("/ui/img/bg_block-adspace_btm.png") repeat-x bottom left;
        }

    .blog .content-main .node .block-adspace-full {
      width: 100%;
    }
  
/** Comments & cms tabs **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 0 0 30px;
  }

  .blog #comments {
    width: 615px;
    float: right;
  }

  #comments .node-inner {
  }

  #comments .user_badges {
      padding: 0;
      margin: 0;
  }

  #comments .node-header,
  .cms .tabs
  {
      background: #F3F5E9 url("/ui/img/bg_comments_top.png") repeat-x top left;
      padding: 7px 7px 0;
      border-bottom: 1px solid #ccc;
  }

  #comments .node-header { height: 40px; }
  .cms .tabs { height: 35px; }

      #comments h2.title {
          float: left;
          padding: 0;
          line-height: 30px;
          font-size: 2.6em;
          font-style: normal;
          color: #444;
      }

      #comments .tabs {
          position: relative;
	  padding: 6px 0 0;
          margin: 0 0 0 190px;
      }

      .cms .tabs {
          margin: 0 0 1em;
	  padding: 6px 0 0 6px;
      }

          #comments .tabs li,
          .cms .tabs li
          {
              float: left;
              list-style-type: none;
              _position: relative;
              _top: 1px;
          }

          #comments .tabs .best a,
          #comments .tabs .all a
          {
              display: block;
              height: 35px;
              background: no-repeat top center;
          }

          #comments .tabs .tabs-selected a,
          #comments .tabs .ui-tabs-selected a,
          #comments .tabs a:hover
          {
              background-position: bottom center;
          }

          .cms .tabs li a {
              display: block;
              height: 24px;
              padding: 0 1em;
              padding-top: 4px;
              margin: 5px 2px 0;
              border-top: 1px solid #f3f5e9;
              border-right: 1px solid #f3f5e9;
              border-left: 1px solid #f3f5e9;
              border-bottom: 1px solid transparent;
              font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
              text-transform: uppercase;
              font-style: normal;
              font-weight: bold;
              text-decoration: none;
          }
          .cms .tabs .active a,
          .cms .tabs a:hover
          {
              height: 25px;
              background: white;
              border-top: 1px solid #ccc;
              border-right: 1px solid #ccc;
              border-left: 1px solid #ccc;
              border-bottom: 1px solid #fff;
              background-position: bottom center;
              color: #7f7f7f;
          }

          #comments .tabs .best a {
              width: 58px;
              background-image: url("/ui/img/comments_best.png");
          }

          #comments .tabs .all a {
              width: 48px;
              background-image: url("/ui/img/comments_all.png");
          }


      #comments .user-tools {
          float: right;
          margin: 0;
          line-height: 39px;
          font-size: 1.1em;
          font-family: Georgia, "Times New Roman", serif;
          font-style: italic;
      }
  
  #comments .content {
      background: none;
      padding: 0;
  }

  #comments .content ul {
      clear: both;
      margin: 0;
      padding: 5px 0 0;
  }

  .comment /* Wrapper for a single comment */
  {
      clear: both;
      padding: 1.3em 0 0;
      border-bottom: 1px solid #ccc;
      list-style-type: none;
  }

  .cms .comment { padding: 0; }
  .cms .preview { margin-bottom: 15px; }
  
  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment .author
  {
      float: left;
      width: 190px;
      padding: 0 0 1.5em 5px;
      text-align: right;
  }
  
    .node .comment .author h3 {
        padding: 0;
        font-size: 1.2em;
    }

    .node .comment .author .timestamp {
        font-size: 1em;
    }

    .node .comment .author .links,
    .node .comment .wrap .message {
        margin-top: 2em;
        font-size: 0.9em;
        list-style-type: none;
    }

    .node .comment .author .links a,
    .node .comment .wrap .message a {
        font-style: normal;
        font-weight: bold;
        font-family: "Lucida Grande", Verdana, sans-serif;
    }

  .node .content .comment .cmt /* Comment's content wrapper */
  {
      float: left;
      width: 400px;
      padding: 0 5px 1.5em 15px;
  }

  .node .content .comment h3 {
      padding-top: 0;
  }

  .node .content .comment .cmt p
  {
      font-size: 1.1em;
      line-height: 1.4em;
      color: #444;
  }

  .comment.form {
      margin-top: 2px;
      border-top: 1px solid #ccc;
      border-bottom: 0;
  }

  .cms .comment.form { padding-top: 15px; }

  .cms #comment-form { float: right; width: 500px; }
  
  .comment.form .wrap {
      float: left;
      width: 105px;
  }
  
  .cms .comment .author { width: 90px; padding-right: 15px; }
    .comment.form .wrap h2 {
        padding-left: 9px;
        padding-bottom: 16px;
        background: url("/ui/img/hr_ht.png") repeat-x bottom left;
    }

    .cms .unpublished { color: #19a3d1; padding-left: 8px; font-size: 1.3em; font-weight: bold; }
    
    .comment.form .wrap .message {
        margin-top: 1.3em;
        padding-left: 9px;
    }

  .comment.form form {
      float: left;
  }
  
    .comment form .form-item,
    .comment form .form-submits {
        clear: both;
        margin-bottom: 1.3em;
        width: 510px;
    }

    .blog .comment form .form-item,
    .comment form .form-submits {
        width: 100%;
    }

    .comment .form-required {
        display: none;
    }

    .comment-form-author {
        padding-top: 5px;
    }

    .comment form label {
        float: left;
        width: 90px;
        padding-right: 15px;
        padding-top: 5px;
        text-align: right;
        text-transform: uppercase;
        color: #92A41F;
    }
    
    .comment form h3 {
        line-height: 23px;
        padding: 0;
        font-size: 1.2em;
    }
    
    .comment form .form-item input,
    .comment form .form-item textarea {
        width: 380px;
        _width: 370px;
        /*font-size: 1em;*/
        /* Removed Oct 20, 2010 by PS */
    }

    .comment form input {
    }

    .comment form textarea {
        resize: none;
        height: 10em;
        overflow: auto;
    }
    
    .comment form .message {
        float: left;
        color: #666;
        font-size: 11px;
    }
    
    .comment form .btns {
        float: right;
        margin-right: 6px;
    }
    
    
   /** Comment FAQ **/

	#comments-faq-text, #comment-unordered-list
	{
	color: rgb(163, 174, 188); 
	font-family: 'Lucida Grande', 'Lucida Sans', Verdana,sans-serif; 
	font-size: 100%; 
	line-height: 1.3em; 
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
	}
	
	.comment-faq-centre
	{
	margin-left:auto;
	margin-right:auto;
	}
	
	.comments-box
	{
	height:80px;

	}

	#comment-unordered-list
	{
	margin-top:10px;
	list-style-type:circle;
	} 
	
	
	.comments-subbox

	{
  	float:left;
  	margin:0;
  	padding:0;
  	border:0;
  	width:50%;
	}
    

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    clear: both;
    margin-bottom: 25px;
  }

  .block-spotlight {
      text-align: center;
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }
  
  
  .block-menu.block-footer {
      margin: 0 0 0 2px;
  }
    
    .block-menu.block-footer .col {
        width: 155px;
    }
    
    .block-menu.block-footer h4 {
        margin: 0;
        padding: 1em 0 0;
    }
    
    .block-menu.block-footer ul {
        margin: 0;
        padding: 0.2em 0 3em;
    }
    
    .block-menu.block-footer li {
        list-style-type: none;
        padding: 0.2em 0;
    }
    
    .block-menu.block-footer li a {
        font-style: normal;
        font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    }

    .block-menu.block-footer .logo {
        padding: 100px 0 0;
    }
    
/** Miscellaneous element styles **/

  .badge, .presents-badge {
    position: relative;
    float: right;
  }

  .more-link,
  .pagination .prev,
  .pagination .next
  {
    text-align: center;
    line-height: 28px;
    vertical-align: center;
  }
  
    .more-link {
        clear: both;
    }

  .pagination {
      clear: both;
      text-align: center;
      line-height: 28px;
      vertical-align: center;
  }
  
    .pagination .prev,
    .pagination .next {
        display: inline;
        padding: 0.5em 1em 0.6em 1em;
        margin: 0;
        background: url("/ui/img/hr_vt.png") repeat-y;
    }
    
    .pagination .prev {
        background-position: top right;
    }
  
    .pagination .next {
        background-position: top left;
    }
    
    .pagination .pages {
        display: inline;
        padding: 0 1em;
        margin: 0;
        font-style: italic;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.1em;
    }
  
  .more-link a,
  .pagination .prev a,
  .pagination .next a
  {
    text-transform: uppercase;
    font-size: 0.95em;
    letter-spacing: 1px;
  }

  #findmore {
    padding-top: 15px;
  }

  .tag
  {
    font-weight: bold;
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .icoft {
      vertical-align: bottom;
  }

a {
    font-style: italic;
    font-family: Georgia, "Times New Roman", serif;
    color: #92A41F;
    text-decoration: none;
    border: 0;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
    text-decoration: none;
}

h2,
h3,
h4 {
    margin: 0;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia, "Times New Roman", serif;
}

p {
    margin-top: 0;
}

    p.meta {
        margin: 0;
        color: #92A41F;
        font-style: italic;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1em;
    }

ul.links
{
    margin: 0;
    padding: 0;
}

ul.links.inline
{
}

ul.links.inline li
{
    float: left;
    list-style-type: none;
    padding: 0 0.5em;
}

ol {
}

/** Forms **/

  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 0 0 1em;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }
  
  input.form-text,
  textarea.form-text
  {
    border: 1px solid #CCC;
    padding: 0.3em 0.5em;
  }

  .form-text,
  .form-select
  {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0 0 0.1em 0.2em;
  }
  
  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
      margin: 3px 0 -4px 0.3em;
  }

/* Miscellaneous */

.clearfix,
.clear-block {
    clear: both;
}


.col,
.col-left,
.col-right {
    float: left;
}

.hr {
}
    .hr hr {
        margin: 0;
        padding: 0;
        display: none;
    }

.adspace {
    text-align: center;
}
.adspace-lt {
    float: left;
    padding: 22px 0 0 22px;
}
.adspace-rt {
    float: right;
    padding: 22px 22px 0 0;
}

.adspace.d120x240 {
    height: 240px;
    padding-top: 22px;
}

.adspace.d160x600 {
    height: 600px;
    padding-top: 22px;
}

.adspace.d210x90 {
    height: 90px;
}

.adspace.d728x90 {
    height: 90px;
}

.adspace.d300x250 {
    /*height: 250px;*/
    padding-top: 22px;
}

/* Removed on June 6, 2011
 * https://tyeesite.basecamphq.com/projects/6687012-advertising/posts/43918249/comments#comment_116066030
.adspace.d300x250 .adleft {
    float: left;
    padding-left: 30px;
}
*/

.adspace.d300x250 .adright {
    float: right;
    padding-right: 30px;
}

.adspace.d336x280 {
    height: 280px;
    padding-top: 22px;
}


/* tabs */

ul.ui-tabs-nav {
    margin: 0;
    padding: 0;
}
    
div.ui-tabs-hide {
    display: none;
}


.rightalign {
    text-align: right;
    margin-bottom: 4em;
}

.leftalign {
    text-align: left;
    margin-left: 1em;
}

.footerlogo{
text-decoration:none; 
font-family: Arial, sans-serif; 
font-size:11px; 
color:#a9a9a9;
}

.logoimg{
margin-left:-1em;
margin-top:-1em;
}

/* Legacy book profile stuff. */
.node-type-article ul.book_profile,
.node-type-full_article ul.book_profile
{
    list-style-type: none;
    width: 195px;
    border-width: 1px 0 0 0;
    border-top: 0;
    color: #666;
    border-style: solid none none none;
    border-color: #CCC;
    margin: 2em 2em 2em 0;
    padding: 0;
}

.node-type-article ul.book_profile li,
.node-type-full_article ul.book_profile li
{
    background-image: none;
    padding: .25em 0 .4em 0;
    margin: 0;
    border-bottom: #CCC;
    border-width: .1em;
    color: #666;
    font-size: 1em;
    border-style: none none solid none;
}

.node-type-article ul.book_profile li.book_title,
.node-type-full_article ul.book_profile li.book_title
{
    padding-top: 1.5em;
    font-style: italic;
    font-weight: bold;
}

.node-type-article ul.book_profile li.num_pages:after,
.node-type-full_article ul.book_profile li.num_pages:after
{ content: ' pages'; }

.node-type-article ul.book_profile li.author:before,
.node-type-full_article ul.book_profile li.author:before
{ content: 'By '; }

.node-type-article ul.book_profile li.isbn:before,
.node-type-full_article ul.book_profile li.isbn:before
{ content: 'ISBN: '; }

.node-type-article ul.book_profile li.buy_link,
.node-type-full_article ul.book_profile li.buy_link
{ font-style: italic; }

/* Legacy song profile stuff. */
.songs .song_profile {
    border-bottom: 1px dotted black;
}
    
.songs .song_profile dt {
    font-weight: bold;   
}
.songs .song_profile dd {
    margin: 0;
}

.elink {
  float: right;
}

/* Video section */

body.section-video .content h2 {
    font-size: 2.1em;
    line-height: 1em;
    margin: 0.5em 0 0.3em;
}

body.page-article-full.section-video .block-article_list .article-list .photo-insert {
    width: 195px;
}

.video-teaser { font-weight: bold; }
.video-submit { font-style: italic; } 

.content-main .video-submit { }

/* Fix for the Drupal CSS rules that cause lines around the close button */
#ad-floating table {
    border-collapse: separate;
}

/* Product pages */

body.page-product #ad-floating { display: none; }

body.page-product #header-ads {
    display: none;
}

body.page-product #links-ticker {
    display: none;
}

body.page-product #main-inner {
    padding: 10px 0 40px 0;
}

body.page-product {
    padding-top: 20px;
}

body.page-product h2 { 
    text-indent: -5000px;
    margin: 0;
    padding: 0;
    height: 0;
}

body.page-product #above-the-fold {
    padding: 20px 0 20px 0;
    float: left;
    width: 100%;
    clear: both;
    background: white url('/ui/img/hr_ht.png') repeat-x bottom;
}

body.page-product #above-the-fold .content {
    float: left;
    margin-right: 1px;
    padding: 0 7px 0 0;
    width: 640px;
}

body.page-product #above-the-fold .aside {
    float: right;
    width: 316px;
}

body.page-product #main-inner-wrap {
    background: none;
}

body.page-product #sidebar-right {
    background: url('/ui/img/nav_divider.png') repeat-y scroll left top;
}

body.page-product #sidebar-right-inner  {
    padding: 10px 0 0 10px;
}

body.page-product #content-inner {
    padding-top: 10px;
}

body.page-product #main-inner-wrap {
    color: #444444;
    font-family: "Lucida Grande",Verdana,sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
}

body.page-product #content-inner p:first-child {
    color: #333333;
    font-size: 1.3em;
    font-family: "Lucida Grande",Verdana,sans-serif;
    line-height: 1.5em;
}

body.page-product #main-inner-wrap h3, body.page-product #main-inner-wrap h4 {
    font-size: 1.4em;
    font-family: "Lucida Grande",Verdana,sans-serif;
    line-height: 1.5em;
    font-weight: bold;
    font-style: normal;
}

body.page-product #sidebar-right .block-adspace {
    width: 326px;
}

body.page-product .block-adspace {
    background: url('/ui/img/bg_sponsor-full.png') no-repeat scroll center top transparent;
}

/* Full width zone stories */

div#full-width-zone h2.title /* Node title */
{
  font-size: 2.8em;
  line-height: 1em;
  padding-bottom: 0.3em;
}
div#full-width-zone .tagline
 {
    font-size: 1.3em;
    line-height: 1.1em;
    margin: 0.2em 0 0 0.3em;
 }

div#full-width-zone .meta {
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 0 0 0 0.3em;
    padding: 0.3em 0 20px;
}

div#full-width-zone {
    margin-bottom: 10px;
    padding-bottom: 10px;
    /*background: white url("/ui/img/hr_ht.png") repeat-x scroll left bottom;*/
    background: white;
}
div#full-width-zone .content {
    background: none;
}

/* Presents */

body.presents-home #ad-floating { display: none; }

body.presents-home #header-ads {
    display: none;
}

body.presents-home #links-ticker {
    display: none;
}

body.presents-home .content {
    /* Messing with sign-up box on story */
    background: none;
}


body.presents-home #content-maincontainer .content-main {
    width: 100%;
}
body.presents-home .block-article_list {
    float: none;
}

body.presents-home #section-header-presents {
    border-top: 1px dotted #f2f2f2;
}

body.presents-home #section-header-img {
    margin-bottom: 20px;
}

body.presents-home #content {
    padding-right: 20px;
}

.article-list.presents {
    background: #f2f2f2;
}

.topic .block-article_list .article-list.first.presents .section-header {
background: url("/ui/img/bg_block-articlelist_li.png") repeat-x center left;
/* position: relative; */
margin-top: 0px;
}

.topic .block-article_list .article-list.presents .article-list-content {
    width: 390px;
}
.topic .article-list.presents .article-list-content {
    width: 395px;
    padding-left: 8px;
    padding-right: 8px;
}

body.presents .node .content .block-article_in_series h2 {
    background: url("/ui/img/bg_block-presentsinseries_top.png") no-repeat top left;
}


body.presents .block-article_in_series .content {
    background: url("/ui/img/bg_block-presentsinseries_btm.png") repeat-x bottom left;
}

body.presents .block-article_in_series .block-inner {
    background: #f0f0f0;
}
body.presents p.also {
    font-size: smaller;
    font-style: normal;
    font-weight: bold;
    line-height: 13px;
}

.node .content .presents-blurb p {
    font-size: 1em;
    color: #666;
}

#section-header-presents {
    padding-bottom: 18px;
}

/* Polls */
#poll-promo li {
  list-style-position: inside; 
  list-style-type: disc;
}

#poll-promo ul {
	margin: 10px;
	padding: 0;
}

#poll-promo .button {
margin: 10px 0;	
}

#section-header-poll img {
    padding-bottom: 40px;
    border-bottom: 1px dotted #a6a6a6;
    background: white;
}
#section-header-poll {
    background: white;
    margin-top: 6px;
    padding-bottom: 20px;
}
body.poll #content-main {
    margin-top: 10px;
    padding-left: 24px;
}
#poll-more, #poll-more p {
    padding-top: 10px;
    font-size: 1.1em;
    font-family: "Lucida Grande", Verdana, sans-serifk
    color: #333;
    line-height: 1.5em;
}
#poll-results {
    text-align: center;
}

body.poll .shares {
    margin-bottom: 4px;
}

#poll {
    background: #f0f0f0;
}
.poll-frontpage {
    margin-bottom: 20px;
}

#poll a {
    color: #638c29;
    font-style: normal;
}

#poll-promo {
    padding: 0px 8px 0px 10px;
}
.poll-frontpage #poll-footer {
    background: url('/ui/img/poll-front-page-footer.png') top center no-repeat;
    text-align: center;
}
img#poll-sponsor {
    margin: 0;
    padding: 0;
}

.poll-storylist {
    width: 460px;
    margin-left: 40px;
}
.poll-storylist #poll-promo {
    padding: 10px 20px 20px 10px;
}
.poll-frontpage h3 {
    font-style: normal;
    font-weight: bold;
    font-family: "Lucida Grande", Verdana, sans-serifk

}
.poll-storylist h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.3em;
    font-family: "Lucida Grande", Verdana, sans-serifk
}
.poll-storylist #poll-footer {
    background: url('/ui/img/poll-storylist-footer.png') bottom center no-repeat
}

body.poll #sidebar-right-inner {
    padding-left: 6px;
}
body.poll #sidebar-right-inner h3 {
    font-style: normal;
    font-size: 1.1em;
    font-weight: bold;
    font-family: "Lucida Grande", Verdana, sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
body.poll #sidebar-right-inner #poll-sponsor-promo {
    margin-bottom: 20px;
}

body.poll #sidebar-right-inner #poll-sponsor-social {
    margin-bottom: 20px;
} 

body.poll #sidebar-right-inner #poll-sponsor-twitter {
    margin-bottom: 20px;
}

body.poll #sidebar-right-inner #poll-info {
    font-size: 1.2em;
    line-height: 1.4em;
}
#poll-form  {
    padding-left: 10px;
    border-left: 8px solid #5FA421;
    width: 90%;
}
#election-hook-frontpage .block {
    width: 547px;
    padding-left: 40px;
    margin-bottom: 0px;
}

#election-hook-frontpage {
    background: url("/ui/img/hr_ht.png") repeat-x bottom left;
    padding-bottom: 10px;
}
/*                           */
/* National Campaign Styles */
/*                           */


#national-campaign-footer {
  -webkit-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.2);
background: url('http://thetyee.ca/About/National/Paper-Dolls/img/header-bg-national.png');
  position: fixed;
  bottom:0;
  width: 100%;
  z-index: 99999999;
  padding:.4em;
  margin-right:2em;
}

#national-campaign-footer h1 {
  line-height: 1.2em;
  letter-spacing: .03em;
}

#national-campaign-footer a {
text-decoration: none;
}
 #national-campaign-footer a h1 {
  font-style: normal;
  color:#000000;
font-family: "franklin-gothic-urw-cond",sans-serif;
/*   text-transform: uppercase; */
  font-size:1.7em;
   -webkit-transition:color .3s ease-in;  
   -moz-transition:color .3s ease-in;  
   -o-transition:color .3s ease-in;  
   transition:color .3s ease-in;  
}

 #national-campaign-footer a:hover h1 {
color: #b7d691;
}

/*Sticky Ad Styles */
.sticky-ad {
position: fixed;
top:15px;
width: 336px;
}

/* Email to a friend */

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: none;
    margin-left: 0;
}
label.error {
    font-weight: bold;
    font-style: italic;
    color: #b94a48;
}
label.valid {
    font-weight: bold;
    font-style: italic;
    color: #468847;
}

.modal form#share input[type="text"], .modal form#share input[type="email"], .modal form#share textarea {
    width: 90%;
}
.modal-header h4 {
    font-size: 2em;
    font-weight: bold;
}

/* New topfive.php style */
.block-topfive h2 {
    background: url("/ui/img/bg_block-topfiveelse_top.png") repeat-x top left;
    padding-top: 8px;
    text-align: center;
    height: 30px;
    font-size: 1em;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    color: #8B8B8B;
    font-style: normal;
    letter-spacing: .7px;
}

.block-topfiveelse h2 {
    background: url("/ui/img/bg_block-topfiveelse_top.png") repeat-x top left;
    padding-top: 8px;
    text-align: center;
    height: 30px;
    font-size: 1em;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    color: #8B8B8B;
    font-style: normal;
    letter-spacing: .7px;
}

.block-topfive ul {
        padding: 0px;
}
.block-topfive ul li {
    background: url("/ui/img/li_raquo.png") no-repeat left 3px;
    list-style-type: none;
    margin: 0 0 9px 10px;
    padding: 0.4em 0 0.4em 18px;
}
.block-topfive ul li span {
    color: #8B8B8B;
    font-style: italic;
}
.block-topfive ul li a {
    font-style: normal;
    font-style: normal;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22em;
    color: #666600;
}
    
.block-topfive ul li {
    padding: 0 2px 0 20px;
}


.block-topfive ul a {
    height: 34px;
}
.block-topfive .block-bottom {
    background: none;
}

/* New styles for Contributor listings */
body.index-contributor #header-section-wrapper div.pager {
    border-bottom: 1px solid #0099CC;
    padding: 5px 0 5px 0;
}
body.index-contributor #header-section-wrapper .pager a {
    font-style: normal;
    color: black;
    font-size: 1.2em;
    margin-right: 5px;
}

body.index-contributor .article-list-content {
    width: 390px !important;
    border-bottom: 1px solid #ccc;
}

body.index-contributor .article-list-content a {
    font-style: normal;
}

body.index-national #content {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

body.index-national .bio {
    float: left;
    width: 300px;
    margin-right: 6px;
    margin-bottom: 10px;
}
body.index-national .block-article_list .article-list .photo-insert {
    height: 115px;
    width: 300px;
    margin-top: 6px;
}
body.index-national .block-article_list .article-list .article-list-content {
    height: 100px;
}

body.index-national h3 a {
    font-family: Georgia, "Times New Roman", serif;
    font-style: normal;
    font-size: 1.8em;
    color: black;
}

body.index-national .bio ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
body.index-national .bio ul li a {
    font-style: normal;
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

body.index-national .bio .meta {
    margin-top: 6px;
}
body.index-national .bio .meta a {
    font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

#twitterwrap {
	display:inline-block;
	position: relative;
  top: 3px;
}

/*! ---------------------------------------------------------------------------- */
/*! Customization of bootstrap modal styles for Tyee National subscription popup */
/*! Where possible I've narrowed the selector scope to target only elements within .ntnl-sgnup-modal so that other modals can still adhere to the standard bootstrap style. But we'll probably want to standard the styling for all modals */
/*! Alexg */

/*! == National modal typography == */
div.ntnl-sgnup-modal {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #555;
}
.ntnl-sgnup-modal h2 { 
    font-style: normal;
}
.ntnl-sgnup-modal p, .ntnl-sgnup-modal h2 {
	margin-bottom: 24px;
}
.ntnl-sgnup-modal h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 38px;
	color: #424242;
	overflow:hidden;
}
.ntnl-sgnup-modal small {
	font-size: 72%;
	line-height: 85%;
}
.ntnl-sgnup-modal .text-center {
    text-align: center;
}
/* unvisited link */
.ntnl-sgnup-modal a:link {
	color: #8A9900;
}
/* visited link */
.ntnl-sgnup-modal a:visited {
	color: #8A9900;
}
/* mouse over link */
.ntnl-sgnup-modal a:hover {
	color: #8A9900;
}
/* selected link */
.ntnl-sgnup-modal a:active {
	color: #8A9900;
}
.ntnl-sgnup-modal .fsize18 {
	font-size: 18px;
	line-height: 1.1;
}

/*! == National modal transition, positioning and chrome */ 
/*! Center the modal (except on mobile) and eliminate motion from fade-in transition */
@media screen and (min-width: 768px) {
	.ntnl-sgnup-modal.modal {
  	text-align: center;
	}
  .ntnl-sgnup-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
	.ntnl-sgnup-modal .modal-dialog {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}

	.ntnl-sgnup-modal.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
    }
}
.modal-backdrop.in {
  filter: alpha(opacity=70);
  opacity: .7;
}
.ntnl-sgnup-modal .close {
    float: right;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.5;
    color: #000;
}
.ntnl-sgnup-modal .close:hover,
.ntnl-sgnup-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .9;
}
.ntnl-sgnup-modal .no-border-top {
	border-top: none;
}

/*! == National modal content layout */
.ntnl-sgnup-modal .modal-header {
    min-height: 20px;
    padding: 19px 24px 0px 24px;
    border-bottom: none;
    margin-bottom: 40px;
}
.ntnl-sgnup-modal .modal-body {
    position: relative;
    padding: 0px 24px 15px 24px;
}
.ntnl-sgnup-modal .modal-footer{
	padding: 4px 24px 24px 24px;
}
.modal-national-logo{
	position: relative;
  top: 8px;
	margin-right: 16px;
}
.bg-pale-green{
	background-color: #EEF0D9;
}
.btn-green {
	color: #fff;
	background-color: #9AAB00;
	border-color: #9AAB00;
}
.ntnl-sgnup-modal .modal-content{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	border: none;
	border-radius: 0px;
}
.ntnl-sgnup-modal .modal-backdrop {
  background-color: #000;
    }


.modal-national-logo {
    float: left !important;
}
.ntnl-sgnup-modal .form-control {
    padding: 0px;
}
.ntnl-sgnup-modal h2 { margin-top: 40px; } 
.ntnl-sgnup-modal .modal-header { margin-bottom: 0px; } 
.ntnl-sgnup-modal .modal-footer { margin-top: 0px; } 
.ntnl-sgnup-modal small a { font-family: "Source Sans Pro",sans-serif; font-style: normal; } 

.ntnl-sgnup-modal .form-checkbox {
    background-image: url('/ui/img/ntnl-sub-model-checkbox-ui.png');
    background-image: url('/ui/img/ntnl-sub-model-checkbox-ui.svg'), none;
    height: 29px;
    width: 35px;
    background-repeat: no-repeat;
    background-position: 0 -23px;
    display: inline-block;
}

.ntnl-sgnup-modal .form-checkbox.checked {
    height: 29px;
    width: 35px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.ntnl-sgnup-modal .radio-buttons {
    opacity: .01;
    height: 1px;
    overflow: hidden;
    display: inline-block;
}




/*! End of modal customization for Tyee National subscription popup */
/*! ---------------------------------------------------------------------------- */

/* FB share position fix:
 * https://basecamp.com/1929296/projects/3141205/messages/49317166#comment_340192013
 * Removed Oct 15 after the original problem went away... weird!
 * */
/*.fb-like.fb_iframe_widget { */
    /*display: inline !important;*/
/*}*/

/*! ---------------------------------------------------------------------------- */
/*! Customization of bootstrap modal styles for 2015 Tyee support/builder campaign popup ad */
/*! It's based on the Tyee National Subscription campaign pop-up, but I've used the .support-modal to (hopefully) prevent any styling conflicts */
/*! Where possible I've narrowed the selector scope to target only elements within .support-modal so that other modals can still adhere to the standard bootstrap style. But we'll probably want to standard the styling for all modals */
/*! Alexg */

/*! == Support Campaign modal typography == */
div.support-modal {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #FFF;
}
.support-modal h2 {
  margin-bottom: 0px;
}
.support-modal p {
  margin-bottom: 6px;
}
.support-modal h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #FFF;
  overflow:auto;
  margin-top: 22px;
}
.support-modal small {
  font-size: 72%;
  line-height: 85%;
}
.support-modal small a {
  font-family: "Source Sans Pro",sans-serif;
  font-style: normal;
}
.support-modal .cta {
  font-size: 1.2em;
  text-decoration: underline; 
}

.support-modal .text-center {
    text-align: center;
}


/* ---------  links ------------ */

.support-modal a, .support-modal small a {
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif!important;
}
/* unvisited link */
.support-modal a:link, .support-modal small a:link {
  color: #fff;
}
/* visited link */
.support-modal a:visited, .support-modal small a:visited {
  color: #fff;
}
/* mouse over link */
.support-modal a:hover {
  color: #DDECC7;
}
/* selected link */
.support-modal a:active {
  color: #fff;
}


.support-modal .fsize18 {
  font-size: 18px;
  line-height: 1.1;
}


/*! == Support modal transition, positioning and chrome */ 
/*! Center the modal (except on mobile) and eliminate motion from fade-in transition */
@media screen and (min-width: 768px) {
  .support-modal.modal {
    text-align: center;
  }
  .support-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .support-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }

  .support-modal.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
    }
}
.modal-backdrop.in {
  filter: alpha(opacity=70);
  opacity: .7;
}
.support-modal .close {
    float: right;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    text-shadow: none;
    opacity: 0.95;
    color: #FFF;
}
.support-modal .close:hover,
.support-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .9;
}
.support-modal .no-border-top {
  border-top: none;
}

/*! ==  modal content layout */
.support-modal .modal-header {
    min-height: 20px;
    padding: 19px 24px 0px 24px;
    border-bottom: none;
    margin-bottom: 0px;
}
.support-modal .modal-body {
    position: relative;
    margin-top: 0px;
    padding: 33px 24px 30px 24px;
}
.support-modal .modal-footer{
  padding: 10px 24px 18px 24px;
  margin-top: 0px;
}
.modal-national-logo{
  position: relative;
  top: 8px;
  margin-right: 16px;
}
.bg-pale-green{
  background-color: #EEF0D9;
}
.bg-mapple_pattern  {background: url("/ui/img/2015/12/01/bg-red-maple.png") repeat;}
.bg-voices {
    background: url("/ui/img/support-modal-bg-may16.jpg") no-repeat;
}
.btn-green {
  color: #fff;
  background-color: #9AAB00;
  border-color: #9AAB00;
}
.support-modal .modal-content{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0px;
}
.support-modal .modal-backdrop {
  background-color: #000;
    }

/*! End of modal customization for Tyee Support campaign popup */
/*! ---------------------------------------------------------------------------- */