/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #000000; }

body { margin: 0; font-size: 1em; line-height: 1.3; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #000000; color: #fff; text-shadow: none; }
::selection { background: #000000; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #000000; text-decoration: none; }
a:visited { color: #000000; }
a:hover { color: #000000; text-decoration: underline;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */


/*
 * Generic tags
 */
 body{
font-family: "OpenSansRegular";
line-height: 1.6;
font-size: 12px;
} 
h1, h2, h3{
font-family: "DejaVuSerifCondensedBold";
font-weight: normal;
line-height: 1.4;
}
h4, h5, h6{
font-family: "DejaVuSerifBook";
font-weight: normal;
line-height: 1.4;
}
i, em {
font-family: "OpenSansItalic";
font-style: normal;
}

/*
 * Masthead 
 */		
#masthead{
background-color: #17466d;
height: 140px;
color: white;
position: relative;
}
#masthead .logo{
text-align: center;
position: absolute;
bottom: 0px;
bottom: 14px;
}
#masthead .logo_nameplate{
font-size: 11px;
font-family: "DejaVuSerifBook";
padding: 5px;
width: 300px;
-webkit-box-shadow: 0 4px 6px 0px #133151;
-moz-box-shadow:0 4px 6px 0px #133151;
box-shadow: 0 4px 6px 0px #133151;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#masthead .left_toplinks,
#masthead .right_toplinks {
list-style: none;
margin: 0px;
padding: 0px;
}
#masthead .left_toplinks li,
#masthead .right_toplinks li{
display: inline;
margin: 0px 10px;
}
#masthead .left_toplinks li a,
#masthead .right_toplinks li a{
color: white;
}
#masthead .left_toplinks{
position: absolute;
top: 5px;
left: 5px;
}
#masthead .right_toplinks{
position: absolute;
top: 5px;
right: 5px;
}

#weather{
position: absolute;
bottom: 11px;
left: 15px;
width: 245px;
padding: 8px 5px 3px 5px;
}
#weather img{
float: left;
margin-right: 12px;
position: relative;
}
#weather .temp{
float: left;
margin-right: 12px;
font-size: 40px;
line-height: 40px;
font-family: "OpenSansSemiBold";
position: relative;
bottom: 2px;
}

#weather.hover{
cursor: pointer;
-webkit-box-shadow: 0 4px 6px 0px #164166;
-moz-box-shadow:0 4px 6px 0px #164166;
box-shadow: 0 4px 6px 0px #164166;
}


#weather .with_sponsor{
bottom: 13px;
}
#weather .with_sponsor img.icon{
  height: 30px;
  }
#weather .with_sponsor .temp{
  font-size: 28px;
  font-family: "OpenSansBold";
  bottom: -1px;
line-height: 28px;
}
#weather .with_sponsor .deg{
font-family: Arial;
font-weight: bold;
}
#weather .with_sponsor .summary{
font-size: 10px;
  line-height: 13px;
padding-top: 3px;
}
#weather .with_sponsor .summary strong{
   font-family: "OpenSansBold";
}
#weather .with_sponsor .sponsor{
  font-size: 10px;
  float: left;
margin-top: 6px;
  }
#weather .with_sponsor .sponsor img{
float: right;
  margin-left: 10px;
}
#weather .with_sponsor .sponsor span{
 line-height: 20px;
}



#search{
float: right;
border: 1px solid #153659;
position: absolute;
right: 15px;
bottom: 20px;
}

#topnav{
border: 1px solid #bfbfbf;
font-family: "OpenSansCondensedBold";
text-align: center;
padding-top: 2px;
position: relative; /* IE 7 */
z-index: 999; /* IE 7 */
}
#topnav li.topnav_parent{
display: inline;
margin: 0px .6%;
padding: 11px 16px 8px 16px;
font-size: 16px;
line-height: 35px;
position: relative;
}
#topnav li.topnav_parent.active,
#topnav li.topnav_parent.hover{
padding: 10px 15px 0px 15px;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-bottom: 14px solid white;
}
#topnav.home li.topnav_parent{
margin: 0px 1%;
padding-left: 18px;
padding-right: 18px;
}
#topnav.home li.topnav_parent.active,
#topnav.home li.topnav_parent.hover{
padding-left: 17px;
padding-right: 17px;
}
#topnav div{ 
display: none;
}
#topnav li.topnav_parent.hover div{
display: block;
position: absolute;
left: -1px;
z-index: 999;
margin-top: 1px;
background-color: white;
padding: 12px 5px;
font-family: "OpenSansRegular";
font-size: 12px;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-bottom: 5px solid #164166;
box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.14);
-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.14);
/*
-webkit-animation: fadeIn .25s;
-moz-animation: fadeIn .25s;
-ms-animation: fadeIn .25s;
animation: fadeIn .25s;
*/
}
.lt-ie8 #topnav li.topnav_parent.hover div{
top: 37px;	
}
#topnav li.topnav_parent.right.hover div{
left: auto;
right: -1px;
}
#topnav li.topnav_parent.hover div.three_col{
width: 525px;
}
#topnav li.topnav_parent.hover div.three_col ul{
  max-width: 25%
}
#topnav li.topnav_parent.hover div.two_col{
width: 375px;
}
#topnav li.topnav_parent.hover div.two_col ul{
  max-width: 33%
}
#topnav li.topnav_parent.hover div.one_col{
width: 175px;
}
#topnav li.topnav_parent.hover div ul{
float: left;
padding: 5px 30px;
border-right: 1px solid #e5e5e5;
text-align: left;
}
.lt-ie8 #topnav li.topnav_parent.hover div ul{
border-left: 1px solid #e5e5e5;
border-right: 0px;
}
#topnav li.topnav_parent.hover div ul li{
margin: 0px;
padding: 7px 0px;
line-height: 18px;
}
#topnav li.topnav_parent.hover div ul:last-child{
border-right: 0px;
}
.lt-ie8 #topnav li.topnav_parent.hover div ul:first-child{
border-left: 0px;
}
#topnav a,
#topnav li.topnav_parent.hover div a,
#subnav a{
color: black;
}

#subnav{
border: 1px solid #bfbfbf;
border-top: 0px;
}
#subnav ul li{
display: inline;
margin: 0px 1.3%;
line-height: 40px;
}

#footer{
border-top: 1px solid #bfbfbf;
*zoom: 1; /* IE7 */
}
#footer a{
color: black;
}
#footer ul.footernav{
list-style: square;
color: #bfbfbf;
margin: 0px;
padding: 0px 0px 0px 14px;
}
#footer ul.footernav li{
margin: 5px 0px;
}

/*
 * Grid blocks
 */
.grid_block{
margin: 26px 0px;
}
.ad_block{
text-align: center;
}   
.ad_block div{
margin-left: auto;
margin-right: auto;	
}
.ad_block > div,
#dfp_intext_med_rectangle,
#dfp_intext_med_rectangle2,
#dfp_intext_half_page {
padding: 12px; 
border: 1px solid #e5e5e5;
}
#right .ad_block > div{
 border-right: 0px;
  border-left: 0px;
  padding: 12px 4px; 
}
.row{
margin: 26px 0px;
}
.row .grid_block:first-child,
#main .grid_block:first-child,
#right .grid_block:first-child,
.first_row{
margin-top: 0px;
}
.row .grid_block:last-child,
#main .grid_block:last-child,
#right .grid_block:last-child{
margin-bottom: 0px;
}

