/*** san jose mercuryn news div-based layout css ***/

/** regions **/

div.region10 {
padding:0 0 25px 25px;
}

.region1 div, .region2 div, .region3 div, .region4 div, .region5 div, .region7 div, .region8 div, .region9 div, .region11 div {text-align: left;}

.region2, .region8 {width: 300px !important; margin: 0 15px 0 25px !important; padding-left: 0 !important;}

.region3, .region9 {width: 300px !important; padding: 0 !important;}


.region2, .region8 {*margin: 0 0 0 15px !important;}


/** header/nav **/

#v2_yourmercnews {text-align: left !important;}

div.headerRegion {overflow-x: visible !important;}

#navWrap div {text-align: left !important;}

#nav, #navWrap, #maindiv1, #maindiv2, #maindiv3, #maindiv4, #maindiv5, #maindiv6, #maindiv7, #maindiv8, #maindiv9, #maindiv11, #maindiv12, #maindiv14, #maindiv15, #maindiv16 {overflow-x: visible !important;}


/** content **/

/* the *overflow: visible; style is an ie hack to correctly display the In the Spotlight content */
.contentblock {overflow: hidden !important; *overflow: visible !important;}

.block {overflow: hidden !important;}

#webvoteBlock {width: 300px !important;}

/*
.headerAlt {margin-bottom: -10px !important;}
*/

.complexListingBox {margin-bottom: 10px !important;}

.mostViewedBox {width: 300px !important; margin-top: 10px !important;}

/* begin breaking news */

.articleListingBox .indexSectionTitle, .bnDIV { display:none }
.articleListingBox a.indexArticleListing { font-weight:bold;color:#004276 !important; }
.articleListingBox a:link, .articleListingBox a:visited, .articleListingBox a:active { font-weight:bold;color:#004276;text-decoration:none; }

.articleListingBox {
	-x-system-font:none;
	background-color:#fff !important;
	border-top:1px solid #e6e6e6 !important;
	border-bottom:1px solid #e6e6e6 !important;
	border-left:0 !important;
	border-right:0 !important;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	padding-top:5px;
	margin-top: 15px;
	}

.articleListingBox li {
	background:transparent url(http://extras.mnginteractive.com/live/media/site568/2009/0713/20090713_121119_bluearrow.gif) no-repeat scroll 0 3px !important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:7px;
	margin-left:0px !important;
	padding-left:10px;
	text-indent:0;
	}


.layout5FeatureItemBox .listingItemTitle {
	display:block;
	margin:0;
	padding:0 15px;
	}
	
.layout5FeatureItemBox .listingArticleBlurb {
	display:block;
	margin:-10px 0 0 0;
	padding:0 15px;
	}
	


.otherItemBox {
	display:none;
	}
	
	
table#home_bn { width:100% }
#home_bn td { padding:3px 10px;border-bottom:1px solid #e6e6e6 }
#home_bn a { font:10px arial;color:#004276;text-decoration:none }
#home_bn a:hover { font:10px arial;color:#004276;text-decoration:underline }

/* end breaking news */


/* begin region2 widget box - latest from the blogs */

#widgetbox_widget_flash_0 {margin-bottom: 15px !important;}

/* end region2 widget box - latest from the blogs */

/*** footer ***/

div.footerRegion {overflow-x: visible !important;}








#outerRightRegion .outerRightRegion {overflow-x: visible !important;}

#region4 .region4 {overflow-x: visible !important;}

#adWicked {overflow-x: visible !important;}

#adx_script_65186 {overflow-x: visible !important;}

#outerLeftRegion .outerLeftRegion {overflow-x: visible !important;}






/*** BEGIN allows adPosition6 (pulldown ad under nav) to work in firefox ***/

/*div#postHeader, div.postHeaderRegion div {overflow-x: visible !important;}*/

/*** End allows adPosition6 (pulldown ad under nav) to work in firefox ***/

/*** BEGIN adPosition6 & adPosition9 - allows flash ads to work in firefox ***/

div#adPosition6, div {overflow-x: visible !important;}

div#adPosition9, div {overflow-x: visible !important;}

/*** END adPosition6 & adPosition9 - allows flash ads to work in firefox ***/


/*** BEGIN region3 & region5 slideshows - this gets rid of the scrolling bar in firefox ***/

div#slider1 {overflow: hidden !important;}

div#horizontalcontentslider1 {overflow: hidden !important;}

/*** End region3 & region5 slideshows - this gets rid of the scrolling bar in firefox ***/



/* HOMEPAGE CENTERPIECE ROTATOR */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0;
width: 300px; /*width of featured content slider*/
height: 400px;
background:url(http://extras.mnginteractive.com/live/media/site568/2009/0713/20090713_122726_centerpiece_bg.gif) repeat-y;
margin-top: -7px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
width: 300px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#slider1 .complexListingBox {
margin-left: 0;
}

#slider1 .listing5ImageBox {
margin-top: 0;
}

.pagination{
background:url(http://extras.mnginteractive.com/live/media/site568/2009/0713/20090713_122834_centerpiece_end.gif) no-repeat;
width: 300px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 27px;
text-align: right !important;
font: bold 11px verdana;
padding: 5px 0 0 0;
border:0px solid #f00;
margin-bottom:10px;
}

.pagination a{
padding: 0;
margin-right: 5px;
text-decoration: none; 
color: #999;
}

.pagination a.next{
margin-right: 15px;
}

.pagination a:hover, .pagination a.selected{
color: #000;
}

/* end HOMEPAGE CENTERPIECE ROTATOR */



/* begin HORIZONTAL SLIDER */	

.horizontalcontentsliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 0;
	width: 626px; /*width of featured content slider*/
	height: 120px;
	background: url(http://extras.mnginteractive.com/live/media/site568/2009/0713/20090713_123419_slider_bg.gif) no-repeat;
	margin: 10px 0 0 24px;
	}

#horizontalcontentslider1 .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	padding: 5px 0 0 0;
	width: 545px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 120px;
	display: block;
	margin-left: 38px;
	background: url(http://extras.mnginteractive.com/live/media/site568/2009/0713/20090713_123419_slider_bg.gif) no-repeat -36px 0;
	border: 0px solid #f00;
	overflow: hidden;
	}

#horizontalcontentslider1 .horslide-pos1	{
	padding: 3px 10px 16px 10px;
	overflow: hidden;
	}

#horizontalcontentslider1 .horslide-pos2	{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px 10px 16px 10px;
	margin: 0;
	overflow: hidden;
	}

#horizontalcontentslider1 .horslide-pos3	{
	padding: 3px 0 16px 10px;
	overflow: hidden;
	}

