/* ============ TEXT STYLES ============ */
@font-face {
	font-family: 'AgencyFBBold';
	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-face {
	font-family: 'AgencyFBBoldExtended';
	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/AgencyFBBold_Extended.svg') format('svg');
}
@font-face {
	font-family: 'AgencyFBBlack';
	src: url('/css/fonts/AgencyFBBlack.eot');
	src: local('Agency FB Black'), url('/css/fonts/AgencyFBBlack.woff') format('woff'), url('/css/fonts/AgencyFBBlack.ttf') format('truetype'), url('/css/fonts/AgencyFBBlack.svg') format('svg');
}
.hyper { font-family: AgencyFBBold, sans-serif; color: #FFF; text-transform: uppercase; text-shadow: 0px 0px 0.3em #F00, 0px 0px 0.3em #F00; }
.massive { font-family: AgencyFBBold, sans-serif; font-size: 98px; color: #a91221; }
h1, h2, h3 { font-family: AgencyFBBold, sans-serif; margin: 0px; text-transform: uppercase; }
h2 { color: #a91221; }
h2 .subtitle { font-size: 14px; color: #FFF; }
a { color: #000; }
ul, li { list-style: none; margin: 0; padding: 0; }
/* ============ LAYOUT ============ */
html, body { height: 100%; }
body { background-color: #FFF; color: #000; font-family: 'Quantico', sans-serif; font-size: 14px; }
#sheet { width: 90%; margin: 0 auto; }
#top_ad { margin: 35px auto 0; width: 300px; }
#top_ad .tail { display: none; font-family: sans-serif; margin-top: 8px; font-size: 10px; text-align: center; }
#top_node { max-width: 1180px; overflow: auto; margin: 40px auto 20px; padding: 0 5%; }
#top_node .module { float: right; margin: 0 0 20px 20px; }
#top_node .quote { display: block; margin-bottom: 5px; }
#top_headline {
    text-transform: uppercase;
    text-align: center;
    margin-top: -25px;
    padding-top: 50px;
}
#top_headline.siren { padding-top: 150px; background: url(/images/siren.png) top center no-repeat; }
#top_headline a {
    font-family: AgencyFBBoldExtended, sans-serif;
    color: #000;
    font-size: 35px;
    font-style: italic;
}
#top_headline.siren a { color: #ed1c24; }
#headline_image { text-align: center; margin: 30px 0 10px; }
#headline_image img { max-height: 200px; }
#logo {
    width: 950px;
    height: 100px;
    margin: 20px auto 50px;
    overflow: hidden;
    text-indent: -999px;
    background: url(/images/logo.png) center no-repeat;
    position: relative;
}
#logo .emblem {
    width: 101px;
    height: 79px;
    background: url(/images/emblem_candy.png) no-repeat;
    position: absolute;
    top: 5px;
}
.emblem.left { left: 0; }
.emblem.right { right: 0; }
#content { width: 90%; margin: 0 auto; }
.col { width: 33%; min-width: 330px; float: left; padding-bottom: 200px; }
#col2, #col3 { border-left: 1px solid #b7b7b7; }
.node {
    padding-top: 1.5em;
    border-top: 1px solid #b7b7b7;
    margin: 1.5em 10px 0;
}
.node.first {
    border: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
.node.link-tail a, .node.source-tail a { display: block; }
.node.source-tail a { text-transform: uppercase; }
.node.source-tail a.rt_critic { padding-left: 16px; background: url('/images/rt_fresh_12.png') left center no-repeat; }
/* ---- socialbar ---- */
ul#socialbar { list-style: none; margin: none; }
ul#socialbar li { list-style: none; margin: 8px 0 0; }
ul#socialbar li#facebook-like, ul#socialbar li#twitter-share { margin-top: 3px; }
/* ============ MODULES ============ */
body.module_share {
    margin: 0px;
    padding: 3px;
    background-color: transparent;
    overflow: hidden;
}
.module {
    width: 300px;
    position: relative;
}
.module-inner {
    padding: 22px 30px;
    position: relative;
}
.module .embed_wrap {
    display: none;
    position: absolute;
    width: 276px;
    padding: 10px 13px;
    left: 7px;
    top: 29px;
    height: 100px;
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
}
.module.image, .image.border { border: 6px solid #8b1512; box-shadow: 0px 0px 6px #000; width: 302px; line-height: 0px; }
.module.image img, .image.border img { border: 1px solid #7c5854; }
.module.image .embed_wrap { width: 276px; left: 0px; top: 0px; }
.module .embed_wrap p {
    text-align: center;
    whitespace: nowrap;
    margin: 0 0 10px 0;;
    color: #FFF;
}
textarea.embed {
    width: 260px;
    height: 60px;
}
.module .site_link, .module .embed_link {
    display: block;
    position: absolute;
    cursor: pointer;
    bottom: 0px;
    height: 30px; 
}
.module .site_link { left: 0px; width: 130px; }
.module .embed_link { left: 130px; width: 40px; }
.module.image .site_link { left: inherit; right: 40px; }
.module.image .embed_link { left: inherit; right: 0px; }
.module.img_riots .site_link { top: 0px; bottom: inherit; }
.module.img_riots .embed_link { top: 0px; bottom: inherit; }
.module.image { width: 302px; }
.module.image .module-inner { padding: 0; background: none; }
img.module_image { display: block; padding: 0; background: none; }
img.module_image.loading { visibility: hidden; }
.story { margin-top: 1em; }
.top.story { margin-top: 0; }
.first.story { font-weight: bold; }

/* ---- crime_report ---- */
.module.crime_report { padding: 0; background-image: url(/images/module_crime_report_sprite.png); width:316px; height: 316px; }
.module.crime_report .module-inner { padding: 28px 36px; }
.module.crime_report h2 { visibility: hidden; font-family: AgencyFBBlack, sans-serif; color: #FFF; font-size: 28px; margin-bottom: 0px; text-shadow: 1px 1px 2px #000; }
.module.crime_report th, .module.crime_report td {
    font-family: sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFF;
    line-height: 16px;
}
.module.crime_report table { margin: 0; padding: 0; border-spacing: 0; width: 270px; position: relative; top: -2px; }
.module.crime_report th { visibility: hidden; font-family: AgencyFBBlack, sans-serif; font-size: 16px; line-height: 16px; text-align: left; color: #fdc957; text-shadow: 1px 1px 2px #000; padding: 7px 0 11px; }
.module.crime_report td { font-family: Quantico, sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; }
.module.crime_report td.stable, .module.crime_report td.increase, .module.crime_report td.decrease {
    background-image: url(/images/module_crime_report_sprite.png);
    background-repeat: no-repeat;
}
.module.crime_report td.period { visibility: hidden; width: 120px; }
.module.crime_report td.count { width: 66px; }
.module.crime_report td.change { width: 51px; padding-left: 20px; }
.module.crime_report td.increase { background-position: -336px -13px; }
.module.crime_report td.stable { background: transparent; }
.module.crime_report td.decrease { background-position: -336px -53px; }
/*
.module.crime_report .odd { background-color: #140606; }
.module.crime_report .even { background-color: #190909; }
*/

/* ---- on_duty ---- */
.module.on_duty .module-inner { background: url(/images/module_on_duty_bg.png); width: 318px; height: 229px; padding: 0; }
.module.on_duty .display { position: absolute; top: 97px; left: 38px; }
.module.on_duty .digit {
    float: left;
    margin-right: 9px;
    width: 53px;
    height: 70px;
    background-image: url(/images/module_on_duty_solari_board.png);
}
.module.on_duty .digit.d__ { background-position:    0px    0px; }
.module.on_duty .digit.d_e { background-position:    0px  -70px; }
.module.on_duty .digit.d_n { background-position:    0px -140px; }
.module.on_duty .digit.d_a { background-position:    0px -210px; }
.module.on_duty .digit.d_d { background-position:    0px -210px; }
.module.on_duty .digit.d1_ { background-position:  -53px    0px; }
.module.on_duty .digit.d1e { background-position:  -53px  -70px; }
.module.on_duty .digit.d1n { background-position:  -53px -140px; }
.module.on_duty .digit.d1a { background-position:  -53px -210px; }
.module.on_duty .digit.d1d { background-position:  -53px -210px; }
.module.on_duty .digit.d2_ { background-position: -106px    0px; }
.module.on_duty .digit.d2e { background-position: -106px  -70px; }
.module.on_duty .digit.d2n { background-position: -106px -140px; }
.module.on_duty .digit.d2a { background-position: -106px -210px; }
.module.on_duty .digit.d2d { background-position: -106px -210px; }
.module.on_duty .digit.d3_ { background-position: -159px    0px; }
.module.on_duty .digit.d3e { background-position: -159px  -70px; }
.module.on_duty .digit.d3n { background-position: -159px -140px; }
.module.on_duty .digit.d3a { background-position: -159px -210px; }
.module.on_duty .digit.d3d { background-position: -159px -210px; }
.module.on_duty .digit.d4_ { background-position: -212px    0px; }
.module.on_duty .digit.d4e { background-position: -212px  -70px; }
.module.on_duty .digit.d4n { background-position: -212px -140px; }
.module.on_duty .digit.d4a { background-position: -212px -210px; }
.module.on_duty .digit.d4d { background-position: -212px -210px; }
.module.on_duty .digit.d5_ { background-position: -265px    0px; }
.module.on_duty .digit.d5e { background-position: -265px  -70px; }
.module.on_duty .digit.d5n { background-position: -265px -140px; }
.module.on_duty .digit.d5a { background-position: -265px -210px; }
.module.on_duty .digit.d5d { background-position: -265px -210px; }
.module.on_duty .digit.d6_ { background-position: -318px    0px; }
.module.on_duty .digit.d6e { background-position: -318px  -70px; }
.module.on_duty .digit.d6n { background-position: -318px -140px; }
.module.on_duty .digit.d6a { background-position: -318px -210px; }
.module.on_duty .digit.d6d { background-position: -318px -210px; }
.module.on_duty .digit.d7_ { background-position: -371px    0px; }
.module.on_duty .digit.d7e { background-position: -371px  -70px; }
.module.on_duty .digit.d7n { background-position: -371px -140px; }
.module.on_duty .digit.d7a { background-position: -371px -210px; }
.module.on_duty .digit.d7d { background-position: -371px -210px; }
.module.on_duty .digit.d8_ { background-position: -424px    0px; }
.module.on_duty .digit.d8e { background-position: -424px  -70px; }
.module.on_duty .digit.d8n { background-position: -424px -140px; }
.module.on_duty .digit.d8a { background-position: -424px -210px; }
.module.on_duty .digit.d8d { background-position: -424px -210px; }
.module.on_duty .digit.d9_ { background-position: -477px    0px; }
.module.on_duty .digit.d9e { background-position: -477px  -70px; }
.module.on_duty .digit.d9n { background-position: -477px -140px; }
.module.on_duty .digit.d9a { background-position: -477px -210px; }
.module.on_duty .digit.d9d { background-position: -477px -210px; }
.module.on_duty .digit.d0_ { background-position: -530px    0px; }
.module.on_duty .digit.d0e { background-position: -530px  -70px; }
.module.on_duty .digit.d0n { background-position: -530px -140px; }
.module.on_duty .digit.d0a { background-position: -530px -210px; }
.module.on_duty .digit.d0d { background-position: -530px -210px; }

/* ---- radiation_levels ---- */
.module.radiation_levels {
    margin-top: 60px;
    border: none;
    box-shadow: none;
}
.module.radiation_levels .module-inner {
    background: url(/images/module_radiation_sprite.png) no-repeat transparent;
    width: 316px;
    height: 315px;
    padding: 0px;
    border: none;
}
.module.radiation_levels .rad_status { position: absolute; top: -54px; left: 0px; width: 316px; height: 179px; background: url(/images/module_radiation_sprite.png) 0px -326px; font-family: AgencyFBBold, sans-serif; color: #FFF; text-shadow: 1px 1px 2px #000; }
.module.radiation_levels .rad_status .left { display:none; position: absolute; bottom: -23px; left: 35px; text-transform: uppercase; }
.module.radiation_levels .rad_status .left .label1 { font-size: 15px; display: block; }
.module.radiation_levels .rad_status .left .label2 { font-size: 21px; line-height: 21px; display: block; }
.module.radiation_levels .rad_status .right { position: absolute; bottom: -15px; right: 22px; text-align: right; }
.module.radiation_levels .rad_status .value { font-size: 60px; line-height: 44px; }
.module.radiation_levels .rad_status .units { visibility: hidden; font-size: 21px; }
.module.radiation_levels .lightning.bolt1 { position: absolute; top: 82px; left: 18px; width: 74px; height: 85px; background: url(/images/module_radiation_sprite.png) -18px -508px; }
.module.radiation_levels .lightning.bolt2 { position: absolute; top: 82px; left: 52px; width: 66px; height: 85px; background: url(/images/module_radiation_sprite.png) -92px -508px; }
.module.radiation_levels .lightning.bolt3 { position: absolute; top: 82px; left: 78px; width: 74px; height: 85px; background: url(/images/module_radiation_sprite.png) -158px -508px; }
.module.radiation_levels .rad_count { position: absolute; top: 65px; left: 20px; width: 260px; height: 60px; }
.module.radiation_levels .rad_recommendation { position: absolute; top: 18px; right: 18px; height: 30px; width: 129px; background: url(/images/module_radiation_sprite.png) -320px -20px no-repeat; }
.module.radiation_levels .rad_recommendation .icon { position: absolute; top: -8px; right: -8px; background: url(/images/module_radiation_sprite.png) -324px -51px no-repeat; width: 40px; height: 40px; }
.module.radiation_levels .rad_recommendation.lethal .icon { background-position: -323px -91px; }
.module.radiation_levels .rad_graph { position: absolute; bottom: 36px; left: 38px; width: 300px; }
.module.radiation_levels .rad_col { float: left; width: 28px; height: 120px; margin-right: 7px; padding-top: 4px; }
.module.radiation_levels .rad_bar { position: absolute; bottom: 30px; width: 21px; height: 0px; margin-left: 4px; background-image: url(/images/module_radiation_sprite.png); border-radius: 2px; box-shadow: 0px 0px 4px #000; }
.module.radiation_levels .rad_day { visibility: hidden; position: absolute; width: 28px; bottom: 10px; text-align: center; font-family: AgencyFBBoldExtended, sans-serif; font-size: 7px; margin-top: 8px; color: #FFF; }

/* ---- justice_feed ---- */
.module.justice_feed { background: url(/images/module_justice_feed_bg.png) no-repeat transparent; width: 316px; height: 316px; }
.module.justice_feed .module-inner { padding: 32px 0 32px 40px; overflow:hidden; height: 213px; }
.module.justice_feed h2 { visibility: hidden; font-family: AgencyFBBlack, sans-serif; color: #FFF; font-size: 21px; margin-bottom: 2px; text-shadow: 1px 1px 2px #000; }
.module.justice_feed li { font-family: Quantico; line-height: 12px; font-size: 12px; text-transform: uppercase; color: #fff; padding: 12px 40px 0 0; }
.module.justice_feed .time { color: #C00; }

/* ---- judgement_scanner ---- */
.module.judgement_scanner { background: url(/images/module_judgement_scanner_bg.png) no-repeat transparent; width: 316px; height: 316px; }
.module.judgement_scanner .module-inner { padding: 32px 0 32px 40px; overflow:hidden; height: 213px; }
.module.judgement_scanner h2 { visibility: hidden; font-family: AgencyFBBlack, sans-serif; color: #FFF; font-size: 21px; margin-bottom: 2px; text-shadow: 1px 1px 2px #000; }
.module.judgement_scanner li { font-family: Quantico; line-height: 12px; font-size: 12px; text-transform: uppercase; color: #fff; padding: 12px 40px 0 0; }
.module.judgement_scanner li a { color: #fff; text-decoration: none; }
.module.judgement_scanner li a { color: #fff; text-decoration: none; }
.module.judgement_scanner .name { color: #971a17; }

/* ---- judged_fresh ---- */
.module.judged_fresh { background: url(/images/module_judged_fresh_bg.png) no-repeat transparent; width: 316px; height: 365px; } .module.judged_fresh .module-inner { padding: 32px 0 32px 40px; overflow:hidden; height: 196px; position: absolute; top: 52px; }
.module.judged_fresh li { font-family: Quantico; font-style: italic; line-height: 14px; font-size: 11px; text-transform: uppercase; color: #fff; padding: 0 40px 24px 0; }
.module.judged_fresh li a { color: #fff; text-decoration: none; }
.module.judged_fresh li a { color: #fff; text-decoration: none; }
.module.judged_fresh .byline { padding-top: 12px; }
.module.judged_fresh .name { color: #ce1100; }

/* ---- slomo_crime ---- */
.module.slomo_crime { background: url(/images/module_slomo_crimes_sprite.png) no-repeat transparent; width: 316px; height: 316px; }
.module.slomo_crime .graph { position: absolute; left: 68px; top: 83px; }
.module.slomo_crime .bar { position: relative; height: 15px; min-width: 26px; max-width: 207px; padding-right; 4px; border-radius: 3px 4px 4px 3px; box-shadow: 0px 0px 4px #000; background: url(/images/module_slomo_crimes_sprite.png) no-repeat transparent bottom left; margin-bottom: 10px; }
.module.slomo_crime .bar .value { color: #FFF; position: absolute; right: 0px; padding-right: 4px; font-size: 11px; /*font-family: AgencyFBBold, sans-serif;*/ height: 15px; line-height: 16px; border-radius: 0 3px 3px 0; background: url(/images/module_slomo_crimes_sprite.png) no-repeat transparent bottom right; }
.module.slomo_crime .bar.today { background-position: 0px -325px; }
.module.slomo_crime .bar.today .value { background-position: right -325px; }

/* ---- tickets ---- */
.module.tickets { background: url(/images/module_tickets_sprite.png) no-repeat transparent; width: 316px; height: 205px; }
.module.tickets form.link { display: none; }
.module.tickets .zip { background: transparent; position: absolute; left: 76px; top: 80px; width: 163px; height: 28px; text-align: center; border: none; font-family: AgencyFBBold, sans-serif; font-size: 16px; color: #FFF; }
.module.tickets .buttons { position: absolute; top: 117px; left: 85px; text-align: center; }
.module.tickets .buttons input { width: 35px; height: 33px; background-image: url(/images/module_tickets_sprite.png); background-color: transparent; border: 0px; overflow: hidden; text-indent: -999px; }
.module.tickets .fandango { background-position: -5px -211px; }
.module.tickets .fandango:hover { background-position: -165px -211px; }
.module.tickets .movietickets { background-position: -41px -211px; }
.module.tickets .movietickets:hover { background-position: -201px -211px; }
.module.tickets .yahoo { background-position: -77px -211px; }
.module.tickets .yahoo:hover { background-position: -237px -211px; }
.module.tickets .moviefone { background-position: -113px -211px; }
.module.tickets .moviefone:hover { background-position: -273px -211px; }
