body { margin: 0; padding: 0; min-width: 950px; font-family: 'gill sans','lucida grande',verdana,sans-serif; }
div,ul,li,h1,h2,h3,h4,h5,span { padding: 0; margin: 0 }
img { border: 0; }
a:link { color: #f00; }
a:visited { color: #933; }
a:hover,a:active { text-decoration: none; color: #b848c2 }
div.top { background: url(../art/h_topback.jpg) no-repeat; padding: 25px 0 3px 15px; text-align: left; }
div.maparea { width: 650px; margin-left: 4px; }
table.unfortunate { border-collapse: collapse; width: 100% }
table.unfortunate td { vertical-align: top; padding: 0; border: margin: 0; }
table.unfortunate td.mapmain { float: right; position: relative; width: 304px; height: 400px; background-image: url(../art/h_mapmain.jpg); }
table.unfortunate td.txt { width: 290px; height: 380px; padding: 10px 10px 10px 20px; }
table.unfortunate td.txt div.txtmain { height: 380px; width: 290px; overflow: auto; }
table.unfortunate td.txt div p { margin: 0; padding: 0; }
table.unfortunate td.maplower { padding: 10px 10px 10px 10px; width: 284px; background: #e9e6df url(../art/h_maplower.jpg) repeat-x; border-top: 1px solid #928465; background: #c2beb3 url(../art/h_mapbg.jpg) no-repeat; font-size: 15px; color: #4c4a45;  }
table.unfortunate td.casebottom { padding: 0 5px 10px 10px; }
table.unfortunate td.casebottom span.partner { display: block; margin-bottom: 9px; letter-spacing: 3px; color: #fff; font-size: 13px; text-transform: uppercase; padding: 3px; background-color: #9e9074; }
table.unfortunate td.maplower div.ppstory, table.unfortunate td.casebottom div.ppstory { color: #555; }
table.unfortunate td.maplower div.ppstory span.ppdate, table.unfortunate td.casebottom div.ppstory span.ppdate, table.unfortunate td.blog span.timestamp, div.blogbody span.timestamp { color: #555; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 4px; }
table.unfortunate td.maplower div.ppstory span.ppcredit, table.unfortunate td.casebottom div.ppstory span.ppcredit, table.unfortunate td.blog span.comments a, table.unfortunate td.blog span.comments { text-decoration: none; color: #928465; font-size: 13px; display: block; margin: 3px 0 9px 0; }
table.unfortunate td.maplower div.ppstory a.pptitle , table.unfortunate td.casebottom div.ppstory a.pptitle, table.unfortunate td.blog h3 a { font-size: 18px; font-weight: bold; text-decoration: none; }
table.unfortunate td.cases { background: #000 url(../art/ulback.png) repeat-x; height: 433px; overflow: hidden; }
table.unfortunate td.blog span.comments, div.blogbody span.comments { text-transform: uppercase; letter-spacing: 1px; }
table.unfortunate td.cases div.casehead { background-color: #333; clear: both; height: 50px; padding: 9px; color: #bbb; font-size: 13px; }
table.unfortunate td.cases div.casehead span.title { color: #eee; font-size: 16px; display: block; }
table.unfortunate td.cases div.casehead span.title span.red { color: #f00; }
div.tunein { background-color: #933; padding: 6px; text-align: center; letter-spacing: 4px; color: #fff; text-transform: uppercase; }
div.pp { padding-bottom: 8px; border-bottom: 1px dotted #aaa; margin-bottom: 8px; }
table.unfortunate td.tip { background-color: #ccc; width: 220px; }
table.unfortunate div.mapper { float: right; width: 230px; height: 250px; background: #fff url(../art/n_mapback.png); border-left: 10px solid #fff; }
table.unfortunate div.tiparea { background: #ccc url(../art/h_tip.png) repeat-x; line-height: 28px; font-size: 19px; padding: 8px 10px 150px 10px; color: #fff; }
table.unfortunate span.tiphead { font-size: 16px; line-height: 16px; margin-bottom: 15px; letter-spacing: 2px; display: block; text-transform: uppercase;}
div.timeline { clear: both; background: #343434 url(../art/h_timebg.png) repeat-x; margin: 4px; border-bottom: 18px solid #aaa;  }
div.timeline span.timehead { display: block; font-size: 14px; letter-spacing: 2px; text-align: center; color: #fff; padding: 10px; line-height: 14px; }
div.timeline span.timehead span.timeheadhi { color: #bab09b; }
div.timeline div.timelinebody { margin: 0 10px 0 10px; background: url(../art/h_timesample.jpg) repeat-x; height: 65px; }
div.commentouter { clear: both; padding: 10px 20px 0 20px; background-color: #ddd; border-top: 4px solid #fff; }
div.commentouter div._comments_outer { border-top: 0px; }
div.bottom { text-align: center; font-size: 13px; color: #555; padding: 20px 10px 10px 10px; background: #e9e6df url(../art/h_maplower.jpg) repeat-x; border-top: 1px solid #928465; }
div.reporters { float: right; width: 33%; padding: 10px 20px 20px 20px; background: #e8e0cf url(../art/h_newsback.jpg) repeat-x; text-align: left; overflow: auto; }
div.lower { margin: 4px; 	background: #fff url(../art/h_tipback.jpg) repeat-x; overflow: auto; }
div.reporter, div.reporterblurb { padding: 3px;	cursor: pointer; background-color: #f2ebdd; margin-bottom: 2px; color: #555; }
div.reporter { height: 70px; }
div.reporter span.name, div.reporterblurb span.name { display: block; margin-bottom: 4px; color: #897e67;	font-size: 17px; }
div.reporterblurb span.blurb { display: block; color: #897e67; }
div.reporter img, div.reporterblurb img { float: left; width: 70px; margin-right: 8px; }
div.reporterblurb img { margin-bottom: 20px; }
div.lower div.inner { padding: 10px 10px 10px 15px; }
div.posters { width: 117px; padding-bottom: 20px;display: inline-block; vertical-align: top; margin-top: -10px;}
div.posters a { text-decoration: none;line-height: 14px;}
div.formthing { padding: 5px;width: 400px;background-color: #eee;}
div.formthing form { padding: 0;border: 0;}
div.formthing div.clearfix { padding: 3px;clear: left;}
div.formthing label { color: #897e67;}
div.formthing input.submit { background-color: #897e67; padding: 3px; margin: 5px 0 3px 0; border: 0; color: #fff; }
div.formthing input.submit:hover {background-color: #ff00f0; }
table.unfortunate div.mapper div.caselink { width: 68px; height: 75px; padding: 3px 8px 17px 3px; background-image: url(../art/h_cb.png); position: absolute; }
table.unfortunate div.mapper div#cl1 { margin: 130px 0 0 20px; z-index: 10; }
table.unfortunate div.mapper div#cl2 { margin: 15px 0 0 25px; z-index: 11; }
table.unfortunate div.mapper div#cl3 { margin: 100px 0 0 25px; z-index: 12; }
table.unfortunate div.mapper div#cl4 { margin: 105px 0 0 10px; z-index: 13; }
table.unfortunate div.mapper div#cl7 { margin: 110px 0 0 90px; z-index: 14; }
table.unfortunate div.mapper div#cl5 { margin: 110px 0 0 90px; z-index: 15; }
table.unfortunate div.mapper div#cl6 { margin: 10px 0 0 90px; z-index: 16; }
ul.caselist { margin: 0; padding: 0; list-style-type: none; }
ul.caselist li { float: left; padding: 10px 7px 3px 7px; height: 15px; border-top: 4px solid #f00; font-size: 14px; text-align: center; color: #999; border-right: 1px solid #666; }
ul.caselist li.cl { cursor: pointer; }
ul.caselist li.cl:hover { background-color: #f00; color: #fff; }
ul.caselist li.csel, ul.caselist li.csel:hover { border-top: 4px solid #666;  background-color: #444; color: #f00; }
td.mapmain span.mapinfo { position: absolute; display: block; font-size: 13px; z-index: 19; width: 284px; padding: 2px 10px 2px 10px; background-color: #a00; color: #fff; text-align: center; letter-spacing: 1px; }
div.caseinner { overflow: hidden; position: relative; width: 100%; height: 300px; }
div.caseinner div.caseholder { position: absolute; width: 100%; height: 300px; }
div.casemanager { height: 31px; background-color: #000; }
div.caseinner div.caseholder div.boxen div.vidar { z-index: 90; position: absolute; width: 90px; height:90px; background: url(../art/vidar.png); }
div.caseinner div.caseholder div.boxen div.updar { z-index: 91; position: absolute; width: 74px; height: 16px; margin-top: 68px; padding: 3px 8px 3px 8px; text-align: center; line-height: 14px; color: #fff; font-size: 13px; background-color: #f00; opacity: .85; -moz-opacity: .85; filter: alpha(opacity = 85);}
div.caseinner div.caseholder div.boxen, div.caseinner div.caseholder div.boxenon { width: 90px; height: 90px; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=5, offY=5, positive=true); padding: 5px; background-color: #ddd; opacity: .95; position: absolute; }
div.caseinner div.caseholder div.boxen { cursor: pointer }
div.caseinner div.caseholder div.special { position: absolute; z-index: 39; width: 90px; background-color: #f00; color: #fff; line-height: 15px; font-size: 14px; padding: 5px; display: block; }
div.caseinner div.caseholder div.boxenon { background-color: #f2ebdd; opacity: 1; font-size: 14px; color: #6a6355; padding: 22px 8px 8px 8px; }
div.caseinner div.caseholder div.boxenon span.photocredit { font-size: 12px; color: #888; }
div.caseinner div.caseholder div.boxenon span.watchinfo { font-size: 12px; color: #a22; }
div.caseinner div.caseholder div.boxen:hover, div.caseinner div.caseholder div.boxensel { background-color: #b848c2; }
div.caseinner div.rightar { position: absolute; z-index: 67; width: 30px; height: 300px; cursor: pointer; right: 0; background: url(../art/rightar.png); }
div.caseinner div.leftar { position: absolute; z-index: 68; width: 30px; height: 300px; cursor: pointer; background: url(../art/leftar.png); }
div.caseinner div.caseholder div.boxenon h2 { font-size: 17px; color: #6a6355; padding: 0; margin: 4px 0 8px 5px; font-weight: normal; }
div.caseinner div.boxenon div.vidouter { width: 386px; height: 248px; float: left; margin: 0 8px 8px 0; }
div.caseinner div.boxenon a.closebox:link,div.caseinner div.boxenon a.closebox:visited { text-decoration: none; font-size: 11px; letter-spacing: 1px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; position: absolute; z-index: 41; right: 0; margin-top: -22px; display: block; padding: 2px 5px 2px 5px; color: #f00; width: 60px; text-align: center; }
div.caseinner div.boxenon a.closebox:hover { background-color: #b848c2; color: #fff; border-left: 0; border-bottom: 0;}
div.caseinner div.boxenon a.linktext, div.caseinner div.boxenon a.linktext:link, div.caseinner div.boxenon a.linktext:visited { background-color: #f2dddd; text-decoration: none; clear: both; padding: 4px; text-align: center; display: block; }
div.caseinner div.narrationlink { z-index: 85; position: absolute; width: 220px; height: 300px; display: block; cursor: pointer; background-image: url(../art/caseoverlay.png); }
div.caseinner div.narrationlink:hover { background-image: url(../art/caseoverlaya.png); }
span.casehead, span.casetag, span.casenum { display: none; }
table.unfortunate td.txt div.mapreturn { width: 40px; margin: -10px -10px -10px -20px; height: 400px; background-image: url(../art/mapreturn.jpg); }
table.unfortunate td.txt div.mapreturn:hover { background-image: url(../art/mapreturna.jpg); }
div.caseinner div.caseholder div.eye { position: absolute; height: 300px; background-color: #000; }
td.blog { vertical-align: top; width: 380px; background: #e8e0cf url(../art/h_newsback.jpg) repeat-x; }
td.blog div.blogitem { padding: 10px; color: #444; border-bottom: 1px dotted #aaa; }
hr { border: 0; border-bottom: 1px dotted #aaa; margin: 15px 0 15px 0; }
div.blogbody { background: #fff url(../art/h_tipback.jpg) repeat-x; padding: 18px 50px 0 35px; }
div.blogbody h2 {  color: #928465; font-size: 22px; font-weight: normal }
div.blogbody a.mainret { padding: 5px; display: block; margin-bottom: 20px; width: 250px; text-align: center; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none }
div.blogbody a.mainret:link, div.blogbody a.mainret:visited { background-color: #fff; }
div.blogbody a.mainret:hover { color: #fff; background-color: #b848c2; }
span.blogreadmore { display: block; text-align: right; letter-spacing: 3px; font-size: 14px }
span.blogreadmore a { text-decoration: none }
td.blog p.arclink { background: #e8e0cf url(../art/h_newsback.jpg) repeat-x; text-align: center; letter-spacing: 2px; text-transform: uppercase; padding: 20px 0 4px 0; margin: 0; }
td.blog p.arclink a { text-decoration: none; }
a.comlink {
	text-decoration: none;
	display: block;
	text-align: right;
	float: right;
	letter-spacing: 3px;
	padding: 8px 10px 10px 10px;
	height: 25px;
	z-index: 15;
	position: relative;
}

* html a.comlink {
	text-decoration: none;
	display: block;
	text-align: right;
	float: right;
	letter-spacing: 3px;
	padding: 1px 10px 10px 10px;
	height: 25px;
}

a.comlink span.comt {
	height: 13px;
	float: left;
	margin: 6px 10px 8px 0;
	font-size: 13px;
}
div.promo, div.promononlink { 
	background:#e61b00 url(../art/h_promobg.gif) repeat-x; 
	border-bottom: 1px solid #993333; 
	padding: 12px; 
	text-align: center; 
	letter-spacing: 4px; 
	color: #fff; 
	text-transform: uppercase; 
	min-width: 850px;
}

div.promo {
	cursor: pointer;
}

div.promo1 { 
	display: none;
	background:#e61b00 url(../art/h_promobg.gif) repeat-x; 
	padding: 12px; 
	text-align: center; 
	letter-spacing: 4px; 
	color: #fff; 
	text-transform: uppercase; 
	cursor: pointer;
}

div.promo:hover, div.promo1:hover {
	background: #b848c2;
	color: #fff;
}

div.promowin {
	display: none;
	width: 100%;
	min-width: 850px;
	background: #510a07 url(../art/h_promobox.png) repeat-x;
}

div.promowin div.listing {
	float: right;
	width: 43%;
	padding: 20px 20px 20px 5px;
	font-size: 15px;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
}

div.promowin div.listing div.press {
	background-color: #fb0909;
	padding: 3px;
	text-transform: uppercase;
	font-size: 17px;
	text-align: right;
	padding-right: 20px;
	margin-right: -20px;
	margin-top: 80px;
	cursor: pointer;
}

div.promowin div.listing div.press:hover {
	background-color: #b848c2;
}

div.promowin div.listing div.press a, div.promowin div.listing div.press a:hover, div.promowin div.listing div.press a:visited {
	color: #fff;
	text-decoration: none;
}

div.promowin div.video {
	min-width: 520px;
	width: 47%;
	padding-top: 20px;
	text-align: right;
}

div.promowin td.close {
	background: #510a07;
	text-align: center;	
	vertical-align: middle;
	padding: 60px 0 5px 0;
}

div.promowin td.close a {
	padding: 5px;
	text-transform: uppercase;
	text-decoration: none;	
}

div.promowin td.close span.close {
	color: #fff;
}

div.promowin td.close span.close:hover {
	color: #fb0000;
}

div.promowin td.close a:hover {
	padding: 5px;
	color: #fb0000;
	text-transform: uppercase;
	text-decoration: none;	
}


div.subtitleouter {
	/*display: none;*/
	background: #000; 
	padding: 5px;
}