/*
Theme Name: The GW Hatchet Primary Theme
Theme URI: http://www.gwhatchet.com/
Description: For www.gwhatchet.com.
Template: hatchet
Version: 0.1-beta
Last Modified: 2010 July 30
Author: Andrew M. Nacin
Author URI: http://www.andrewnacin.com/
*/

/* ------------------------ */
/* ------------------------ */
/* ----- [ MAIN WWW ] ----- */
/* ------------------------ */
/* ------------------------ */

body#www #main { margin: 1em 0; background-image: url('../hatchet/images/2009_pixel-e5eef2.png'); background-repeat: repeat-y; background-position: 653px 0; }
body#www #content, #local .mainLeft { width: 644px; float: left; }
body#www #right, #local .mainRight { float: right; width: 300px }
.article { clear: none; float: none; margin: 5px 12px 0; width: 620px }

.article-edit-link { font-size:10px; margin:-10px -10px 0 0; position:relative; line-height:10px; float: right; color: #fff; }
.article-edit-link:visited { color: #fff }
.article-edit-link:hover { color: #900 }
.mediacredit { margin: 3px 1px 0; font-size: 11px; text-align: right; color: #666; }
.caption { text-align: left; font-size: 12px; color: #333; margin: 0 1px; }
#banner_client_1 { margin: 10px 0 }
div.old-cp-media { clear: right; float: right; max-width: 602px }
div.old-cp-media { padding: 10px; }
div.old-cp-media img { border: 1px solid #ccc; }
#cp_at_content { background: 0; border-top-color: #e5eef2 !important; margin-top: 5px }
/* #cp_at_content li, #cp_article_tools li { display: block !important; } */
#cp_at_share { margin-right: 2em }
#cp_article_tools h4, #cp_article_tools h5 { color: #333 }
#cp_article_tools { clear: both }
#cp_story_bot_nav { margin: 0 !important }
#cp_story_bot_nav a { border: 1px solid #015581; margin: 0 10px; padding: 4px 10px; font-size: 14px; }
#cp_continued { background: url('../hatchet/images/2009_pixel3-277eac.png') no-repeat 0 8px; margin: 10px 10px 15px !important; font-size: inherit !important; padding-left: 10px; float: left }
#cp_article_top_right .cp_article_page div a { padding: 0 5px }
#cp_article_top_right .cp_article_page div a, #cp_story_bot_nav a { font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; color: #015581 !important }
#cp_article_top { border-bottom-color: #e5eef2 }

.section-news .story h4,
.section-arts .story h4,
.section-life .story h4,
.section-sports .story h4 { padding-left: 8px; background: url('../hatchet/images/2009_pixel3-277eac.png') no-repeat 0 6px }
.section-arts .column-b .story h4, .section-arts .column-c .story h4,
.section-life .column-b .story h4, .section-life .column-c .story h4,
.section-sports .column-b .story h4, .section-sports .column-c .story h4 { margin-left: 3px }
.section-header { padding: 0 4px; background-color: #f2f6f8; border-top: 2px solid #015581; border-bottom: 1px solid #e5eef2; position: relative; margin: 10px 0 6px }
.section-header h3 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #000; text-transform: uppercase; font-weight: bold; padding: 4px }
.section-header h3 a { color: #000; }
.section-header h3 a span { visibility: hidden }
.section-header h3 a:hover { text-decoration: none }
.section-header h3 a:hover span { visibility: visible }
.section-header ul { position: absolute; right: 5px; top: 5px; margin: 0; padding: 0 }
.section-header li { display: inline; padding: 0 4px }

.home-top .column-a, .home-top .column-b { float: left }
.home-top p.summary .timestamp, .home-section p.summary .timestamp { font-weight: bold; float: left; background: transparent url('../hatchet/images/2009_pixel3-277eac.png') no-repeat 100% 8px; margin-right: 5px; padding-right: 8px; }

/* .home-top p.summary .timestamp:after { content:" " }*/
/* .home-top h1 { font-weight: bold } */
.home-top .photo-b { background-position: 301px 0 }
.home-top .photo-a { background-position: 343px 0 }
.home-top .photo-b, .home-top .photo-a { background-image: url('../hatchet/images/2009_pixel-e5eef2.png'); background-repeat: repeat-y; background-color: #fff }
.home-top .no-border { background: none }
.home-top .column-a { margin: 0 21px 0 0 }
.home-top .photo-b .column-a, .home-top .photo-a .column-b { width: 291px; }
.home-top .photo-b .column-b, .home-top .photo-a .column-a { width: 332px; }
.home-top img.width330 { width: 330px; border: 1px solid #ccc; display: block; margin: 0 0 4px }

.home-section .column-a, .home-section .column-b, .home-section .column-c { float: left; width: 206px; display: inline }
.home-section .column-ab { width: 423px; float: left; display: inline }
.home-section .column-a, .home-section .column-b { margin: 0 11px 0 0 }
.home-section .column-a, .home-section .column-ab { margin: 0 11px 0 4px }
.home-section .border-b-c { background-image: url('../hatchet/images/2009_borderbc-blue.png'); }
.home-section .border-a-b { background-image: url('../hatchet/images/2009_borderab-blue.png'); }
.home-section .border-a-b-c { background-image: url('../hatchet/images/2009_borderabc-blue.png'); }
.home-section .border-a-b-c, .home-section .border-a-b, .home-section .border-b-c { background-repeat: repeat-y; background-position: 0 0; background-color: #fff; }


p.summary { line-height: 1.5; margin: 0; padding: 0 0 .2em; font-size: 12px }
.story { margin: 0 0 8px }
.separator-top { margin-top:8px; padding-top:8px; border-top:1px solid #e5eef2; }
.separator-bottom { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #e5eef2; }
/* .story h1, .story h2, .story h3, .story h4, .story h5, .story h6 { padding: 0 0 5px; } */
.home h1 em, .home h2 em, .home h3 em, .home h4 em, .home h5 em, .home h6 em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #666; font-style: normal; font-size: 84.5%; display: block }

/* Hack to deal with weirdness in the opinions section */
.mini-section.opinions li {
    line-height: 1;
}
.mini-section.opinions li span.timestamp {
    float: none;
    display: inline;
}
.mini-section.opinions em {
    display: inline;
}
.mini-section.opinions li h5 {
    display: inline;
}

.article h1 em { /* font-family: Lucida Sans; text-transform: uppercase; */ color: #666; font-style: normal; font-size: 15px; display: block; margin: 0 0 3px }
#article h1 { margin: 0 0 14px; clear: both }
#article h2 { color: #666; font-size: 18px; margin: 0 0 14px }
#article .author { font-size: 15px; float: left }
.article-head { /* padding-bottom: 1em; border-bottom: 1px solid #e5eef2; margin-bottom: 1em */ }
.article .article-meta { margin: 0 4px 1em; color: #aaa; float: right; }
.article .article-meta span, .article .article-meta a { color: #000 }
..article .article-meta a:hover { color: #000; text-decoration: underline }
#cp_story_text p, #cp_story_text li { font-size: 15px; margin: 0 0 1em; line-height: 1.35 }
/* h1 a:hover em,
h2 a:hover em,
h3 a:hover em,
h4 a:hover em,
h5 a:hover em,
h6 a:hover em { color: inherit; } */

.inline-kicker h1 em, .inline-kicker h2 em,
.inline-kicker h3 em, .inline-kicker h4 em,
.inline-kicker h5 em, .inline-kicker h6 em
 { font-size: 91%; /* padding-top:1px; float: left; padding-right: 4px */ display: inline }
 .inline-kicker h1, .inline-kicker h2,
.inline-kicker h3, .inline-kicker h4,
.inline-kicker h5, .inline-kicker h6
 { margin: 0; padding: 0 }
 .inline-kicker .summary { /* font-size: 11px; line-height: 1.25; */ border-bottom: 1px solid #f3f3f3; padding: 0.5em 0 }

.thumbnail, .thumb200 { margin: 3px 0; border: 1px solid #ccc; display: block; }
.thumb200 { width: 200px }
.thumb75, .thumb75-left, .thumb75-right { width: 75px; height: 75px; border: 1px solid #ccc }
.thumb75-left { float: left; margin: 0 5px 5px 0; }
.thumb75, .thumb75-right { float: right; margin: 0 0 5px 5px; }

a.sprite200 { background-position: top left; background-repeat: no-repeat; display: block; width: 200px; text-decoration: none; position: relative; border: 1px solid #ccc; overflow: hidden }
a.sprite200:hover { background-position: bottom left; }
.sprite200 span { z-index: 1; position: absolute; left: 0; bottom: 0; height: 21px; width: 200px; opacity:0.6;filter:alpha(opacity=60); background: #000 }
.sprite200 span.text { z-index: 2; background: url('photo.gif') no-repeat 8px 3px; opacity:1;filter:alpha(opacity=100); padding: 4px 4px 2px 30px; height: auto; color: #fff; font-size: 13px; }

.newsroom .mini-section-header { background: #eaeaea; }
.btb .mini-section-header { background: #faeff5; }
.theforum .mini-section-header { background: #ffebeb; }
.courtside .mini-section-header { background: #fceccc; }
.passports .mini-section-header { background: #e5eecc; }
.hatchet .mini-section-header { background: #e5eef2; }
.mini-section-header { background: #e5eef2; min-height: 25px; height: auto !important; height: 25px  }
.mini-section-header img { margin: 3px 6px 3px; float: left }
.mini-section-header h5 { font-size: 16px; padding: 2px 0 0 }
.mini-section-header a { color: #000 }
.mini-section-header a:hover { text-decoration: none }
.mini-red .mini-section-header { background: #f7d9d9 }
.mini-red .mini-section-header a { color: #B61D1F }
.mini-section-header .kicker { font-size: 10px; color: #666; padding: 0 0 0 4px }

.mini-section ul { margin: 7px 0 7px 5px; padding: 0; list-style: none }
.mini-section li { margin: 0 0 7px }
.mini-section li span.timestamp { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; float: left; padding: 0 4px 0 0 }

#pgsection .blog-posts ul li span.timestamp { font-size: 12px; display: inline; float: none }
#pgsection .blog-posts ul li { margin: 0 0 12px }
#pgsection .story p.author { margin: 1px 0; font-size: 11px; color: #666; }
#pgsection .story p.summary { margin: 0; color: #000; padding: 0 }
#pgsection .story { margin: 0 0 1em }
#pgsection p.issue { border-bottom:1px solid #e5eef2; padding-bottom:5px }
#pgsection .story p.author strong { margin-right: 4px; padding-right: 6px; background: url('../hatchet/images/2009_pixel2-999.png') no-repeat 100% 7px; font-weight: normal }
#pgsection .story p.author br { display: none; }
#pgsection { margin: 0 12px; width: 620px }
#pgsection-title { text-align: center; margin: 0 0 20px; background: #f2f6f8; border-top: 2px solid #015581; border-bottom: 1px solid #e5eef2; padding: 10px }
#pgsection .stories { width: 350px; float: left }
#pgsection .blog-posts { float: right; width: 250px; padding-left: 10px; border-left: 1px solid #e5eef2 }
#pgsection .blog-posts-header img { float: left; border: 1px solid #ccc }
#pgsection .blog-posts-header h3 { margin-left: 90px; font-size: 22px }
#pgsection .blog-posts-header p { margin-left: 90px; color: #666 }
#pgsection .blog-posts-header { border-bottom:1px solid #e5eef2; padding-bottom:7px; margin-bottom:7px; }

.home-top ul { margin: 0 0 14px; padding: 0; list-style: none }
.home-top ul li { font-size: 13px; padding: 0 0 0 14px; margin: 0 0 5px; background: url('../hatchet/images/2009_pixel3-277eac.png') no-repeat 5px 7px #fff; }
.home-top ul li h4 { font-size: 13px; line-height: 1.25; padding: 0 }
.home-top ul li h5 { font-size: 12px; line-height: 1.25; padding: 1px 0 0 }
.inline-comments h4 { display: inline }
.comments .count { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; color: #333 }
a.comments { text-decoration: none; padding-left: 4px }
a.comments:hover .count { color: #015581 }
li.comments { background: url('../hatchet/images/2009_comments.png') no-repeat 0 0; padding-left: 20px }

#honeypot-hide{display:none}

.column-ab .thumb200 { float: left; margin-right: 7px }
.column-ab p.summary { padding-left: 209px }
.letters-section { background: #fff no-repeat 180px 5px url('../hatchet/images/2009_feather.png'); margin: 0 0 8px; padding: 4px }
.letters-section h5 { font-size: 16px; padding-right: 20px }
.letters-section h5 a { color: #000 }
.letters-section .summary { margin-right: 28px }
.letters-section ul { margin: 5px 0 0 5px; padding: 0; list-style: none; }
.letters-section li.comments { font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase }
.letters-section li.comments a { color: #000 }

#article-comments{border-top:1px solid #E5EEF2; margin-top:20px; padding-top:20px}
#article-comments .avatar {display:none}


#commentform { width: 510px; }
#commentform label { width: 80px; float: left; margin: 0 10px; font-size: 13px }
#commentform textarea, #commentform input { border: 1px solid; border-color: #666 #aaa #aaa #666 }
#commentform textarea { float: left; width: 393px; }
#commentform small { margin-left: 6px; color: #666 }
#commentform p { clear: both;  }
#commentform button { margin: 5px 0 0 100px; background-color: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid; border-color: #ddd #aaa #aaa #ddd; color: #444 }

#content h3#comments { margin: 15px 0 10px; }
#content ol.commentlist { padding: 0 30px; margin: 10px 0; }
#content ol.commentlist li { font-size: 14px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
ol.commentlist .comment-body { margin-bottom: 15px }
#content ol.commentlist li p { clear: both; font-size: 13px; }
ol.commentlist li cite { font-style: normal; font-weight: bold; }
ol.commentlist .comment-meta { float: right; margin: 0 0 3px; font-size: 11px; }

#respond h3 { margin-bottom: 10px }

/* Spring Break Guide 2012 */
span.sb-title {  font-weight:bold; font-size:20px; }
h2.bmargin {margin-bottom:2px;}
/* End Spring Break Guide 2012 */

/* ------------------------ */
/* ------------------------ */
/* ---- [ CP4 STYLES ] ---- */
/* ------------------------ */
/* ------------------------ */

/* td#right div.cp_ad, td#right div.cp_ad *, td#right div.cp_ad embed, td#right div.cp_ad object, td#right h4#adtag { }
#cpbannerad object, #cpbannerad embed { } */

/* User-generated stylesheet */

.print-edition {margin-top:10px}
.print-edition p { margin: .5em 0 .2em }
#slider2_wrap { display: none; }
div#popularstories { margin: 4px 0; padding: 6px 0; }
div#popularstories li { margin: 6px 0 0; font-size: 12px; line-height: 1.2 }
div#popularstories ol { margin: 4px 4px 12px; padding-left: 25px }

#relatedbox { position: relative; }
#relatedbox * { font-family: Georgia, "Times New Roman", Times, serif; font-size: medium }
#relatedbox div { border: 1px solid #999; width: 300px; margin: 4px 4px 12px; padding: 2px 0 6px; }
#relatedbox h4 { margin: 0 0 0 8px; }
#relatedbox div#sectionstories { position:absolute; left: 312px; top: -4px; font-size: small }
#relatedbox ul { margin: 4px 4px 4px 12px; padding: 0 }
#relatedbox ul li { margin: 0 15px 4px; padding: 0 }
#relatedbox div#sectionstories li { margin-bottom: 6px; }
#relatedbox #mostpopular ul { list-style:outside decimal; margin: 0 0 0 20px }
#relatedbox #topstories ul, #relatedbox #sectionstories ul { list-style:outside square }

#contactus { padding: 10px }
#contactus p { margin: 1em 0 0; }
#contactus .contactus-sections p { padding-top: .5em; border-top: 1px solid #ccc; }
#contactus table { margin: .5em auto 0; width: 580px; }
#contactus td { width: 33%; vertical-align: top; }

.dmcontent_container {text-align: center;background-color: #e5eef2;width: 300px; margin: 10px 0}
.dmcontent_title {text-align: center; padding: 10px 0; font-size: 18px; font-weight: bold; font-family:Georgia,"Times New Roman",Times,serif;color: #000000;background-color: #e5eef2;}
.dmcontent_body {border: 1px solid #e5eef2; padding: 10px 0; line-height: 19px; text-align: center; font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666; background-color: #fff;}
.dmcontent_body em {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif}
.dmcontent_link {text-decoration: none;color: #015581;}

body > div:first-child { display:none }
body.no-hide > div:first-child,
body > div#pg-frame:first-child { display:block !important }

/* Top Stories CSS */
#top-stories-box { margin-bottom:8px}
#top-stories-box .top-stories-link {font-weight:normal}
#top-stories-box #top-stories-header {background-color:#E5EEF2; font-weight:bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;padding:8px;color:#015581; margin-bottom:0px  }
#top-stories-box #top-stories-list {padding:10px 10px 0px 10px; border:1px solid #E5EEF2;}
#top-stories-box .single-top-post {margin-bottom:8px; font-size:14px}

.relatedLinksBox {
    width: 300px;
    float: right;
    margin: 10px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #015581;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #e1dcdc;
    
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    
    line-height: 1.5;
    
    /*font-family: Arial, sans-serif;*/ /*Alternative Option*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a.relatedLink {
    text-decoration: none !important;
    font-size: 13px;
    margin: 5px 0px 5px 0px;
    color: #0000FF;
}

a.relatedLink:hover {
    text-decoration: underline !important;
}

a.relatedLink:visited {
    color: #551A8B;
}

.rlDate {
    font-style: italic;
    color: #787777;
    text-decoration: none;
    font-size: 13px;
}

.dateAndLink {
    display: block;
}