/* -------  Layout CSS(   Centered Fixed Width) ------ */

/*Air en fete ROUGE : #d04e00*/
/*Air en fete ORANGE : #eba000*/

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  /*background: black;*/
  background-image: url(images/bg.gif);
  background-color:#990000;
/*  background-image: url(images/grass.jpg);
  background-attachment:fixed;  */
  
  text-align: center; /* IE 5.5 hack */
}

#farouter {background: #cccccc;width: 760px; border: 1px solid #3A291F;margin: 20px auto 0px auto;text-align: left;  /* IE 5.5 hack part II */}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
}

#main {padding-left:35px; background-color:#cccccc}
#content {float: left;width: 700px; padding: 0 0 0 10px; background-color:#CCCCCC;}
#menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #d04e00;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {height:30px;margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 58px;
background-color:#FFFFFF;
 }


/*----------------- Color CSS    ------------------------*/


#rap {background: #cccccc;}
#masthead {
background-image: url(images/header3.jpg);
font-size:12px;
}
#footer {
width:650px;
height:80px;
/*background :url(images/bottom.jpg) no-repeat 0px 0px;*/
}
#hmenu { background: #eba000;}
#hnav {
	background: #2050A0;
}
a {color: bc2026; text-decoration: none; }
a:visited { color: bc2026; text-decoration: none; }
a:hover { color: bc2026; text-decoration: underline; }


acronym, abbr { border-bottom: #333; }
blockquote {border-left: #2F700F; color: #2F700F;}
h2 {	color: #d04e00;
	font-size: 24px;
	font-weight: normal;}
h3 a {color: #17397A; }
h3 a:hover {color: #17397A;}
h3 a:visited {color: #17397A;}
.meta { color: #1F6710} 
.meta a {color: #001700;}
.feedback a{color: #001700;}



/* --------     Core CSS ---------*/


a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header {font-size:10px ;color: #000000; text-decoration: none; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}

h2 {font: 125% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em;
  background-color:#cccccc;
 /*  margin: 0 20px 0px 0; */
   }
   
h2#tagline {
font: 125%;
margin-right: 25px; 
padding:0;
text-align: right;
color: #F2EEEC;
border: 0px none; 
margin-left:0; 
margin-top:0; 
margin-bottom:0
}

.post h2 { font: 125% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; 
  margin: 0 20px 0 30px; 
  padding: 20px 0 0 20px;
   background-color:#cccccc;
  
/*  background :url(images/soccer_h2.gif) no-repeat 0px 22px;*/
  }
.post a:link, a:visited { text-decoration:underline}
.post a:hover { text-decoration:none}

h3 {font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #17397A;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
	font-size: 16px;
	font-weight: normal;
}
ol#comments li p { font-size: 100%; }
img {margin: 2px;padding: 10px; border: 1px solid #2F700F; }
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
	font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}



/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}

.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 0px 0px 0px 0; background-color:#CCCCCC;}
.posttitle { margin-top: 0px; margin-bottom: 2px; text-align:left;}
.posttitle a { text-decoration: none; }
.postcontent{margin-bottom: -25px; border-bottom: 1px solid #eba000; background-color:#CCCCCC; }
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}


/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav form {
	margin: 0 0 0 13px;
}

#nav input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}


#nav ul li h2 {
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0px none;
	text-align: left;
	padding-left:0;
	margin-left: 0
}


#nav ul ul ul.children {
	font-size: 100%;
	padding-left: 4px;
}


#nav { width: 100px; }

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}

#nav a
{
display: block;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url('images/icon.gif'); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #2050A0; padding-right:3px; padding-top:3px; padding-bottom:3px

}






#nav a:link, #navlist a:visited
{

text-decoration: none;
}

#nav a:hover
{
background-image: url('images/icon2.gif'); 
color: #000
}

#themeswitcher {
	font-size: 8px;
}

/*------------- hnav------------*/



#hnav ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #2050A0;
color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #F2EEEC;
text-decoration: none;
border-right: 1px solid #F2EEEC;
}

#hnav ul li a:hover
{
	background: #F2EEEC;
color: #3A291F;
}

#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/

.gravatar {
	float:left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #2F700F;
}	

#commentbox {
	background: #F2EEEC;
	border: 1px solid #2F700F;
	padding: 5px;
	margin-bottom: 15px;
}

.commentby {
	font-size: 14px;
	text-transform: uppercase;
}
.commentinfo {
	font-size: 10px;
	margin-top: -10px;
	border-bottom: 1px soild #1F6710;
}

.commentid {
	float: right;
	font-size: 24px;
	font-style: italic;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2050A0;
}

.commentid a {
	color: #2050A0;
	text-decoration: none;
}

.post ul li {
	padding: 0px;
	font-weight: normal;
	list-style: url('images/icon.gif');
	line-height: 1.5em;
}
.post ul li:hover {
	padding: 0px;
	font-weight: normal;
	list-style: url('images/icon2.gif');
	line-height: 1.5em;
}

/*widget hacks*/
#nav h2 {
	font-size: 16px;
	font-weight: normal;
}

ul#recentcomments a
{background-image:url('none');
}

ul#recentcomments a:hover{background-image:url('none');
}

    .post img {
	/*width:100px;*/
    float:left;
    border:1px solid #eba000;
    margin:4px 10px 10px 0px;
    }


	/* START MENU */

    #topmenu {
        margin: 0 0 10px 2px;
        z-index:5;
        float:left;
        width:735px;
    }
    
        #topmenu a:link, #topmenu a:visited {
            color:black;
			 text-decoration:none;
        }
        
        #topmenu a:hover {
            text-decoration:none;
        }
    
		#topmenu ul { 
			list-style:none;
			margin:0 0 0 5px;
			padding:0;
		}
				
				#topmenu ul li a:link, #topmenu ul li a:visited {
					display:block;
					line-height:11px;
					padding:5px 8px 2px 8px;
					margin:0 5px 0 0;
					font-size:11px;
					border-bottom:2px solid #eba000;
					text-transform:uppercase;
				}
				
				#topmenu ul li a:hover {
				    border-bottom:2px solid #eb2a00;
				}
				
				#topmenu ul li {
					display:block;
					float:left;
					position:relative; 
				}
				
				#topmenu ul li ul {
					display:block;
					position:absolute;
					top:auto;
					list-style:none;
					margin-top:0;
					padding:0;
					visibility:hidden;
					border-top:1px solid white;
					width:225px;
				}
				
				#topmenu ul li:hover ul,
				#topmenu ul li.msiefix ul {
					visibility:visible;
				}
				
				#topmenu ul li ul li {
					position:relative;
					float:none;
					line-height:18px;
					color:#333;
					font-size:10px;
					_height:1px;
				}
				
				#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
					display:block;
					margin:0;
					line-height:15px;
					padding:2px 0 2px 10px;
					color:#FFF;
					_height:1px;
					text-transform:none;
					border:0;
					background-color:#eba000
				}
				
				#topmenu ul li ul li a:hover {
			    	  color:#d04e00;
					background-color:#eba000
				}

	/* END MENU */