/*   
Theme Name: 	ffto v3
Theme URI: 		http://blog.imfreshfromtheoven.com
Description: 	mon design personnel
Author: 		Maxime Lefrancois
Author URI: 	http://www.imfreshfromtheoven.com
*/
/* general
------------------------------------------------------------------- */
body{
	background:#FFF url(images/ffto-white-bg.gif) repeat-y left;
	color:#3c3c3c;
	font:14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}

form{ margin:0; padding:0; }

.clear{ clear:both; height:1px; visibility:hidden; overflow:hidden; }

.title{ color:#58b9d9; font-size:34px; margin:0; padding:0; }
	.title a{ color:#58b9d9; display:inline-block; padding:3px 5px; text-decoration:none; }
	.title a:hover{ background-color:#58b9d9; color:#FFF; }

a{ outline:none; }
a:link, a:visited{ color:#58b9d9; }
a:hover, a.selected{ background-color:#58b9d9; color:#FFF; }

/* layout
------------------------------------------------------------------- */
#page{ background:#f0f0f0 url(images/layout-bg.gif) repeat-y top left; }

	#header{ background-color:#FFFFFF; display:none; }

	#sidebar{
		background:url(images/sidebar-bg.gif) no-repeat top left;
		float:left;
		padding:30px 7px 0 14px;
		width:69px; /* original : 90px */
		position:absolute;
		left:0;
		}
		
	#content{
		background: url(images/content-bg.gif) repeat-x top left;
		padding:49px 10px 10px 30px;
		zoom:1;
		margin-left:86px;
		min-height:500px;
		_height:500px;
		}
		
	#footer{ background:#FFF url(images/footer-bg.gif) repeat-x top left; padding-bottom:10px; }
		#copyright{
			background:url(images/footer-bottomcorner.gif) no-repeat top left;
			color:#999;
			font:11px Arial, Helvetica, sans-serif;
			padding:20px 0 0 90px;
			}

/* sidebar
------------------------------------------------------------------- */
#title{
	background:url(images/sprite.gif) no-repeat 0 -10px;
	height:343px;
	padding:0;
	text-indent:-1000px;
	width:69px;
	}
#sidebar .button{
	background:url(images/button.gif) no-repeat right center;
	color:#FFF;
	cursor:pointer;
	display:block;
	font-size:10px;
	margin:3px auto;
	padding:2px 8px 2px 6px;
	text-decoration:none;
	text-transform:lowercase;
	width:40px;
	}
#sidebar .button:hover{ color:#000; }


/* menu
------------------------------------------------------------------- */
#menu{
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	left:10px;
	padding:20px;
	position:absolute;
	top:10px;
	width:625px;
	z-index:500;
	}
	
	#menuitems{ margin:0; padding:0; list-style-type:none; }
		#menuitems li{ display:inline; }
		#menuitems a{
			color:#FFF;
			display:block;
			font-size:26px;
			font-weight:bold;
			padding:2px 5px;
			text-decoration:none;
			}
		#menuitems a:hover{ background-color:#58b9d9; }
		
	#searchbox input{
		background:#FFF url(images/sprite.gif) -71px -273px;
		border:none;
		font-size:11px;
		margin-top:15px;
		padding:4px 10px 3px 25px;
		space:0;
		width:585px;
		}

