/*-*-* Inside Bay Area Home Page Div-Based Layout CSS *-*-*/


/*** BEGIN regions ***/

.region1 div, .region2 div, .region3 div, .region4 div, .region5 div, .region7 div, .region8 div, .region9 div, .region11 div {text-align: left !important;}

.outerLeftRegion, .outerLeftRegion div {overflow-x: visible !important; *overflow-x: hidden !important;}

.region2, .region8 {width: 300px !important; margin: 0 15px 0 25px !important; padding: 0 !important;}

.region2, .region8 {*margin: 0 0 0 15px !important;}

.outerRightRegion, .outerRightRegion div {overflow-x: visible !important;}

.region3, .region9 {width: 300px !important; padding: 0 !important;}

/* begin region3 & region9 fix for proper IE alignment */

div.region3, div.region9 {*float:left !important; *margin-left: 20px !important;}

/* end region3 & region9 fix for proper IE alignment */

#region4 .region4 {overflow-x: visible !important;}

div#region11 {margin-left: 15px !important; *margin-left: 0 !important;}

/*** END regions ***/



/*** BEGIN 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;}

div#regionParent div#postHeader1 {overflow-x: visible !important;}

div#postHeader {overflow: visible !important;}

.contentStyle {overflow-x: visible !important;}

div#contraCostaHeader {overflow: visible !important;}

div#masthead_home {overflow: visible !important;}

div#nav div {overflow: visible !important;}

div#postHeader div {overflow: visible !important;}

div#postHeader1 div#adPosition6 {overflow: visible !important;background:#fff !important;}

div#p7TBM div {height: 30px !important;}

/*** END header/nav ***/



/*** BEGIN content ***/

td.complexListingImage {display: none;}

/* 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;}

.region2 h1, .region8 h1, .region3 h1, .region9 h1 {margin-top: 10px !important;}

.mostViewedBox {width: 300px !important; margin-top: 10px !important;}

/* begin region2 widget box - latest from the blogs */

#widgetbox_widget_flash_0 {margin-bottom: 15px !important;}

/* end region2 widget box - latest from the blogs */

/* begin homepage centerpiece rotator */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0;
width: 300px; /*width of featured content slider*/
height: 350px;
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: -2px;}

#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 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 */

/* 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;
	}

/* begin horizontal slider update for proper alignment in IE */

.horizontalcontentsliderwrapper {*margin-left: -10px !important;}

div#paginate-horizontalcontentslider1  {*margin-left: -35px !important;}

/* end horizontal slider update for proper alignment in IE */

#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 !important;
	}
#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;
	margin: 0 !important;
padding-left:0 !important;
	}

/* end horizontal slider */	

/* begin breaking news */

#homediv .lastUpdatedDate { display:none }

.articleListingBox .indexSectionTitle { 
	display:none
	}
.articleListingBox a.indexArticleListing { 
	font-weight:bold;
	color:#004276;
	}
.articleListingBox a:link,
.articleListingBox a:visited,
.articleListingBox a:active { 
	font-weight:bold;
	color:#004276;
	text-decoration:none;
	}

.articleListingBox a:hover { 
	font-weight:bold;
	color:#c00;
	text-decoration:none;
	}

.articleListingBox {
	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:10px 15px 5px 15px;
	}
	
.layout5FeatureItemBox .listingArticleBlurb {
	display:block;
	margin-top:-10px !important;
	padding:0 15px;
	}
	
div#region2 li.indexArticleBullet {margin-left: 5px !important;}

div#region2 .indexArticleListing {margin-left: -11px !important;}
	
div#region2 span#homediv { display:block;padding:5px 0;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
	
/* end breaking news */

/* begin region9 & region3 weird news box IE fix */

div#region9 #cl_with_rounded_corners_bottom a, div#region3 #cl_with_rounded_corners_bottom a {*text-indent: 0 !important; *margin-left: 10px !important;}

div#region9 #cl_with_rounded_corners_bottom .listNoImage, div#region3 #cl_with_rounded_corners_bottom .listNoImage {*padding: 0 !important; *float: left !important; *width: 270px !important;}

#cl_with_rounded_corners_more div {
*text-align: left !important;
*margin-top:0;
*padding: 10px 25px 10px 0 !important;
*overflow: hidden !important;
*border: 1px solid #ddd !important;
*border-top: 0;
*width: 300px !important;
}

/* end region9 & region3 weird news box IE fix */

/* begin region8 & region9 complex listing links for IE */

div#region8 .complexListingLink {*text-indent: 0 !important; *margin-left: 0px !important;}

div#region8 .listNoImage {*padding: 0 !important; *float: left !important; *width: 290px !important;}

div#region9 .complexListingLink {*text-indent: 0 !important; *margin-left: 0px !important;}

div#region9 .listNoImage {*padding: 0 !important; *float: left !important; *width: 290px !important;}

/* end region8 & region9 complex listing links for IE */

table#home_bn { width:100%;border-bottom:1px solid #e6e6e6 }
#home_bn td { padding:3px 10px}
#home_bn a { font:10px arial;color:#004276;text-decoration:none}
#home_bn a:hover { font:10px arial;color:#004276;text-decoration:underline}

/*** END content ***/



/*** BEGIN adPosition6 & adPosition9 - allows flash ads to work in firefox ***/

div#adPosition6 div {overflow-x: visible !important;}

div#regionParent div#adPosition6 .adElement {overflow-x: visible !important;}

div#adPosition9 div {overflow-x: visible !important;}

/*** END adPosition6 & adPosition9 - allows flash ads to work in firefox ***/



/*** BEGIN footer ***/

div.footerRegion {overflow-x: visible !important;}

/*** END footer ***/

#rightrailpromo_container { margin-left:0 !important; }

.zvents_maincontainer,
.emailpromo_maincontainer {
width:298px !important;
}

div.region6 {
width:130px !important;
margin-left:15px !important;
}

div.region7 {
float:left !important;
margin-left:38px !important;
width:130px !important;
}

div.region6 a img,
div.region7 a img {
border:0 !important;
}

table.lnbbgcolor {
margin-left:auto;
margin-right:auto;
}

#region3 table.complexListingBox {
width:300px !important;
}
#region3 .listingArticleBlurb {
margin-bottom:15px;
}

#region2and3box .complexListingTitle {
display:none;
}

#cl_with_rounded_corners_bottom .complexListingTitle {
display:block !important;
}

/******** homepage apacalypes fix by snguyen 05-20-2010 ********/
.region1 {
width: auto !importan;
padding: 0 0 20px 20px;
}
.region1 a.listingItemTitle:link,
.region1 a.listingItemTitle:active,
.region1 a.listingItemTitle:visited {
display: inline-block;
width: 200px;
/*margin-top:-30px;*/
}
.region1 .listingArticleBlurb {
display: inline-block;
width: 200px;
}
/******** homepage apacalypes fix by snguyen 05-20-2010 ********/

/* fry's penthouse fix */
div {
    overflow-x: visible !important;
}
/* steve */