.grid_title{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 16px;
padding: 12px 0px 6px 0px;
font-family: "OpenSansCondensedBold";
font-size: 22px;
line-height: 22px;
position: relative;
}
.grid_title img{
margin-top: -6px;
}
#footer .grid_title{
border-top: 0;
border-bottom: 0;
font-size: 18px;
line-height: 18px;
padding: 0px;
}
.grid_title a{
color: black !important;
}
.grid_title .raquo{
display: inline-block;
width: 13px;
height: 12px;
text-indent: 99999px;
overflow: hidden;
vertical-align: middle; /* IE7 */
}
.grid_title ul{
list-style: none;
font-family: "OpenSansRegular";
font-size: 11px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
position: absolute;
right: 1px;
top: 11px;
}
.grid_title ul li{
display: inline;
padding-left: 10px;
}
.grid_title ul li a{
color: #6a6a6a !important;
}

.grid6.border_left{
border-left: 1px solid #e5e5e5;
margin-left: 67.17%;
padding-left: 1.5%;
}
   
.grid_more{
text-align: center;
margin-top: 12px;
}
.grid_more a{
color: #6a6a6a !important;
}


/*
 * Section titles
 */
.section_title h2{
font-family: "OpenSansCondensedBold";
font-size: 46px;
line-height: 46px;
margin: 0px 0px 6px 0px;
}
.section_title {
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.section_title h2 a{
color: black !important;
}
.section_title ul{
list-style: none;
font-family: "OpenSansRegular";
font-size: 11px;
margin: 0px;
padding: 0px;
position: absolute;
right: 1px;
bottom: 15px;
}
.section_title ul li{
display: inline;
padding: 5px 0px 5px 21px;
margin-left: 18px;
}
.section_title ul li.rss{
background: url(../img/rss_grey.png) no-repeat 0px 2px;
}
.section_title ul li.newsletter{
background: url(../img/email_grey.png) no-repeat 0px 2px;
}
.section_title ul li a{
color: black;
}
.section_title .subhead{
font-size: 15px;
margin: 0px 0px 10px 0px;
}
.section_title .subhead + ul{
right: 1px;
top: 25px;
}
.section_title img{
 max-width: 100%; 
}
.section_title img{
 max-height: 150px; 
}
.grid6 .section_title img{
 max-height: 75px; 
}


/*
 * Article Teasers
 */
.teaser_medium,
.teaser_large,
.teaser_small{
margin: 8px 0px 24px 0px;
}
.teaser_xlarge{
margin: 8px 0px 24px 0px !important;
}
.teaser_medium.border_top,
.teaser_large.border_top,
.teaser_xlarge.border_top,
.teaser_small.border_top{
border-top: 1px solid #e5e5e5;
padding-top: 14px;
margin-top: -10px;
}
.grid_block .teaser_medium:first-child,
.grid_block .teaser_large:first-child,
.grid_block .teaser_xlarge:first-child,
.grid_block .teaser_small:first-child{
margin-top: 0px;
}
.grid_block .teaser_medium:last-child,
.grid_block .teaser_large:last-child,
.grid_block .teaser_xlarge:last-child,
.grid_block .teaser_small:last-child{
margin-bottom: 0px;
}

.teaser_medium h3{
font-size: 16px;
margin: 0px 0px 4px 0px;
}
.teaser_medium p{
margin: 6px 0px 0px 0px;
padding: 0px;
}
.teaser_medium + ul.bulleted_headlines{
margin-top: -14px;
}
.teaser_medium.with_photo{
padding: 0 0 0 159px;
position: relative;
overflow: hidden;
}
.teaser_medium.with_photo .image{
left: 0;
top: 4px;
position: absolute;
overflow: hidden;
max-width: 141px;
}
/* Landscape images are sized 25% larger width than needed. */ 
/* 12.5% is cropped from each side to make a square */
.teaser_medium.with_photo .image.landscape img{
position: relative;
right: 12.5%;
max-width: 125%;
}
/* Portrait images are sized to exact width than needed. */ 
/* 12.5% is cropped from each side to make a square */
.teaser_medium.with_photo .image.portrait{
height: 94%; /* Need height for % positioning to work below, -%6 because of absolute positioning on .image */
}
.teaser_medium.with_photo .image.portrait img{
position: relative;
top: -12.5%;
max-width: 100%;
}
/* Teaser Medium: Fluid at smaller displays */
.grid7 .teaser_medium.with_photo{
padding: 0 0 0 35%;
}
.grid8 .teaser_medium.with_photo{
padding: 0 0 0 30.5%;
}
.grid7 .teaser_medium.with_photo .image{
max-width: 31.25%;
max-height: 120px;
}
.grid8 .teaser_medium.with_photo .image{
max-width: 27%;
}

.teaser_large img,
.teaser_large .video{
margin-bottom: 8px;
max-width: 100%;
}
.teaser_xlarge img{
margin-bottom: 10px;
max-width: 100%;
}
.teaser_large{
overflow: hidden; 
}
.teaser_xlarge h1{
font-size: 62px;
text-align: center;
letter-spacing: -1.25px;
line-height: 1.1;
margin: 0px 0px 14px 0px;
}
.teaser_xlarge h1 a{
color: black;	
}
.teaser_large h1{
font-size: 32px;
letter-spacing:  -.25px;
line-height: 1.15;
margin: 0px 0px 4px 0px;
}
.teaser_large h2{
font-size: 22px;
line-height: 1.2;
letter-spacing:  -.25px;
margin: 0px 0px 4px 0px;
}
.teaser_large p,
.teaser_xlarge p{
margin: 8px 0px 0px 0px;
}
.teaser_xlarge p{
font-size: 14px;	
}

.teaser_small h4{
font-size: 16px;
margin: 0px 0px 4px 0px;
}
.teaser_small.with_photo{
padding: 0 0 0 78px;
position: relative;
min-height: 73px;
}
.teaser_small.with_photo img{
left: 0;
top: 4px;
position: absolute;
padding-bottom: 8px;
}

/* Teaser Large: Display photo next to teaser if enough space */
.grid12 > .grid_block .teaser_large.with_photo{
position: relative;
padding: 0px 0px 0px 58.25%;
min-height: 314px;
}
.grid12 > .grid_block .teaser_large.with_photo .video{
width: 100%;
}
.grid12 > .grid_block .teaser_large.with_photo img,
.grid12 > .grid_block .teaser_large.with_photo .video{
position: absolute;
left: 0;
top: 6px;
max-width: 56.25%;
}
.grid12 > .grid_block .teaser_large.with_photo h1,
.grid12 > .grid_block .teaser_large.with_photo h2{
font-size: 24px;
line-height: 1.2;
margin: 0px 0px 4px 0px;
}

.date{
color: #6a6a6a;
font-size: 11px;
}
.comment_counter{
background: url(../img/comment_counter.png) no-repeat 00;
padding-left: 14px;
margin-left: 5px;
}
.comment_counter:link,
.comment_counter:visited,
.comment_counter a:link,
.comment_counter a:visited{
color: #6a6a6a;
}

/*
 * Related Links
 */ 
ul.related{
list-style: square;
color: #bfbfbf;
margin: 0px;
padding: 0px 0px 0px 14px;
}
ul.related li{
margin: 4px 0px;
font-family: "DejaVuSerifBook";
line-height: 1.4;
}


/*
 * Bulleted headline lists
 */ 
ul.bulleted_headlines{
list-style: square;
color: #bfbfbf;
font-size: 15px;
margin: 0px;
padding: 0px 0px 0px 14px;
}
ul.bulleted_headlines li{
margin: 8px 0px;
line-height: 1.4; /* IE */
font-size: 13px; /* Chrome */
}
ul.bulleted_headlines h4{
font-size: 13px;
margin: 0px;
}
ul.bulleted_headlines h3{
font-size: 16px;
margin: 0px 0px 2px 0px;
}
ul.bulleted_headlines h3.with_inline_subhead{
display:inline;
}
ul.bulleted_headlines .inline_subhead{
display: inline;
color: black;
font-size: 12px;
padding-left: 6px;	
}



/*
 * Top Stories Carousel and XLarge additional styles
 */
#top_stories_carousel .teaser_large h1,
#top_stories_carousel .teaser_large h2{
	font-size: 28px;
	margin-bottom: 6px;
}
#top_stories_carousel .teaser_large h1.verbose_headline,
#top_stories_carousel .teaser_large h2.verbose_headline{
  	font-size: 24px;
}
#top_stories_carousel .teaser_large h1.verbose_headline,
#top_stories_carousel .teaser_large h2.verbose_headline{
  	font-size: 22px;
}
#top_stories_carousel .teaser_large ul.related,
.teaser_xlarge ul.related{
float: right;
width: 41%;
list-style: square;
color: #bfbfbf;
font-size: 13px;
margin: 0px;
padding: 0px 0px 0px 14px;
font-family: "DejaVuSerifBook";
font-weight: normal;
}
.teaser_xlarge ul.related a{
font-size: 14px;
font-family: "DejaVuSerifCondensedBold";
}
#top_stories_carousel .teaser_large ul.related a{
font-size: 12px;
}
#top_stories_carousel .teaser_large ul.related li,
.teaser_xlarge ul.related li{
margin: 7px 0px;
}
#top_stories_carousel .teaser_large.with_related p,
.teaser_xlarge.with_related p{
margin-top: 4px;
float: left;
width: 48%;
padding-right: 15px;
border-right: 1px solid #e5e5e5;
}
.teaser_xlarge.with_related p{
 margin-top: 10px;
 width: 51%; 
}
#top_stories_carousel .teaser_large .image.landscape,
#top_stories_carousel .teaser_large .image.portrait,
.teaser_xlarge .image{
position:relative;
overflow: hidden;
max-height: 225px;
margin-bottom: 8px;
}
#top_stories_carousel .teaser_large .image.no_image{
 height: 223px;
 margin-bottom: 8px;
 border: 1px solid #e5e5e5;
}
#top_stories_carousel .teaser_large .image.no_image a{
 display: block;
  width: 100%;
  height: 100%;
}
#top_stories_carousel .teaser_large .video{
  margin-bottom: 8px;
}
.grid12 > .grid_block #top_stories_carousel .teaser_large .image.landscape,
.grid12 > .grid_block #top_stories_carousel .teaser_large .image.portrait,
.grid12 > .grid_block .teaser_xlarge .image,
.grid12 > .row > .grid_block .teaser_xlarge .image{
max-height: 385px;
}
.grid12 > .grid_block #top_stories_carousel .teaser_large .image.no_image{
height: 383px;
}
/*
#top_stories_carousel .teaser_large .image.portrait{
max-width: 45%;
margin-left: 4%;
float: right;
}
*/
html.js #top_stories_carousel,
html.js #top_stories_dot_carousel{
 visibility: hidden;
}
html.dom_ready #top_stories_carousel,
html.dom_ready #top_stories_dot_carousel{
 visibility: visible;
}

