#welcome { background: white; color: red; font-size: 12pt; font-weight: bold; margin: 0 auto; padding: 10px 14px; }

/* 1 Global Styles
--------------------------------------------------------------------------------------- */

  *, ul, li { border: 0; list-style: none; text-decoration: none; margin: 0; padding: 0; }

  body { background: #333 url(../i/bg.png) repeat-x top left; color: #333; font: 9pt Arial, Verdana, Sans-Serif; line-height: 16pt; }

  a { color: #069; }
  
  cite { font-size: 8pt; font-style: normal; font-weight: normal; color: #666; }
  cite a { border-bottom: 1px dotted #666; color: #666; }

  .date { color: #c63; font-size: 8.5pt; font-weight: bold; text-transform: uppercase; }

  img.left { float: left; margin: 4px 10px 10px 0; }
  img.right { float: right; margin: 4px 0 10px 10px; }

  #shadow { background: transparent url(../i/bg_shadow.png) repeat-y top center; }

  #body { background: white url(../i/bg_body.png) repeat-y top center; margin: 0 auto; overflow: hidden; width: 998px; }

/* 2 Content
--------------------------------------------------------------------------------------- */

  #content { float: left; width: 720px; }

  /* 2.1 Header
  ------------------------------------------------------------------------------------- */

    #header { background: #c63 url(../i/header_bg.png) no-repeat left top; overflow: hidden; }

    #header #logo { background: transparent url(../i/pd20.png) no-repeat left top; display: block; float: left; height: 55px; margin: 20px; text-indent: -999px; width: 237px; }

    /* Search */
    
    #header .search { background: #c35b31; float: right; margin: 10px 10px 0 0; padding: 6px 6px; -moz-border-radius: 4px; }
    
    #header .search .searchfield,
    #header .search .searchbutton { height: 14px; float: left; }
    
    #header .search .searchfield { background: white url(../i/bg_search_field.png) no-repeat 4px 5px; border: 1px solid #666; width: 124px; padding: 4px 4px 4px 20px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; }
    #header .search .searchbutton { background: white url(../i/bg_search_button.png) repeat-x left top; border: 1px solid #666; border-left: 0; color: #333; font-size: 7.5pt; font-weight: bold; padding: 7px 6px 1px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; }
    #header .search .searchbutton:hover { color: black; }
    
    /* Menu */
    #header #menu { background: red; clear: left; margin-left: 10px; }
    #header #menu li { background: transparent url(../i/menu_bg.png) repeat-x left -3px; float: left; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 10pt; font-weight: normal; margin-top: 2px; }

    #header #menu li a { background: transparent url(../i/menu_div.png) no-repeat right top; color: white; display: block; float: left; font-weight: bold; height: 22px; padding: 2px 25px 4px 24px; }
    #header #menu li a:hover { color: #ccc; }

    #header #menu li.active { background-position: left -64px; margin-top: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
    #header #menu li.active a { background: none; color: black; height: 22px; padding-top: 4px; }

    #header #menu li.home { -moz-border-radius-topleft: 4px; }
    #header #menu li.home a { padding-left: 25px; padding-right: 28px; }
    #header #menu li.about { -moz-border-radius-topright: 4px; }
    #header #menu li.about.active a { -moz-border-radius-topright: 4px; }

    /* Subscribe */
    #header .subscribe { background: #c35b31; color: white; float: right; font: 7.5pt Verdana, Arial, Sans-Serif; height: 20px; margin-right: 10px; padding: 10px 0 0; text-align: center; width: 206px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    }
  
    #header .subscribe a { border-bottom: 1px dotted white; color: white; font-weight: bold; }
    #header .subscribe a:hover { border-bottom: 1px dotted #fc9; color: #fc9; }
  
  /* 2.2 Articles: Feature
  ------------------------------------------------------------------------------------- */

    #articles { float: left; padding: 10px; }

    #articles #feature { background: gray url(../i/feature_bg.png) no-repeat left top; height: 268px; margin-bottom: 10px; padding: 10px; width: 464px; }

    #articles #feature ul.features li { float: left; width: 165px; }
    #articles #feature ul.features li a.image:hover { border-bottom: 0; }
    #articles #feature ul.features li a.image span.date { background: #369; color: white; display: block; float: right; font-size: 7.5pt; margin-top: -117px; padding: 0px 8px; position: relative; text-align: right; }
    #articles #feature ul.features li a.image:hover span.date { background: #c63; }
    #articles #feature ul.features li h1 { font: 10.5pt Georgia, Times New Roman, Serif; padding: 4px 14px 3px; }
    #articles #feature ul.features li h1 a { color: black; font-weight: bold; }
    #articles #feature ul.features li h1 a:hover { border-bottom: 1px dotted black; }
    #articles #feature ul.features li cite { padding: 0 14px; }
    #articles #feature ul.features li p { font-size: 8pt; line-height: 13pt; padding: 6px 14px; }
    #articles #feature ul.features li .shadow { background: transparent url(../i/feature_two_shadow.png); block; height: 110px; margin-top: -117px; position: absolute; text-align: right; width: 17px; }
    
    #articles #feature ul.past { border-top: 1px solid #797979; float: right; text-align: center; width: 124px; }
    #articles #feature ul.past li { border-bottom: 1px solid #797979; font-size: 8pt; font-weight: bold; line-height: 12pt; padding: 10px 0; }
    #articles #feature ul.past .title { color: white; font-family: Georgia, Times New Roman, Serif; font-style: italic; padding: 6px 0; }
    #articles #feature ul.past .date { color: #333; font-family: Verdana, Arial, Sans-Serif; font-size: 7pt; padding-bottom: 4px; }
    #articles #feature ul.past a { color: white; }
    #articles #feature ul.past a:hover { border-bottom: 1px dotted white; }

  /* 2.3 Articles: Latest and Recent
  ------------------------------------------------------------------------------------- */

    #articles h4 { border-bottom: 1px solid #ccc; color: #666; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 10.5pt; margin-bottom: 14px; padding: 8px 10px 10px; }
    #articles a:hover { color: black; border-bottom: 1px dotted black; }
    #articles a.img:hover { border-bottom: none; }
    
    /* Latest */

    #articles #latest { float: left; width: 340px; }
    #articles #latest ul li { border-bottom: 1px solid #ccc; margin-bottom: 24px; padding: 0 10px 24px 10px; }
    #articles #latest ul h2,
    #articles #latest ul .subtitle { font-family: Georgia, Times New Roman, Serif; margin-bottom: 6px; }
    #articles #latest ul .date { margin-bottom: 4px; }
    #articles #latest ul h2 { font-size: 13.5pt; }
    #articles #latest ul .subtitle { font-size: 9pt; font-weight: bold; line-height: 15pt; }
    #articles #latest ul .subtitle cite { font-family: Arial, Sans-Serif; }
    #articles #latest ul p { margin-bottom: 14px; }

    #articles #latest ul .article-meta { background: #f5f5f5; font-size: 8pt; font-weight: bold; overflow: hidden; padding: 0 12px; -moz-border-radius: 4px; }
    #articles #latest ul .article-meta .continue { background: transparent url(../i/arrow_right_small.png) no-repeat right 13px; float: left; padding: 6px 14px 6px 0; }
    #articles #latest ul .article-meta .continue:hover { background-position: right -20px; }
    #articles #latest ul .article-meta .comments { background: transparent url(../i/article_meta_comment.png) no-repeat left center; float: right; margin-bottom: 0; padding: 6px 0 6px 34px; }
    #articles #latest ul .article-meta .comments span { color: #999; }
    #articles #latest ul .article-meta a:hover { border-bottom: none; }

    /* Recent */

    #articles #recent { float: left; margin-left: 10px; width: 134px; }
    #articles #recent h4 { padding-left: 0; }
    #articles #recent ul li { line-height: 14pt; margin-bottom: 24px; }
    #articles #recent ul li h3 { font-size: 8.5pt; }
    #articles #recent ul li h3 a { color: #333; }
    #articles #recent ul li h3 a.comments { background: #efefef url(../i/icon_comment.png) no-repeat 4px 0px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #888; font-size: 7.5pt; margin-left: 2px; padding: 2px 4px 1px 22px; -moz-border-radius: 4px; }
    #articles #recent ul li h3 a.comments:hover { background-position: 4px -17px; color: #333; }
    #articles #recent ul li img { margin-top: 2px; }
    
    /* Single Article */
    
    #articles #single { padding: 0 4px; width: 476px; }
    #articles #single #latest { float: none; }
    #articles #single .entry a { border-bottom: 1px dotted #369; }
    #articles #single .entry ul { margin-left: 14px; }
    #articles #single .entry ul li { border-bottom: 0; list-style: disc; margin: 0 0 4px 0; padding: 0 0 4px 0; }

    #articles #single .entry h3,
    #articles #single .entry h4,
    #articles #single .entry h5 { border-bottom: 1px solid #999; color: #666; font-family: Trebuchet MS, Arial, sans-serif; margin-bottom: 10px; padding: 0 0 6px 0; }

    #articles #single .entry h3 { font-size: 12pt; }
    #articles #single .entry h4 { font-size: 10pt; }
    #articles #single .entry h5 { font-size: 8pt; }

  /* 2.4 Sidebar
  ------------------------------------------------------------------------------------- */

    #sidebar { float: right; line-height: 15pt; margin: 10px 10px 10px 0; width: 206px; }
    
    #sidebar a:hover { border-bottom: 1px dotted black; }
    #sidebar a.more { background: transparent url(../i/arrow_right_large.png) no-repeat left 5px; display: block; font-weight: bold; margin: 8px; padding-left: 18px; }
    #sidebar a.more:hover { background-position: left -24px; color: black; border-bottom: 0; }
    #sidebar h4 { background: #ededed; font-size: 9pt; padding: 4px 8px; }
    
    #sidebar ul.list li { border-bottom: 1px solid #ccc; padding: 6px 12px; }

    /* About */

    #sidebar .about { background: white; border: 1px solid #ccc; height: 278px; padding: 4px; }
    #sidebar .about p { background: transparent url(../i/dots_gray.png) repeat-x bottom left; margin: 10px 8px 0; padding-bottom: 7px; }

    /* Archive */

    #sidebar .archive { background: #ededed; border-top: 2px solid black; margin-top: 10px; overflow: auto; }
    #sidebar .archive h4 { border-bottom: 1px solid #ccc; color: #666; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 10.5pt; margin-bottom: 10px; padding: 9px 10px 8px; }
    #sidebar .archive ul.tabs li { float: left; }
    #sidebar .archive ul.tabs li.by { border-bottom: 1px solid #d4d9d5; color: #999; font-weight: bold; margin-left: 6px; padding: 4px 10px 6px 9px; }
    #sidebar .archive ul.tabs li a { background: #f8f8f8; border: 1px solid #d4d9d5; border-left: 0; color: #999; float: left; font-weight: bold; padding: 4px 11px 5px; text-transform: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
    #sidebar .archive ul.tabs li a:hover { color: #666; }
    #sidebar .archive ul.tabs li.bytag a { border-left: 1px solid #d4d9d5; }
    #sidebar .archive ul.tabs li.active a { background: white; border-bottom: 1px solid white; color: black; }
    
    #sidebar .archive .content { background: white; border: 1px solid #d4d9d5; border-top: 0; clear: both; margin: 0 6px 6px; padding: 8px; }
    #sidebar .archive .content ul li { border-bottom: 1px solid #e8e8e8; margin-bottom: 4px; padding-bottom: 4px; }
    #sidebar .archive .content ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
    #sidebar .archive .content ul li .count { color: #999; }
        
    #sidebar .archive .content .item { display: none; }
    #sidebar .archive .content .bytag { display: block; }
    
    #sidebar .archive .content.bytag { line-height: 16pt; }
    #sidebar .archive .bytag a.tags-style-1 { font-size:  8pt; color: #5579a7; font-weight: 300; }
    #sidebar .archive .bytag a.tags-style-2 { font-size: 10pt; color: #3e669b; font-weight: 450; }
    #sidebar .archive .bytag a.tags-style-3 { font-size: 12pt; color: #26528c; font-weight: 600; }
    #sidebar .archive .bytag a.tags-style-4 { font-size: 14pt; color: #0f3f80; font-weight: 750; }
    #sidebar .archive .bytag a.tags-style-5 { font-size: 16pt; color: #003366; font-weight: 900; }
    
    /* Twitter */

    #sidebar .twitter { background: #45b4da url(../i/sidebar_twitter_header.png) no-repeat left top; margin-top: 10px; padding: 53px 6px 6px 6px; }
    #sidebar .twitter h4 { display: none; }
    #sidebar .twitter p { background: transparent url(../i/dots_gray.png) repeat-x bottom left; font-family: Georgia, Times New Roman, Serif; padding-bottom: 9px; }
    #sidebar .twitter .content { background: white; padding: 8px; }
    #sidebar .twitter .content .more { margin: 8px 0 0; }
    
    /* Generic */

    #sidebar .generic { background: #ededed; border-top: 2px solid black; margin-top: 10px; overflow: auto; }
    #sidebar .generic h4 { border-bottom: 1px solid #ccc; color: #666; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 10.5pt; padding: 9px 10px 8px; }

  /* 2.5 Comments (list and form)
  ------------------------------------------------------------------------------------- */

    /* 2.5.1 Comment List
    ----------------------------------------------------------------------------------- */

      #comment-list h3,
      #comment-form h3 { border-top: 1px solid black; font: Trebuchet MS, Arial, Sans-Serif 10pt bold; padding-top: 6px; }
      #comment-list h3 { margin-bottom: 22px; }
      #comment-form h3 .add-your-voice { float: right; }

      #comment-form h3 small { float: right; font-weight: normal; margin-top: -22px; }
      
      #comment-list .post-navigation-small { margin-bottom: 14px; overflow: hidden; }

      ol.commentlist li .comment-item { border: 5px solid #dedede; margin: 0 0 22px 0; padding-bottom: 3px; }
      ol.commentlist li .message { margin: 14px 14px 0; }

      ol.commentlist li .comment-info { border-top: 1px dotted gray; line-height: 14pt; margin: 0 14px 10px; overflow: hidden; padding-top: 10px; }
      ol.commentlist li .comment-info p { margin-bottom: 0; }
      ol.commentlist li .comment-info .comment-author { float: left; width: 200px; }
      ol.commentlist li .comment-info .comment-author cite { font-style: normal; font-weight: bold; }
      ol.commentlist li .comment-info .comment-author a { color: black; }
      ol.commentlist li .comment-info .comment-author .extrafield { font-size: 8pt; color: #666; }
      ol.commentlist li .comment-info .comment-meta { color: #333; float: right; font-size: 8pt; text-align: right; width: 140px; }
      ol.commentlist li .comment-info .comment-meta .comment-meta-permalink a { background: transparent url(/i/icons/link_sm.png) no-repeat left center; padding-left: 18px; text-decoration: none; }
      ol.commentlist li .comment-info .comment-meta .comment-meta-permalink a:hover { color: black; }

      ol.commentlist li .admin { border: 5px solid #fc6; }
      ol.commentlist li .admin .comment-info {  }
      ol.commentlist li .admin .comment-info .comment-author cite {  }
      ol.commentlist li .comment-text { background: transparent url(/i/bg_comment.png) no-repeat 6px top; margin-top: -19px; padding: 34px 14px 0; }
      ol.commentlist li .admin .comment-text { background-image: url(/i/bg_comment_admin.png); }
      ol.commentlist li .comment-text p { margin-bottom: 10px; }

      ol.commentlist li div.reply { margin-left: 14px; }
      ol.commentlist li div.reply a { background: #dedede; border-bottom: 2px solid #c8c8c8; color: black; font-weight: bold; padding: 5px 10px; text-decoration: none; }
      ol.commentlist li div.reply a:hover {  background: #c30; border-bottom: 2px solid #c00; }

      ol.commentlist li ul.children li.comment { background: transparent url(/i/comment_arrow.png) no-repeat left 2px; }
      ol.commentlist li ul.children li.depth-2 { padding-left: 20px; }
      ol.commentlist li ul.children li.depth-3 { padding-left: 20px; }
      ol.commentlist li ul.children li.depth-4 { padding-left: 20px; }
      ol.commentlist li ul.children li.depth-5 { padding-left: 20px; }

      ol.commentlist li.comment-preview { border-top: 1px solid #e8e8e8; }
      ol.commentlist li.comment-preview pre { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 16px; white-space: -moz-pre-wrap; white-space: pre-wrap; }

    /* 2.5.2 Comment Form
    ----------------------------------------------------------------------------------- */

      #comment-form form { margin-top: 16px; overflow: hidden; }

      #comment-form input,
      #comment-form textarea { background: #f5f5f5; border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px; width: 290px; }
      #comment-form textarea { height: 234px; }

      #comment-form p.disclaimer { border-top: 1px solid #e5e5e5; color: #999; font-size: 8pt; font-style: italic; margin-top: 8px; padding-top: 16px; }
      #comment-form p.disclaimer a { color: #999; }

      #comment-form label { display: block; font-weight: bold; margin-bottom: 3px; }
      #comment-form label .required { color: #900; font-size: 7.5pt; }

      #comment-form .submit { clear: both; margin-bottom: 0; margin-right: 0; }
      #comment-form .btn-submit { background-image: url(/i/buttons/btn_submitcomment.png);  border: 0; color: white; cursor: pointer; font-size: 0; height: 35px; line-height: 1px; margin: 0 8px 0 0; padding: 0; width: 129px; }

      #comment-form .preview { color: #999; display: block; padding-top: 5px; }

      #comment-form .column-middle { margin-right: 0; }

    
/* 3 Elsewhere
--------------------------------------------------------------------------------------- */

  #elsewhere { color: white; float: left; font-size: 8pt; padding: 46px 10px 0 20px; width: 242px; }
  
  #elsewhere h4.header { background: transparent url(../i/elsewhere_title.png) no-repeat left top; height: 23px; margin-bottom: 4px; text-indent: -999em; width: 108px; }
  #elsewhere .header-description { border-bottom: 1px solid #4c565b; color: #ccc; line-height: 14pt; margin-bottom: 14px; margin-right: 2px; padding-bottom: 12px; }
  
  #elsewhere .box { background: transparent url(../i/elsewhere_box_bg.png) no-repeat 2px 2px; margin-bottom: 14px; padding: 0 3px 3px 0; }  
  #elsewhere .box .inside { background: #505558; border: 1px solid #262b2e; }
  #elsewhere .box h3 { background: #262b2e; font-size: 8pt; padding: 4px 8px 8px; }
  #elsewhere .box.bookmarks h3 span { background: transparent url(../i/sidebar_bookmark.png) no-repeat 0 0; display: block; height: 39px; margin: -42px 0 0 190px; position: relative; width: 37px; }
  #elsewhere .box .date { background: #3b4043; margin: 10px 8px; padding: 2px 8px; -moz-border-radius: 2px; }
  
  #elsewhere .box ul { line-height: 13pt; margin: 10px 14px; }
  #elsewhere .box ul li { margin: 10px 0; }
  #elsewhere .box ul a { color: white; }
  #elsewhere .box ul a:hover { border-bottom: 1px dotted white; color: white; }
  #elsewhere .box ul p.description { color: #cdcdcd; }
  #elsewhere .box ul p.link a { color: #999; }
  #elsewhere .box ul p.link a:hover { color: #ccc; }
  
  #elsewhere .box .footer { background: #262b2e; overflow: hidden; padding: 8px 12px; }
  #elsewhere .box .footer a { background: transparent url(../i/arrow_right_gray.png) no-repeat 0 4px; color: #ccc; line-height: 13pt; }
  #elsewhere .box .footer a.more { background-position: left 4px; float: left; font-weight: bold; padding-left: 18px; }
  #elsewhere .box .footer a.rss { background-position: right 4px; float: right; padding-right: 18px; }
  #elsewhere .box .footer a span { border-bottom: 1px dotted #999; }
  #elsewhere .box .footer a:hover { color: white; }
  #elsewhere .box .footer a:hover span { border-bottom-color: white; }
  

/* 3 Footer
--------------------------------------------------------------------------------------- */
  
  #footer { background: transparent url(../i/bg_footer.png) no-repeat center -10px; color: white; font-size: 8pt; line-height: 14pt; margin: 0 auto; overflow: hidden; padding-top: 54px; width: 998px; }
  
  #footer-shadow { background: transparent url(../i/bg_footer_shadow.png) no-repeat center -30px; }
  
  #footer #legal { border-bottom: 1px solid #4c565b; color: #999; font-size: 8pt; margin-bottom: 14px; overflow: hidden; }
  
  #footer #legal #disclaimer { float: left; padding: 14px 0; text-align: center; width: 720px; }
  #footer #legal #copyright { float: left; width: 272px; }
  
  #footer #links a { color: white; }
  #footer #links a:hover { border-bottom: 1px dotted white; }
  
  #footer #links ul li.section { border-right: 1px solid #4c565b; float: left; height: 120px; margin-bottom: 14px; padding: 0 14px; width: 116px; }
  #footer #links ul li.section li { background: transparent url(../i/arrow_right_link.png) no-repeat left center; margin-left: 2px; padding-left: 10px; }
  #footer #links ul li.section li a { color: #ccc; }
  #footer #links ul li.design { font-weight: bold; text-align: right; }
  #footer #links ul li.design a { border-bottom: 1px dotted white; }
  #footer #links ul li.design .wordpress,
  #footer #links ul li.design .wordpress a { color: #999; font-weight: normal; }
  
  #footer #links ul li h3 { font-size: 8pt; }
  
  #footer #links .logo a { background: transparent url(../i/footer_pd20.png) no-repeat top left; display: block; height: 56px; text-indent: -999em; width: 83px; }
  #footer #links .logo a:hover { background-position: left -56px; border-bottom: 0; }ground-position: left -56px; border-bottom: 0; }