/* Skin Europa (low vision) - 2/Mar/2009 */
/*
 ____  _    _        ____ ____ ____
/ ___|| | _(_)_ __  / ___/ ___/ ___|
\___ \| |/ / | '_ \| |   \___ \___ \
 ___) |   <| | | | | |___ ___) |__) |
|____/|_|\_\_|_| |_|\____|____/____/  for Europa skin. LOW VISION version.
Fairfax Digital CSS framework

Author:    Jens Korff
Born:      January 2009
Modified:  Update in first line
-----------------------------------------------------------------------------------------
NOTES:
		- This are low vision amendments to the base skin.

Colour scheme:
--------------
dark link color:	#007cc3 (dark blue)
bright link color:	#6fc3f4 (light blue)
dark bg color:		#000000 (black)
light bg color:		#777777 (dark grey)
font colour:		#ffffff {white)
*/

/* --------------------------------------------------------------------------------------
   =Header
   -------------------------------------------------------------------------------------- */
.nN-whiteStrip,.header {height:auto}
	#search {height:auto;width:auto;background:#fff none}


/* --------------------------------------------------------------------------------------
   =Headings and header components
   -------------------------------------------------------------------------------------- */
.cS-channels h2 {background:transparent none;text-indent:0;height:auto;width:auto;top:-70px}


/* --------------------------------------------------------------------------------------
   =Article
   -------------------------------------------------------------------------------------- */
.cT-multimediaMetadata li,.cN-storyHeadlineLead li,.cN-multimediaGroup .more,.mT-headerMultimedia li {background:transparent none;padding:0}
.cN-storyHeadlineLead h3 {background:transparent none;text-indent:0;height:auto}


/* --------------------------------------------------------------------------------------
   =Multimedia
   -------------------------------------------------------------------------------------- */
.mT-headerMultimedia li {border-right:5px solid #ccc;padding-right:.5em}
	.mT-headerMultimedia .last {border-right:0;padding:0}

.cN-multimediaGroup {clear:both}
	.cN-multimediaGroup h3 {background:transparent none;text-indent:0;width:auto;height:auto}
	.cN-multimediaGroup .cN-tabBox h4 {width:auto}
	.cN-tabBox .tab2 h4 {left:200px}
	.cN-multimediaGroup div li {height:310px;background:transparent none;width:174px;border:5px solid #ccc;border-width:5px 0 0 5px;margin-bottom:1em}
	/* ----- IE fixes ----- */
	*+ html .cN-multimediaGroup {width:100%}

.video-player-wrap {width:auto;height:auto;background:transparent none;padding:0}
	.video-player {text-align:center}
	.video-player-wrap .puff {width:565px;height:auto}
	.video-player-wrap .wof {width:320px;padding-left:10px;height:auto}
	.video-player-wrap .social {float:none;width:auto}
	.video-player-wrap .wof a {background:transparent none}
	.video-player-wrap .social ul {width:auto;left:180px;top:-9px;background-color:#333}
	.video-player-wrap .social ul li {padding-right:1em}

.cN-storyHeadlineLead h4 {background-image:none;text-indent:0}


/* --------------------------------------------------------------------------------------
   =Site-specific components
   -------------------------------------------------------------------------------------- */
.cS-channels {margin-top:70px;height:700px;background:transparent none;border-bottom:5px solid #ccc}
	.channel-nav {width:240px;height:100%}
	.channel-nav .cN-groupNavigator {width:auto}
	.channel-nav .cN-groupNavigator h4 a {background:transparent none;border-bottom:5px solid #ccc;padding:0}
	.channel-nav .cN-groupNavigator .selected a {color:#fff!important;font-weight:bold}
	.channel-clips {width:700px;border:0;height:100%}
	.channel-clips.entertainment h3 {background:transparent none;text-indent:0;width:auto;height:auto;top:0}
	.channel-clips .cS-videoGalleryLinks {padding:0;height:auto}
	.channel-clips .cS-videoGalleryLinks li {width:164px;margin-left:5px}
	.channel-clips .cN-pagination .single a,.channel-clips .cN-pagination .next a {background:transparent none}
	.channel-clips .cN-pagination .selected {color:#fff;font-weight:bold}
	/* ----- IE fixes ----- */
	*+ html .channel-clips .cS-videoGalleryLinks {float:left;width:100%}
	*+ html .channel-clips .cS-videoGalleryLinks ul {float:left;width:100%!important}
	/* IE6 has many more problems, but due to time constraints I cannot fix this. */

.cS-videoGalleryLinks {width:auto;height:auto;padding:0;background:#000 none}
	.cS-videoGalleryLinks h3 {background:transparent none;text-indent:0;width:auto;height:auto;top:0}
	.cS-videoGalleryLinks li {width:150px}
	.cS-videoGalleryLinks div ul {width:2000px}
	.cS-videoGalleryLinks .nav li {background:transparent none}

.cS-videoGalleryLinks.smallBox {width:auto;height:auto;background:#000 none;margin-top:0}
	.cS-videoGalleryLinks.smallBox h3 {position:static;height:auto}
	.cS-videoGalleryLinks.smallBox li {width:164px;float:left}
	/* ----- IE fixes ----- */
	*+ html .cS-videoGalleryLinks.smallBox {width:100%}
	*+ html .cS-videoGalleryLinks.smallBox ul {width:100%}


/* --------------------------------------------------------------------------------------
   =Super Galleries
   -------------------------------------------------------------------------------------- */
.cT-multimediaElement .gallery .navTop li a,.cT-multimediaElement .gallery .options li a,.cT-multimediaElement .gallery .navBottom li a
{background:#333 none}
	.cT-multimediaElement .gallery p.caption {bottom:40px}
	#imgWrapper #thumbnails {background-image:none}
	.cT-multimediaElement .gallery ul.navBottom {bottom:-3px}
	.cT-multimediaElement #share ul a {background-image:none}
	.cT-multimediaElement #share ul a:hover {color:#fff;background-image:none}

.sponsored .supergal .cT-multimediaElement {padding:0}
	.sponsored .supergal .gallery {margin:0;padding:0}
	.sponsored .supergal .cT-multimediaElement .gallery ul.navBottom {bottom:-12px;right:0}


/* --------------------------------------------------------------------------------------
   =Footer
   -------------------------------------------------------------------------------------- */
.top5 {background:transparent none}
	.top5 h2,.footer .ad,.fSectionLinks,.fSectionLinks li {border-color:#ccc}