/* 
	Document:			4.news.css
	Modified date:		22 April 2009
	Created by:			Gemma Leigh
	Deployment version:	Manchester City/css/4.news.css
	Notes:				News landing page, article page and archive match report.
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	Generic article styles
	Archive match report styles
	
*/

/* Amend heading/text styles */
.article .content-main-article h4{
	color: #FFF;
	line-height: 21px;
	margin-bottom: 20px;
}

.article .content-main-article hjaz{
	color: #FFF;
	line-height: 34px;
	margin-bottom: 20px;
}

.article p{
	color: #FFF;
	line-height: 16px;
	margin-bottom: 20px;
}
.article .content-main-article h5{
	color: #FFF;
	margin-bottom: 20px;
}
.article .content-main-sidebar p.teams{ 
	margin-bottom: 15px;
}


.article .content-main-sidebar h4{ 
	color: #ca5c99 ; 
	font-weight: normal;
	margin: 12px 0 10px 0;
}
.article .content-main-sidebar h4.top{
	margin-top: 8px;
}
.article .content-main-sidebar h5{ 
	color: #FFF;
	margin-bottom: 2px;
}
.article .content-main-sidebar p{
	line-height: 16px;
	margin-bottom: 20px;
}
.article .promo p{
	margin-bottom: 0;
	line-height: 1.5em;
}


/* News article 16x9 area */
#news.article #content-main-feature .cmf-inner{
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(images/opacity70.png) top left repeat;
	height: 450px;
	width: 265px;
}
#news.article #content-main-feature h3{
	padding: 35px 0 0 15px;
}
#news.article #content-main-feature h3.h2swf{
	padding: 35px 0 0 9px !important;
	margin-right: 15px !important;
}

/* Archive Match Report 16x9 area */
#news.article #content-main-feature .cmf-wide{
	width: 525px !important;
}
#news.article #content-main-feature .cmf-wide h3{
	padding: 0;
	margin-right: 0;
}
#news.article #content-main-feature .season{
	position: relative;
	margin: 0 15px;
	padding: 8px 0 3px 0;
	color: #FFF;
	border-bottom: 1px solid #766d69;
	font-size: 1.8em;
}
#news.article #content-main-feature .season .location{
	position: absolute;
	right: 0px;
	top: 8px;
}
/* Team name and logo */
.article #content-main-feature .cmf-wide ul.scores{
	position: static;
	margin: 36px 0 0 15px;
}
.article #content-main-feature .cmf-wide ul.scores li{
	float: left;
	clear: both;
	overflow: hidden;
	width: 440px;
	margin-bottom: 20px;
	padding-left: 65px;
}
.article #content-main-feature .cmf-wide ul.scores li img{ 
	position: relative;
	left: -65px;
	margin-right: -55px;
	float: left;
}
.article #content-main-feature .cmf-wide ul.scores li p{ 
	clear: both;
	color: #FFF;
	font-size: 13px; 
	position: relative;
	top: -13px;
	margin-bottom: -10px;
}
#news.article #content-main-feature .cmf-wide ul.scores li h3{ 
	float: left; 
	width: 100%; 
	margin:  0 0 0 -5px !important; 
	padding: 0 !important; 
	clear: right;
}

/* Match report info */
.article #content-main-feature .cmf-inner ul{
	position: absolute;
	bottom: 14px;
	left: 15px;
}
.article #content-main-feature .cmf-inner ul li{
	color: #ca5c99 ;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
.article #content-main-feature .cmf-inner ul li.cta{
    margin-bottom: 10px;
}
.article #content-main-feature .cmf-inner ul li.cta a{ 
	display: block; 
	height: 28px;
	width: 252px;
	overflow: hidden;
	text-indent: -90000px;
}
.article #content-main-feature .cmf-inner ul li.cta a#match-highlights,
.article #content-main-feature .cmf-inner ul li.cta a.match-highlights{
	background:url(images/cta-match-highlights.png) no-repeat;
}
.article #content-main-feature .cmf-inner ul li.cta a#matchday-centre,
.article #content-main-feature .cmf-inner ul li.cta a.matchday-centre{
	background:url(images/cta-matchday-centre.png) no-repeat;
}
.article #content-main-feature .cmf-inner ul li.cta a#match-highlights:hover,
.article #content-main-feature .cmf-inner ul li.cta a#matchday-centre:hover{
	background-position: 0px -28px;
}

