/* 

version 1.0 kris edit padding to top nav 

version 1.01 IA Changed LH rules to solid 

version 1.02 BR switched login classes to v2 

version 1.03 MF commented out #storyTools li.social as it was causing load spike

version 1.04 NS added dynamic masthead classes

version 1.05 NS added page log class

version 1.05 AH comments styles
*/



#LHnav {

	width: 192px;

    position:absolute;

	left: 25px;

	top: 214px;

/*	background: #ddbbff; */

}

body {
	background-image:url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	}

#LHnav a {
	text-decoration: none;
}

#LHnav li {
	list-style-type: none;
	text-indent: 0;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 2px;
}



#LHnav ul {

	text-indent: 0px;
	padding: 0;

	margin: 0;

}

#LHnav li {

	padding-top: 3px;

}

#content {
	margin: 0;
}

.section {

	color: #dd0000;

	font: 30px/30px Georgia, "Times New Roman", Times, serif;

	padding-bottom: 10px;

}



a.strap  {

	color: #666666;

	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}

a.strap:HOVER  {

	color: #dd0000;

	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}



/**/



span.titleLive {

	color: #dd0000;

	font: 11px/18px Georgia, "Times New Roman", Times, serif;

	text-decoration: none;

}



span.title {

	padding-top: 2px;

	color: black;

	font: 11px/18px Georgia, "Times New Roman", Times, serif;

	text-decoration: none;

}

span.title:hover {

	color: #dd0000;

}





#ad  {

	display: inline;

}



/* Styles for multipages */



#multipages {

	font: 11px/14px Georgia, "Times New Roman", Times, serif;

	padding-top: 0px;

	text-transform: uppercase;

	color: #cc0000;

	min-height: 18px;

}



* html #multipages {

	height: 18px;

}



#multipages	a {

	color: #cc0000;

}



#multipagesRight {

	float: right;

	display: inline;

	width: auto;

}



#multipagesLeft {

	display: inline;

	width: auto;

	float: left;

/*	padding-left: 200px;*/

}



/* Styles for Footer */



#footer {

	width: 952px;

	background: #f0f0f0;

	padding: 10px;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #555;

	margin: 10px 0 20px 12px;

	position: absolute;

	left: 0;

}



* html #footer {

	width: 942px;

	padding: 10px 0 12px 0

}



#footer h3 {

	font-size: 10px;

	text-transform: uppercase;

	font-weight: normal;

	margin: 0 0 2px 0;

}



#footer a {

	text-decoration: none;

	color: #555;

}



#footer a:hover {

	color: #c00;

}



#footer ul, #footer li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	line-height: 20px;

}



#footer #related {

	position: relative;

	float: right;

	width: 372px;

}



#related a {

	font-style: normal;

	color: black;

}



#footer #storyTools {

	position: relative;

	float: right;

	width: 365px;

	margin-right: 20px;

	margin-left: 20px;

	padding: 0;

}



#footer #inTouch {

	position: relative;

	float: right;

	width: 175px;

}



#footer.opinion #inTouch {

	position: relative;

	float: right;

	width: 175px;

}



#footer.opinion #related {

	position: relative;

	float: right;

	width: 282px;

}



#footer.opinion #storyTools {

	position: relative;

	float: right;

	width: 455px;

	margin-right: 20px;

	margin-left: 20px;

	padding: 0;

}



#footer.features #related {

	position: relative;

	float: right;

	width: 232px;

}



#footer.features #storyTools {

	position: relative;

	float: right;

	width: 505px;

	margin-right: 20px;

	margin-left: 20px;

	padding: 0;

}



#footer.features #inTouch {

	position: relative;

	float: right;

	width: 175px;

}



#inTouch li.fp {

	position: relative;

	background-image: url(/assets/images/footer/icon_fp.gif);

	text-indent: 20px;

	background-repeat: no-repeat;

	background-position: 0 2px;

}



#inTouch li.rss {

	position: relative;

	background-image: url(/assets/images/footer/icon_rss.gif);

	padding-left: 20px;

	background-repeat: no-repeat;

	background-position: 0 2px;

}



#storyTools li.mail {

	position: relative;

	background-image: url(/assets/images/footer/icon_mail.gif);

	text-indent: 20px;

	background-repeat: no-repeat;

	background-position: 0 2px;

}



#storyTools li.print {

	position: relative;

	background-image: url(/assets/images/footer/icon_print.gif);

	padding-left: 20px;

	background-repeat: no-repeat;

	background-position: 0 1px;

}



/*#storyTools li.social {

	position: relative;

	background-image: url(/assets/images/footer/images/icon);

	padding-left: 0;

	background-repeat: no-repeat;

	background-position: 0 4px;

}*/