/*
 * Photogallery / Photos / Video
 */
.photo,
div.video{
color: #6a6a6a;
}
.photo .byline{
text-align: right;
text-transform: uppercase;
font-size: 11px;
margin-top: 5px;
}
.photo .byline a{
color: #6a6a6a; 
}
.photo p,
div.video p{
margin: 5px 0px 0px 0px;
}
.photogallery .photos{
list-style: none;
margin: 0px;
padding: 0px 0px 16px 0px;
}
.photogallery .photo img{
max-width: 100%;
}
.photogallery .photos li{
display: none;
}
.photogallery .photos li.active{
display: block;
-webkit-animation: fadeIn .75s;
-moz-animation: fadeIn .75s;
-ms-animation: fadeIn .75s;
animation: fadeIn .75s;
}
.grid12 .photogallery .photo.portrait img{
width: 48%;
}
.grid12 .photogallery .photo.portrait p{
  width: 50%;
  float: right;
  margin-top: 0px;
}
html.js .photogallery{
  visibility: hidden;
}
html.dom_ready .photogallery{
 visibility: visible;
}

/*
 * Basic photo List
 */
.photo_list .photo img{
max-width: 100%;
margin-bottom: 4px;
display: block;
}
.photo_list .photo{
margin: 16px 0px;
font-size: 13px;
line-height: 1.4;
text-align: center;
font-family: "DejaVuSerifBook";
}
.photo_list_horizontal .photo{
float: left;
max-width: 22.5%;
margin: 0px 0px 0px 18px;
}
.photo_list_horizontal .photo:first-child{
margin-left: 0px;
}
.photo_list .clearfix{
margin-top: -16px;
}
.photo_list_horizontal .clearfix{
margin-top: 0px;
}
.photo_list_horizontal.photo_list_multi_rows{
margin-bottom: 18px;
}


/*
 * Blogs
 */
.blog_item{
padding: 0 0 0 61px;
position: relative;
margin: 8px 0px;
}
.blogs.no_avatars .blog_item{
padding: 0px;
}
.blogs.with_avatars.no_dates .blog_item{
min-height: 54px;
margin: 16px 0px;
}
.blog_item img{
left: 0;
top: 7px;
position: absolute;
max-width: 46px;
}
.blog_item .blog_name{
font-size: 11px;
text-transform: uppercase;
color: #6a6a6a;
font-family: "OpenSansRegular";
}
.blog_item h5,
.single_blog_item h5{
font-size: 13px;
margin: 0px;
}
.blog_item .date,
.single_blog_item .date{
color: #6a6a6a;
}
.single_blog_item{
margin: 12px 0px;	
}
.single_blog_description{
overflow: auto;  
margin: 8px 0px;
}
.single_blog_description img{
float: left;
max-width: 46px;
margin: 2px 15px 0px 0px
}
.single_blog_description p{
font-family: "OpenSansItalic";
color: #6a6a6a;
 margin: 0px;
}
.teaser_blog h2{
font-size: 32px;
line-height: 1.2;
letter-spacing:  -.25px;
margin: 8px 0px 8px 0px;
}
.teaser_blog .blog_title{
font-weight: bold;
text-transform: uppercase;
}
.teaser_blog .byline{
margin: 8px 0px 16px 0px;
}
.teaser_blog img{
margin-bottom: 8px;
max-width: 100%;
}
.teaser_blog{
font-size: 15px;
line-height: 1.5;
border-bottom: 5px solid #e5e5e5;
padding: 20px 16px;
}
.teaser_blog:first-child{
padding-top: 0px;
}
.teaser_blog:last-child{
padding-bottom: 0px;
border-bottom: 0px;
}
.teaser_blog .read_more{
display: inline-block;
margin-left: auto;
margin-right: auto;
font-family: "OpenSansCondensedBold";
font-size: 18px;
line-height: 24px;
padding: 11px 25px 6px 25px;
background: white;
border: 1px solid #bfbfbf;
margin: 8px 0px;
}
.teaser_blog .read_more:hover{
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
}
.about_the_author img{
position: absolute;
top: 4px;
}
.about_the_author{
position: relative;
min-height: 112px;
}
.about_the_author p{
padding-left: 102px;
}
.about_the_author_small img{
float: right;
margin: 4px 0px 4px 16px;
}


