/*----------------------------------------------------------
	Article CSS
	Syles for the article page

	Project:		OLWeb.fr
	Author:			Yannick Croissant (e-TF1)
	Summary :
		Layout components
			News list
			Article
					Article content
					Article block picture
					Article Toolbox
					Gallery
					Article tags
			Top Stories and News list 
----------------------------------------------------------*/

/* ================================
 * !Layout components
 * ================================*/

/*
 * !News list
 * (inherit from .news-list in main.css)
 */
.news-list h2 { background:url(/image/block/news-list/related-news.png) no-repeat; }

/*
 * !Article
 */
#article .hentry { padding:10px 10px 0; }
	#article p.entry-infos { color:#E6232B; font-size:1.1em; font-weight:bold; }
		#article p.entry-infos span { color:#C8C8C8; font-weight:normal; }

	/* !Article content */
	#article .entry-summary { color:#646464; font-size:1.2em; font-weight:bold; padding:0 0 5px 0; }
	#article p.author { font-style:italic; padding-top:20px; }
	
	#ads-betclick-article { margin-top:20px; }
	#article .go-to-forum, #ads-betclick-article, #article .fb-like { background:url(/image/generic/y-sprite.png) no-repeat 0 -73px; font-size:12px; padding:8px 0; }
	#article .go-to-forum a, #ads-betclick-article a { background:url(/image/generic/x-sprite.png) no-repeat -68px -252px; padding-left:10px; }
	
	#article .entry-title { color:#3c3c3c; font-size:2em; margin:0 0 15px; }
	
	/* !Article block picture */
	.block-picture { float:left; margin:0 10px 10px 0; padding:0; width:229px; position:relative; }
	.picture { border: 1px solid #DADADA; }
	.picture img { border:1px solid #FFF; margin:0; padding:0; vertical-align:middle; width:225px; }
	.picture span { background:url(/image/generic/button-enlarge.png) no-repeat; height:24px; position:absolute; right:2px; top:2px; width:24px; }
	
	/* !Article Toolbox */
	.block-picture ul { margin:5px 0 10px 0; }
	.block-picture ul li { display:block; float:left; margin:0; padding:0; }
	#tools h2 { left:-9999em; position:absolute; }
	
	/* !Gallery */
	#article #gallery .inner { padding:0; }
		.js #article #gallery .list { height:335px; }
			.js #article #gallery .list li { margin:18px 18px 0; }
				.js #article #gallery .list img { height:280px; width:400px; }
				.js #article #gallery-list { left:39px; padding:0; top:296px; }
				.js #gallery-nav { bottom:43px; left:7px; right:7px; top:auto; z-index:1; }
				.js #gallery-nav li { background:url(/image/block/gallery/article-nav.png) no-repeat; height:26px; width:27px; }
				.js #gallery-nav li.next { background-position:-27px 0; float:right; }
	
	/* !Article tags */
	#article .tags { background:url(/image/generic/gradient-bottom.gif) repeat-x 0 bottom; margin:0; padding:20px 10px 10px 10px; position:relative; zoom:1; }
	#article .tags h4 { color:#e6232b; float:left; font-size:1.3em; font-weight:normal; line-height:1em; }
	#article .tags ul li { background:#fff; display:inline; font-size:1.2em; margin-left:5px; padding:0 5px; }
	#article .tags ul li a { text-decoration:none; }

	#article .tags .corner-BL { background:transparent url(/image/generic/corner-BL.png) no-repeat 0 0; position:absolute; width:4px; height:4px; left:0; bottom:0; z-index:10; }
	.ie6 #article .tags .corner-BL { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-BL.png'); bottom:-10px;}
	#article .tags .corner-BR { background:transparent url(/image/generic/corner-BR.png) no-repeat 0 0; position:absolute; width:4px; height:4px; right:0; bottom:0; z-index:10; }
	.ie6 #article .tags .corner-BR { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-BR.png'); bottom:-10px; }

/*
 * !Top Stories and News list 
 */
.news-list p { color:#646464; }
#top-stories .entry-title, .news-list .entry-title { color:#3c3c3c; font-size:1.3em; font-weight:bold; }
#top-stories .entry-title a, .news-list .entry-title a { color:#3c3c3c; }
#top-stories .entry-title a:hover, .news-list .entry-title a:hover { color:#e6232b; }