#related li {

	position: relative;

	background-image: url(/assets/images/bluerarrow.gif);

	background-repeat: no-repeat;

	background-position: 0 5px;

	text-indent: 14px;

}



body {

	margin: 0;

	padding: 0px;

	/*background: #ddd;*/

}

#pageContainer {
	width: 997px;
	padding-top: 180px;
}

#mainNav {
	height: 130px;
	width: 996px;
	position: absolute;
	top: 0;
	/*left: 42px;*/
	margin: 0 auto;
	font-weight:normal;
}

img#masthead {

	padding-top: 5px;

	padding-left: 10px;

}

div#topNav {

	margin-top: -15px;

}

#pageContainer #content {

	padding: 0;

	margin: 8px 0;

	float: right;

/*	background: #aaddff; */
 	left:-12px;


}



#pageContainer #content #footer1 {

	width: 972px;

	background: #f0f0f0;

	padding: 10px;

	font-size: 11px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color: #999;

	margin: 20px 0 20px 10px;

	position: absolute;

	left: 0;

	min-height: 40px;

}

.hide {

	position: absolute;

	width: 1000px;

	left: -2000px;

}

/****************************

	Dynamic header

****************************/

#content.dynamic_masthead2 #loginControl{top:104px; border:0px solid #000;line-height:14px;height:13px;}

#pageContainer.dynamic_masthead1 #LHnav{margin-top: 22px;}
#pageContainer.dynamic_masthead2 #LHnav{margin-top: 77px;}


/* page view logger */

.displayStats {
	position: absolute; 
	top:12px; right:0; 
	z-index: 300; 
	background-color: #5a6577; 
	color: #fff;
	border: 1px solid #000;
	width:175px; 
	padding:10px; 
	margin-top:20px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.displayStats h2 {
	color: #fff;
}
.displayStats a {
	color: #fff;
	text-decoration: none;
}
.displayStats a:hover {
	text-decoration: none;
}
.showPageHits {
	position: absolute; 
	top:-5px; left:10px; 
	z-index: 300; 
	background-color: transparent; 
	color: #ccc;
	border: 0px solid #000;
	width:100px;
	margin-top:20px;
}
.showPageHits a {
	color: #999;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.showPageHits a:hover {
	color: #c00;
	text-decoration: none;
}


/*Comments*/
#comments {
	position: relative; 
	/*top: 10px;*/
	color: #555;
	clear: both;
	border-top: 1px solid #555;
	width:420px;

}

#footer #comments {
    	margin-left: 195px;
}

	#comments h2 {
		position: relative;
		float: left;
		font: 18px/1 Georgia, Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #555;
	}
	#comments #commentForm h3{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: none;
		font-size: 12px; 
		font-weight: bold;
		margin-bottom: 10px;
	}
	#comments .comment h3{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: none;
		font-size: 12px; 
		font-weight: bold;
		margin-bottom: 10px;
	}

	#comments a:link,
	#comments a:visited{
		color: #555;
	}
	#comments a:hover{
		text-decoration: none;
		color: #555;
	}
	#comments p {
		text-indent: 0;
		margin: 0;
	}
		#comments p.commentTools{
			position: relative;
			float: right;
			font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			padding-top: 10px;		
		}
	#comments .comment p {
		margin-bottom: 0px;
		clear: both;
		font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	}
	#comments .comment p.postedBy {
		margin-bottom: 10px;
	}
		#footer #comment .comment strong {
			font-weight: bold;
		}

	#comments .commentPreview {
		border: 1px solid #555;
		padding: 8px;
		background: white;
		margin: 10px 0;
	}
	#comments .formgroup {
		background: #e6e6e6;
		margin: 0;
		padding: 10px;
		float: left;
		width:420px;
		position:relative;
		left:0px;
	}
		#comments .formgroup .errormessage {
			padding: 10px;
			border: 1px solid #d00;
			background: #FFE8EF;
			color: #d00;
			font-weight:bold;
		}	
		#comments .formgroup .successmessage {
			padding: 10px;
			border: 2px solid #090;
			background: #E8FFEF;
			color: #090;
			font-weight:bold;
		}
		#comments .formgroup textarea {
			padding: 4px;
			font: 11px/1.35 Verdana, Arial, Helvetica, sans-serif;
			width: 95%;
		}
		
	#comments div.pending {
		background: #FFFFCC;
		padding: 10px;
	}

/* The Week-First Post redesign */
#contentContainer {
	position: relative;
	width: 997px;
	margin: 0 auto;
	/*padding-left:40px;*/
	


}

#header {width:996px;margin-bottom: 20px;}

