/*
Theme Name: PSD PLanet
Theme URI: http://www.eirestudio.net/
Version: 1.0
Author: Keith Donegan
Author URI: http://www.eirestudio.net/
*/


@import url("elements/css/reset.css");
@import url("elements/css/general.css");


/* --------------------------------------------
   Header 
-------------------------------------------- */
#header {
	position: relative;
}
	#header h1 { margin: 0; }
		#header h1 a {
			background: url(elements/images/logo.png);
			width: 310px;
			height: 120px;
			display: block;
			text-indent: -9999px;
			float: left;
		}
	#header span#tagline {
		color: #e1e1e1;
		position: absolute;
		font-weight:bold;
		font-size:14px;
		top: 75px;
		left: 94px;
	}
	#header form {
		background: url(elements/images/search_bar.png);
		width: 315px;
		height: 30px;
		float: right;
		margin-top: 42px;
	}
		#header form input.text {
			border: 0px none;
			background: none;
			float: left;
			width: 271px;
			margin: 7px 0px 0px 7px;
		}
		#header form input.submit {
			border: 0px none;
			background: none;
			float: left;
			width: 16px;
			height: 16px;
			margin: 8px 0px 0px 10px;
			cursor: pointer;
		}


/* --------------------------------------------
   Menu de navigation
-------------------------------------------- */
#mainnav {
	position: relative;
	z-index: 1000;
}
	#mainnav .ribbon {
		position: absolute;
		top: 16px;
	}
		#mainnav .left { left: -42px; }
		#mainnav .right { right: -42px; }
		
	/* ----- 1st Level ----- */
	#mainnav ul.clearfix {
		margin: 0px 0px 0px 0px;
		background: url(elements/images/mainnav.png) repeat-x;
		height: 41px;
	}
		#mainnav ul li {
			display: inline;
			padding: 0px 0px 0px 0px;
			position: relative;
			float: left;
		}
			#mainnav ul li a {
				text-decoration: none;
				display: block;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				height: 27px;
				padding: 14px 16px 0px 16px;
			}
				#mainnav ul li a:hover, #mainnav ul li.current a {
					background: url(elements/images/mainnav.png) bottom;
				}
				
				/* ----- 2nd Level ----- */
				#mainnav ul ul {
					width: 120px;
					position: absolute;
					z-index: 20000;
					display: none;
				}	
					#mainnav ul ul li a {
						background: #50628d !important;
						width: 150px;
						letter-spacing:0,7px; 
						height: auto;
						font-size: 13px;
						padding-bottom: 12px;
						border-bottom: 1px solid #000000;
					}
						#mainnav ul ul li a:hover {
							background: #6f85b9 !important;
						}
						
						/* ----- 3rd Level ----- */
						#mainnav ul ul ul {
							width: 120px;
							position: absolute;
							z-index: 20000;
							display: none;
							left: 152px;
							top: 0px;
						}	
						#mainnav ul ul ul li a {
							background: #0C6B8B;
							width: 120px;
							height: auto;
							font-size: 12px;
							padding-bottom: 12px;
							border-bottom: 1px solid #063A4B;
						}
							#mainnav ul ul ul li a:hover {
								background: #00A3B9;
							}
								
							/* ----- 4th Level ----- */
							#mainnav ul ul ul ul {
								width: 120px;
								position: absolute;
								z-index: 20000;
								display: none;
								left: 152px;
								top: 0px;
							}	
							#mainnav ul ul ul ul li a {
								background: #0C6B8B;
								width: 120px;
								height: auto;
								font-size: 12px;
								padding-bottom: 12px;
								border-bottom: 1px solid #063A4B;
							}
								#mainnav ul ul ul ul li a:hover {
									background: #00A3B9;
								}





/* --------------------------------------------
   Main
-------------------------------------------- */
#main { 
	background: #fff url(elements/images/grey_sidebar.png) right repeat-y;
	padding-top: 30px;
	text-align:justify;
}
	/* ----- Full Width, No Sidebar -----*/
	.full_width { background: #fff !important; }
		.full_width #content {
			width: 860px;
		}
			.full_width #content .page_post {
				margin: 0px;
			}





