/*
 * VNews specific overrides to shared base.css
 */
 
 
body{
width: 98%;
background-color: #e5e5e5;
}
#wrapper{
background-color: white;
padding: 0px 16px;
border-bottom: 1px solid #ffffff; /* Fixes issue with wrapper not extending to bottom in FF/IE8 */
}
 
/*
 * Overrides for Google Custom Search
 */
 
.gsc-search-box tbody {
border-top: 0;
}
 
/*
 * Links/selection
 */	
::-moz-selection { background: #166254; color: #fff; text-shadow: none; }
::selection { background: #166254; color: #fff; text-shadow: none; }
a { color: #166254; text-decoration: none; }
a:visited { color: #166254; }
a:hover { color: #125647; text-decoration: underline;}


/*
 * Masthead 
 */		
#masthead{
background-color: #ffffff;
height: 106px;
color: #000000;
}
#masthead .logo{
bottom: 11px;
}
#masthead .logo img{
max-width: 90%;
position: relative;
right: 8px;
}

#masthead .left_toplinks li a,
#masthead .right_toplinks li a{
color: #000000;
}
#masthead .left_toplinks,
#weather{
left: 0px;
}
#masthead .right_toplinks{
right: 0px;
}
#masthead .left_toplinks li:first-child{
margin-left: 0px;
}
#masthead .right_toplinks li:last-child{
margin-right: 0px;
}

#search{
border: 0;
right: 0px;
}
.searchbox input[type="text"]{
width: 185px;
}
#topnav{
border: 0px;
background-color: #166254;
padding-top: 1px;
}
#topnav ul li{
margin: 0px .3% !important;
}
#topnav ul li a{
color: #ffffff;
}
#topnav a,
#topnav li.topnav_parent.hover div a,
#subnav a{
color: #ffffff;
}
#topnav ul li.active,
#topnav ul li.hover{
   background-color: #48a090; 
}
#topnav li.topnav_parent > a:hover{
 text-decoration: none; 
}
#topnav ul li.topnav_parent {
  border-color: #48a090 !important;
}

#topnav li.topnav_parent.hover div{
margin-top: -1px;
}

#topnav li.topnav_parent.hover div{
margin-top: -1px;
background-color: #48a090;
border: 0px;
}
#topnav li.topnav_parent.hover div ul{
border-right: 1px solid #3f9081;
}

#subnav{
 border: 0px;
  background-color: #48a090;
}
#subnav ul li{
margin: 0px .7%;
}

/*
 * Weather.
 */
#weather{
position: absolute;
bottom: 20px;
width: 230px;
padding: 6px 8px;
  background: url(../img/raquo_big.png) no-repeat 216px center;
 border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#weather img{
float: left;
margin-right: 8px;
height: 31px;
}
#weather .temp{
float: left;
margin-right: 8px;
font-size: 32px;
line-height: 32px;
font-family: "OpenSansBold";
position: relative;
bottom: 0px;
}
#weather .deg{
 font-family: "Arial";
}
#weather .summary{
 font-size: 10px;
}
#weather.hover{
cursor: pointer;
-webkit-box-shadow: 0 4px 6px 0px #dfdfdf;
-moz-box-shadow:0 4px 6px 0px #dfdfdf;
box-shadow: 0 4px 6px 0px #dfdfdf;
}

/*
 * Bigger h2s in info pages.
 */
.full_article .body h2{
  font-size: 28px;
}

/*
 * VN specific text styles
 */
.VN_Bold{
	font-family: "OpenSansBold";
}
.VN_Italiics,
.VN_Italiic{
	font-family: "OpenSansItalic";
}
.VN_Bold-Italic{
 font-family: "OpenSansItalic";
 font-weight: bold; 
}
.VN-Body-Subhead,
.VN-Body-Subhead-NoRuleBelow,
.VN-Body-Subhead-RuleBelow,
.VN-Body-Subhead-Scores,.Body-Subhead-RuleBelow{
	font-family: "OpenSansCondensedBold";
	font-size: 20px;
	text-align: center;	
}