/*
 * Live Breaking News
 */
.live_news_item{
padding: 0 0 0 64px;
position: relative;
margin: 8px 0px;
}
.live_news_item.sticky{
  background-color: #fdf6ba;
 padding: 6px 6px 6px 64px;
}
.live_news_item .time{
color: #6a6a6a;
font-size: 11px;
left: 0;
top: 1px;
position: absolute;
}
.live_news_item.sticky .time{
 padding-top: 6px;
}
.live_news_item_small .time{
text-transform: uppercase;
text-align: right;
width: 46px;
}
.live_news_item_large .source{
color: #6a6a6a;
font-size: 11px;
left: 0;
top: 18px;
position: absolute;
display: block;
width: 70px;
text-align: right;
}
.live_news_item_large .time{
width: 70px;
top: -2px;
text-align: right;
}
.live_news_item h5{
font-size: 13px;
margin: 0px;
}
.live_news_item.twitter img,
.live_news_item.facebook img{
float: left;
margin: 2px 10px 2px 0px;
width: 28px;
}
.live_news_item.twitter,
.live_news_item.facebook {
font-size: 11px !important;
min-height: 28px;
}
.live_news_item_large.live_news_item.twitter img,
.live_news_item_large.live_news_item.facebook img{
width: 48px;
}
.live_news_item_large.live_news_item.twitter,
.live_news_item_large.live_news_item.facebook{
min-height: 48px;        
}
.live_news_item.twitter p,
.live_news_item.facebook p{
margin: 0px;
}
.live_news_item.twitter a.twitter_user,
.live_news_item.facebook a.facebook_user{
 color: black;
}
.grid5 .live_news_item{
padding: 0 0 0 20.5%;
}
.grid5 .live_news_item.sticky{
padding: 6px 6px 6px 20.5%;
}
.live_news_item_large h5{
font-size: 14px;
font-family: "DejaVuSerifCondensedBold";
margin-bottom: -2px;
}
.live_news_item_large{
margin: 24px 0px;
padding: 0 0 0 90px;
}
.live_news_item_large.sticky{
padding: 6px 6px 6px 90px;
}


/*
 * Live News scroller
 */
.live_news_scroller { width: 99.5%; clear: both; }
.live_news_scroller .live_news_item{ margin: 9px 0px; }
.live_news_scroller .live_news_item:first-child{ margin-top: 0px; }
.live_news_scroller .viewport { width: 90%; height: 485px; overflow: hidden; position: relative; }
.live_news_scroller .overview { list-style: none; position: absolute; left: 0; top: 0; }
.live_news_scroller .thumb .end,
.live_news_scroller .thumb { 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border: 0px solid #BFBFBF;
	background-color: #e5e5e5;  
}
.live_news_scroller .thumb {
	border: 1px solid #BFBFBF; 
	background: url('../img/grip.png') no-repeat center center;
	background-color: #e5e5e5;
}
.live_news_scroller .scrollbar { position: relative; float: right; width: 17px;}
.live_news_scroller .track { 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border: 0px solid #e5e5e5;
	-moz-box-shadow:    inset 0 0 10px #d2d2d2;
	-webkit-box-shadow: inset 0 0 10px #d2d2d2;
	box-shadow:         inset 0 0 10px #d2d2d2;
	background-color: #ffffff; height: 100%; width:15px; position: relative; padding: 0 0px; 
}
.live_news_scroller .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.live_news_scroller .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.live_news_scroller .disable{ display: none; }
.live_news_scroller { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* Display native browser scrollbar for touchscreens */
html.touch .live_news_scroller .viewport {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
html.touch .live_news_scroller .track,
html.touch .live_news_scroller .scrollbar,
html.touch .live_news_scroller .track{
display: none;
}
html.touch .live_news_scroller { user-select: auto; -o-user-select: auto; -moz-user-select: auto; -khtml-user-select: auto; -webkit-user-select: auto; }


/*
 * Poll
 */
.poll .question{
font-size: 16px;
font-family: "DejaVuSerifCondensedBold";
line-height: 1.4;
margin-bottom: 10px;
}
.poll .answers label{
display: block;
padding: 0 0 0 27px;
position: relative;
margin: 6px 0px;
}
.poll .answers label input{
left: 0;
top: 1px;
position: absolute;
}
.poll input[type='button']{
display: block;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-family: "OpenSansCondensedBold";
font-size: 24px;
line-height: 24px;
padding: 11px 25px 6px 25px;
background: white;
border: 1px solid #bfbfbf;
margin-top: 10px;
}
.poll input[type='button']:hover{
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
}


/*
 * E-Edition
 */
.eedition{
text-align: center;
}
.eedition img{
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
max-width: 300px;
}
.eedition .faq_link{
display: block;
margin-top: 12px;
color: #6a6a6a;
}


/*
 * Marketplace
 */
#marketplace_classifieds_search,
#marketplace_realestate_search{
border: 1px solid #bfbfbf;
margin: 16px 0px 4px 0px;
display: inline-block;
zoom: 1; /* IE7 */
*display:inline; /* IE7 */
}
.classified_item{
margin: 8px 0px;
line-height: 1.6;
}
.classified_item a.category{
font-family: "DejaVuSerifBook";
font-size: 13px;
}


/*
 * Our Newspaper Family
 */
.our_newspaper_family{
border-top: 1px solid #bfbfbf;
height: 130px;
}
.our_newspaper_family ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.our_newspaper_family ul li{
width: 14.2%;
float: left;
}
.our_newspaper_family ul li img{
max-width: 100%;
}

/*
 * Town-by-town
 */
.town_by_town img{
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}

/*
 * Other Local News
 */
.other_local_news h5{
margin: 0px;
font-size: 13px;
}
.other_local_news .news_item{
margin: 10px 0px;
}
.other_local_news a.section{
color: #6a6a6a;
margin-top: 12px;
}

/*
 * Popular
 */
#popular ol{
padding: 0px 0px 0px 20px;
margin: 16px 0px;
font-size: 11px;
color: #6a6a6a;
}
#popular ol li{
margin: 8px 0px;
}
#popular ol a{
font-size: 13px;
font-family: "DejaVuSerifBook";
line-height: 1.4;
}
#popular .description{
color: #6a6a6a;	
margin: 16px 0px;
}


/*
 * Connect with us
 */
ul.connect_with_us{
list-style: none;
margin: 0px;
padding: 0px;
}
ul.connect_with_us li{
float: left;
width: 26%;
padding: 5px 0px 5px 21px;
}
ul.connect_with_us a{
color: black;
}
ul.connect_with_us li.rss{
background: url(../img/rss.png) no-repeat 0px 3px;
}
ul.connect_with_us li.newsletters{
background: url(../img/email.png) no-repeat 0px 3px;
}
ul.connect_with_us li.facebook{
background: url(../img/facebook.png) no-repeat 0px 3px;
}
ul.connect_with_us li.twitter{
background: url(../img/twitter.png) no-repeat 0px 3px;
}
ul.connect_with_us li.youtube{
background: url(../img/youtube.png) no-repeat 0px 3px;
}
.connect_address{
float: left;
width: 45%;
margin: 16px 10px 5px 0px;

font-size: 12px;
line-height: 1.5;
}
.connect_address .address_title{
font-family: "OpenSansCondensedBold";
font-size: 14px;
}