/* --------------------------------------------
   Content
-------------------------------------------- */
#content { 
	float: left;
	width: 558px;
	display: inline;
	margin: 0px 0px 0px 30px;
}
	#content .post { 
		border-bottom: 1px solid #ccc;
		margin-bottom: 25px;
		padding-bottom: 20px;
	} 
		#content .post h2 { margin: 0px 0px 15px 0px; font-size: 26px; }
		#content .post h2 a { 
			color: #003B49;
			font-weight: bold;
			display: block;
			text-align:left;
		}
		#content .post .alignleft {
			background: url(elements/images/post_image_bg.png);
			margin: 0px 5px 0px 0px;
		}
			#content .post .alignleft img {
				margin: 4px 0px 0px 5px;
			}
		#content .post .alignright {
		
			margin: 0px 5px 3px;
			display: inline;
		}
			#content .post .alignright ul.meta {
				background: url(elements/images/post_meta_bg.png);
				height: 34px;
				margin-bottom: 15px;
			}
				#content .post .alignright ul.meta li {
					padding: 0;
					display: inline;
				}
					#content .post .alignright ul.meta li a {
						color: #000;
						line-height: 17px;
						text-decoration: none;
						height: 17px;
						margin: 9px 5px 0px 10px;
						padding: 0px 0px 0px 22px;
						float: left;
						font-size: 11px;
					}
						#content .post .alignright ul.meta li a:hover {
							color: #000;
							text-decoration: underline;
						}
						#content .post .alignright ul.meta li.date {
							background: url(elements/images/meta_date.png) no-repeat; 
							padding: 0px 0px 0px 22px; color: #000;
							line-height: 17px; text-decoration: none; height: 17px; 
							margin: 9px 5px 0px 10px; float: left; font-size: 11px;
						}
						#content .post .alignright ul.meta li.comments a {
							background: url(elements/images/meta_comments.png) no-repeat; 
						}
						#content .post .alignright ul.meta li.category a {
							background: url(elements/images/meta_category.png) no-repeat; 
						}
			#content .post .alignright p {
				margin-bottom: 18px;
			}
	
	/* ----- Blog Post formatting -----*/
	.blog_post {
		
	}
		.blog_post ul.meta {
			background: url(elements/images/blog_meta_bg.png);
			height: 34px;
			margin-bottom: 15px;
		}
			.blog_post ul.meta li {
				padding: 0px;
				display: inline;
			}
				.blog_post ul.meta li a {
					color: #000;
					line-height: 17px;
					text-decoration: none;
					height: 17px;
					margin: 9px 5px 0px 10px;
					padding: 0px 0px 0px 22px;
					float: left;
					font-size: 11px;
					font-weight: normal;
				}
					.blog_post ul.meta li a:hover {
							color: #000;
							text-decoration: underline;
						}
						.blog_post ul.meta li.date {
							background: url(elements/images/meta_date.png) no-repeat; 
							padding: 0px 0px 0px 22px; color: #000;
							line-height: 17px; text-decoration: none; height: 17px; 
							margin: 9px 5px 0px 10px; float: left; font-size: 11px;
						}
						.blog_post ul.meta li.comments a {
							background: url(elements/images/meta_comments.png) no-repeat; 
						}
						.blog_post ul.meta li.category a {
							background: url(elements/images/meta_category.png) no-repeat; 
						}
	/* ----- Page formatting -----*/
	.page_post {
		border: 0px none !important;
	}
	.noborder { border: 0px none !important; }
	
	
		
	/* ----- Entry -----*/
	#entry {
		
	}
		#entry ul {
			margin-bottom: 18px;
		}
			#entry ul li {
				font-size: 13px;
				padding: 0px;
				line-height: 22px;
				margin-bottom: 7px;
				padding: 2px 0px 2px 14px;
				list-style: inside disc;
			}
		#entry ol {
			margin-bottom: 18px;
		}
			#entry ol li {
				padding: 0px;
				line-height: 18px;
				margin-bottom: 7px;
				padding: 2px 0px 2px 18px;
				list-style: inside decimal;
			}
		#entry table {
			width: 100%;
			margin-bottom: 16px;
			border-right: 1px solid #ccc;
		}
			#entry table tr {
				
			}
				#entry table tr th {
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					padding: 8px;
					font-weight: bold;
					background: #E9E9E9;
				}
				#entry table tr td {
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					padding: 8px;
					background: #fff;
					line-height: 18px;
				}
	
	/* ----- Page Navi -----*/
	.wp-pagenavi {
		margin: 5px 0px 35px 0px;
		float: left !important;
	}
		
	





