/*
Theme Name: TunechargerFR
Version: 2.0
Description: Tunecharger is a 3-column fixed with wordpress theme, with Custom Header.
Author: Tunecharger SAS - copyright
Author URI: http://www.tunecharger.com

--History--------------------------------
-- 03/06 general font-size (from em to px), margins and styles review
-- 04/06 padding of #main_content li reworked and #content.margin set to 0.
-- 25/06 the padding of body has been increased (it positions the CMS windows within the browser)
-- 20/08 adaptation to the Tunecharger context
*/
/* Default HTML-level directives */
html {
	font-size: 100%; /* recommended as so to avoid an IE bug */
}
body {
	margin: 0;
	padding: 20px 5px 10px 100px; /* overloads the default padding defined in the browsers */
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px; /* overloads the default size difined in the browsers */
	line-height: 1.1; /* overloads the default line heigth */
	background:#cccccc; 
}

/* The all_content div : */
#all_content { /* used as default all contents */
	width: 1000px;
	border: #cccccc 1px solid;
	background:#FFF; 
	margin-left: 0;
	margin-right: 0;
}
#all_content h1 {
	font-size:18px;
	line-height: 1.5;
	font-weight:bold;
}
#all_content h2 {
	font-size:16px;
	line-height: 1.4;
	font-weight:bold;
}
#all_content h3 {
	font-size:14px;
	line-height: 1.3;
	font-weight:bold;
}
#all_content h4 {
	font-size:13px;
	line-height: 1.1;
	font-weight:bold;
}
#all_content a {
	color:#34a; 
	text-decoration:none; 
	outline:none
}
#all_content a:hover {
	text-decoration:underline
}
/* The header div : */
#header {
	position:relative; /* used to place the hdr_lang menu right */
	padding: 0;
	margin: 0;
	background:#FFF6CF; /* pale yellow in order to hide the issue of positionning with IE */
}
/* -- The header image : */
#hdr_image { /* used for the header image */
	margin: 0;
	padding: 0;
	border: 0px;
	height: 165px; /* the size is necessary fixed as so to place the hdr_lang menu */ 
}
/* -- The horizontal header menu : */
#hdr_menu { /* the full menu bar */
	height: 35px; 
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FFB13C url("img/hdr_menu_bar_bg.gif");
}
#hdr_menu ul {
	margin: 0;
	padding: 0;
}
#hdr_menu li { 
	float: left; 
	margin: 6px 10px 0px  10px;
	list-style: none;
	font-size: 16px; 
}
#hdr_menu li a { 
	text-decoration: none; 
	color: #943F00; 
}
#hdr_menu li a:hover, #hdr_menu li a:focus, #hdr_menu li a:active, #hdr_menu .current_page_item {
	font-size: 18px; 
	color: #491F00;
	font-weight: bold;
	text-decoration:none;
	margin: 1px 5px 0px  5px; /* used as so the selected menu bg color covers up fully the menu bar bg */
	padding: 5px 2px 8px 2px; /* used as so the selected menu bg color covers up fully the menu bar bg */
	background: #FFB13C url("img/hdr_menu_bg.gif") left bottom no-repeat;
}
/* -- The right overlapping header language choice : */
#hdr_lang {
	position:absolute;
	top: 165px; /* positionned exactly at the height of the header image */
	right: 0px;
	height: 35px; 
	margin: 0;
	padding: 0;
}
#hdr_lang ul {
	margin: 0;
	padding: 0;
}
#hdr_lang li { 
	float: left; 
	margin: 12px 10px 0 10px;
	list-style: none;
	font-size: 12px; 
}
#hdr_lang li a { 
	color: #943F00; 
	text-decoration: none;
}
#hdr_lang li a:hover, #hdr_lang li a:focus, #hdr_lang li a:active {
	color: #491F00;
	font-weight: bold;
	text-decoration:none;
}
/* the data content (right, center and left) : */
#content {
	width: 100%;
	min-height: 500px;
	overflow: hidden;
	margin: 0; /* used to avoid the bar menu hidding the upper text */
	padding: 0;
}
/* The left sidebar : */
#left_sidebar {
	float: left;
	width: 180px;
	margin: 5px 2px 5px 4px;
}
#left_sidebar h1 {
	font-size: 16px;
	line-height:1.2;
	font-weight:bold;
}
/* The left sidebar styles : */
#left_sidebar h2, #left_sidebar h3, #left_sidebar h4, #left_sidebar h5 {
	font-size: 14px;
	line-height:1.1;
	font-weight:bold;
}
#left_sidebar p {
	font-size: 11px; 
	line-height:1;
}
#left_sidebar a {
	font-size: 11px; 
	line-height:1;
}
#left_sidebar a img {
	border: 0;
	width: 170px;
	padding-left: 5px;
}
/* The vertical left menu : */
#left_menu { /* the full menu bar */
	margin: 5px;
	padding: 0;
}
#left_menu li { 
	margin: 10px 0 5px 3px;
	height: 35px; /* in order to let the text occupying 2 lines */
	padding: 5px;
	list-style: none;
	text-align: center;
	background: #000 url("img/left_menu_bg.gif"); 
}
#left_menu li a {
	font-size: 15px; 
	line-height:normal;
	color: #333;
	font-weight: bold;
	text-decoration: none; 
}
#left_menu li a:hover, #left_menu li a:focus, #left_menu li a:active, #left_menu .current_page_item {
	font-size: 16px; 
	line-height:1.2;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
#left_menu .current_page_item {
	background: #011 url("img/hdr_menu_bg.gif") left bottom no-repeat;
}
/* -- The centered content : */
#main_content {
	float: left;
	width: 60%;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	padding: 0px 2px 5px 7px;
}
#main_content li {
	padding-top: 3px;
	padding-bottom: 4px;
}
#main_content ul li {
	list-style: none;
	padding-left: 20px;
	background-image: url("img/simplearrow.png");
	background-repeat: no-repeat;
	background-position: left top;
}
#main_content a img {
	border-style:none;
}
/* -- The right sidebar : */
#right_sidebar {
	float: right;
	width: 180px;
	margin: 5px 2px 5px 2px;
}
#right_sidebar h1 {
	font-size: 16px;
	line-height:1.2;
	font-weight:bold;
}
/* The left sidebar styles : */
#right_sidebar h2, #left_sidebar h3, #left_sidebar h4, #left_sidebar h5 {
	font-size: 14px;
	line-height:1.1;
	font-weight:bold;
}
#right_sidebar p {
	font-size: 11px; 
	line-height:1;
}
#right_sidebar a {
	font-size: 11px; 
	line-height:1;
}
/* -- The footer : */
#footer {
	padding: 5px 10px 5px;
	border-top: #ccc 1px solid;
	background: #EEE url("img/hdr_menu_bar_bg.gif");
	color:#943F00;
	font-size:11px;
}
#footer a, #footer a:hover, #footer a:focus, #footer a:active {
	color:#491F00;
	text-decoration: none; 
}