/*
Theme Name: Color's Ink
Theme URI: http://sagix.fr/
Description: The first theme created by sagix
Version: 0.1
Author: sagix
*/

html, body
{
	margin:0;
	padding:0;
	background: #404040;
	font-family:verdana;
	min-width:880px;
}
#border-back
{
	background: url('images/border.png') center repeat-y;
}

#header-back
{
	background: url('images/header.jpg') top center no-repeat;
}
#footer-back
{
	background: url('images/footer.jpg') bottom center no-repeat;
}

#site
{
	width:880px;
	margin:auto;
}

#header
{
	width:100%;
	height:360px;
}

#header #topmessage, #header #topmenu, #header h1
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#header h1 a 
{
	display:block;
	height:174px;
	font-size:0;
	line-height:0;
}
#header #presentation
{
	display:none;
}
#header #topmessage
{
	padding-left:135px;
	width:385px;
	height:110px;
}
#header #topmessage li
{
	height:27.5px;
	line-height:27.5px;
	padding-right:2px;
	font-size:0.85em;
	text-align:right;
	color:white;
}
#header #topmessage li:hover
{
	background:#259ac5;
	
}
#header #topmessage li a
{
	color:white;
	text-decoration:none;
}
#header #topmessage li a:hover
{
	text-decoration:underline;
}
#header #topmenu
{
	height:72px;
	padding-left:50px;
	font-family:arial;
}
#header #topmenu li
{
	float:left;
	font-size:1.5em;
	font-weight:bold;
}
#header #topmenu li a
{
	display:block;
	height:100%;
	padding:0px 25px;
	margin:25px 0px;
	color:#259ac5;
	text-decoration:none;
}

#header #fil_dariane
{
	padding-left:20px;
	font-style:italic;
	font-size:0.8em;
	color:gray;
}

#content
{
	width:530px;
	min-height:450px;
	text-align:justify;
	padding:10px 20px 20px;
	float:left;
	font-size:0.9em;
}

#content a
{
	color:#259ac5;
	text-decoration:none;
}
#content a:hover
{
	text-decoration:underline;
}


#content .navigation  .nav_post_prev, #content .navigation  .nav_post_next
{
	display:block;
	min-height:50px;
	width:265px;
}
#content .navigation  .nav_post_prev a, #content .navigation  .nav_post_next a,
#content .navigation  .nav_prev, #content .navigation  .nav_next
{
	display:block;
	min-height:35px;
	padding-top:15px;
	width:220px;;
}
#content .navigation  .nav_prev:hover, #content .navigation  .nav_next:hover
{
	cursor:pointer ;
}
#content .navigation  .nav_post_prev a{padding-left:45px;}
#content .navigation  .nav_post_next a{padding-right:45px;}
#content .navigation  .nav_prev{padding-left:45px;}
#content .navigation  .nav_next{padding-right:45px;}
#content .navigation  .nav_post_prev, #content .navigation  .nav_prev
{
	float:left;
	background: url('images/prev.png') center left no-repeat;
	text-align:left;
}
#content .navigation  .nav_post_next, #content .navigation  .nav_next
{
	float:right;
	background: url('images/next.png') center right no-repeat;
	text-align:right;
}