/* --------------------------------------------
   Contact Form 
-------------------------------------------- */
#contact_form {
	margin-top: 24px;
}
	#contact_form label {
		float: left;
		font-size: 12px;
		margin-top: 4px;
	}
	#contact_form p.text input {
		border: 0px none;
		background: none !important;
		float: left;
		width: 257px;
		margin: 5px 20px 0px 5px;
	}
		#contact_form p.text {
			background: url(elements/images/form_text.png) no-repeat;
			height: 31px;
		}
		#contact_form p.submit input {
			background: url(elements/images/btn_contact.png);
			border: 0px none;
			height: 31px;
			width: 85px;
			cursor: pointer;
			font: 12px Arial, Helvetica, sans-serif;
		}
	#contact_form p.textarea {
		background: url(elements/images/form_textarea.png) no-repeat;
		height: 210px;
	}
		#contact_form p.textarea textarea {
			border: 0px none;
			background: none !important;
			float: left;
			width: 545px;
			font: 12px Arial, Helvetica, sans-serif;
			height: 193px;
			margin: 5px 20px 0px 5px;
		}
	#contact_form #placeholder {
		
	}
		#error_box {
			background: #FED3E7;
			border: 1px solid #FF228A;
			padding: 14px 14px 0px 14px;
			margin-bottom: 22px;
		}
		#success_box {
			background: #D3FED8;
			border: 1px solid #20FF3B;
			padding: 14px 14px 0px 14px;
			margin-bottom: 22px;
		}
	.comments {
		border-top: 1px solid #ccc;
		padding-top: 30px;
		margin-top: 6px;
	}
		.comments .submit_comment input {
			background: url(elements/images/btn_comment.png) no-repeat;
			border: 0px none;
			width: 85px;
			height: 31px;
			cursor: pointer;
			
		}
		


/* --------------------------------------------
   Sidebar
-------------------------------------------- */
#sidebar { 
	float: right;
	width: 260px;
	margin: 0px 22px 35px 24px;
	display: inline;
}

	#sidebar ul { margin: 0; }
		#sidebar ul li { padding: 0; }
		
	
	#sidebar h3.archives  {
		background: url(elements/images/archive.png) no-repeat;
		padding-left: 36px;
	}
	#sidebar h3.latest_posts {
		background: url(elements/images/latest_posts.png) no-repeat;
		padding-left: 36px; float: left;
		display: block; width: 224px;
	}
	#sidebar h3.popular_posts {
		background: url(elements/images/popular_posts.png) no-repeat;
		padding-left: 36px;
	}
	#sidebar h3.categories {
		background: url(elements/images/categories.png) no-repeat;
		padding-left: 36px;
	}
	#sidebar h3.commentaires {
		background: url(elements/images/comment.png) no-repeat;
		padding-left: 36px;
	}



	
	/* ----- Full List ----- */
	#sidebar ul.full_list {
		margin-bottom: 26px;
	}
		#sidebar ul.full_list li {
			background: url(elements/images/grey_divider.png) repeat-x bottom;
		}
			#sidebar ul.full_list li a {
				padding: 6px 0px 6px 0px;
				line-height: 16px;
				display: block;
				padding-left: 16px;
				color: #666;
				font-style: normal;
				text-decoration: none;
				display: inline-block;
				background: url(elements/images/sidebar_grey_bullet.png) 0px 11px no-repeat;
			}
				#sidebar ul.full_list li a:hover {
					color: #333;
				}
	
	
	/* ----- Newsletter Box ----- */
	#sidebar .newsletter_box {
		background: url(elements/images/sidebar_newsletter_bg.png);
		height: 104px;
		float: left;
		width: 260px;
		margin-bottom: 22px;
	}
		#sidebar .newsletter_box h4 {
			display: block;
			height: 32px;
			color: #000;
			text-decoration: none;
			padding: 10px 0px 0px 42px;
			margin: 10px 0px 0px 10px;
		}
		#sidebar .newsletter_box input.text {
			border: 0px none;
			float: left;
			margin: 15px 0px 0px 17px;
			width: 135px;
		}
		#sidebar .newsletter_box input.submit {
			border: 0px none;
			background: none;
			cursor: pointer;
			float: right;
			margin: 11px 11px 0px 0px;
			width: 85px;
			height: 31px;
		}
		
		
		/* ----- ABONNEMENT ----- */
	#sidebar .abo {
		background: url(elements/images/sidebar_abo.png);
		height: 104px;
		float: left;
		width: 260px;
		margin-bottom: 22px;
	}
	


			
	/* ----- Latest Posts ----- */
	ul.latest_posts {
		padding-bottom: 15px;
	}
		ul.latest_posts li {
			background: url(elements/images/grey_divider.png) repeat-x bottom;
			padding-bottom: 14px !important;
			margin-bottom: 12px ;
		}	
			ul.latest_posts li h5 {
				margin-bottom: 4px;
			}
				ul.latest_posts li h5 a {
					color: #00B8D1;
					text-decoration: none;
				}
	
	
	/* ----- Half List ----- */
	#sidebar ul.half_list {
		margin-bottom: 26px;		
	}
		#sidebar ul.half_list li {
			background: url(elements/images/grey_divider.png) repeat-x bottom;
			width: 130px;
			float: left;
		}
			#sidebar ul.half_list li a {
				padding: 6px 0px 6px 0px;
				line-height: 20px;
				display: block;
				padding-left: 16px;
				color: #666;
				
				text-decoration: none;
				display: inline-block;
				background: url(elements/images/sidebar_grey_bullet.png) 0px 11px no-repeat;
			}
				#sidebar ul.half_list li a:hover {
					color: #333;
				}
	

