/*
 * ./themes/coolracing/planet.css
 *
 * Copyright (C) 2008-2009 C24T
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 *
 * Design par Laurent Tabuena d'après des travaux plus anciens de Dieter Schneider
 * http://www.oswd.org/design/preview/id/3476
 *
 */

/* CSS Document by Dieter Schneider for www.csstemplateheaven.com */
* {margin:0; padding 0;}

body { font-family: Arial, Helvetica, sans-serif;
       font-size: 62.5%;
}

img {
	border:0 none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:750px;
	margin-top: 15px;
	margin-bottom: 8px;
	text-decoration: none;
}
/********************* Le Header du Portail C24T ****************************/

#header {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	height: 169px;
}

.heading_color{
	color: #FF9900;
}

#header a {
	color:#FFFFFF;
	text-decoration:none;
}

#header h1 {
	color:#FFFFFF;
	font-size:2.8em;
	padding-left:50px;
	padding-top:70px;
}

/* La barre de navigation du portail (incluse dans le header) **/
#header ul {
	float:right;
	margin-right:30px;
}
#header li {
	display:block;
	float:left;
	margin:0;
	padding:0 10px;
	font-size:1.7em;
}
#header li a:link, #header li a:visited {
	color:#FFFFFF;
}
#header li.active a, #header li a:hover {
	color:#FF9900;
	font-weight:bold;
}

/******************************** Le prélude ********************************/
#prelude {
	background-image: url(images/header_menu.jpg);
	background-repeat: repeat-x;
	height: 83px;
}

/************************ Le contenu du planet ******************************/
/* La date du jour */
#content h1 {
	padding-left: 15px;
	padding-bottom: 15px;
	font-size: 2.4em;
	color: #11981d;
}

/* Les news (les sites d'où sont agrégés les entrées  */
/* Titre du site agrégé */
.news h3 {
	border-bottom: 1px solid #222;
	font-size: 2.2em;
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 15px;
}
.news h3 a:link, .news h3 a:visited {color: #222; background-color:#FFF; text-decoration: none;}
.news h3 a:hover, .news h3 a:active {color: #FFF; background-color:#222; text-decoration: none;}

/* Les entrées */
.entry {
	padding-left: 90px;
	padding-right: 20px;
	padding-top: 3px;
	font-size: 1.6em;
	line-height: 1.4em;
}
.entry ul {margin-top:10px;margin-bottom: 10px;}

/* Titre d'une entrée */
.entry h4 {padding-bottom: 15px;}

/* Sous-titres d'une entrée 
 * Titres <h3/> provenant du blog agrégés à considérer comme des 
 * sous-titres pour l'entrée considérée du planet                   */
.entry h3 {
	border: none;
	margin-bottom: 15px;
	font-size: 1.2em;
	margin-left: 0;
	margin-right: 20px;
	margin-top: 10px;
}

/* Liens d'une entrée (titre compris) */
.entry a:link, .entry a:visited {color: #E04508; background: #FFF;}
.entry a:hover, .entry a:active {color: #FFF; background: #E04508; text-decoration: none;}

/* Le lien permalink */
.permalink {
	font-size:1.3em;
	text-align: right;
	padding-right: 50px;
	padding-top: 8px;
}

.permalink a:link, .permalink a:visited {color: #11981d; background :#FFF}
.permalink a:hover, .permalink a:active {color: #FFF; background :#11981d; text-decoration: none;}

/******************************** Les feeds *********************************/
#feeds {
	background:#DCDCDC url(images/feeds-bg.png) repeat-x scroll left top;
	margin:5px;
	padding:0.5em 0;
}
#feeds h3 {
	font-size:100%;
	margin:0;
	padding:0 3%;
}
#feeds h3 a {
	background:transparent url(images/dt-closed.png) no-repeat scroll left top;
	color:#000000;
	margin-left:-20px;
	padding-left:20px;
	text-decoration:none;
}
#feeds h3.open a {
	background:transparent url(images/dt-open.png) no-repeat scroll left top;
}
#feedlist {
	-moz-border-radius-bottomleft:1em;
	-moz-border-radius-bottomright:1em;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-topright:1em;
	-moz-column-count:4;
	-moz-column-gap:1em;
	background-color:#EEEEEE;
	display:none;
	margin:0.5em 1em;
	padding:1em;
}
#feedlist ul {
	font-size:90%;
	list-style-type:none;
	margin:0;
	padding:0;
}
#feedlist ul li * {
	vertical-align:middle;
	display: inline;
}
#feedlist ul li input {
	margin:0.2em;
}
#feedlist ul li a {
	color:#000000;
	text-decoration:none;
}
#feedlist ul li a:hover {
	text-decoration:underline;
}
#feedlist ul li a.message {
	color:#999999;
}
#feedlist ul li a img {
	border:0 none;
	margin:0 0.2em;
}

/**********************************' Footer ***********************************/
#footer {
	background-color:#A8A8B0;
	background-image:url(images/footer_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	border:medium none;
	clear:left;
	display:block;
	font-size:95%;
	overflow:hidden;
	padding:98px 1% 0;
	text-align:center;
}

#footer p {
	padding-top:5px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#8A3C45;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover {
	color:#8A3C45;
	font-weight:bold;
	text-decoration:underline;
}

#footer .column {
	float:left;
	text-align:left;
	width:65%;
}

#footer .section h3, #footer #fineprint h3 {
	font-size:1.2em;
	margin:0;
}

#footer .section a img {
	border:1px solid #CCCCCC;
}
#footer .section ul {
}
#fineprint {
	display:inline;
	float:right;
	text-align:right;
	width:25%;
}
#ownership {
margin-top:2em;
}