#content .post
{
	clear:both;
	min-height:100px;
	border-bottom:1px dotted #92cce2;
	margin-bottom:2em;
	width:100%;
}
#content .post .post-date
{
	float:left;
	display:block;
	height:100px;
	width:100px;
	margin-left:-20px;
	background: url('images/date.png') no-repeat;
	font-weight:bold;
	text-align:center;
}
#content .post .post-date .month, #content .post .post-date .day, #content .post .post-date .year
{
	float:left;
	display:block;
	color:white;;
}
#content .post .post-date .month
{
	margin:12px 0 0 3px;
	font-size:0.8em;
	width:27px;
}
#content .post .post-date .day
{
	margin:32px 0 0 -3px;
	font-size:2em;
	width:47px;
}
#content .post .post-date .year
{
	float:right;
	margin:4px 3px 0 0px;
	font-size:0.8em;
	width:27px;
}
#content .post .post-date .time
{
	clear:both;
	display:block;
	color:#259ac5;
	font-size:0.8em;
}
#content .post .post-category, #content .post .post-comments
{
	margin-top:8px;
}
#content .post .post-category
{
	float:left;
	font-size:0.8em;
	padding-left:18px;
	background: url('images/application.png') top left no-repeat;
}
#content .post .post-comments
{
	float:right;
	padding-right:18px;
	background: url('images/comment.png') top right no-repeat;
}
#content .post .post-comments p
{
	margin:0;
}
#content .post h2
{
	clear:right;
	border-top:1px dotted silver;
	border-bottom:1px dotted silver;
	padding:10px 0;
	margin:0 0 0 80px;
	font-size:1.3em;
}
#content .page h2
{
	margin:0;
}
#content .post h2 a:hover
{
	text-decoration:none;
	color:gray;
}

#content .post .post-tags
{
	float:left;
	font-size:0.8em;
	padding-left:18px;
	background: url('images/tag_blue.png') top left no-repeat;
}
#content .post .post-author
{
	float:right;
	font-size:0.8em;
	color:silver;
	margin-bottom:1em;
}
#content .post .post-content
{
	clear:both;
	color:#404040;
}
#content .post .post-content .post-content-read-more
{
	display:block;
	text-align:right;
}
#content .comments-template
{
	clear:both;
	display:block;
}

#content .st-related-posts a:visited
{
	color:gray;
}

#content .avatar
{
	float:right;
	border-left:1px silver dotted;
	border-bottom:1px silver dotted;
	padding:5px;
	margin:-5px -5px 0 0 
}
#content .commentlist
{
	padding:0;
	list-style-type:none;
	font-size:0.8em;
}
#content .commentlist > li
{
	border:1px silver dotted;
	margin:5px;
	padding:5px;
}
#content .post table
{
	width:100%;
}


#commentform #comment
{
	width:100%;
}

#sidebar
{
	width:280px;
	padding:0px 10px 20px;
	float:right;
	margin:0;
	color:gray;
	font-size:0.8em;
	list-style-type:none;
}

#sidebar > li
{
	padding:0 0 10px;
	margin:0 0 15px;
	width:280px;
	background: url('images/bottom-widget.png') bottom left no-repeat;
}
#sidebar > li:hover{background-position: bottom right;}
#sidebar > li > h2
{
	padding:10px 5px 10px;
	margin:0 ;
	text-align:center;
	font-size:1.4em;
	background: url('images/top-widget.png') top left no-repeat;
	border-bottom:1px dotted #259ac5;
}
#sidebar > li:hover > h2{background-position: top right;}
#sidebar > li > *
{
	margin:0px;
	background: transparent url('images/border-widget.png') left repeat-y;
}
#sidebar > li:hover > *{background-position: right;}
#sidebar > li  table
{
	width:100%;
	padding:0 10%;
	text-align:center;
}
#sidebar > li > div
{
	padding:5px;
}
#sidebar > li > div.textwidget
{
	padding:0;
}
#sidebar > li:hover h2
{
	color:#259ac5;
}
#sidebar a
{
	color:#259ac5;
}
#sidebar > li > ul,#sidebar > li > div > ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	
}
#sidebar > li > ul > li,#sidebar > li > div > ul > li
{
	padding: 2px 10px;
	border-bottom:1px dotted #259ac5;
}
#sidebar > li > ul > li:hover,#sidebar > li > * > ul > li:hover
{
	background:#d3ebf3;
}

#sidebar  li #searchform, #sidebar  li .ngg-widget
{
	text-align:center;
}
#sidebar  #search h2
{
	padding-bottom:0;
	border:0;
}

#footer
{
	height:200px;
	margin:50px 170px 0px;
	clear:both;
	overflow:auto ;
	text-align:center;
	color:white;
	font-size:0.8em;
}

#footer a
{
	color:#d3ebf3;
	text-decoration:none;
}