/*
 * Section pager
 */
ul.pager{
list-style: none;
text-transform: uppercase;
margin: 0px;
padding: 0px;
text-align: center;
border-top: 1px solid #e5e5e5;
}
ul.pager li{
display: inline-block;
zoom: 1; /* IE7 */
*display:inline; /* IE7 */
}
ul.pager li a{
color: black;
display: block;
padding: 6px 16px;
}
ul.pager li.current{
background-color: #e5e5e5;
font-size: 20px;
font-family: "OpenSansBold";
padding: 6px 16px;
}


/*
 * Full article page
 */
.full_article h1{
font-size: 45px;
line-height: 1.2;
letter-spacing: -.5px;
}
.full_article h2.deckhead{
font-size: 24px;
margin-top: -22px;
}
.full_article h3.kicker{
font-size: 18px;
text-transform: uppercase;
margin-bottom: -20px;
color: #6a6a6a;
}
.full_article .photogallery{
margin-bottom: 32px;
}
.full_article .body,
.full_article > .byline{
font-size: 15px;
line-height: 1.5;
margin: 32px 0px;
}
.full_article > .byline p{
line-height: 1.5;
}
.byline p{
margin: 0px;
}
.full_article .body h2,
.full_article .body h3{
font-family: "OpenSansCondensedBold";
}
.full_article .inline_content{
float: left;
margin: 4px 26px 12px 0px;
}
.full_article .body a{
  text-decoration: underline;
}
.full_article .body ul {
  list-style: none;
}
.full_article .body li {
  position: relative;
  margin: 10px 0px;
}
.full_article .body ul li:before {
  position: absolute;
  top: 0px;
  margin: 8px 0 0 -15px;
    /* accommodate Camino */
    vertical-align: middle;
    display: inline-block;
  width: 6px;
  height: 6px;
  background: #bfbfbf;;
  content: "";
}
.full_article .body .share_tools li:before{
display: none;
}
.full_article .description{
 color: #6a6a6a;
  font-family: "OpenSansItalic";
  font-size: 13px;
}

.share_tools,
.contribute_tools{
list-style: none;
font-family: "OpenSansRegular";
font-size: 12px;
}
.share_tools a,
.contribute_tools a{
color: black !important;
text-decoration: none !important;
}
.share_tools_top{
float: right;
clear: right;
margin: 4px 0px 12px 26px;
padding: 10px 18px 8px 18px;
border: 1px solid #e5e5e5;
}
.share_tools_bottom,
.contribute_tools{
margin: 0px;
padding: 0px;
display: inline-block;
}
.share_tools li,
.contribute_tools li{
margin: 5px 0px !important;
padding: 3px 0px 3px 21px;
}
.share_tools li.share_sharethis{
padding-left: 0px;
}
.share_tools li.share_email{
background: url(../img/email_grey.png) no-repeat 0px 2px;
}
.share_tools li.share_email span{
display: none;
}
.share_tools li.share_print{
background: url(../img/print_grey.png) no-repeat 0px 2px;
}
.share_tools li.share_comments{
background: url(../img/comments_grey.png) no-repeat 0px 3px;
}
.share_tools li.share_googlecal{
background: url(../img/google.png) no-repeat 0px 3px;
}
.share_tools li.share_yahoocal{
background: url(../img/yahoo.png) no-repeat 0px 3px;
}
.contribute_tools li.contribute_correction{
background: url(../img/cross_grey.png) no-repeat 0px 3px;
}
.contribute_tools li.contribute_photo{
background: url(../img/photo_add_grey.png) no-repeat 0px 1px;
}
.contribute_tools li.contribute_link{
background: url(../img/world_link_grey.png) no-repeat 0px 1px;
}
.contribute_tools li.contribute_news{
background: url(../img/alert_grey.png) no-repeat 0px 3px;
}
.contribute_tools li.contribute_letter{
background: url(../img/email_write_grey.png) no-repeat 0px 3px;
}
.contribute_tools{
padding: 6px 0 6px 86px;
position: relative;
margin-bottom: 22px;
}
.share_tools_bottom{
padding: 6px 0 6px 55px;
position: relative;
}
.share_tools_bottom .label,
.contribute_tools .label{
font-family: "OpenSansCondensedBold";
font-size: 16px;
padding: 0px;
margin: 0px !important;
left: 0;
top: 12px;
position: absolute;
}
.share_tools_bottom li,
.contribute_tools li{
display: inline-block;
margin: 5px 12px !important;
zoom: 1; /* IE7 */
*display:inline; /* IE7 */
}
.share_tools_bottom li.share_sharethis{
padding: 0px;
position: relative;
top: 5px;
margin: 0px 0px 0px 5px !important;
}

/*
 * Mugshots
 */
.mugshot{
float: right;
margin: 4px 0px 16px 26px;
width: 200px;
clear: right;
}
.mugshot img{
width: 200px;
}
.mugshot p{
font-size: 11px !important;
}

/*
 * Commenting
 */
.grid_title .comment_counter{
font-size: 16px;
display: inline-block;
position: relative;
bottom: 4px;
left: 5px;
padding: 10px 0px 4px 0px;
width: 47px;
height: 28px;
text-align: center;
margin-bottom: -11px;
margin-top: -11px;
background: url(../img/comment_counter_bg.png) no-repeat center center;
}
.comments .reply{
margin-left: 55px;
}
.comments .commentlevel1{
margin-left: 55px;
}
.comments .commentlevel2{
margin-left: 110px;
}
.comments .commentlevel3{
margin-left: 165px;
}
.comments .comment{
padding: 14px 0 14px 103px;
position: relative;
margin: 0px;
border-top: 1px dotted #e5e5e5;
}
.comments > .comment:first-child{
border-top: 0px;
}
.comments .comment img{
left: 0;
top: 18px;
position: absolute;
}
.comments .comment .byline a{
font-family: "DejaVuSerifBook";
font-size: 13px;
}
.comments .comment .message p:first-child{
margin-top: 12px;
}
.comments .comment .message p:last-child{
margin-bottom: 10px;
}
.comments .comment ul.comment_tools{
list-style: none;
margin: 0px;
padding: 0px;
height: 20px;
display: block;
position: relative;
font-family: "OpenSansRegular";
font-size: 12px;
}
.comments .comment ul.comment_tools li{
position: absolute;
padding: 5px 0px 5px 22px;
}
.comments .comment ul.comment_tools input{
background: none;
border: 0px;
padding: 0px;
margin: 0px;
font-family: "OpenSansRegular";
}
.comments .comment ul.comment_tools input:hover{
text-decoration: underline;
}
.comments .comment ul.comment_tools li.comment_reply{
left: 0px;
background: url(../img/comment_reply_grey.png) no-repeat 0px 3px;
}
.comments .comment ul.comment_tools li.comment_report{
right: 0px;
background: url(../img/alert_grey.png) no-repeat 0px 5px;
}
.comments .comment ul.comment_tools a{
color: black;
}