#horizontalcontentslider1 img {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	}
#horizontalcontentslider1 .category a:link,
#horizontalcontentslider1 .category a:active,
#horizontalcontentslider1 .category a:visited {
	font: bold 12px verdana;
	color:#00223F;
	margin: 0 0 5px 0;
	text-decoration: none;
	display: block;
	}
#horizontalcontentslider1 .headline {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	}
#horizontalcontentslider1 .headline a:link,
#horizontalcontentslider1 .headline a:active,
#horizontalcontentslider1 .headline a:visited {
	font: 11px verdana;
	color:#111A70;
	text-decoration: none;
	}

.horslidepagination{
	position: relative; /*leave as is*/
	top: -120px;
	left: 24px;
	z-index: 2;
	width: 626px; /*Width of horslidepagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 88px;
	overflow: hidden;
	padding: 10px 0 0 0;
	}

.horslidepagination a{
	border: 0;
	}

.horslidepagination a:hover, .horslidepagination a.selected{
	border: 0;
	}
	
.horslidepagination .prev {
	float: left;
	margin: 39px 0 0 5px;
	}
.horslidepagination .next {
	float: right;
	margin: 20px 5px 0 0;
	}
.horslidepagination .toc {
	position: relative;
	top: -10px;
	left: 560px;
	font: bold 10px verdana;
	color: #999;
	text-decoration: none;
	}
.horslidepagination .toc {
	font: bold 10px verdana;
	color: #999;
	text-decoration: none;
	}
.horslidepagination .selected {
	font: bold 10px verdana;
	color: #000;
	text-decoration: none;
	}

.region5 {
	height: 138px !important;
	overflow: hidden 138px !important;
	margin: 0 !important;
	}

/* end HORIZONTAL SLIDER */	
