/*-----------------------------------------------------------------------------
Theme Name: Lovers
Theme URI: http://un-reachable.net
Description: Personal theme with three widgetized sidebars featuring  House of Flying Daggers
Version: 1.0 ( Juillet 2008 )
Author: Kaho

--
Overflowing content in Fluid Layouts
    To avoid content escaping or overflowing the columns there are a couple of things you can do.

        * Make sure the content fits within the column at different window sizes or resolutions, images and long text such as urls could be a problem here.
        * Avoid setting fixed widths or 100% widths with margin, padding or borders on block level elements within the column (p, div, ul )
-----------------------------------------------------------------------------*/



/* @group Global Resets
-----------------------------------------------------------------------------*/



/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {  margin: 1em 0; }

/* Class for clearing floats */
.clear { clear:both; }

/* Remove border around linked images */
img { border: 0 none; }

/* @end */


/* @group General
-----------------------------------------------------------------------------*/

/* centering class et floating images*/
.center { margin-left: auto; margin-right: auto; display:block; text-align:center; }

.left { float:left; margin:4px 10px; }

.right { float:right; margin:4px 10px 4px 8px; }

html, body{  margin-top:0; position:relative; } 

body {
  font:62.5%/1.6 Arial;
  background:url(images/body.jpg) repeat-y white;
}

strong { color:#B43D37 ;}

/* @end */


/* @group Links
-----------------------------------------------------------------------------*/

 a:link, a:visited {
color:#C46A61;
text-decoration:none;
cursor:help;outline:none;
padding:3px 2px 1px 2px;	
}

#content .entry  p a { border-bottom:1px solid #C25549; }

#content a:hover {
color:#7B362F;  background:url(images/a_hover.jpg) left bottom repeat-x; }

#footer a { color:black ; }


/* @end */


/* @group header
-----------------------------------------------------------------------------*/
#wrapper{
width:1000px; 
text-align:left;  
background:url(images/wrapper.jpg);
overflow: hidden;	/* Put at the very top of the page in Firefox */
margin:0;
}

#wrap {
width:100%;
position:relative;
background:url(images/wrap.jpg) no-repeat;
margin:0;
}

#header { margin:0; height:160px; }

	#nav { margin:0 0 0 420px }
	
		#nav ul { margin:0; padding:0;
				list-style:none;
		}
		    #nav li { display:inline;padding:0; }
		    
			#nav a { float:left; position:relative;  margin:3px; padding:3px 6px;
					text-align:center;
				  }
			
				#nav a span { float:left; display:block; padding:2px;
							font:small-caps 1.1em Verdana; letter-spacing:0.3em; text-decoration:none; color:#BD4431; 
					}
	
					#nav a span:first-letter { color:#A3604D ; font-size: 1.3em }	
	 
	
					#nav a:hover { border-bottom:3px solid #A9261E;  color:#BD4431; }
	  
						#nav a em { display:none;}
						#nav a:hover em {  position:absolute; top:3em; right:0.1em; z-index:100; display:block; width:300px; opacity:0.7;  padding:5px;
										  background:#FFF;border:1px solid #D67666; font:normal 0.9em Arial; text-align:center; letter-spacing:0.1em;
							}
	

  
/* @end */


/* @group content
-----------------------------------------------------------------------------*/