.replytocommentfieldset label{
font-family: "OpenSansCondensedBold";
font-size: 18px;
}
.comments_form label{
display: block;
margin-bottom: 2px;
}
.replytocommentfieldset input,
.replytocommentfieldset textarea,
.comments_form input,
.comments_form textarea{
padding: 8px;
font-family: "OpenSansRegular";
font-size: 15px;
}
.replytocommentfieldset textarea{
width: 500px;
height: 175px;
}
.comments_form .description{
color: #6a6a6a;
margin-top: -8px;
font-size: 12px;
}
.comments_form .disclaimer{
color: #6a6a6a;
font-size: 11px;
}
.replytocommentfieldset input[type='button'],
.comments_form input[type='submit']{
display: block;
text-transform: uppercase;
font-family: "OpenSansCondensedBold";
font-size: 18px;
line-height: 18px;
padding: 11px 20px 6px 20px;
background: white;
border: 1px solid #bfbfbf;
margin: 16px 0px;
}
.replytocommentfieldset input[type='button']:hover,
.comments_form input[type='submit']:hover{
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
}
.replytocommentfieldset input[type='button']{
float: left;
margin-right: 16px;
}

.comments_not_logged_in,
.comments_no_comments{
 text-align: center;
  padding: 25px 0px;
  color: #6a6a6a;
  font-family: "OpenSansItalic";
}
.comments_not_logged_in{
 height: 150px; 
}

.talkback_item .bubble{
position:relative;
padding:15px 16px;
margin: 0px 1px 17px 1px;
border: 1px solid #d0d0d0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
}
.talkback_item .bubble:before{  
content:"";
position:absolute;
bottom:-18px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:18px 18px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#d0d0d0 transparent; /* IE */
border-color:#d0d0d0 rgba(255,255,255,0); /* Other browsers */
/* reduce the damage in FF3.0 */
display:block; 
width:0;
}  
.talkback_item .bubble:after {
content:"";
position:absolute;
bottom:-16px; /* value = - border-top-width - border-bottom-width */
right:52px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:16px 16px 0;
border-style:solid;
border-color:#ffffff transparent; /* IE */
border-color:#ffffff rgba(255,255,255,0); /* Other browsers */
/* reduce the damage in FF3.0 */
display:block; 
width:0;
}
.grid12 > .grid_block .talkback_item .bubble:before{
    right:125px;
}
.grid12 > .grid_block .talkback_item .bubble:after {
  right:127px;
}
.grid8 .talkback_item .bubble:before{
    right:75px;
}
.grid8 .talkback_item .bubble:after {
  right:77px;
}
.talkback_item{
margin: 20px 0px;
}
.talkback_item:last-child{
margin-bottom: 0px;
}
.grid12 > .grid_block .talkback_item,
.grid8 .talkback_item {
  margin: 25px 0px;
}
.grid12 .talkback_item:last-child,
.grid8 .talkback_item:last-child{
  margin-bottom: 25px;
}
.talkback_item .byline {
position: relative;
padding: 0 0 0 44px;
}
.talkback_item .byline a{
font-family: "DejaVuSerifBook";
font-size: 13px;
}
.talkback_item img{
position: absolute;
left: 16px;
width: 32px;
margin-top: 4px;
}
.talkback_item .message{
font-family: "OpenSansItalic";
}
.talkback_item .message p:first-child{
margin-top: 12px;
}
.talkback_item .message p:last-child{
margin-bottom: 4px;
}
.talkback_item .readmore{
font-family: "OpenSansRegular";
}
.talkback_item .parent{
font-size: 16px;
line-height: 1.4;
font-family: "DejaVuSerifCondensedBold";
display: block;
text-align: center;
}
.grid12 > .grid_block .talkback_item .parent{
  font-size: 22px;
}


/*
 * Contact lists
 */
.staff_list .staff_user{
padding: 0px 0px 0px 103px;
position: relative;
margin: 14px 0px;
min-height: 87px;
}
.staff_list .staff_user:last-child{
margin-bottom: 0px;
}
.staff_list .staff_user img{
left: 0;
top: 2px;
position: absolute;
}
.staff_list .name,
.staff_list .position,
.staff_list .phone,
.staff_list .email{
display: block;
}
.staff_list .name{
font-family: "DejaVuSerifBook";
font-size: 13px;
line-height: 1.4;
}
.grid4 .staff_list .staff_user{
padding: 0px 0px 0px 42.25%;
}
.grid4 .staff_list .staff_user img{
max-width: 35%;
}

.staff_list_page .display_title h2{
font-family: "OpenSansCondensedBold";
font-size: 30px;
line-height: 30px;
}
.staff_list_page .display_title {
position: relative;
margin: 35px 0px;
}
.staff_list_page .display_title a{
font-size: 14px;
margin: 0px;
padding: 0px;
position: absolute;
right: 1px;
bottom: 0px;
}
.staff_list_entry{
 padding: 20px;
overflow: auto;
}
.staff_list_entry.no_image{
min-height: 0px;
}
.staff_list_entry.even{
 background-color: #efefef;
}
.staff_list_entry h2{
 margin: 0px;
 margin-bottom: 8px;
}
.staff_list_entry .job_title{
 font-weight: bold; 
}
.staff_list_entry img{
float: right;
  padding-left: 12px;
  max-width:250px;
}
.staff_list_page ul.alphabet_nav,
.staff_list_page ul.department_nav{
list-style: none;
margin: 35px 0px;
padding: 0px;
text-align: center;
}
.staff_list_page ul.alphabet_nav li,
.staff_list_page ul.department_nav li{
display: inline-block;
font-size: 14px;
}
.staff_list_page ul.alphabet_nav li a,
.staff_list_page ul.alphabet_nav li span{
padding: 7px;
}
.staff_list_page ul.alphabet_nav li span {
color: #cccccc;
}
.staff_list_page ul.department_nav li a{
padding: 10px;
}


/*
 * Special Pub Promo block
 */
.special_pub_promo .pub{
padding: 0px 0px 0px 118px;
position: relative;
margin: 0px;
min-height: 100px;
}
.special_pub_promo .pub img{
left: 0;
top: 2px;
position: absolute;
max-width: 100px;
}
.special_pub_promo .pub .name,
.special_pub_promo .pub .date,
.special_pub_promo .pub .more{
display: block;
font-size: 12px;
}
.special_pub_promo .pub .name{
font-family: "DejaVuSerifCondensedBold";
font-size: 16px;
line-height: 1.4;
}
.special_pub_promo ul.bulleted_headlines a{
font-size: 13px;
font-family: "DejaVuSerifBook";
line-height: 1.4;
display: block;
}
.grid4 .special_pub_promo .pub{
padding: 0px 0px 0px 48.75%;
}
.grid4 .special_pub_promo .pub img{
max-width: 41.25%;
}


/*
 * Business listings
 */
.business_listings{
list-style: none;
margin: 0px;
padding: 0px;
}
.business_listings li{
padding: 0px 0px 0px 118px;
position: relative;
margin: 14px 0px;
}
.business_listings li:last-child{
margin-bottom: 0px;
}
.business_listings li img{
left: 0;
top: 2px;
position: absolute;
width: 100px;
}
.business_listings .name,
.business_listings .address,
.business_listings .phone{
display: block;
}
.business_listings .name{
font-family: "DejaVuSerifCondensedBold";
font-size: 13px;
line-height: 1.4;
}