.article .content-main-gutter{
	width: 800px;
	margin: 0;
	padding: 0;
}
.article .content-main-gutter .content-main-gutter-corners{
	clear: both;
	background: url(images/content-main-bottom-corners.gif) repeat-y scroll left top;
	font-size: 0px;
	height: 5px;
}

.article .content-main-gutter .content-main-article{
	width: 500px;
	padding: 15px 0 0 15px;
}



.article .content-main-gutter .content-main-table{
	width: 750px;
	padding: 15px 0 0 15px;
}


.article .content-main-gutter .content-main-sidebar{
	display: inline;
	margin: 15px 15px 0 0;
	position: relative;
}
.article .content-main-gutter .content-main-sidebar .competition-info{
	border-bottom: 1px solid #969798;
}
.article .content-main-gutter .content-main-sidebar img.competition-logo{
	margin: 0 0 10px 0;
}
.article .content-main-gutter .content-main-sidebar .team-info{
	border-bottom: 4px solid #ca5c99 ;
	margin-bottom: 15px;
}

.article blockquote{
	width: 100%;
	border-top: 1px solid #969798;
	border-bottom: 1px solid #969798;
	margin: 0 0 15px 0;
}
.article blockquote .startquote,
.article blockquote .endquote{
	width: 20px;
	height: 18px;
	display: block;
}

.article blockquote .startquote{
	margin-top: 10px;
	background-color: #fff;
	background-image: url(../images/blockquote-startquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.article blockquote .endquote{
	margin-bottom: 10px;
	background-color: #fff;
	background-image: url(../images/blockquote-endquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.article blockquote p{
	padding: 0;
	margin-bottom: 0;
}
.article blockquote cite{ 
	color: #ca5c99 ;
	display: block; 
	font-size: 11px; 
	margin-bottom: 15px;
}

/* Article footer */
.content-main-article-footer{
	border-top: 1px solid #969798;
}
.content-main-article-footer a{
	font-weight: bold;
	color: #ca5c99 ;
}
.content-main-article-footer .article-social-links a{
	color: #FFF;
}

/* Social networking links */
.article-social-links{
	background-image: url(images/bg_social_small.png);
	height:52px;
	margin-bottom:30px;
	overflow: hidden;
	padding-bottom: 11px;
	width: 500px;
}
.social-expanded
{
	background-image: url(images/bg_social_large.png);
    height:80px;
}
.article-social-links a.joindiscussion{
    color:#223344;
    font-weight:bold;
    width:230px;
    margin-left:3px;
    display:block;
}
.socialcontent
{
    float:left;
    width:229px;
    padding:10px;
    border-right:solid 1px #366c87;
    height:50px;
    margin-top:10px;
}
.socialcontent .topmargin
{
    margin-top:10px;
}
.socialcontent.noborder
{
    border-right:none;
}
.facebooklike{
	width:80px;
	float:right;
	margin-right:6px;
}
.content-main-article-footer .article-social-links li{
	width: auto;
	float: left;
	padding-left:24px;
	margin: 11px 15px 0 0;
	display: inline;/* for IE*/
}
.content-main-article-footer .article-social-links li.send{
	background: url(..images/icon-send.gif) center left no-repeat;
	padding-left: 28px;
}
.content-main-article-footer .article-social-links li.facebook{
	background: url(..images/icon-facebook.gif) center left no-repeat;
}
.content-main-article-footer .article-social-links li.delicious{
	background: url(..images/icon-delicious.gif) center left no-repeat;
}
.content-main-article-footer .article-social-links li.digg{
	background: url(..images/icon-digg.gif) center left no-repeat;
	margin-right: 0;
}

/* Article navigation links */
.article-navigation-links{
	clear: both;
	padding-top: 20px;
}
.article-navigation-links .article-nav-prev,
.article-navigation-links .article-nav-next{
	width: 49%;
	float: left;
}
.article-navigation-links .article-nav-next{
	float: right;
	text-align: right;
}

/* Previous/Next links */
.article-navigation-links .article-nav-prev a{
	background:url(..images/arrow-left.gif) 0px 3px no-repeat;
	padding-left: 15px;
}
.article-navigation-links .article-nav-prev a:hover{
	color: #FFF;
	background-position: 0px -38px;
}
.article-navigation-links .article-nav-next a{
	background: url(..images/arrow-right.gif) 100% 3px no-repeat;
	padding-right: 15px;
}
.article-navigation-links .article-nav-next a:hover{ 
	color: #FFF;
	background-position: 100% -38px;
}

.article-navigation-links .article-nav-prev p{
	margin-left: 15px;
}
.article-navigation-links .article-nav-next p{
	margin-right: 10px;
}