/* ============ TEXT STYLES ============ */
@font-face {
	font-family: 'AgencyFB';
	src: url('/css/fonts/AgencyFBBold.eot');
	src: local('Agency FB Bold'), url('/css/fonts/AgencyFBBold.woff') format('woff'), url('/css/fonts/AgencyFBBold.ttf') format('truetype'), url('/css/fonts/AgencyFBBold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'AgencyFBExtended';
	src: url('/css/fonts/AgencyFB_Bold_Extended.eot');
	src: local('Agency FB Bold Extended'), url('/css/fonts/AgencyFB_Bold_Extended.woff') format('woff'), url('/css/fonts/AgencyFB_Bold_Extended.ttf') format('truetype'), url('/css/fonts/AgencyFB_Bold_Extended.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_P22GothG';
	src: url('/css/fonts/P22GothG.eot');
	src: local('☺'), url('/css/fonts/P22GothG.woff') format('woff'), url('/css/fonts/P22GothG.ttf') format('truetype'), url('/css/fonts/P22GothG.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.hyper { font-family: AgencyFB, sans-serif; color: #FFF; text-transform: uppercase; text-shadow: 0px 0px 0.3em #F00, 0px 0px 0.3em #F00; }
.massive { font-family: AgencyFB, sans-serif; font-weight: bold; font-size: 98px; color: #a91221; }
a { color: #000; text-decoration: none; }
a:hover { color: #1456ff; text-decoration: underline; }
a img { border: 0; outline: none; }
ul, li { list-style: none; padding: 0; margin: 0; }
hr { border: 0; border-bottom: 1px solid #CCC; height: 0px; margin: 15px 0; }
/* ============ LAYOUT ============ */
html, body { height: 100%; }
h1, h2, h3, h4 { margin: 0; }
body { padding: 0; margin: 0; background-color: #FFF; color: #000; font-family: 'Quantico', sans-serif; font-size: 11px; }
#sheet { width: 930px; margin: 0 auto; }
/* --- header --- */
#header {
    position: relative;
    margin: 19px 0 41px;
    border-top: 3px solid #000;
    height: 107px;
    border-bottom: 1px solid #000;
}
#publication_logo {
    width: 617px;
    height: 40px;
    display: block;
    margin: 19px auto 2px;
    font-size: 35px;
    text-align: center;
    font-family: 'Conv_P22GothG', serif;
    color: #000 !important;
    text-decoration: none !important;
    white-space: nowrap;
}
/* --- search --- */
#top_search {
    border: 1px solid #CCC;
    background-color: #FFF;
    width: 113px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 37px;
}
#top_search .text {
    width: 85px;
    height: 20px;
    line-height: 20px;
    background-color: transparent;
    border: none;
    padding: 0px 20px 0 8px;
    font-family: inherit;
    font-size: 10px;
}
#top_search .submit {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background: url(/external/images/icon_search.png) center no-repeat #898989;
    border: none;
    overflow: hidden;
    text-indent: -999px;
}
/* --- nav --- */
#top_nav {
    width: 930px;
    border-bottom: 2px solid #000;
    margin-bottom: 1px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#top_nav li {
    float: left;
    width: 141px;
    height: 7px;
    border-left: 1px solid #959595;
    margin-bottom: 7px;
    vertical-align: bottom;
}
#top_nav li a {
    display: block;
    width: 100%;
    line-height: 7px;
    font-size: 11px;
    text-transform: uppercase;
    color: #959595;
    text-align: center;
}
#top_nav li.selected a {
    color: #000;
}
#top_nav li.first {
    width: 114px;
    border-left: none;
}
#top_nav li.first a {
    text-align: left;
}
#top_nav li.last {
    width: 105px;
}
#top_nav a.dredd-report {
    overflow: hidden;
    text-indent: -999px;
    background: url(/external/images/emblem_judge.png) center bottom no-repeat;
    height: 21px;
    position: relative;
    bottom: 12px;
}
/* --- article --- */
#article {
    width: 491px;
    float: left;
}
#article h2 {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: -4px;
}
#article h2 .category {
    color: #a91221;
}
#article .subtitle {
    font-size: 10px;
    text-transform: uppercase;
    color: #464646;
}
#article .dateline {
    color: #707070;
}
#article .social {
    position: relative;
    height: 20px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
    line-height: 20px;
}
#article .social .share { float: left; }
#article .social .comments { float: right; }
#article .banner {
    width: 491px;
    margin-bottom: 20px;
}
#article .body {
    line-height: 20px;
}
#article .body p {
    margin: 0 0 1em 0;
}
#article .pagination {
    margin: 30px 0 13px;
    line-height: 11px;
    text-align: right;
    font-size: 9px;
}
#article .pagination .label {
    padding-right: 6px;
}
#article .pagination .pagelink {
    display: inline-block;
    text-align: center;
    width: 11px;
}
#article .pagination .pagelink.selected {
    background-color: #4a4a4a;
    color: #fff;
}
/* --- related --- */
#related {
    float: left;
    border-left: 1px solid #ccc;
    width: 114px;
    padding-left: 17px;
    margin-left: 15px;
    font-size: 10px;
}
#related h3 {
    font-size: inherit;
    text-transform: uppercase;
}
#related .dateline {
    font-style: italic;
    color: #707070;
}
#related li {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
/* --- sidebar --- */
#sidebar {
    float: left;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 240px;
    padding: 0 17px;
    margin-left: 15px;
}
#recent_items li {
    float: left;
    width: 112px;
    height: 120px;
}
#recent_items li h3 {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 15px;
}
#recent_items .main {
    width: 240px;
    height: 215px;
}
#recent_items .main img {
    width: 240px;
    height: 165px;
}
#recent_items li.odd {
    margin-left: 15px;
}
#recent_items img {
    width: 112px;
    height: 70px;
    margin-bottom: 2px;
}
.ad_240 {
    display: block;
    margin-bottom: 20px;
}
/* --- weather --- */
.weather_cam {
    background: url(/external/images/icon_weather.png) 136px 30px no-repeat #383838;
    font-size: 13px;
    color: #FFF;
    display: block;
    font-family: 'AgencyFB', sans-serif;
    position: relative;
    padding: 4px 0 0 12px;
    width: 158px;
    height: 48px;
    text-transform: uppercase;
}
.weather_cam:hover {
    color: #fff; text-decoration: none;
}
.weather_cam h2 {
    font-size: 23px;
    color: #a91221;
}
/* --- footer --- */
#footer {
    clear: both;
    background-color: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 9px;
}
#footer a {
    color: #fff;
}
#footer .links {
    width: 930px;
    margin: 0 auto;
    text-transform: uppercase;
    position: relative;
}
#footer .copyright {
    position: absolute;
    left: 0;
}