.VN-Opinion-Letters-Letters-Head1, .VN-Opinion-Letters-Lettters-Head2, .Letters-Head1, .Lettters-Head2 {
	font-family: "OpenSansCondensedBold";
	font-size: 20px;
	text-align: left;
}

.VN-Opinion-Letters-Letters-Signature, .VN-Opinion-Letters-Letters-Town, .Letters-Signature, .Letters-Town{
	font-style:italic
}


/*
 * Blogs block uses mugshots instead of square icons.
 */
.blog_item img{
  max-width: 46px;
}
.blog_item{
  min-height: 71px;
}

/*
 * Live News scroller
 */	
.live_news_scroller .viewport { 
height: 550px; 
}
.live_news_scroller .live_news_item{ margin: 8px 0px; }
.live_news_scroller .live_news_item:first-child{ margin-top: 0px; }


/*
 * Grid blocks
 */	
.grid_title .raquo{
background: url(../img/raquo.png) no-repeat 0px 0px;
}


/*
 * Connect with us
 */	
ul.connect_with_us li.subscribe{
background: url(../img/subscribe.png) no-repeat 0px 3px;
}


/*
 * Placeholder image for top-story carousel items that have no image.
 */     
#top_stories_carousel .teaser_large .image.no_image{
  background: url(../img/placeholder.png) no-repeat center center;
}


/*
 * Image to right instead of left on full-width large teasers
 */	
.grid12 > .grid_block .teaser_large.with_photo{
position: static;
padding: 0px;
min-height: 314px;
}
.grid12 > .grid_block .teaser_large.with_photo img{
position: static;
max-width: 58%;
margin-left: 18px;
float: right;
}

a.reprinstLink {
	font-weight:bold;
}

/*
 * Subscription promo bar
 */
#wrapper #nnesubscribebar .nnesubscribebar_expanded img{
top: 7px;
right: 0px;
}
#wrapper #nnesubscribebar .nnesubscribebar_expanded ul{
margin: 0px;	
}
#wrapper #nnesubscribebar .nnesubscribebar_expanded ul li{
margin: 10px 0px 18px 0px;
font-size: 22px;
}
#wrapper #nnesubscribebar .nnesubscribebar_expanded h3{
font-size: 26px; 
text-transform:none;
display: block;
margin: 0px;
}
#wrapper #nnesubscribebar .nnesubscribebar_expanded .description{
font-size: 13px;
line-height: 1.4;
font-family: "OpenSansItalic";
font-weight: normal; 
width: 440px;
margin-left: auto;
margin-right: auto;
margin-top: -2px;
}
#wrapper #nnesubscribebar .nnesubscribebar_bar img{
height: 29px; 
bottom: 0px;
}
#wrapper #nnesubscribebar .footer{
 font-size: 22px;
width: 370px;
margin-left: auto;
margin-right: auto;
line-height: 1.3;
background-color: #166254;
padding: 12px 0px 7px 0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#wrapper #nnesubscribebar .footer a{
color: white;
}
#wrapper #nnesubscribebar .disclaimer{
font-size: 11px;
margin-top: 16px;
width: 380px;
margin-left: auto;
margin-right: auto;
line-height: 1.4;
}

/*
 * Odd number of items in Connect With Us
 */	
.connect_address{
 clear: both; 
}


@media only screen and (min-width: 1100px) and (min-device-width: 1100px){

	#topnav ul li{
	margin: 0px .5% !important;
	}
	#subnav ul li{
	margin: 0px 1%;
	}

}


@media only screen and (min-width: 1182px) and (min-device-width: 1182px){
	
	#topnav ul li{
	margin: 0px .6% !important;
	}
	#masthead .logo img{
	max-width: 100%;
	}

}

@media only screen and (min-width: 1212px) and (min-device-width: 1212px){

	#subnav ul li{
	margin: 0px 1.3%;
	}

}