#header #tabs {
    width: 996px;  
    background: url("/assets/images/nav/tabsback.gif") top right repeat-x ;
    background-color:#ffffff;
    height:25px;
    color:black;
}
* html #header #tabs { 
    height:25px;
}

#header #tabs .search {
    float:right; 
    margin-top:-45px;
    padding: 0px 10px 0 10px;
}

#header #tabs .button {
    padding: 0 10px 0 10px;
    display: inline;
}

#header .active {
background-color:#ffffff;
}

#tabs {display:block; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#tabs li {display:table-cell; margin:0; padding:0; float:left; position:relative; left:0px;}
#tabs li a {float:left; font-family: Tahoma, Geneva, Arial, sans-serif; font-weight:500; font-size:11px; height:25px; line-height:2.4em; letter-spacing:1px; padding:0 1.1em; text-decoration:none; color:#fff; background: url(/assets/images/nav/tabsoff.gif) repeat-x bottom left; color:black;}
#tabs  li a:hover, #tabs li.active a {background:url(/assets/images/nav/tabson.gif) repeat-x bottom left; color:#000000;    }
#tabs  li a:hover b, #tabs li a.active b {display:block; float:left;  cursor:pointer; border-left: solid 1px black; border-right: solid 1px black;}
#tabs  li.active {background-color:#FF0000;   }


#header #logo {
	width: 996px;
	padding-top:5px;
	position:relative;
	left:6px;  
}
#header #logo img {
	border: 0;	
}

#header .navAd {
	position: absolute;
	top:10px;
	right:0px;
	width: 728px;
	height: 90px;
	right:4px	
}
	
#breadcrumb { font: 11px/1 Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 212px; left: 10px; }
#breadcrumb, #breadcrumb a { color: #555} 
#breadcrumb a:hover { color: #c00 }
#sectionHead { font: 15px/1 Georgia, Times New Roman, Times, serif; position: absolute; top: 168px; left: 10px; color: #cc0000 }
/*#sectionHead a { color: #000000 }*/
#tabsAdvert  { 
	position:relative;
	left:0;
  	top:-3px;	
	text-align: left;
	border: 0px solid #fff;
	font: 12px/1  Verdana, Arial, Helvetica, sans-serif; height:25px; line-height:2.4em; letter-spacing:1px; width:400px; 
	margin: 0 0 0 320px;
	padding: 0;
	color: white;}
#tabsAdvert a { color: white; }
#tabsAdvert a:hover { text-decoration: none; }

#loginControl { 
	position: absolute; 
	color: #000; 
	text-align: right; 
	right: 10px; 
	top:110px; 
	z-index: 10; 
	font: 12px/1 Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:500; 
	font-size:12px; 
	height:25px; 
	line-height:2.4em; 
	letter-spacing:1px; 
}
#loginControl a { color: #000000; text-decoration: none;   }
#loginControl a:hover { color: #999999; }

.newsSpacer {
	height:202px;
	clear:both;
}	

#menuPos {width: 100%; position: relative; right: 110px;}

/* lower footer */

* html #lowerFooter { margin-left: 0}
#lowerFooter #footerLiner { position: absolute; bottom: 10px; padding: 0 20px; width:960px;}
#lowerFooter #dennisLogo { float: left; position:relative; width: 61px; padding: 5px 0;}

#lowerFooter #linkContainer {padding-left: 61px;}
#lowerFooter #linkContainer p { color: #555; font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0;}
#lowerFooter #linkContainer a { color: #555;}
#lowerFooter #linkContainer a:hover { color: #c00;}

#lowerFooter.norm { top:10px;float: left; clear: left; width: 972px; height: 55px; background-position:bottom; background-repeat:repeat-x; position: relative; left:-10px }
#lowerFooter.home { width: 972px; height: 55px; background-image: url(/assets/images/dennis/bgtemp.gif); background-position:bottom; background-repeat:repeat-x; position: relative }
#lowerFooter.menu { margin-top: 20px; float: left; clear: left; width: 972px; height: 55px; background-position:bottom; background-repeat:repeat-x; position: relative }



/* 404 */
.notFound {
	width:972px; 
 	color:white; 
 	background:#dd0000; 
 	font-family:  Verdana, Arial, Helvetica, sans-serif; 
 	text-align:center; 
 	padding: 20px 0;
 	position: relative;
	left: -13px;;
}

#filmReviewHead {
display:none;
}

#col1 .mainStoryImage {
overflow:hidden;
width:600px
}

#col1 .mainStoryImage img {
height:auto;
position:relative;
left:0px;
}


#sectionHead a {
color:#cc0000;
}

#sectionHead a:visited {
color:#cc0000;
}

#footerAd {
	clear: left; margin: 10px 0 10px 200px;
	padding-top: 10px;
}

.storyTools ul{
	padding-bottom: 10px;
}