/* nav under weather */
#weather-nav { font-size: 11px; color: #888; }
#weather-nav a { padding: 0 2px;  }

/* vmix assets */
.blox-player { background: #f7f7f7; font-size: 11px; padding-bottom: 5px; }
.blox-player embed { margin-bottom: 5px; }
.blox-player p { padding: 0 10px 5px 10px; }
.blox-player p a { margin-top: 10px; font-weight: bold; }

.blox-video-detail { font-size: 11px; margin-bottom: 10px;  }
.blox-video-detail dt { float: left; margin-right: 10px;}
.blox-video-detail dt img { width: 75px; padding: 1px; border: 1px solid #eee; }
.blox-video-detail dd.title { font-weight: bold; }
.blox-video-detail dd span.duration, .blox-player span.duration{ font-weight: bold; color: #bbb; }

.featured-player { height: 1%; background: #555 url('../images/video-player.gif') top right repeat-x; color: #eee; margin-bottom: 15px; padding-bottom: 15px; }
.featured-player embed { width: 278px; margin-left: 20px;}
.featured-player .blox-player { background: transparent; }
.featured-player .blox-video-detail dt img { border-color: #aaa; }
.featured-player a { color:#8CD7F8; } 
.featured-player h2 { padding-top: 5px; } 
.featured-player h2 a { display: block; text-indent: -9999px; height: 56px; width: 140px; background: url('../images/video-logo.gif') no-repeat;  margin: 0 5px 5px 20px;  } 
.featured-player .blox-player-thumbs { margin-top: -40px; height: 1%; } 
.featured-player .blox-player p { padding: 0 10px 0px 20px; }
.featured-player .blox-video-detail { height: 1%; background: #444; margin-right: 20px; border-bottom: 1px solid #777; padding: 10px;  }
.featured-player span.duration { color: #aaa; }

#vmix-player-module { margin: 10px 0; }
#vmix-player-module #more-videos { height: 200px; overflow: auto; border: 1px solid #ccc;  }
#vmix-player-module #more-videos dl { padding: 5px 15px; border-bottom: 1px dotted #ccc; }
#vmix-player-module #more-videos dl img { width: 75px; }
#vmix-player-module #more-videos dl.selected { background: #eee; }

.video-extras { margin-top:15px; padding-top:15px; border-top:1px dotted #ccc; }
.video-extras .article-share-top { margin:0; }
.video-embed { margin-top:10px; }
.video-embed label { display:block; float:left; color:#666; font-size:10px; font-weight:bold; margin:1px 5px 0 0; }
.video-embed #embed_code { float:left; font-size:10px; width:150px; }


/* gas prices */
#blox-gas-prices .gas_price { background: #888; color: #fff; padding: 14px 10px; font-size: 24px; float: left;  margin-right: 10px; margin-top: 4px;} 
#blox-gas-prices span { display: block; }
#blox-gas-prices .gas_station,#blox-gas-prices .gas_link { font-weight: bold; }
#blox-gas-prices .buddy_link, #blox-gas-prices .buddy_link a { font-size: 11px; color: #aaa; }

/* blogs list */
#homeBlogs li img { float: left; margin-right: 10px; padding: 1px; border: 1px solid #eee; border-bottom: 0px; }
#homeBlogs li { margin-bottom: 10px; font-size: 12px; border-bottom: 1px solid #eee; }
#homeBlogs li span { display: block; font-weight: bold; }

/* calendar styles */
#index-calendar-widget { font-size: 11px; }
#index-calendar-widget .eventDate { text-transform: uppercase; color: #888; margin: -5px 0 10px 0; }
#index-calendar-widget .eventLink { font-weight: bold; display: block; margin-bottom: 5px; }
#index-calendar-widget br { display: block; }
#index-calendar-widget p a { color: #888; }

#calendar { margin-bottom: 10px; }
#calendar td { border: 1px solid #eee; padding: 3px; font-size: 11px;  }
#calendar td.d { background: #eee; color: #333; }
#calendar td.today, #calendar td.today a { background: #ffc; color: #333; font-weight: bold; }

/* index columnist block  */
.columnist-block { margin-top: 20px; font-size: 11px; border-bottom: 1px dotted #ccc; padding-bottom: 10px }
.columnist-block h3 a { color: #333; }
.columnist-block .columnist-image { background: #eee; height: 75px; overflow: hidden; margin-bottom: 10px;}
.columnist-block .columnist-image img { border-right: 5px solid #fff; }
.columnist-block p { margin-top: 10px; margin-left: 14px; }
.columnist-block li { font-weight: bold; }

dl.columnist-block-story { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
dl.columnist-block-story dt { float: left; margin-right: 10px; }
dl.columnist-block-story dt img { width: 75px;padding: 1px; border: 1px solid #eee; }
dl.columnist-block-story dd.section { padding: 5px 0; font-weight: bold; font-size: 18px; }

/* special sections block */
#special li { border: 1px solid #eee; background: #f7f7f7; margin-bottom: 10px; font-size: 11px; padding: 5px;}
#special li img { float: left; margin-right: 10px; }
#special li a { color: #666; padding-right: 10px; font-weight: bold; }

/* NEWSYS gal widget */
#recent-galleries dt { height: 100px; overflow: hidden; }
#recent-galleries dl { border: 1px solid #ddd; height: 150px; overflow: hidden; } 
#recent-galleries dd { font-weight: bold; text-align: center; padding: 10px; }

/* marketing slider */
.marketing .blox-slider-news { background: #DFEEFD; font-size: 11px; }
.marketing .blox-slider-news dl { padding: 15px 0 15px 15px; }
.marketing .blox-slider-news a { font-size: 13px; }
.marketing .blox-slider-news dt { margin-top: 2px; height: 80px; }
.marketing .blox-slider-news dt img { width: 100px; border-color: #fff; }

.blox-zebra-list h2 { color: #fff; font-family: inherit; padding: 0px 8px; line-height: 28px; margin-bottom: 1px; font-size: 13px; }
.blox-zebra-list h2 a { color: #fff; font-size: 13px; font-weight: bold; padding: 0px;}
.blox-zebra-nav { background: #ddd; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: right; }
.blox-zebra-nav a { margin-left: 8px; font-size: 11px; font-weight: bold; }
.blox-zebra-list .grid_3,.blox-zebra-list .grid_5  { padding: 10px 0; }
.blox-zebra-list .grid_3 dt { float: right; margin-left: 8px;}
.blox-zebra-list .grid_3 dt img { width: 100px; }
.blox-zebra-list .grid_3 dd { margin-bottom: 5px; }
.blox-zebra-list .grid_3.alpha a { font-size: 14px; font-weight: bold; }
.blox-zebra-list .grid_5 li { font-size: 11px; font-weight: bold; padding: 5px 4px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
.blox-zebra-list .grid_5 li.iterodd { background: #f7f7f7; }

#blox-story-photo-container-page {height:750px;}

/*ie6 message */
#using-ie-message { z-index: 1000; text-align: left; text-indent:10px; color: #fff; height: 30px; line-height: 30px; font-weight: bold; font-size: 12px; width: 100%; top: 0px; left: 0px; position: absolute; background: #cc0000; }
#using-ie-message #close-top-alert { float: right; margin-right: 10px; }
#using-ie-message a { color: #ffc; }

/* promo slider */
.blox-promo-slider { background: #cde1ec; color: #666; width: 300px; overflow: hidden; height: 95px; font-size: 11px; }
.blox-promo-slider a { font-weight: bold; }
.blox-promo-slider li { width: 240px; padding: 15px 30px; height: 50px; overflow: hidden; }
.blox-promo-slider li dt { float: left; margin-right: 10px; }
.blox-promo-slider .jcarousel-next-horizontal, 
.blox-promo-slider .jcarousel-prev-horizontal { position: absolute; top: 0px; width: 20px; height: 95px; cursor: pointer;   }
.blox-promo-slider .jcarousel-next-horizontal { background: url('../images/promo-slider-next.gif'); -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }
.blox-promo-slider .jcarousel-prev-horizontal { background: url('../images/promo-slider-prev.gif'); -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; }
.blox-promo-slider .jcarousel-next-horizontal { right: 0px; }
.blox-promo-slider .jcarousel-prev-horizontal { right: 280px; }
.blox-promo-slider .jcarousel-next-horizontal:hover, 
.blox-promo-slider .jcarousel-prev-horizontal:hover { background-position: 0 -95px; }
.blox-promo-slider .jcarousel-next-horizontal:active, 
.blox-promo-slider .jcarousel-prev-horizontal:active { background-position: 0 -190px; }
.blox-promo-slider .jcarousel-next-disabled-horizontal,
.blox-promo-slider .jcarousel-next-disabled-horizontal:hover,
.blox-promo-slider .jcarousel-prev-disabled-horizontal,
.blox-promo-slider .jcarousel-prev-disabled-horizontal:hover { cursor: default; background-position: 0 -285px; }

/* article share */
.article-share-top { margin-bottom:10px; }
.article-share-top li { display:block; float:left; }
.article-share-top li.tm { margin-top:4px; }
.article-share-top li.fb .share { margin-top:3px; }

#blox-html-container { background: transparent; } 
.blox-leaderboard-container { width: 980px; margin: 0 auto; }

/***********************
PANTAGRAPH CSS ADJUSTMENTS
Designed for use in conjunction with existing global site styles. This was
tested assuming that all the below styles are applied AFTER the existing
global site.css
***********************/


/* MAIN HEADER & BACKGROUNDS */

body { /* Adds visible page borders globally */
background:#d1d1d1 url(http://www.pantagraph.com/app/images/main/bg_pageborders.gif) repeat-y center top;
}

#blox-html-container { /* No adjustments here */
}

#blox-wrapper {
background:#fff url('http://www.pantagraph.com/app/images/main/nav_bg.gif') repeat-x;
}

#blox-header {
background:url('http://www.pantagraph.com/app/images/main/nav_bg.gif') repeat-x; 
}

#blox-logo h1 {
background-image:url(http://www.pantagraph.com/app/images/main/flag-blox.png);
}

#blox-container a, #blox-footer-container a {
color:#133ccf;
}

#blox-container a:hover, #blox-footer-container a:hover {
text-decoration:underline;
color:#800000;
}

#blox-container a:active, #blox-footer-container a:active {
text-decoration:underline;
color:#b50000;
}

.blox-leaderboard-container {
background:#eeeeee;
}


/* SITE NAVBAR ADJUSTMENTS */

#blox-main-nav li.selected-nav ul li a {
font-size:12px;
color:#000;
font-weight:bold;
text-transform:none;
}

#blox-main-nav li.selected-nav ul li a:hover {
color:#b50000;
text-decoration:underline;
}

#blox-main-nav li.selected-nav a, #blox-main-nav li.selected-nav a:hover { background-image: url('http://www.pantagraph.com/app/images/main/nav_tab.gif'); }
#blox-main-nav li.selected-nav a span { background-image: url('http://www.pantagraph.com/app/images/main/nav_tab.gif'); }
#blox-main-nav li .nav-toggle a { background-image: url('http://www.pantagraph.com/app/images/main/nav_toggles.gif'); }
#blox-main-nav li.selected-nav .nav-toggle a:hover { background-image: url('http://www.pantagraph.com/app/images/main/nav_toggles.gif'); } 
#blox-user-nav a, p.advanced-search a { color:#000 !important; }
#blox-user-nav a:hover, p.advanced-search a:hover { color:#800000 !important; }


/* PRIMARY HEADINGS AND HEADING LINKS */

#blox-story h1 { /* Headlines on story pages */
font-size:26px;
line-height:28px;
}

#blox-container h2, .tncms-block h2, .tncms-block h2 a { /* h2 headings global */
color:#555;
font-size:22px;
}

#blox-container h2 a { /* h2 links global */
color:#555;
}

#blox-container h2 a:hover { /* h2 hover links global */
text-decoration:underline;
}

/* FOOTER */

#blox-footer-container {
background:#d1d1d1 url(http://www.pantagraph.com/app/images/main/bg_pageborders.gif) repeat-y center top;
border:none;
}

#blox-copyright-container {
background:#d1d1d1 url(http://www.pantagraph.com/app/images/main/bg_pageborders_navybar.gif) repeat-y center top;
}

#blox-copyright a {
text-decoration:none;
color:#fff6d1;
}

#blox-copyright a:hover {
text-decoration:underline;
}


/* NEW & UPDATED TAGS & BOTTOM BORDERS ON MAIN HEADLINE STACKS */

.story-more .item-updated,
.story-more .item-exclusive {  /* Adjusts new & updated tags on higher stacks */
background:none;
color:#b50000;
font-weight:bold;
font-size:12px;
text-transform:none;
}

.flag-text {  /* Adjusts new & updated tags on lower stacks */
font-size:11px;
font-weight:bold;
font-style:normal;
text-transform:none;
color:#b50000;
}

.story-more em {  /* Date and time color on higher headline stacks */
color:#555; 
}  

#blox-index .story-block,
.tncms-block #blox-recent-news .story-block .story-more { /* Adjusts border to headline modules on homepage and indexes */
border-bottom:1px dotted #777;
}


/* ZEBRA LIST ADJUSTMENTS */

.blox-zebra-list h2 {
line-height:normal;
height:auto;
padding:2px 6px 2px 6px;
background:url("http://www.pantagraph.com/app/images/main/grad_navy2.gif");
color:#fff !important;
font-size:16px !important;
}

.blox-zebra-list h2 a {
font-size:16px;
font-weight:bold;
color:#fff;
}

.blox-zebra-list h2 a,
.blox-zebra-list h2 a:link,
.blox-zebra-list h2 a:visited {
color:#fff !important;
}

.blox-zebra-list h2 a:hover {
color:#fff6d1 !important;
}

.blox-zebra-nav {
border-bottom:1px solid #ccc;
padding:2px;
text-align:left;
background:#ddd url("http://www.pantagraph.com/app/images/main/grad_lightgray.gif");
}

.blox-zebra-nav a {
color:#000 !important;
margin-left:6px;
font-size:11px;
font-weight:normal;
}

.blox-zebra-nav a:hover {
color:#800000 !important;
}

.blox-zebra-list .grid_5 li { padding: 4px 4px; } /* Decrease padding on headline items */
.blox-zebra-list .grid_5 li a { float:left; max-width:320px; }  /* Headline aligns left and wraps before date */
.blox-zebra-list .grid_5 li small { float:right; font-size:10px; } /* Date aligned to right */

/* MISCELLANEOUS FIXES */

#blox-story-text i, #blox-story-text em { font-style:italic; }  /* Permits use of italics in stories */
.comment-light, .comment-dark { word-wrap:break-word; }  /* Prevents overflow of comment boxes (in CSS3 browsers) */
p.search-paging { margin-bottom:30px; } /* Add space below "next page" buttons for better visibility */
#follow-us-icons span { font-weight:bold; }

/* The following rules fix various button/link color/style issues caused by redeclaring the global link/hover styles */
#center-piece-nav a { color: #fff; } 
#center-piece-nav a:hover, #center-piece-nav a.selected { color:#333; text-decoration:none; }
#blox-calendar-widget .cal-nav:hover { color:#fff; }
#port-most-commented p a, #port-most-commented p a:hover { color:#fff; text-decoration:none; }
#top-ads-tabs a.more { color:#fff; text-decoration:none; }
#blox-body-nav a, #blox-body-nav a:hover { color:#555; text-decoration:none; }
.author { color:#000; }
#wTemp, #wTempUnit { color:#555; }
p.search-paging a, p.search-paging a:hover { background-color:#777; color:#fff !important; text-decoration:none !important; }

.user-edit-form .submit-button, .submit-links a { background:#2C48AB!important; }