/* post
------------------------------------------------------------------- */
.post{ margin-bottom:40px; position:relative; width:1000px; }


	.post .entry{ background:url(images/post-bg.gif) repeat-y 15px top; padding:0 200px 0 30px; position:relative; }
		.post .postmetadata{ 
			margin-right:-30px;
			position:absolute;
			right:0;
			top:0;
			width:200px;
			}

			.post .postmetadata label{
				background:url(images/sprite.gif) no-repeat;
				color:#6d6d6d;
				display:block;
				font-size:11px;
				padding:1px 0 4px 28px;
				}
			.post .postmetadata label.time		{ background-position:-71px -300px; }
			.post .postmetadata label.categories{ background-position:-71px -318px; }
			.post .postmetadata label.comments	{ background-position:-71px -336px; }
			
				.post .postmetadata label b{ display:none; }
				.post .postmetadata label a{
					color:#6d6d6d;
					display:inline-block;
					margin:-1px -3px 0 -3px;
					padding:1px 3px 0 3px;
					text-decoration:none;
					}
				.post .postmetadata label a:hover{ background-color:#58b9d9; color:#FFF; }
				
		.post .entry a{
			color:#58b9d9;
			display:inline-block;
			font-weight:bold;
			margin:0 -2px;
			padding:0 2px;
			text-decoration:none;
			vertical-align:baseline;
			}
		.post .entry a:hover{ background-color:#58b9d9; color:#FFF; }
	
		.post .entry img{
			border:4px solid #FFF;
			float:left;
			margin:0 10px 10px 0;
			vertical-align:top;
			}
		
		.post .entry a:link img, .post .entry a:visited img{ margin:10px; }
		
		.post .entry blockquote{
			background-color:#F3F3F3;
			border:1px solid #CCCCCC;
			border-radius:5px;
			font-size:12px;
			margin:10px;
			-moz-border-radius:5px;
			overflow-x:auto;
			padding:5px 20px;
			-webkit-border-radius:5px;
			}

		.post .entry .clear{
			border:5px solid #F0F0F0;
			clear:both;
			margin-left:-20px;
			margin-top:-15px;
			visibility:visible;
			}

	.post .tags{ clear:both; margin:-5px 0 0 30px; }
		.post .tags b		{ display:none; }
		.post .tags a		{ color:#b6b6b6; font-size:10px; text-decoration:overline; }
		.post .tags a:hover	{ background-color:transparent; color:#3d3d3d; }

/* navigation
------------------------------------------------------------------- */
.navigation{ margin-top:3em; }
	.navigation a{
		background:url(images/button.gif) no-repeat center;
		color:#FFF;
		font-size:12px;
		padding:10px;
		text-decoration:none;
		}
	
	.navigation .alignleft a	{ background-position:left center; margin-right:10px; padding-left:20px; }
	.navigation .alignright a	{ background-position:right center; padding-right:20px; }
	.navigation a:hover			{ color:#000; }

/* comment
------------------------------------------------------------------- */
.commentlist{ list-style-type:none; margin:0 0 0 -26px; padding:0; width:836px; }
	.commentlist li			{ background-color:#cecece; margin:0; padding-bottom:15px; }
	.commentlist li.alt		{ background-color:#f0f0f0; }
	.commentlist li.admin	{ background-color:#58b9d9; }
		
		.commentlist li .commentvisitor{
			background:url(images/comment-bg.png) no-repeat 0 0;
			margin:0;
			padding:45px 600px 0 35px;
			position:relative;
			top:-22px;
			}
		.IE6 .commentlist li .commentvisitor{ background-image:url(images/comment-bg.gif); }
		
		.commentlist li.alt .commentvisitor		{ background-position:-1672px 0; }
		.commentlist li.admin .commentvisitor	{ background-position:-836px 0; }
		
			.commentlist li .commentvisitor a		{ color:#6d6d6d; margin-left:-3px; padding:1px 3px; text-decoration:none; }
			.commentlist li .commentvisitor a:hover	{ background-color:#58b9d9; color:#FFF; }
		
		.commentlist .commentdate{ display:block; margin-left:35px; margin-top:-22px; }
			.commentlist .commentdate a{ color:#6d6d6d; font-style:italic; font-weight:normal; text-decoration:none; }
		
		.commentlist .admin .commentvisitor, .commentlist .admin .commentdate a{ color:#FFF; }
			
		.commentlist  .commentcomment{
			color:#000;
			display:block;
			font-size:13px;
			font-style:normal;
			margin-left:250px;
			position:relative;
			top:-27px;
			}
			.commentlist .commentcomment p{ margin:0; padding:0 2em 1.5em 0; }

#commentform{ background-color:#6d6d6d; list-style-type:none; margin:0 0 0 -26px; padding:0; width:836px; }
	#commentform div{ margin-bottom:10px; padding:0 0 0 35px; }
	#commentform .commentauthor{
		background:url(images/comment-bg.png) no-repeat -2508px 0;
		margin-bottom:-12px;
		padding:45px 0 0 35px;
		position:relative;
		top:-22px;
		}
	.IE6 #commentform .commentauthor{ background-image:url(images/comment-bg.gif); }
		
		#commentform label{
			background:#FFF url(images/sprite.gif) no-repeat;
			display:inline-block;
			height:22px;
			text-indent:-9999px;
			vertical-align:top;
			width:32px;
			}
		#commentform .commentauthor label	{ background-position:-71px -143px; }
		#commentform .commentemail label	{ background-position:-71px -174px; }
		#commentform .commentwebsite label	{ background-position:-71px -204px; }
		#commentform .commenttext label		{ background-position:-71px -235px; }
		
	#commentform .commentfield{
		background:url(images/commentform-bottom-bg.gif) repeat-x bottom left;
		bottom:-5px;
		margin-top:-5px;
		padding-bottom:35px;
		position:relative;
		}
		#commentform .textbox, #commentform textarea{
			background-color:#FFF;
			border:none;
			color:#3c3c3c;
			font:normal 12px Arial, Helvetica, sans-serif;
			margin:0 0 0 -5px;
			padding:4px;
			}
		#commentform .textbox{ height:14px; width:325px; }
		#commentform textarea{ width:600px; }
		#commentform .button{
			background:url(images/button-white.gif) no-repeat right center;
			border:none;
			color:#3c3c3c;
			cursor:pointer;
			font-size:10px;
			margin-left:31px;
			padding:2px 22px 2px 15px;
		}
		#commentform .button:hover{ color:#58b9d9; }

/* archives
------------------------------------------------------------------- */
#archives h3{ color:#6d6d6d; font-size:18px; margin:40px 0 12px 0; padding:0; }

	#archives ol{
		background:url(images/post-bg.gif) repeat-y 70px 0;
		font-size:12px;
		list-style-type:none;
		margin:0 0 65px 0;
		padding:0;
		width:600px;
		}
		#archives ol li{ margin:0; position:relative; }

			#archives .postdatetime{ display:block; left:0; position:absolute; top:0; text-align:right; }
				#archives .postdate{ display:block; }
				#archives .posttime{ color:#6d6d6d; display:block; font-size:10px; }
				
			#archives .posttitle{
				color:#58b9d9;
				display:inline-block;
				font-size:14px;
				font-weight:bold;
				margin:-1px -3px -1px 87px;
				padding:1px 3px 1px;
				text-decoration:none;
				}
			#archives .posttitle:hover{ background-color:#58b9d9; color:#FFF; }
			
			#archives .postdesc{ display:block; margin-left:90px; padding:0 0 25px 0; }
			
/* categories and tags
------------------------------------------------------------------- */
#categoriestags ol{ list-style-type:none; margin:5px 0 55px 10px; padding:0; width:675px; }

	#categoriestags ol li{ display:inline; margin:0; padding:0; }
	
		#categoriestags ol a{
			background-color:#6d6d6d;
			color:#FFF;
			display:inline-block;
			font-weight:bold;
			margin:2px 2px 2px 0;
			padding:5px 10px;
			text-decoration:none;
			}
		#categoriestags #categories a		{ font-size:20px; }
		#categoriestags #tags a				{ font-size:16px; }
		#categoriestags ol li .popularity-1{ background-color:#58b9d9; }
		#categoriestags ol li .popularity-2{ background-color:#6d6d6d; }
		#categoriestags ol li .popularity-3{ background-color:#949494; }
		#categoriestags ol li .popularity-4{ background-color:#cecece; }
		#categoriestags ol a:hover			{ background-color:#000; }