#content {
float: right;  
width:600px;
margin-top:0; 
}

	.post { /* data +entry +com */ 
	width:540px; position:relative;
	margin-left: 10px; margin-bottom: 35px;
	font-size:1.2em; 
	}
	
	.post .top { position:relative; } /* Title + Date+ Categories */

			.post  h2 { /*title*/
			font: 1.8em 'Georgia'; letter-spacing:0.1em; line-height:1.8em;
			width:100%; margin-top:0;
			}
				.post  h2 a { color:black; }
					.post h2:first-letter { color: #AE6257; font: italic 2.4em 'Monotype Corsiva'; } 

	
			.category {
			padding:2px 5px; width:465px; height:18px;
			font-size:0.9em; font-variant:small-caps;
			border-bottom:1px dashed #F4E6D0;border-top:1px dashed #F4E6D0;
			}
				.category a{ border-bottom:none; }
			
			
			.date { 
			float:right;width:60px; z-index:10; margin: -15px 0 0 0;
			border:1px solid #F4E6D0; 	background:url(images/entry_bottom.jpg) left top repeat-x;
			}
				.date p { margin:0 auto; padding:0; text-align:center;font-size:x-small; }
				.day { background: #FCEFDC; text-transform:uppercase; font: bold 1em Georgia; color: #D77E6E ; line-height:1.4em ; border-bottom:1px solid #F4E6D0 }
				.number{ font:1.7em Georgia; letter-spacing:0.1em; line-height:1.2em }
				.month { text-transform:uppercase; font:1em Georgia; letter-spacing:0.1em; }
				.year {  font:1em Georgia; letter-spacing:0.1em; }
				
		

	.entry { /*post body*/ 
	 clear:both;position:relative;
	}

		h5 {
		text-indent:2.4em; font:0.9em 'Trebuchet MS'; color:#4A231A;
		width:100%; height:15px;
		}


		.entry p { line-height:1.6em; }

	

	.bottom { /* tags + metadata + nb comments + previous/next post*/
	margin-top:35px; padding:3px 12px; position:relative;
	border:1px solid #F4E6D0; background:url(images/entry_bottom.jpg) bottom left;
	}
	
		.bottom p { margin:0 }

		/* ecoute, humeur etc */
		.post-meta {  font-size:0.9em; width:540px; margin:6px 0px;}
		.post-meta li {  display:inline; padding :0 10px 5px 10px; }
			.post-meta-key { font-style:normal; font-weight:bold; font-variant:small-caps;color:#B43D37; margin-right:2px; }
		
		.bottom .nb_com { 
		font-weight:bold; font:1.4em Georgia;
		position:absolute; top:5px; left:490px;
		}	
		
		.bottom .navigation { text-align:right;}
		
	
	.separator {
	width:350px; height:45px;
	margin:25px 0 25px 100px;
	background: url(images/separator.jpg);
	}

	
/* @end */

/* @group Sidebar
-----------------------------------------------------------------------------*/

#sidebar {
width:400px; 
float:left; position:relative;
padding-top:100px;
font-size:1.1em;
}

	#sidebar a { color: #65271D }

	#sidebar_one, #sidebar_two { width:200px; list-style:none; }
	#sidebar_one { float:left}
	#sidebar_two { float:right}

	#sidebar_three {width:400px; clear:both; list-style:none; padding-top:12px; }
 
	#sidebar_one div, #sidebar_two div{ /*widget*/
	display:block;width:85%;
	list-style:none;
	}
	#sidebar_three div { width:95%}
	

		#sidebar div div h2 {  /* widget title */
		margin-top:45px; margin-bottom:0;	padding-left:7px;
		letter-spacing:0.2em; font-size:1.5em;
		}
			#sidebar div div h2:first-letter { color: #D77B6C; font: italic 2em 'Monotype Corsiva'; } 
		
		#sidebar div div ul { 	list-style:none; display:block; margin:0; }

			#sidebar div div ul li {  /*links*/
			display: block ; list-style:none;
			margin:0; padding-left:7px;
			line-height: 28px ; text-decoration: none ;
			border-bottom: dashed 1px #F9BB8A;
			}
			
				#sidebar div div  ul li:hover { background: url(images/li_hover.jpg); }
			
			
		#search { margin:20px 0 0px 8px; padding-bottom:10px; }
		
			#search #s{ /*search field */
			width:120px; height:16px;
			border:1px solid #D7907C;
			background:none; opacity:0.6;
			margin-top:5px; padding:2px 5px; float:left;
			font:1.2em Arial; color:#B73A36; font-variant:small-caps;
			}
					#search #s:focus{ border-color:#FFE5CD; background:white; opacity:1}
					
			#searchsubmit { 
			float:right; width:30px; margin-top:5px; padding:2px 5px; float:left;height:22px; 
			border:1px solid #D7907C; background:none; 
			font:1.2em Arial; color:#B73A36; font-variant:small-caps; 
			}

/* @end */

/* @group Footer
-----------------------------------------------------------------------------*/

#footer {
margin-top:0;
height:275px;
background:url(images/footer.jpg) bottom left no-repeat;
clear:both;	overflow:hidden;
position:relative;
}
	
	#copyright { position:absolute; bottom:8px; width:100%; text-align:center; overflow:hidden;}

	#gototop {
	position:absolute; bottom:30px; right:0; 
	width:30px; height:18px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #F6DCB9;
	background:url(images/pages.jpg);
	z-index:15;
	}

	body > #gototop{
	position:fixed;
	}	
	
/* @end */


/* @group Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}

/* @end */



/* @group Comments
-----------------------------------------------------------------------------*/

#commentbox {
width:540px;
padding:0 0 0 20px;
}

	#commentbox h3 {
	color:#AD6252; font:1.8em 'Trebuchet MS';
	line-height:0.9em; letter-spacing:0.2em;
	text-align:center
	}
		#commentbox h3:first-letter { color:black; font-size:1.2em }
		
		
	.commentlist { list-style:none; }

	.commentlist li { /* every comment */
	display:block; position:relative;
	width:100%; min-height:130px;
	margin-top:30px;
	}
	
		#commentbox .data { /* Author + date + edit */
		font-size:1.3em; font-weight:bold;
		margin:0; height:25px; width:530px; padding: 2px 5px;
		border-bottom:1px solid #F5D1AD; border-left:1px solid #F5D1AD;
		}

		
		#commentbox .text {
		margin:0; padding:0px 0px 8px 2px; position:relative;
		border-bottom:1px solid #F5D1AD; border-right:1px solid #F5D1AD;
		font-size:1.1em;
		}
		
			.gravatar {
			float:right; margin:-30px 12px 0px 0px; width:60px; height:60px;
			border:2px solid #F5D1AD;	
			}
		
		#commentform { text-align:center; }
		
			#author, #email, #url  {
			width:300px; margin-top:5px; padding:2px 5px;
			border:1px solid #FFE5CD; border-top:none; border-left:none; border-right:none;
			background:none;
			font:1.2em Arial; color:#B73A36; font-variant:small-caps;
			}
					#author:focus, #email:focus, #url:focus{ border-bottom-color:#D7907C; background:white;}			
			
			
			#commentbox textarea{
			display:block; margin:0 auto; width:450px; height:225px;
			border:1px solid #F5D1AD; background:url(images/textarea.jpg);
			font:1.2em Arial; color:#B73A36;
			}

			#commentform #submit {
			padding:2px 5px;width:200px; height:25px; 
			border:1px solid #F5D1AD;background:none; 
			font-variant:small-caps; font-size:1.1em; color:#B73A36;
			}


			

