/*
Theme Name:		mandarine
Theme URI:		http://www.wisemandarine.com
Description:	floating boxes for a 2-page layout with quantized elasticity.
Version:		0.1
Author:		mandarine (derived from Chris Pearson's neoclassical theme and Matthew Taylor's floating boxes layout)
Author URI:		http://www.wisemandarine.com/
*/

body { background: #fff;
       color: #333;
       font: 70% verdana, helvetica, Sans, "sans-serif";}


* { padding: 0; margin: 0; }
	


/*---:[ core layout elements ]:---*/
/*---:[ the structure is inspired from the floating boxes layout: www.matthewjamestaylor.com ]:---*/

#header { padding:10px 10px 10px;}

/* the header image is insterted as a background image so that it generates
no scrollbar when it is clipped by the window*/
#headerimg { height: 150px;
             background: #1c7203 url('images/headerBackground.jpg') no-repeat;
             color:#000; }

/* the site title is insterted as an image (with transparency),
so as to be clickable as if it were text*/
#clickabletitle { position: absolute;
                  top:35px;
				  left:45px; }
				  
/* the orange corner at the top left is inserted as a floating image with
transparency (png) so as to allow modification of the header background
image and to allow degraded jpg compression on the header background for
reduced file size, while keeping a crisp aspect for the 'vector-like' corner*/ 			  
.topleftcorner { float: left;}

.toprightcorner {float: right;}				  

#wrapper { clear:left;
           float:left;
					 width:100%;
					 background:#fff;
					 padding-bottom:20px; }

.box1wrap { float:left;
            width:490px;
		    margin-top:10px;}
	
.box1 { float:right;
        width:480px;
		padding-bottom:5px;}
		
.box1pad { position:relative;
           right:10px;
  		     float:right;
  		     width:470px;
  		     overflow:hidden;}
			
.box2wrap { float:left;
            width:490px;
			margin-top:10px;}
	
.box2 { float:right;
        width:480px;
		padding-bottom:5px; }
		
.box2pad { position:relative;
           right:10px;
		   float:right;
		   width:470px;
		   overflow:hidden;	}
			
.box3wrap { float:left;
            width:245px;
			margin-top:10px;}
	
.box3 { float:right;
        width:235px;
		padding-bottom:5px; }
		
.box3pad { position:relative;
           right:10px;
		   float:right;
		   width:225px;
		   overflow:hidden; }
			
#footer { clear:left;
		  margin:10px 10px 20px;}

.footer_column {width: 180px; float:left; padding: 10px;}

#first {margin: 0px; padding-left: 20px; background: url('images/cornerUL_green_53px.png') top left no-repeat;}



/*---:[ headlines ]:---*/

