/*
Theme Name: NightAngel
Theme URI: http://www.nightangel.fr/
Version: 5.1
Description:
Author: NightAngel
Author URI: http://www.nightangel.fr/
*/

#social
	{
	text-align:right;
	font-size:1em;
	width:85px;
	line-height:18px;
	float:right;
	margin-top:-5px;
	margin-left:5px;
}

#social a
	{
		color:#FFF;
	}

#social a:hover
	{
		margin-right:5px;
	}
	
.twitter-trackbacks
	{
		margin-bottom:2em;
		padding-left:30px;
		background: url(images/comment-separator.png) repeat-y 113px 0;
		height: 70px;
	}

.ttw-author-img a img
	{
		width:60px;
		height:60px;
		border-left: 1px solid #3E3E3C;
		border-top: 1px solid #4A4A48;
		background: #323230;
		padding: 5px 6px 6px 5px;
		float:left;
		margin-right: 2em;
	}

.thumb
	{
		height:150px;
		background:#222 url(images/thumb.png);
 		display:block;
    	width:235px;
        position:relative;
		float:left;
		margin-left:8px;
		border:1px solid #2d2d2a;
		-webkit-transition:all 1s ease-in-out;
  		-moz-transition:all 1s ease-in-out;
	}
    
.thumb:hover
	{ 		
		-moz-transform: rotate(-3deg) scale(1.2);
		-webkit-transform: rotate(-3deg) scale(1.2);
		z-index:9999;
		border:1px solid #FFF;
		-webkit-transition:all 1s ease-in-out;
  		-moz-transition:all 1s ease-in-out;
    }

.thumb-title
	{
		width:227px;
 		margin:0;
  		background:#000;
  		bottom:0;
  		right:0;
  		display:block;
  		position:absolute;
  		padding:4px;
  		height:26px;
		opacity:0.8;
    	filter:alpha(opacity=80);
    	text-align:center;
    	overflow:hidden;
    	line-height: 1.2em;
	}

.thumb-title:hover
	{
  		opacity:1;
    	filter:alpha(opacity=100);
	}

.thumb-title a
	{
		text-align:center;
  		font-size:0.8em;
  		color:#aaa;
  		text-transform: uppercase;
 		text-decoration:none;
	}

.thumb-title a:hover
	{
	  	color:#fff;
	}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		
		background: transparent;
	}

body
	{
		line-height: 1;

	}

ol, ul
	{
		list-style: none;
	}

blockquote, q
	{
		quotes: none;
	}

blockquote:before, blockquote:after,q:before, q:after
	{
		content: '';
		content: none;
	}
	
:focus
	{
		outline: 0;
	}

ins
	{
		text-decoration: none;
	}

del
	{
		text-decoration: line-through;
	}

table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}

.wp-smiley {
	border: 0 none;
	margin: 0;
	padding: 0;
	display:inline;
	vertical-align: middle;
}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
html
	{
		background-color: #222325;
	}

body
	{
		text-align: center;
		line-height: 21px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		color: #FFF;
	}

body#home
	{
		padding-bottom: 145px;
	}

a
	{
		text-decoration: none;
		color: #5f5f5f;
	}
	
.entry p a
	{
		color: #FFF;
		/*border-bottom: 1px dotted #FFF;*/
		text-decoration: none;
	}

a img
	{
		border:0;
		text-decoration: none;
	}

#content-area a .flickr-image:hover { display:block;border:0;padding:0;margin:0; }

.clear
	{
		clear: both;
	}

.ui-tabs-hide
	{
		display: none;
	}

br.clear
	{
		margin: 0; padding: 0;
	}

