/* -------------------------------------------------------------- 
   
   mobile.css
   <link type="text/css" rel="stylesheet" media="handheld,
   only screen and (max-device-width:480px)" href="mobile.css" />
   
-------------------------------------------------------------- */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0px;
	color: #fff;
	background: #000;
}

a
{
	color: #fff;
	text-decoration: none;
}

a:focus,
a:hover
{
	color: #c7390f;
}

/* WRAPPER
-------------------------------------------------------------- */

div#wrapper
{
	
}

/* HEADER
-------------------------------------------------------------- */

div#wrapper div#header
{
	margin: 0px 10px;
}

div#wrapper div#header h1
{
	color: #fff;
}

/* NAVIGATION
-------------------------------------------------------------- */

ul.menu
{
	padding: 0px;
}

ul.menu li a
{
	text-transform: uppercase;
}

ul.menu li a.current,
ul.menu li a.current:focus,
ul.menu li a.current:hover
{
	color: #c7390f;
}

div#wrapper div#navigation
{
	margin: 0px 10px;
}

div#wrapper div#navigation ul#languages.menu
{
	margin: 0px;
	list-style-type: none;
}

div#wrapper div#navigation ul#languages.menu li a
{
	float: left;
	display: block;
	width: 22px;
	height: 22px;
	margin: 9px 2px 9px 0px;
}

div#wrapper div#navigation ul#languages.menu li a.current,
div#wrapper div#navigation ul#languages.menu li a.current:focus,
div#wrapper div#navigation ul#languages.menu li a.current:hover
{
	display: none;
}

div#wrapper div#navigation ul#languages.menu li a#fr
{
	background: url( ../../images/fr.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a#uk
{
	background: url( ../../images/uk.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a#ru
{
	background: url( ../../images/ru.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a#ch
{
	background: url( ../../images/ch.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a#jp
{
	background: url( ../../images/jp.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a#ko
{
	background: url( ../../images/ko.gif ) no-repeat top left;
}

div#wrapper div#navigation ul#languages.menu li a span
{
	position: absolute;
	left: -1000px;
	top: -1000px;
}

div#wrapper div#navigation ul#links.menu
{
	clear: both;
}

div#wrapper div#navigation ul#links.menu li a
{
	margin-left: 6px;
}

/* CONTENT
-------------------------------------------------------------- */

div#wrapper div#content
{

}

div#wrapper div#content div#edito
{
	margin: 0px 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px #4d4e50;
	border-bottom: solid 1px #4d4e50;
}

div#wrapper div#content div#edito div#intro
{

}

div#wrapper div#content div#edito div#intro h2
{
	font-size: 1.5em;
	color: #216975;
	font-weight: bold;
	text-transform: uppercase;
}

div#wrapper div#content div#edito div#intro a
{
	color: #c7390f;
}

div#wrapper div#content div#edito div#intro a:focus,
div#wrapper div#content div#edito div#intro a:hover
{
	color: #c7390f;
	text-decoration: underline;
}


div#wrapper div#content div#edito div#publicity
{

}

div#wrapper div#content div.story
{
	margin-top: 20px;
}

div#wrapper div#content div.story div.teaser
{
	display: block;
	color: #333;
	background: #000;
}

div#wrapper div#content div.story div.teaser div.player
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height: 240px;
}

div#wrapper div#content div.story div.teaser div.player p
{
	margin: 10px;
	color: #fff;
}

div#wrapper div#content div.story div.teaser div.player p a
{
	margin: 10px;
	color: #c7390f;
}

div#wrapper div#content div.story div.teaser div.player p a:focus,
div#wrapper div#content div.story div.teaser div.player p a:hover
{
	color: #fff;
}

div#wrapper div#content div.story div.description
{
	margin: 20px 10px;
	padding: 20px;
	color: #333;
	border: solid 1px #216975;
}

div#wrapper div#content div.story div.description p
{
	color: #fff;
}

div#wrapper div#content div.story div.description a
{
	color: #c7390f;
}

div#wrapper div#content div.story div.description a:focus,
div#wrapper div#content div.story div.description a:hover
{
	color: #c7390f;
	text-decoration: underline;
}

div#wrapper div#content div.story div.description h2
{
	line-height: 1em;
	color: #216975;
}

/* FOOTER
-------------------------------------------------------------- */

div#wrapper div#footer
{
	clear: both;
	margin: 0px 10px;
	padding-top: 20px;
	border-top: solid 1px #4d4e50;
}

div#wrapper div#footer ul#footer_links.menu
{
	
}

div#wrapper div#footer ul#footer_links.menu li a
{
	margin: 0px 6px;
}