h1, h2 { font-weight: normal;
         font-size: 1.8em;
		 padding-top: 0.5em ;
		 margin-bottom: 1em ;
		 color: #1c7203; }
		 
h1 { text-transform: uppercase;}		 
		 
.logo, .tagline { display: none; }		 

/* � reprendre quand je saurai ce que �a fait en archives*/	
.archives h1 { font-size: 1.1em;
               line-height: 1.81818em;
							 text-transform: uppercase;
							 letter-spacing: 2px;
							 margin: 0 0 1.81818em 0;
							 padding: 0.36364em 10px 0.36364em 10px;
							 background: #eee;
							 border-top: 1px solid #ddd;
							 border-bottom: 1px dotted #ddd;
							 text-align: center; }

h2 a, h2 a:visited { color: #fb7c00; }

h2 a:hover { color: #1c7203;
             text-decoration: none; }
			 
.feed {background: url('images/feed-icon-14x14.png') left 75% no-repeat; padding-left: 18px;}			 

			  
h3 { font-size: 1.3em; font-weight: normal ; color: #be4b00; }

.format_text h3 { margin: 0.5em 0 0 0; }

.format_text h3.top { margin: 0 0 0.35em 0 !important; }


h4 { font-size: 1.3em; font-weight: normal; color: #aaa; }

.subtitle {    font-size: 1.25em;
			   color: #12a921;
			   margin-top: -1.3em;
			   margin-bottom: 0.5em;
			   padding-left: 20px;}
			   
.subtitle a, .subtitle a:visited { color: #fb7c00;
               text-decoration: none; }

.subtitle a:hover { color: #1c7203;
          text-decoration: none; }			   

/*---:[ global elements ]:---*/

hr { display: none; }

a, a:visited { color: #1c7203;
               text-decoration: none; }

a:hover { color: #fb7c00;
          text-decoration: none; }

/* this fixes IE handling of png transparency (javascript hack).
If javascript is disabled, it will still look good outside IE*/		  
img { behavior: url(iepngfix.htc); }		  

a img { border: none; }

blockquote { color: #555;
						 margin: 0 0 1.53846em 10px;
						 padding: 0 0 0 10px;
						 border-left: 1px solid #eee; }

abbr, acronym { font-size: 0.84615em;
                border-bottom: 1px dotted #888;
								letter-spacing: 1px;
								text-transform: uppercase;
								line-height: 1.0em;
								cursor: help; }
								
li {list-style-position: inside	; }

sub, sup { line-height: 1.0em; }

span.code { font-size: 0.92308em;
            font-family: Consolas,
						            "Andale Mono",
												 Courier,
												"Courier New",
												 monospace; }
/* Using a <span class="code"> preserves the line height better across a wider variety of browsers */
	
code { font-size: 0.92308em;
       font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
			 line-height: 1.0em; }

pre { margin: 0 0 1.81818em 0;
      padding: 0.81818em;
			font-size: 0.84615em;
			font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
			background: #eee;
			border: 1px solid #ddd;
			overflow: auto;
			clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { padding: 0 20px;
             font-size: 1.3em; }

		
/*---:[ #banner styles ]:---*/


/* we use negative margin to put the list inside the banner */																	 
.menu ul { list-style: none;
           margin: -30px 0 5px 0; }

/* we display the list items inline so we have a horizontal menu in the lower part of the banner */
/* we use a background image with padding as a separator, because IE does not understand the :before pseudo-element */					 
.menu li { display: inline;
            margin: 5px 5px;
		    padding: 6px 6px 6px 6px;
			font-family: "Trebuchet MS", Sans, sans-serif;
			font-size: 17px;}
			
.menu li a { color: white;}			
.menu li a:hover { color: #ffaa56; text-decoration: none}
					 
.menu li.current_page_item a, .menu li.current_page_item a:hover { color: #fb7c00;}

						 
/*---:[ content styles ]:---*/

.boxbanner {width: 100%; height: 30px;
           background: #1c7203 url('images/boxbannerBackground.jpg') center top no-repeat;
           font-family: "Trebuchet MS", Sans, sans-serif;
           font-size: 13px; text-transform: uppercase; line-height: 30px;
		   color: white;}
		   
.boxbanner a {color: white;}

.boxbanner a:hover {color: #ffaa56; text-decoration: none;}

.content_inner, .sidebar { background-repeat: repeat-x;
				 background-position: bottom;
				 margin-bottom: 20px;
				 padding: 0 10px 0 10px;}
				 
#footer { background-repeat: repeat-x;
				 background-position: bottom;}				 
				 
.content_inner h2 { margin-top: 1em; border-top: 1px dotted #aaa;}

.content_inner h2.top { margin-top: 0 ; border: none; }				 
				 
.grad_green { background-color: #ebffed ;
              background-image: url('images/gradGreen.jpg');}

.grad_orange { background-color: #feac5a ;
              background-image: url('images/gradOrange.jpg');}	

.grad_pink { background-color: #ffeddf ;
              background-image: url('images/gradPink.jpg');}	

.grad_yellow { background-color: #f1feb8 ;
              background-image: url('images/gradYellow.jpg');}		 
			   

.format_text { font-size: 1.2em; line-height: 1.3em;}
							 
.format_text a {color: #12a921; }
.format_text a:hover {color: #fb7c00;}							 
	
.format_text blockquote.right { width: 180px;
                                font-size: 20px;
								font-family: "Times New Roman", serif;
								line-height: 1.25em;
								margin: 0 0 0 10px;
								padding: 0.4375em 0 0.4375em 10px;
								float: right; }
		
.format_text blockquote.left { width: 180px;
                                font-size: 20px;
							   	font-family: "Times New Roman", serif;
								line-height: 1.25em;
								margin: 0 10px 0 0;
								padding: 0.4375em 10px 0.4375em 0;
								float: left; }
	
.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
.format_text p { margin: 0 0 0.8em 0; text-align: justify;}
	
.format_text p.note { padding: 0.76923em 10px;
                      background: #ffffa0;
											border: 1px solid #d3d35d; }
	
.format_text ul { list-style: none;
                  margin: 0 0 0.53846em 0; }

.format_text ol { margin: 0 0 1.53846em 20px; }
	
.format_text li { }
	
.format_text ul li { padding: 0 0 0 14px;
                      list-style: none;
                     background: url('images/bullet_text.gif') 0 0.42em no-repeat; }
		
.format_text ul li ul,
  .format_text ul li ol,
	.format_text ol li ul,
	.format_text ol li ol { margin: 0 0 0 10px; }
	
.format_text dl { margin: 0 0 1.53846em 0; }
			
.format_text dt { font-weight: bold; }
		
.format_text dd { margin: 0 0 0 1.53846em; }
		
.format_text .ad { margin: 0 0 0 10px;
                   float: right;
									 clear: right; }
	
.format_text .ad_left { margin: 0 10px 0 0;
                        float: left;
												clear: left; }

.format_text img.left { margin: 10px 10px 10px 0px ; 
                        float: left;
						clear: left; }
		
.format_text img.right { margin: 0 0 1.53846em 10px;
						 					 	 float: right;
												 clear: right; }
		
.format_text img.center,  .format_text iframe.center{ display: block;
                          margin: 0 auto 0.5em auto;
													float: none;
													clear: both; }
		
.format_text img.block { display: block;
                         margin: 0 auto 1.53846em 0;
												 float: none;
												 clear: both; }
	
.format_text img.frame { margin: 0 -5px; border: 5px solid black; }
		
.format_text img.stack { clear: none !important; }

.format_text a img {padding: 2px; border: 1px solid #fb7c00}

.to_comments { margin: 0 0 1.81818em 0;
               padding: 0;
							 font: normal 1.1em/1.81818em Verdana, sans-serif;
							 color: #999;
							 clear: both; }
	
.to_comments .date { padding: 0 0 0 14px;
                     background: url('images/icon_date.gif') 0 50% no-repeat; }
	
.to_comments .filed { padding: 0 0 0 14px;
						 					background: url('images/icon_filed.gif') 0 50% no-repeat; }
	
.to_comments .num_comments { float: right; padding: 0 0 0 14px;
						 							 	 background: url('images/icon_comment.gif') 0 50% no-repeat; }
.to_comments .num_comments a { color: #999;}
.to_comments .num_comments a:hover { color: #fb7c00;}														 

.older { float: left; }
				 
.newer { float: right; }

.previous { text-align: left; }


/*---:[ sidebar styles ]:---*/

#sourisverte {float: right; margin-left: -169px; margin-top: -40px;}

	
.sidebar h2, #footer h2 { font-size: 15px; font-weight: bold;
			  margin-bottom: 0.2em;}

.sidebar li, #footer li { font-size: 12px; line-height: 17px;
			  list-style: none;
			  margin-bottom: 0.1em;
			  padding-left: 5px;}

ul.sidebar_list { list-style: none; }

ul.sidebar_list li.widget { width: 190px;
	 								 							margin: 0 0 2.5em 0;
																font: normal 1.2em/1.33333em Verdana, Sans, sans-serif;
																float: left; }

li.widget p { margin: 0 0 1.33333em 0; }
		
li.widget ul { list-style: none; }
		
li.widget ol { margin: 0 0 0 20px; }
		
li.widget li { margin: 0 0 0.75em 0; }
			
li.widget li br { display: none; }
			
li.widget li ul { margin: 0.75em 0 0 20px; }

/*---:[ special widget styles ]:---*/

#calendar_wrap { width: 182px;
							 	 margin: 0 0 0.83333em 0;
								 padding: 0 8px 0 0; }

table#wp-calendar { width: 182px;
										border-collapse: collapse; }

table#wp-calendar caption { font-weight: normal;
														font-size: 0.91667em;
														line-height: 1.72727em;
														text-transform: uppercase;
														letter-spacing: 2px;
														background: #e5e5e5;
														border-bottom: 1px dotted #ddd; }

table#wp-calendar th { width: 26px;
										 	 font-size: 0.91667em;
											 line-height: 1.72727em;
											 background: #f2f2f2;
											 border-bottom: 1px dotted #ddd;
											 text-align: center; }

table#wp-calendar td { width: 26px;
										 	 line-height: 1.66667em;
											 color: #999;
											 text-align: center; }

table#wp-calendar td#next,
  table#wp-calendar td#prev { width: 78px;
															font-size: 0.83333em;
															letter-spacing: 1px;
															text-transform: uppercase; }
				
/*---:[ search widget ]:---*/

#search { padding: 0.83333em 0;
					border: 1px dotted #ddd;
					border-width: 1px 0;
					text-align: right; }

#search #s { width: 184px;
					 	 padding: 2px;
						 color: #333;
						 background: #f2f2f2;
						 font: normal 0.91667em Verdana, Sans, sans-serif;
						 border: 1px solid #aaa;
						 border-right-color: #eee;
						 border-bottom-color: #eee;
						 text-align: left; }

#search #s:focus { background: #fff;
								 	 border-color: #777;
									 border-right-color: #ccc;
									 border-bottom-color: #ccc; }

#search input[type="submit"] { margin: 0.25em 0 0 0;
														 	 padding: 2px 3px;
															 font: bold 1.0em ;
															 background: url('images/submit_bg.gif');
															 border: 3px double #999;
															 border-top-color: #ccc;
															 border-left-color: #ccc;
															 color: #000; cursor: pointer; }

#search input[type="submit"]:hover { color: #237fa1; }


/*---:[ " styles ]:---*/

#footer p { text-align: left; clear: both; margin-left: 10px;}


/*---:[ comment styles ]:---*/

#comments { width: 100%;
						margin: 0; }

.comments_intro { padding-left: 10px;
									font: normal 1.1em/1.81818em Verdana, sans-serif;
							 color: #999;
									border-bottom: 1px dotted #bbb; }

.comments_intro span { padding: 0 0 0 14px;
										 	 background: url('images/icon_comment.gif') 0 50% no-repeat; }

dl#comment_list { margin: 0 0 3.0em 0; }

dl#comment_list dt.comment {						 	 padding: 1.42857em 0px 0.71429em 10px; 
														 background: #f1feb8 ;
														 font-size: 1.4em;
														 line-height: 1.42857em; }

.comment_num { padding-right: 10px;
						 	 font: bold 0.85714em/1.66667em Verdana, sans-serif;
							 float: right; }

.comment_num a, .comment_num a:visited { color: #999;
						 								 					 	 text-decoration: none; }

.comment_num a:hover { color: #237fa1;
						 				 	 text-decoration: none; }
				
.comment_time { font: normal 0.78571em Verdana, sans-serif;
								color: #999; }
				
dl#comment_list dd.comment {						 	 padding: 0 9px 0.8em 10px;
														 background: #f1feb8 ;
														 border-bottom: 1px dotted #bbb; }
		
dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }

dl#comment_list dt.author, dl#comment_list dd.author { background: #ebffed !important; }
		
.comment .format_text { padding: 0 10px; }
			
.comment a.comment_link,
  .comment a.comment_link:visited { font-style: italic;
					 													font-weight: bold;
																		color: #333;
																		background: none;
																		text-decoration: none; }
			
.comment a.comment_link:hover { color: #333;
				 												text-decoration: underline; }
			
			
/*---:[ comment form styles ]:---*/

#respond { margin: 0 0 0.83333em 0;
				 	 padding: 0 20px;
					 border-bottom: 1px dotted #ddd;
					 font: normal 1.1em/1.81818em Verdana, sans-serif;
							 color: #999;}

#respond span { padding: 0 0 0 14px;
				 				background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }

#comment_form { width: 100%;
								padding: 0 19px; }

#comment_form p { padding: 0.69231em 0 0.76923em 0;
									font-size: 1.3em;
									line-height: 1.53846em; }
	
#comment_form p.submit_p { padding-bottom: 1.30769em; }
	
#comment_form label { padding: 0 0 0 10px; }

#comment_form .text_input { width: 209px;
														padding: 2px;
														color: #333;
														font: normal 1.0em ;
														background: #f2f2f2;
														border: 1px solid #aaa;
														border-right-color: #eee;
														border-bottom-color: #eee; }
		
#comment_form .text_input:focus { background: #fff;
																	border-color: #777;
																	border-right-color: #ccc;
																	border-bottom-color: #ccc; }
		
#comment_form .text_area { width: 400px !important;
												 	 height: 5.84615em; }
	
#comment_form .form_submit { padding: 0.35714em 4px;
													 	 background: url('images/submit_bg.gif');
														 border: 3px double #999;
														 border-top-color: #ccc;
														 border-left-color: #ccc;
														 color: #333;
														 font: bold 1.07692em ;
														 cursor: pointer; }
		
#comment_form .form_submit:hover { color: #237fa1; }
		
#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }


/*---:[ search form styles ]:---*/

#search_form { }

#search_form .search_input { width: 201px;
						 							 	 padding: 2px;
														 margin-bottom: 10px;
														 margin-top: 5px;														 
														 color: #333;
														 background: #f2f2f2;
														 font: normal 0.91667em Verdana, sans-serif;
														 border: 1px solid #aaa;
														 border-right-color: #eee;
														 border-bottom-color: #eee; }
	
#search_form .search_input:focus { background: #fff;
						 										 	 border-color: #777;
																	 border-right-color: #ccc;
																	 border-bottom-color: #ccc; }