/*
 * Things To Do
 */
.things_to_do .column{
width: 22%;
padding-right: 4%;
float: left;
}

.things_to_do .column img{
max-width: 100%;
}
.things_to_do .column:last-child{
padding-right: 0px;
}
.things_to_do .column .category,
.things_to_do .column .event{
display:block;
}
.things_to_do .column a.category{
font-family: "OpenSansCondensedBold";
font-size: 18px;
color: black;
margin-top: 6px;
}
.things_to_do .column .event{
font-family: "DejaVuSerifCondensedBold";
font-size: 13px;
line-height: 1.4;
}


/*
 * Legacy.com Obits block
 */
.grid7 .legacycom_teaser_mediums .teaser_medium{
	margin: 16px 0px;
}


/*
 * Tabs
 */
ul.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #bfbfbf;
	bottom: -1px;
        zoom: 1;
}
ul.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #bfbfbf;
	border-right: none;
}
ul.ui-tabs-nav li a {
    float: left;
	font-size: 10px;
    text-transform: uppercase;
	padding: 9px 14px;
	color: #6a6a6a;
	background: #e5e5e5;
font-family: "OpenSansRegular";
}
ul.ui-tabs-nav li a:hover {
	background: #e5e5e5;
	color: #111111;
    text-decoration: none;
}
ul.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff;
	color: #000000;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border-top: 1px solid #bfbfbf;
margin: 0px 2px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
/* IE tabs fix */
.ui-tabs { 
position: relative; zoom: 1; 
}
html.js .ui-tabs{
 visibility: hidden;
}
html.dom_ready .ui-tabs{
 visibility: visible;
}


/*
 * Search boxes
 */
.searchbox input{
border: solid 0;
}
.searchbox{
background-color: white;
padding: 2px;
}
.searchbox input[type="text"]{
width: 185px;
height: 30px;
line-height: 30px; /* Same as height to middle align vertically */
vertical-align: none;
padding: 0px 4px;
font-size: 12px;
font-family: "OpenSansRegular";
}
.searchbox input[type="submit"]{
height: 30px;
width: 35px;
cursor: pointer;
text-indent: -9999px;
text-transform: uppercase; /* Somehow makes IE recognize text-indent */
border: none;
background: url(../img/search.png) no-repeat 0px 0px;
}
.searchbox input[type="text"].idle{
color: #6a6a6a;
font-family: "OpenSansItalic";
}

h2.search_results_title{
margin: 26px 0px;	
}
.searchbox_page {
border: 1px solid #bfbfbf;
margin: 10px 0px 4px 0px;
display: inline-block;
zoom: 1; /* IE7 */
*display:inline; /* IE7 */
}
.searchbox_page input[type="text"]{
width: 300px;
height: 38px;
line-height: 38px; /* Same as height to middle align vertically */
vertical-align: none;
padding: 0px 10px;
font-size: 16px;
}
.searchbox_page input[type="submit"]{
height: 38px;
width: 38px;
background: url(../img/search.png) no-repeat right center;
}


/*
 * Tickers
 */
#ticker{
 border: 1px solid #e5e5e5;
padding: 2px 0px;
-webkit-box-shadow: 0px 3px 15px 0px #d7d7d7;
-moz-box-shadow: 0px 3px 15px 0px #d7d7d7;
box-shadow: 0px 3px 15px 0px #d7d7d7;
margin: 26px 0px 2px 0px;
}
#ticker .title{
font-family: "OpenSansCondensedBold";
text-transform: uppercase;
font-size: 18px;
left: 20px;
top: 16px;
position: absolute;
}
#ticker h2{
 font-size: 18px;
}
.jcarousel-skin-ticker .jcarousel-clip{
opacity: 0;
padding: 0px 0px 0px 110px;
position: relative;
}
.jcarousel-skin-ticker .jcarousel-clip.visible{
opacity: 1;
-webkit-animation: fadeIn .5s;
-moz-animation: fadeIn .5s;
-ms-animation: fadeIn .5s;
animation: fadeIn .5s;
}
html.js #ticker{
 visibility: hidden;
}
html.dom_ready  #ticker{
 visibility: visible;
}


/*
 * Don't Miss This
 */
#dont_miss_this li,
#dont_miss_this li a{
font-family: "DejaVuSerifBook";
line-height: 1.4;
font-size: 13px;
}


/*
 * NDN HTML5 video widgets
 */
#ndn_frame{
max-width: 100%;
}


/*
 * Daily Deal Block
 */
.dailydeal {
  border: 2px dashed #d0d0d0;
-webkit-box-shadow: 0 5px 18px 0px #d7d7d7;
-moz-box-shadow: 0 5px 18px 0px #d7d7d7;
box-shadow: 0 5px 18px 0px #d7d7d7;
  padding: 16px;
  max-width: 278px;
  margin-left:auto;
  margin-right: auto;
}
.dailydeal_wrapper{
  /* background: url(../img/cut_here.png) no-repeat 0px 20px; */
  max-width: 354px;
    margin-left: auto;
  margin-right: auto;
}
.dailydeal .banner{
 margin-bottom: 16px;
  max-width: 100%;
}
.dailydeal .title{
 font-size: 20px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 16px;
  font-family: "DejaVuSerifCnBdIt";
}
.dailydeal .image img{
 max-height: 100px;
 max-width: 110px;
}
.dailydeal .price{
 font-size: 45px;
  line-height: 45px;
  letter-spacing: -1.5px;
font-family: "OpenSansCondensedBold";
  float: left;
 padding-right: 12px;
  padding-bottom: 4px;
}
.dailydeal .value_discount{
 float: left;
  font-size: 11px;
}
.dailydeal .price_table{
  margin-left: auto;
  margin-right: auto;
}
.dailydeal .price_table td:first-child{
  padding-right: 12px;
}
.dailydeal form{
 margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #e5e5e5;
}
.dailydeal form label{
 font-weight: bold;
}
.dailydeal form input{
 margin: 4px 0px;
  padding: 4px;
  font-family: "OpenSansRegular";
  border: 1px solid #bfbfbf;
}
.dailydeal form .description,
.dailydeal form .description a{
 color: grey;
  font-size: 11px;
}
.dailydeal form .description a {
text-decoration: underline;
}
#dailydeals_email_input{
 width: 64%; 
}
.dailydeal a.buy_button,
#dailydeals_signup_submit{
text-transform: uppercase;
font-family: "OpenSansCondensedBold";
font-size: 16px;
line-height:16px;
padding: 11px 20px 6px 20px;
background: #ea9a1c;
color: white !important;
-moz-border-radius: 5px;
border-radius: 5px;
 border: 0px solid white;
}
.dailydeal a.buy_button{
display: block;
clear: both;
 text-align: center;
}
#dailydeals_signup_submit{
  margin-left: 6px;
  padding: 10px 18px 5px 18px;
  font-size: 12px;
line-height: 12px;
}
.dailydeal a.buy_button:hover,
#dailydeals_signup_submit:hover{
  background: #e0941b;
  text-decoration: none;
}
/* Tweaks for if deal has cents. */
.dailydeal.with_cents .image img{
max-height: 120px;
max-width: 120px;
}
.dailydeal.with_cents .price{
padding-bottom: 0px;
margin-bottom: -2px;
float: none;
text-align: center;
display: block;
}
.dailydeal.with_cents .value_discount{
text-align: center;
float: none;
padding-bottom: 8px;
} 