h1, h2, h3, h4, h5, h6 { font-weight: bold; padding-bottom: 5px; color: #ffffff; letter-spacing: -1px; line-height: 1em; font-family: Century Gothic, sans-serif; font-weight:lighter; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ffffff; font-weight: normal !important; }
h1 { font-size: 30px; }
h2 { font-size: 26px; margin-left:10px; }
h3 { font-size: 24px; margin-left:20px; }
h4 { font-size: 22px; margin-left:30px; }
h5 { font-size: 20px; margin-left:40px; }
h6 { font-size: 18px; margin-left:50px; }
p { line-height: 1.6em; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative;  }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0; }
blockquote p strong { font-color: #000;color:#000; }
h1.title{ font-size:24px; }


input[type=text],input.text, input.title, textarea, select { background: #282827; border: 1px solid #141313; padding: 10px; color: #ffffff; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#090909; color: #ffffff; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#header { position: relative; margin: 0 auto 0; width: 953px; text-align: left; padding: 0; z-index: 1000; padding-top:5px;}
	img#logo { float: left; margin: 0 20px 0 10px; }
	
	div#search-form { background: url(images/search-bg.png) no-repeat; margin-top: -1px; height:35px;}
		div#search-form input { background: none; border: none; float: left; padding: 0; margin: 0; }
		div#search-form input#searchinput { font-size: 11px; letter-spacing: .1pt; width: 102px; color: #6f777b; font-style: italic; text-shadow: 1px 1px 1px #15181a; padding: 9px 0 3px 9px; }
		div#search-form input#searchsubmit { width: 38px; height: 31px; text-indent: -9999px; cursor: pointer; }			
	
div#content-top { background: url(images/content-top-bg.png) no-repeat; width: 951px; height: 14px; margin: 0px auto; position: relative; }
div#content-bottom { background: url(images/content-bottom.png) no-repeat; width: 951px; height: 13px; margin: 0px auto; }

#wrap { background: url(images/container-bg.png) repeat-y; position: relative; margin: 0 auto; width: 941px; text-align: left; min-height:700px;padding: 15px 0 0 10px; }
	
		#content-area { float: left; width: 930px;font-size:1.25em;margin-top: -12px;}
		#content-area-index { float: left; width: 735px;font-size:1.25em;margin-top: -10px; padding:0;text-align:justify;}
			#content-area .entry { font-size:14px; color:#FFF;}
			#content-area .entry p { text-align:justify;margin-top:0.75em;margin-bottom:0.75em; }


				.entry h2.title, .entry h1.title, #content-area h3#comments { background: none !important; margin:0 0 3px -7px !important; }
				
				p.postinfo { font-size: 11px; font-style: normal; background: url(images/postinfo-separator.png) no-repeat; padding: 4px 0px 0px; margin: 0px 0px 10px -10px; }
				p.postinfo, p.postinfo a { color: #9d9b81 !important; text-shadow: 1px 1px 1px #161615; }
					p.postinfo span { display: block; padding: 0px 0px 4px 10px; background: url(images/postinfo-separator.png) no-repeat bottom left; }
				.entry img.thumbnail { background: url(images/image_frame.png) no-repeat; padding:10px 13px 15px 10px; }
				.entry a.readmore { margin-top: -8px; }
				
				#content-area h1.title, #content-area h3#comments { text-shadow:3px 3px 5px #000000; }
				#content-area h1.title a { text-decoration: none; }
				#content-area h3#comments { color: #fff; }
				
				#content-area .post { margin:0; }
				#content-area+.post+img { max-width:910px; text-align:center; display: block;margin: 0 auto; }	
	
		.more-link { text-decoration: none;border:0; display: block;border-color: transparent;text-align:right;}
#featured-area { background: url(images/featured.png) no-repeat; position: relative; margin: 0 auto; width: 1001px; text-align: left; }
		#feat-content .slide { padding: 10px 0; width: 990px; height: 102px;overflow: hidden; display:block; }
			#feat-content .description { text-shadow: 2px 2px 1px #000000; }
				#feat-content h2.title, .entry h2.title, .entry h1.title { font-size: 36px; /*background: url(images/separator.png) no-repeat bottom left; */padding: 0px 0px 5px 5px; margin: 0px 0px 5px -5px; text-align:left;font-size: 1.8em;}
					#feat-content h2.title a, #content-area h2.title a { color: #ffffff; text-shadow: 3px 3px 5px #000000; }
						#feat-content h2.title a:hover, #content-area h2.title a:hover { color: #f3f3f3; text-decoration: none; }
				#feat-content a.readmore, #content-area a.readmore { float: right; display: block; background: url(images/readmore-sprite.png) bottom right no-repeat; padding-right: 21px; color: #ffffff; font-size: 14px; text-shadow: -1px -1px 1px #730909; height:50px; line-height:41px; position: relative; margin-top: -10px; }
				#content-area a.readmore { margin-top:5px; }
					#feat-content a.readmore span, #content-area a.readmore span { display: block; background: url(images/readmore-sprite.png) top left no-repeat; padding:0px 0 0px 44px; height:50px; }
			#feat-content img.featured_image { float: right; margin-top: 10px; }
	
.comment-body { background: url(images/comment-separator.png) repeat-y 113px 0px; }
	div.authordata { width: 100px; }
		div.avatar-shadow { border: 1px solid #100f0f; float: right; box-shadow:2px 3px 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 3px 4px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.3); }
			div.avatar-border { background: #323230; padding: 5px 6px 6px 5px; border-top: 1px solid #4a4a48; border-left: 1px solid #3e3e3c }
				img.avatar { border: 1px solid #242421; }
		div.comment-author { text-align: right; font-family: Century Gothic, sans-serif; text-shadow: 1px 1px 1px #000000; margin-top: 13px; }
			div.comment-author span.fn a { color: #a9a883 !important; font-size: 14px; }
		
	.comment-wrap { float:left; margin-left:32px; }
		.reply-container { float: right; padding-right: 20px; background: url(images/reply-bg.png) no-repeat right top; }
			.reply-container a { background: url(images/reply-bg.png) no-repeat left top; display: block; height: 37px; line-height: 33px; text-shadow: -1px -1px 1px #0f0f0f; padding-left: 15px; }
			.reply-container a:hover { text-decoration: none; }

	li.depth-1 .comment-wrap { width: 720px; }
	li.depth-2 .comment-wrap { width: 615px; }
	li.depth-3 .comment-wrap { width: 510px; }
	li.depth-4 .comment-wrap { width: 405px; }
	li.depth-5 .comment-wrap { width: 300px; }
	li.depth-6 .comment-wrap { width: 195px; }
	
	ol.commentlist { padding-top: 10px; width:900px;}
	.commentlist li.comment { margin: 15px 0px; }
		.commentlist li.comment ul { margin: 8px 0px 8px 102px; }
		
	#respond { padding-top: 15px; }
		#commentform textarea#comment { width: 99%; }
		#commentform input[type=text] { width: 90%; }
		
	li.comment #respond { padding-left:28px; padding-top:20px; }
		li.comment #respond textarea { width: 99% !important; }
		li.comment #respond input[type=text] { width: 50% !important; }
	input[type="submit"]{font-size:3em; }
	.depth-1 li.comment #respond { padding-left:10px; }
			#paginator { width:970px;}

			
#derniers-coms table tbody tr td p a strong:hover, #derniers-coms table tbody tr td p a:hover  { text-decoration:none;font-color:#FFF; color:#FFF; }
#derniers-coms table tbody tr td p a strong, #derniers-coms table tbody tr td p a  { font-color:#a9a883; color:#a9a883; }
#derniers-coms  { width:200px; }

div#footer, div#pagination, div#footer-top { width: 1001px; margin: 0px auto; }
div#footer-top { background: url(images/footer-top.png) no-repeat; height: 26px; width: 1003px; }

div#articles-secondaires {background: #1f1f1d url(images/footer.png) repeat-x; text-align: left; width: 1001px; margin: 0px auto; padding:15px 0;		-webkit-transition:all 3s ease-in-out;}

/*div#articles-secondaires:hover {padding-top: 30px; padding-bottom:15px;background-color:#FFF;background-image: none;		-webkit-transition:all 3s ease-in-out;}*/

div#pagination { background: #1f1f1d url(images/footer.png) repeat-x; text-align: left; }

div#repond-comment { width: 971px; margin: 0px auto;  padding-left:15px; padding-right:15px; min-height: 80px; background: #1f1f1d url(images/footer.png) repeat-x; text-align: left; }

div#footer { min-height: 175px; background: #1f1f1d url(images/footer.png) repeat-x; text-align: left; padding-top: 30px; }
	div#footer a { color: #989898; text-shadow: -1px -1px 1px #000000; }

									
#copyright { margin: 0px auto; width: 1000px; text-align: left; padding: 0; font-size: 11px; }
	#copyright p { float: right; color: #FFF; text-shadow: 0px 1px 1px #6d818b; }
		#copyright p a { color: #FFF; font-weight: bold; }
		#random { margin-left:10px; font-size: 1em; font-style: italic;}

#sidebar
	{
		float: right;
		width: 215px;
		margin: -15px -20px 0 0;
	}
	
#sidebar a
	{
		color: #fff;
		text-shadow: -1px -1px 1px #000000;
	}
	
#sidebar .widget
	{
		position: relative;
		padding: 0 0 10px;
		background: url(images/sblock-bottom.png) no-repeat bottom left;
	}

#sidebar .widget h3.title
	{
		background: url(images/sidebar_titlebg-flickr.png) no-repeat;
		padding: 15px 18px 10px 18px;
		display: block; 
		font-size: 17px;
		color: #a9a883;
		text-shadow: -1px -1px 1px #000;
		letter-spacing: 0;
		margin:0;
	}

#sidebar .widget .wrapperflickr .widget_content a img
		{
			width:55px;
			height:55px;
			padding: 3px;
			margin:0 1px 0;
			border:1px solid #a9a883;
		}
		
#sidebar .widget .wrapperflickr .widget_content a img:hover
		{
			width:67px;
			height:67px;
			padding: 0;
			border:1px solid #FFF;
			margin:0 1px 0;
		}
		
#sidebar .widget .wrapper, #sidebar .widget .wrapperflickr
	{
		background: url(images/sidebar-widget-bg.png) repeat-y;
	}

#sidebar .widget .widget_content
	{
		background: url(images/sidebar_widget_separator.png) no-repeat;
		padding: 5px 5px 0 5px;
	}
				
#sidebar .widget .widget_content ul
	{
		margin: -8px -3px 0 -8px;
	}

#sidebar .widget .widget_content ul ul
	{
		margin: 0 0 -2px;
		background: url(images/sidebar_widget_separator.png) no-repeat top left;
		padding-top: 2px;
	}

#sidebar .widget .widget_content ul li
	{
		background: url(images/sidebar_widget_separator.png) no-repeat bottom left;
		padding-bottom: 2px;
	}

#recentcomments li
	{
		display: block;
		padding: 11px 5px 11px 20px;
	}

#sidebar .widget .widget_content ul li a
	{
		display: block;
		padding: 11px 5px 11px 50px;
		background: url(images/sidebar-bullet.png) no-repeat 25px 17px;
	}

#sidebar .widget .widget_content ul li a:hover
	{
		text-decoration: none;
		background-color: #222221;
		color: #a9a883;
	}
				
						#sidebar .widget .widget_content ul ul a { padding-left: 62px; background-position: 37px 17px; }
							#sidebar .widget .widget_content ul ul ul a { padding-left: 74px; background-position: 49px 17px; }
								#sidebar .widget .widget_content ul ul ul a { padding-left: 86px; background-position: 61px 17px; }
									#sidebar .widget .widget_content ul ul ul ul a { padding-left: 98px; background-position: 73px 17px; }
	#sidebar #wp-calendar { width: 220px !important; }
						


div.post .new-post .aligncenter, .aligncenter { text-align:center;margin:0 auto;display:block;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0 10px 10px 0; }
.wp-caption.alignright { margin: 0 0 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:10px; margin-top: 6px; }
img.alignright { display:inline; float:right; margin-left:10px; margin-top: 6px;}
#content-area img.flickr-large { max-width:925px;margin-left:auto;margin-right:auto;/*display:block;*/ }
	
.pagination { overflow: hidden; padding: 15px 12px 0; }

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }

strong { color:#EEEEEE; }
#comment-section  { padding-top:20px; }
#comment-section div.navigation { overflow:hidden; }
