/******************************************************************************
 * Name: mcclatchy.css
 * Description: Styles created specifically for the McClatchy corporate site design in mind.
 */
 
 /* Logo
================================================== */

#logo h1 {
	font-size: 0;
	line-height: 0;
	width: 326px;
	height: 94px;
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/mcclatchy_logo.gif") no-repeat scroll 0 0 transparent;
	margin: 0 auto;
}

#logo h1 a {
	display: block;
	width: 316px;
	height: 94px;
}

 /* Site-wide header
================================================== */

#sitewide_header {
/*	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/grey_bar_gradient.gif") repeat-y scroll 0 0 transparent; */
	color: #FFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing: 2px;
	width: 100%;
	background-color: #0b2b51;
}

#sitewide_header p {
	font-size: 13px;
}

#sitewide_header ul {
	margin: 0 auto;
	width: 510px;
}

#sitewide_header li {
	margin-left: 28px;
	margin-bottom: 2px;
}

#sitewide_header li:first-child {
	margin-left: 0;
}

 /* Navigation
================================================== */
#navigation-compact {display:none;}

#navigation {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	margin-top: 10px;
}

#navigation li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 3px;
}

#navigation li a:hover {
	background-color: #0A2A51;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation-small {
    display:none;
}


 /* Our Properties
================================================== */

.our_properties {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/map_image2.gif") no-repeat scroll 130px 0px transparent;
	height: 60px;
	padding_bottom: 7px;
}

 /* Social Media Icons
================================================== */

.social_media_icons {
	overflow: hidden;
}

.social_media_icons li {
	margin-right: 5px;
	float: right;
}

.social_media_icons li:first-child {
	margin-right: 0;
}

.social_media_icons .facebook a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll 0px 0px transparent;
	display: block;
	width: 19px;
	height: 18px;
}

/*
.social_media_icons .facebook a:hover {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite.gif") no-repeat scroll 0px -18px transparent;
	display: block;
	width: 19px;
	height: 18px;
}
*/

.social_media_icons .twitter a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -19px 0px transparent;
	display: block;
	width: 19px;
	height: 18px;
}

/*
.social_media_icons .twitter a:hover {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite.gif") no-repeat scroll -19px -18px transparent;
	display: block;
	width: 19px;
	height: 18px;
}
*/

.social_media_icons .linkedin a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -38px 0px transparent;
	display: block;
	width: 19px;
	height: 18px;
}

/*
.social_media_icons .linkedin a:hover {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite.gif") no-repeat scroll -38px -18px transparent;
	display: block;
	width: 19px;
	height: 18px;
}
*/

.social_media_icons .rss a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -57px 0px transparent;
	display: block;
	width: 19px;
	height: 18px;
}

/*
.social_media_icons .rss a:hover {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite.gif") no-repeat scroll -57px -18px transparent;
	display: block;
	width: 19px;
	height: 18px;
}
*/

.social_media_icons .email a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -76px 0px transparent;
	display: block;
	width: 19px;
	height: 18px;
}

/*
.social_media_icons .email a:hover {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite.gif") no-repeat scroll -76px -18px transparent;
	display: block;
	width: 19px;
	height: 18px;
}
*/

.social_media_icons .youtube a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -96px 0px transparent;
	display: block;
	width: 17px;
	height: 20px;
}

.social_media_icons .google_plus a {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/social_icons_sprite3.png") no-repeat scroll -114px 0px transparent;
	display: block;
	width: 20px;
	height: 20px;
}

 /* Search Bar
================================================== */

.search_bar {
	border: 1px solid #c6c6c6;
	overflow: hidden;
}

.search_bar .text_field {
	width: 108px;
	height: 18px;
	border: medium none !important;
    box-shadow: none;
    font-size: 11px;
    margin-bottom: 0 !important;
}

.search_bar .SubmitButton {
	font-size: 0;
	line-height: 0;
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/magnifying_glass.gif") no-repeat scroll 0 0 transparent;
	width: 15px;
	height: 18px;
	border: none !important;
}

 /* Story body text
================================================== */

#story_body p {
	margin-bottom: 10px;
}

 /* Styles for stocks widget on Investor Relations section
================================================== */

#stock_info .stockquote2 .quotes {
	border-color: #818181 !important;
}

#stock_info .stockquote2 .label {
	background-color: #FFFFFF !important;
    border-color: #777777 !important;
    border-width: 1px 1px 0 0 !important;
    color: #777777 !important;
}

#stock_info .stockquote2 .label_last {
	background-color: #FFFFFF !important;
    border-color: #777777 !important;
    border-width: 1px 1px 0 0 !important;
    color: #777777 !important;
}

#stock_info .stockquote2 .row1 TD {
	background-color: #FFFFFF !important;
    border-color: #777777 !important;
    border-width: 1px 1px 0 0 !important;
    font-size: 15px !important;
}

#stock_info .stockquote2 .links a {
	color: #0A2A51 !important;
}

#stock_info .stockquote2 .links a:hover {
	color: #0A2A51 !important;
	text-decoration: underline;
}

#stock_info .stockquote2 .links {
	border-color: #818181 !important;
	border-bottom: 1px solid #818181 !important;
	display: none;
}

#stock_info .fc TD {
	vertical-align: top;
	padding-top: 10px;
}

 /* Styles for sub navigation
================================================== */

#sub_nav ul li {
	line-height: 16px;
	margin: 7px 0;
}

#sub_nav h4 {
	padding: 7px 0;
	border-bottom: 1px solid #d9d9d9;
}

 /* Styles for timeline on history page
================================================== */

#timeline td {
	vertical-align: top;
}

.TimelineText {
    padding: 5px 0 0 10px;
}

.TimelineMarkerBack {
    background-image: url("/static/images/aboutTimeline/markerback.gif");
    background-repeat: repeat-y;
}

 /* Styles for rich media assets
================================================== */

.rich_media_content .image {
	min-height: 115px;
}

 /* Styles for site footer
================================================== */

#footer {
	padding: 5px 0;
}

#footer p {
	color: #666666;
	font-size: 11px;
}

 /* Styles for top stories stacks
================================================== */

.top_story .text {
	min-height: 105px;
}

.story_stack ul li:first-child {
	border-bottom: 1px solid #D9D9D9 !important;
}

.story_stack ul li:last-child {
	border-bottom: none;
}

 /* Styles for highlight assets in groups
================================================== */

.group_1 div:last-child, .group_2 div:last-child, .group_3 div:last-child {
	border-bottom: none;
}


 /* Styles for fact box
================================================== */

.factbox {
	background-color: #F0F6FE;
}

 /* Styles for McClatchy DC headlines widget
================================================== */

.headlines {
	width: 280px;
}

.headlines ul.rss-items {
	list-style: square;
	color: #999999;
}

.headlines .rss-items li {
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 0;
}

.headlines .rss-items li a {
	color: #666666;
}

 /* Styles for Registration pages
================================================== */

#registration_content #sidedesc {
	font-size: 12px;
	line-height: 16px;
	padding-left: 10px;
}

#registration_content .fielddesc,
#registration_content .step1_desc {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	width: 140px;
}

#registration_content td.bold {
	font-weight: bold;
	padding-bottom: 10px;
}

#registration_content #registerBtn td {
	padding: 20px 0;
}

#registration_content .heading {
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
}

#registration_content p {
	margin-bottom: 10px;
}

 /* Styles for Our Markets sections
================================================== */

#marketList {
	display: none;
}