/* --------------------------------------------
   Comments for Post
-------------------------------------------- */
.comments-holder {
	
}
	.comments-holder ul {
		border-bottom: 1px solid #ccc;
		margin: 0px 0px 0px 0px;
	}
		.comments-holder ul li {
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-top: 1px solid #ccc;
			padding: 0;
			display: block;
			background: #fff url(elements/images/comment-bg-odd.png) repeat-x bottom;
		}
			.comments-holder li.depth-2 {
				background: #fff;
				margin: 0px 15px 15px 15px;
				border-bottom: 1px solid #ccc;
			}
				.comments-holder li.depth-2 ul { border-bottom: none; }
				.comments-holder li.depth-3 {
					background: #fff;
					margin: 0px 15px 15px 15px;
					border-bottom: 1px solid #ccc;
				}
					.comments-holder li.depth-4 {
						background: #fff;
						margin: 0px 15px 15px 15px;
						border-bottom: 1px solid #ccc;
					}
						.comments-holder li.depth-5 {
							background: #fff;
							margin: 0px 15px 15px 15px;
							border-bottom: 1px solid #ccc;
						}
			.comments-holder ul li.even {
				background: #eee url(elements/images/comment-bg-even.png) repeat-x bottom;
			}
			.comments-holder ul li .comment-author {
				
			}
			.comments-holder p.moderate-me { margin-left: 15px; font-style: italic; }
				.comments-holder ul li .comment-author img {
					float: left;
					border: 3px solid #ccc;
					margin: 15px 0px 15px 15px;
				}
				.comments-holder ul li .comment-author cite {
					float: left;
					width: 260px;
					margin: 19px 0px 7px 15px;
					font: bold 15px Arial, Helvetica, sans-serif;
				}
				.comments-holder ul li .comment-author .author-link {
					float: left;
					width: 300px;
					margin: 0px 0px 15px 15px;
				}
				.comments-holder ul li .reply a {
					padding: 0px 15px 15px 15px;
					display: block;
				}
				.comments-holder .cancel-comment-reply a {
					padding: 0px 0px 15px 0px;
					display: block;
				}
			.comments-holder ul li .comment-content {
				margin: 0px 15px 7px 15px;
			}
			.comments-holder #respond {
				margin-top: 20px;
			}
			
	
	/* Comments */
	.comments-holder p {

		width: 532px;
		margin-bottom:15px;
	}
		.comments-holder p label { 
			padding: 0px 8px 8px 2px;
			display: block;
			float: left;
			margin: 5px 0px 0px 18px;
			font-size: 12px;
		} 
		.comments-holder p.text { 
			background: url(elements/images/form_text.png) no-repeat;
			width: 470px;
			height: 32px;
			border: 0px none;
		} 
			.comments-holder p.text input { 
				border: 0px none;
				background: none;
				font: 13px Arial, Helvetica, sans-serif;
				float: left;
				width: 255px;
				margin: 7px 0px 0px 7px;
			}
		.comments-holder p.textarea { 
			background: url(elements/images/form_textarea.png) no-repeat;
			width: 558px;
			height: 211px;
		}
			.comments-holder p.textarea textarea { 
				background: none !important;
				border: 0 none;
				float: left;
				height: 193px;
				padding: 0;
				margin: 5px 20px 0 5px;
				width: 545px;
				font: 13px Arial, Helvetica, sans-serif;
			}
		.comments-holder p.select { 
			padding: 8px;
			font: 13px Arial, Helvetica, sans-serif;
		} 
			.comments-holder p.select label { 
				float: left;
				margin: 2px 12px 0px 0px;
			} 
		.comments-holder p.button { 
			border: none;
		}
		.comments-holder p.button input { 
			background: url(elements/images/btn_comment.png) no-repeat;
			width: 85px;
			height: 34px;
			border: none;
			cursor: pointer;
		} 
		.comments-holder li #respond { margin-top: 0; padding: 0px 0px 2px 15px; }
		
		.comments-holder li.depth-1 p.textarea {
			background: url(elements/images/form_textarea_2.png) no-repeat;
			width: 525px;
		}
			.comments-holder li.depth-1 p.textarea textarea {
				width: 510px;
			}	
		.comments-holder li.depth-2 p.textarea {
			background: url(elements/images/form_textarea_3.png) no-repeat;
			width: 495px;
		}
			.comments-holder li.depth-2 p.textarea textarea {
				width: 485px;
			}	
		.comments-holder li.depth-3 p.textarea {
			background: url(elements/images/form_textarea_4.png) no-repeat;
			width: 475px;
		}
			.comments-holder li.depth-3 p.textarea textarea {
				width: 445px;
			}	