/*
 * Instagram widget
 */
.grid8 .instagram_widget{
margin-top: -14px;
}
.grid8 .instagram_widget img{
width: 30%;
margin: 14px 3% 0px 0px;
}


/*
 * Drupal Latest per Blog block
 */
.latest_per_blog {
margin-bottom: -20px;
}
.latest_per_blog .blog{
margin: 18px 0px;
}
.latest_per_blog .blog img{
margin-bottom: 8px;
max-width: 100%;
}
.latest_per_blog .blog h3{
margin: 0px 0px 2px 0px;
}
.latest_per_blog .blog p{
margin: 8px 0px;
}


a.pdf{
background: url('../img/page_white_acrobat.png') no-repeat top left;
padding-left: 22px;
}


/*
 * Issues
 */
.issues .issue{
float: left;
}
.issues.columns3 .issue{
width: 30%;
margin: 0px 3% 20px 0px;
}
.issues .issue img{
width: 100%;
}
.issues .issue h3{
margin: 8px 0px 6px 0px;
line-height: 1;
}
.section_title.with_cover{
height: 88px;
}
.section_title.with_cover .date{
display: block;
font-size: 14px;
font-weight: normal;
margin-top: -4px;
}
.section_title.with_cover .cover{
float:right;
height: 78px;
}


/*
 * Weird "fontListSWF" Flash that DTI is adding to the top of our page.
 * Its screwing up hover and screen-redraw in Chrome
 */
#fontListSWF{
display: none;
z-index: -9999;	
}


/*
 * Weird zedo.gif that makes white space at top of publications useing 3III popunders.
 */
img[height="0"][width="0"]{
 position: absolute;
}


/*
 * Temporary ad cleanup.
 */
#dfp_top_small_leaderboard iframe,
#dfp_middle_small_leaderboard iframe,
#dfp_top_med_rectangle iframe,
#dfp_bottom_med_rectangle iframe,
#dfp_intext_med_rectangle iframe,
#dfp_intext_med_rectangle2 iframe{
width: 300px;
}
#dfp_top_med_rectangle iframe,
#dfp_bottom_med_rectangle iframe{
height: 250px; 
}

/*
 * Copyright statement in footer
 */
.copyrightfooter{
width:100%;	
}
.copyrightstatement{
text-align:center;
}

.our_newspaper_family_2 a {
    padding: 20px;
}
.our_newspaper_family_2 {
    text-align: center;
	padding-bottom:15px;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

   
.center_leaderboard{
background-color: white;
position:absolute;
left: 0;
right: 0;
margin: 0px;
height: 168px;
margin-top: -26px;
}
.center_leaderboard > div{
margin-top: 26px;
}
.center_leaderboard + .row{
margin-top: 168px;
}
.lt-ie8 .center_leaderboard + .row{
padding-top: 142px !important;
}

.leaderboard + .row{
 margin-top: 0px;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	/* iPad hack, center leaderboard not becoming full width. */
	.center_leaderboard{
	width: 1024px;
	}
}

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

	#right .ad_block > div{
	padding: 12px;
	border: 1px solid #e5e5e5;
	}
  
	ul.alphabet_nav li a,
	ul.alphabet_nav li span{
	padding: 9px;
	}

}
  
@media only screen and (min-width: 1115px) and (min-device-width: 1115px){
	/* Style adjustments for viewports 1115px and over */

	/* tabs have a little more space */
	ul.ui-tabs-nav li a {
	font-size: 11px;
	padding: 10px 16px;
	}
	
	#top_stories_carousel .teaser_large .image.landscape,
	#top_stories_carousel .teaser_large .image.portrait,
  .teaser_xlarge .image{
	max-height: 245px;
	}
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.landscape,
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.portrait,
    .grid12 > .grid_block .teaser_xlarge .image,
    .grid12 > .row > .grid_block .teaser_xlarge .image{
	max-height: 415px;
	}
	
	#top_stories_carousel .teaser_large .image.no_image{
	height: 243px;
	}
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.no_image{
	height: 413px;
	}
	
	#top_stories_carousel .teaser_large ul.related a{
	font-size: 13px;
	}

}


@media only screen and (min-width: 1170px) and (min-device-width: 1170px){
  /* Style adjustments for viewports 1170px and over */

	/* Leaderboard */
	.leaderboard{   
	width: 65.67%;
	position: relative;
	height: 0px;
	}
 .leaderboard > div,
  .center_leaderboard > div{
   border-left: 0px solid white;
    border-right: 0px solid white;
    padding: 12px 0px;
  }
	.leaderboard.grid_block{
	margin: 0px;
	}
	.top_leaderboard{
	 top: 26px;
	}
	.bottom_leaderboard{
	bottom: 140px;
	}
	#main{
	padding: 140px 0px 140px 0px;
	}

	.center_leaderboard{
	background-color: transparent;
	position:static;
	width: auto;
	height: auto;
	margin-top: 26px;
	}
	.center_leaderboard img{
	margin-top: 0px;
	}
	.center_leaderboard + .row{
	margin-top: 26px;
	}
	.lt-ie8 .center_leaderboard + .row{
	padding-top: 142px !important;
	}

	#main,
	#right{
	margin-top: 26px;
	margin-bottom: 26px;
	}
	
	/* Larger headline fonts */
	.teaser_large h1{
	font-size: 34px;
	}
	.teaser_large h2{
	font-size: 24px;
	}
	.grid12 > .grid_block .teaser_large.with_photo h1,
	.grid12 > .grid_block .teaser_large.with_photo h2{
	font-size: 28px;
	}
	
	#top_stories_carousel .teaser_large h1,
	#top_stories_carousel .teaser_large h2{
		font-size: 30px;
    letter-spacing: -.5px
	}
   #top_stories_carousel .teaser_large h1.verbose_headline,
   #top_stories_carousel .teaser_large h2.verbose_headline{
  		font-size: 26px;
   }
   #top_stories_carousel .teaser_large h1.super_verbose_headline,
   #top_stories_carousel .teaser_large h2.super_verbose_headline{
  		font-size: 24px;
   }
	
	#top_stories_carousel .teaser_large .image.landscape,
	#top_stories_carousel .teaser_large .image.portrait,
  .teaser_xlarge .image{
	max-height: 265px;
	}
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.landscape,
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.portrait {
	max-height: 435px;
	}
    .grid12 > .grid_block .teaser_xlarge .image,
	.grid12 > .row > .grid_block .teaser_xlarge .image{
     max-height: 450px;
    }
	
	#top_stories_carousel .teaser_large .image.no_image{
	height: 263px;
	}
	.grid12 > .grid_block #top_stories_carousel .teaser_large .image.no_image{
	height: 433px;
	}
	
	ul.alphabet_nav li a,
	ul.alphabet_nav li span{
	padding: 9px;
	}
	
}

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

	.leaderboard > div,
	.center_leaderboard > div{
	border: 1px solid #e5e5e5;
	padding: 12px;
	}
	
	ul.alphabet_nav li a,
	ul.alphabet_nav li span{
	padding: 10px;
	}

}

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

	body{
	width: 100% !important;
	}

}


/* =============================================================================
   CSS3 Keyframes
   ========================================================================== */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@-moz-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@-ms-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.indent-css-2 { 
	margin-left: 30px;
}
.indent-css-3, .indent-css-4, .indent-css-5 { 
	margin-left: 60px;
}