/*
Theme Name: Team Gibon
Theme URI: http://www.twiy.fr/
Description: Thème blog Team Gibon / Sidebar droite ou gauche
Version: 0.1
Author: TWIY
 
Creation Theme by TWIY || http://www.twiy.fr
 
*/

/* col à droite */
@import url('layouts-blog/1col-droite.css');


/* reset style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size: 75%;
	line-height: 2.0em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
cursor:hand;
}

/* fin du reset style */


/*corps de la page web */

body {
font-family:"Century Gothic", Arial Narrrow;
text-align: left;
background:url(images/main-visuel.png) no-repeat center top #cccc99;
color: #333333;
margin:0px;
}

#page {
margin: 0 auto 0 auto;
width:960px;
}

/* gestion de l'ent�te */


#header {
font-family: "Lucida Grande", Arial, Helvetica, Georgia, Sans-serif;
height:260px;
padding: 0px 0px 0 0;
color:#FFFFFF;
text-align:center;
}


#header h1 {
font-size: 2em;
}

/* title */
#header #titreblog {
padding: 0px;
font-size:-99999 pt;
}

#header h1 a{
color: #FFFFFF;
background-color:#666666;
}

/* sub title */
#header p {
padding: 0px;
font-size: 1em;
color:#CCCCCC;
/*visibility:hidden;*/
}


#navigationside{
z-index:100;
background:url(images/bg_nav.png) no-repeat;
width: 173px ;
height:285px;
list-style: none ;
margin: 0 ;
padding: 0 0 0 8px;
position:relative;
top:260px;
left:20px;
}

#navigationside li a#accueil {
display: block ;
padding:17px;
background:url(images/nav-accueil.png) no-repeat;
}
#navigationside li a#accueil:hover,active {
background:url(images/nav-accueil-hover.png) no-repeat;
}
#navigationside li a#presse {
display: block ;
padding:17px;
background:url(images/nav-presse.png) no-repeat;
}
#navigationside li a#presse:hover {
background:url(images/nav-presse-hover.png) no-repeat;
}
#navigationside li a#courses {
display: block ;
padding:17px;
background:url(images/nav-les-courses.png) no-repeat;
}
#navigationside li a#courses:hover {
background:url(images/nav-les-courses-hover.png) no-repeat;
}
#navigationside li a#pilotes {
display: block ;
padding:17px;
background:url(images/nav-les-pilotes.png) no-repeat;
}
#navigationside li a#pilotes:hover {
background:url(images/nav-les-pilotes-hover.png) no-repeat;
}
#navigationside li a#voitures {
display: block ;
padding:17px;
background:url(images/nav-les-voitures.png) no-repeat;
}
#navigationside li a#voitures:hover {
background:url(images/nav-les-voitures-hover.png) no-repeat;
}
#navigationside li a#histoire {
display: block ;
padding:17px;
background:url(images/nav-histoire.png) no-repeat;
}
#navigationside li a#histoire:hover {
background:url(images/nav-histoire-hover.png) no-repeat;
}
#navigationside li a#sponsors {
display: block ;
padding:17px;
background:url(images/nav-sponsors.png) no-repeat;
}
#navigationside li a#sponsors:hover {
background:url(images/nav-sponsors-hover.png) no-repeat;
}
/* gestion du contenu */

#content {
position:relative;
left:100px;
width:650px;
background-color:#FFFFFF;
}

#content h2 {
font-size: 1.3em;
padding-left:100px;
}

#content h3 {
font-size: 1.1em;
text-decoration:underline;
padding-left:100px;
}

.post_content {
font-size: 1em;
color: #333333;
padding-left:100px;
width:550px;
margin-right:5px;
margin-bottom:30px;


}

.postmetadata {
font-size: 0.8em;
color: #999;
padding-left:170px;
background:none;
}

.post_content img {


}


/* gestion de la sidebar */

.sidebar {
margin: 0px;
position:relative;
top:-70px;
}

.sidebar ul{
list-style-type:none;
margin: 0px;
padding: 0px ;
text-decoration:none;
color:#333333;
}

.sidebar h2 {
font-size: 1.2em;
color:#FFFFFF;
padding:0px ;

}

#bulle-msg {
width:185px;
height:125px;
background:url(images/bulle-msg.png);
}

#bulle-msg a{
display:block;
width:185px;
height:125px;
text-indent:-9999px;
}

#bulle-msg:hover{
width:185px;
height:125px;
background:url(images/bulle-msg_hover.png);
}

#carte-suivi{
width:200px;
height:250px;
background:url(images/suivi.png);
}

#carte-suivi a{
display:block;
width:200px;
height:250px;
text-indent:-9999px;
}

#carte-suivi:hover{
width:200px;
height:250px;
background:url(images/suivi-hover.png);
}


#videoslink{
width:142px;
height:160px;
background:url(images/bt-videos.png);
}

#videoslink a{
display:block;
width:142px;
height:160px;
text-indent:-9999px;
}

#videoslink:hover{
width:142px;
height:160px;
background:url(images/bt-videos-hover.png);
}


/* gestion du footer */

#footer {
font-size: 1em;
color: white;
background:url(images/footer.png) no-repeat;
height:90px;
clear: both;
text-align:center;
}

#footer a {
color: white;
background:none;
}

#footer p{
text-align: center;
font-size: 1em;
padding-top:25px;
}


/* gestion des commentaires */

.comments-template{
margin: 0 0 0 170px;
}

.comments-template ol{
margin: 0px;
padding: 0px;
list-style: none;
}

.comments-template ol p{
font-family: "Arial", Helvetica, Sans-serif;
font-size: 0.9em;
line-height:18px;
margin-bottom:25px;
}

.comments-template ol li{
margin: 0px;
line-height: 15px;
padding:0px;
}

.comments-template h2, .comments-template h3{
font-size: 0.9em;
}

.commentmetadata{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Helvetica, Sans-serif;
font-size: 0.9em;
margin-bottom:25px;

}

.cadre_commentaires {
margin-top:25px;
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;


}

li.author{
background:#CCCC99;
}



/* gestion des liens */

a {
color: #555;
text-decoration: none;
background:none;
}

a:hover {
color: #555;
text-decoration: underline;
background:none;
}

#content h2 a{
font-size: 1.2em;
font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
color: #333333;
background-color: white;
}

#content h2 a:hover{
color: #333333;
background-color: white;
}

.post_content a {
color: #333333;
text-decoration:underline;
background:none;
}

.post_content a:hover {
color: #333333;
background:none;
text-decoration:none;
}

.sidebar a {
text-decoration: none;
color:#999999;
background:none;
}


.sidebar a:hover {
text-decoration: underline;
color:#999999;

}