/* --------------------------------------------
   Footer
-------------------------------------------- */
#footer {
	background: #38393D url(elements/images/featured_shadow.png) top center no-repeat;
	color: #cfcfcf;
	padding-bottom: 16px;
}


	#footer h4 { color: #fff; }
	#footer a{ color: #b4b4b4; }
	#footer a:hover { color: #fff; }
		
	#footer #col-1 {
		float: left;
		margin: 30px 0px 22px 30px;
		text-align:justify;
		width: 330px;
	}
		#footer #col-1 img.alignleft {
			margin: 4px 15px 2px 0px;
			border: 2px solid #B3C5C9;
		}
	#footer #col-2 {
		float: left;
		margin: 30px 0px 0px 80px;
	}
		#footer #col-2 div.ul {
			float: left;
			margin: 0px 30px 30px 0px;
			width: 142px;
		}
		#footer #col-2 ul {
			
		}
			#footer #col-2 ul li {
				padding: 0;
			}
				#footer #col-2 ul li a {
					padding: 6px 6px 6px 0px;
					display: block;
					border-bottom: 1px solid #888888;
					text-decoration: none;
				}
				
		#footer #col-3 {
		float: right;
		margin: 0px 10px 0px 0px;
		 }
		 
		 
		 #footer_left{
		 padding: 15px 10px 0px 30px;
		float:left;
	}
	#footer_right{
		margin-left:700px;
		padding: 15px 10px 0px 50px;
	}
				

			
/* --------------------------------------------
   TWITTER ET FACEBOOK
-------------------------------------------- */
#facebook{
		float:left;
		
	}

	#twitter{
		margin-left:250px;
	}


	#suivant{
		padding:6px;
	}
	#pub{
		margin-left:50px;
		margin-top:20px;
	}