/* @group Widgets
-----------------------------------------------------------------------------*/
.textwidget , .flickrbadge{ margin:-9px 0 0 7px; padding:5px 4px; border:1px solid #F9BB8A; width:95% }
  .textwidget img  { border:2px solid #F5D1AD; }
  .textwidget span { color: #65271D }
  
		.flickr_badge_image img{ border:2px solid #F5D1AD; }
  
  
.scrobbles li { display:block; height:25px; margin:2px 1px 1px 1px; padding: 2px 1px 0 2px; overflow:hidden;}
 
 
/* @end */		

	
			
/* @group Plugins
-----------------------------------------------------------------------------*/

/*Page navigation */
	
.wp-pagenavi {
margin:3px 0 3px 10px;
display:inline;
float:left;
} 
	
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F6DCB9;
	background:url(images/pages.jpg);
}
.wp-pagenavi a:hover {	
	color: #B43D37;
}
.wp-pagenavi span.pages {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #F6DCB9;
	background:url(images/pages.jpg);
	color:#C46A61;
}
.wp-pagenavi span.current {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	border: 1px solid #F6DCB9; background:none;
	color: #000000;
}
.wp-pagenavi span.extend {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #F6DCB9;
	background:url(images/pages.jpg);
}
.liste {
display:block;float:left;
margin: 2px;
padding: 2px 3px 2px 3px;
line-height:1.2em;
border: 1px solid #F6DCB9;
background:url(images/pages.jpg);
}

/* DD site map generator */
 .ddsg-wrapper ul li ul li a { border-bottom:none; text-decoration:none;} 
 .ddsg-wrapper h2 { margin-top:20px; }

/* WP Stats */

img#wpstats{width:0px;height:0px;overflow:hidden}

/* @end */


/* @group Misc.
-----------------------------------------------------------------------------*/

/* POST STYLING */

.entry h3, .entry h2 {
padding-left:5px;
color:#AD6252; font:1.7em 'Trebuchet MS';
line-height:0.9em; letter-spacing:0.2em;
}
	.entry h3:first-letter, .entry h2:first-letter { color:black; font-size:1.2em }

.entry h4 {
border-left:10px solid #EEEFF1;
padding:0 8px; margin:25px 0 0 15px;
font-size:1em; font-weight:bold;
}

.entry img {
 padding:12px;
 background:url(images/img.jpg) white bottom left repeat-x; border: 1px solid #FAEDB9;
}

	 .caption {
	font-style:italic; font-size:0.9em
	}

#content img.wp-smiley {
vertical-align: middle;
border:0; padding:0;
}

blockquote p {
background: url(images/blockquote.jpg) white repeat-y;
width:95%; margin:0 auto; padding:5px 8px 5px 32px;
font-size:0.95em; color:#673434;
}

.entry ul {
width:95%; margin:0 auto;
list-style-image:url(images/post_li.gif);
list-style-position:inside;
}

.entry ul li ul {
list-style-image:url(images/li_mini.gif);
list-style-position:inside;
}

.more-link {
font-variant:small-caps; font-weight:bold; letter-spacing:0.2em;
}


/* ACC MENU */

	#multi-tabs .acc_menu {
	display:block;
	margin:10px 0px 15px 5px;
	}

	.acc_menu li {
	display:inline; 
	margin-left:10px; padding-bottom:3px; padding-left:5px;
	border-left:1px dashed #AD6252; 
    color:#AD6252; font:1.5em 'Trebuchet MS'; line-height:0.9em; letter-spacing:0.2em;
	}

	
	.acc_menu div{ /* div child */
	display:inline;cursor:help;
	padding:0px 3px;
	}
	
	.acc_menu li:hover{  /* navigation tab */ border-bottom:3px solid #B04A2D; }

/* IE 6 Warnning Div */
	
#IE { font-size:1.1em; color:#B35347; padding:4px; border:2px solid #C5675F ; background:url(images/textarea.jpg); width:987px; }	
		

/* @end */