/*---:[ custom styles for the Copyblogger theme that YOU define ]:---*/
/*---:[ ------------------------------------------------------- ]:---*/

/*---:[ to change the body background, the default font, and the default font color...               ]:---*/
/*---:[ NOTE: if you change the body background color, you will need to update your image files also ]:---*/
/*---:[ Download the image template (.psd) with the Organic theme package at http://www.copyblogger.com/downloads/organic.zip ]:---*/

body.custom { background: #f8f8f0; color: #555; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }

/*---:[ uncomment the following lines only if you've uploaded updated image files to the a folder called "custom" within your copyblogger theme directory ]:---*/

.custom .add_comment { background: url('custom/icon_comment.gif') 0 50% no-repeat; }

.custom #rss { background: url('custom/rss.png') 0 100% no-repeat; }

.custom #rss a {
margin:0;
position: relative;
top:22px;
left:1px;
width:34px;
height:34px;
}

.custom li.widget li, .custom li.linkcat li { background: url('custom/bullet.gif') 0 0.4167em no-repeat; }

.custom dl#comment_list dt { background: url('custom/comment_top.gif') 0 100% no-repeat; }


.custom dl#comment_list dd { background: #d7d7ca url('custom/comment_bottom.gif') 0 100% no-repeat; }


.custom dl#comment_list dt.author { background: url('custom/comment_author_top.gif') 0 100% no-repeat; }
.custom dl#comment_list dd.author { background: #fade7f url('custom/comment_author_bottom.gif') 0 100% no-repeat; }


/*---:[ to change the colors of the header and footer... ]:---*/

.custom #header { background: #a2b09d; border-bottom-color: #d2382c; color: #222; }

.custom #footer { background: #a2b09d; border-top-color: #d2382c; color: #222; }


/*---:[ to change link colors and behaviors... ]:---*/

.custom a { color: #d2382c; }

.custom a:visited { color: #777; }

.custom a:hover { color: #d2382c; }

	/*---:[ site title (logo) in the header ]:---*/
	
	.custom #logo a { color: #222; font-family: "American Typewriter", "Trebuchet MS", Verdana, sans-serif; }
	
	/*---:[ navigation links in the header ]:---*/

	.custom #nav ul li a, .custom #nav ul li a:visited { color: #222; }

	.custom #nav ul li a:hover, .custom #nav ul li a.current:hover { color: #f8f8f0 !important; background: #d2382c; } /* leave the !important declaration */

	.custom #nav ul li a.current, .custom #nav ul li a.current:visited { color: #222; }

	/*---:[ headline link colors on the main page, archive pages, and search pages ]:---*/

	.custom h2 a, .custom h2 a:visited { color: #d2382c; }

	.custom h2 a:hover { color: #e6880e; }
	
	/*---:[ category links located underneath headlines ]:---*/
	
	.custom .post_date a, .custom .post_date a:visited { color: #222; }
	
	.custom .post_date a:hover { color: #222; background: #ccccba; }
	
	/*---:[ link behavior within posts ]:---*/
	
	.custom .entry a, .custom .entry a:visited { border-color: #a2b09d; }
	
	.custom .entry a:hover { color: #f8f8f0; background: #d2382c; }
	
	/*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/
	
	.custom .post_meta a:hover { color: #222; border-color: #d2382c; }
	
	/*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
	
	.custom .navigation a:hover { color: #222; border-color: #d2382c; }
	
	/*---:[ sidebar link colors ]:---*/
	
	.custom li.widget a:hover, .custom li.linkcat a:hover { color: #222; border-color: #d2382c; }
	
	/*---:[ calendar widget link colors ]:---*/
	
	.custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color: #d2382c; }
	
	.custom table#wp-calendar td a:hover { color: #d2382c; }
	
	/*---:[ comment permalink colors (precedes the commenter's name on each comment) ]:---*/
	
	.custom dl#comment_list dt .comment_num a, .custom dl#comment_list dt .comment_num a:visited { color: #777; }
	
	.custom dl#comment_list dt .comment_num a:hover { color: #d2382c; }
	
	/*---:[ comment author's link colors ]:---*/
	
	.custom dl#comment_list dt strong a, .custom dl#comment_list dt strong a:visited { color: #222; border-color: #999; }
	
	.custom dl#comment_list dt strong a:hover { color: #222; border-color: #d2382c; }
	
	/*---:[ footer link colors ]:---*/
	
	.custom #footer a, .custom #footer a:visited { color: #222; border-color: #d2382c; }

	.custom #footer a:hover { color: #222; border-color: #f8f8f0; }


/*---:[ to change all of the gray double-borders in one fell swoop... ]:---*/

.custom .page h1, .custom #sidebar h2, #comments h3.comment_intro, .custom .post_date, .custom .post_meta, .custom .page .entry { border-color: #ccccba; }


/*---:[ other stuff you may want to change... ]:---*/

	/*---:[ headlines ]:---*/

	.custom h1, .custom h2, .custom h3, .custom h4 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }

	.custom h1, .custom h2 { color: #d2382c; }
	
	.custom .archive h1 { color: #222; }
	
	.custom #sidebar h2 { color: #222; }

	.custom h3, .custom h4 { color: #222; }

	/*---:[ in-post stuff ]:---*/

	.custom blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; border-color: #d2382c; }

	.custom blockquote.right, .custom blockquote.left { border-color: #ccccba; } /* These are pullquotes */

	.custom code { color: #555; font-family: Courier, "Courier New", monospace; }

	.custom .post_date { color: #777; }

	.custom img.frame { border-color: #d7d7ca; }

	/*---:[ calendar widget ]:---*/

	.custom table#wp-calendar caption { border-color: #ccccba; }

	.custom table#wp-calendar th { color: #666; border-color: #ccccba; }

	.custom table#wp-calendar td { color: #999; }

	/*---:[ comments ]:---*/

	.custom dl#comment_list dt { color: #777; }

		.custom dl#comment_list dt strong { color: #222; } /* Comment author's name */

	/*---:[ comment form elements ]:---*/

	.custom #comment_form .text_input { color: #555; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; border-top-color: #999; border-left-color: #999; border-right-color: #eee; border-bottom-color: #eee;font-weight:normal }

	.custom #comment_form .text_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
	
	.custom #comment_form .form_submit, #searchsubmit { color: #222; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; } /* This is the submit button on the comment form */

	.custom #searchsubmit { font-size: 1em; padding: 0.1em; }
	
	.custom #comment_form .form_submit:hover, #searchsubmit:hover { color: #d2382c; }
	
	/*---:[ search form ]:---*/
	
	.custom #search_form .search_input { width: 10em; color: #777; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; border-color: #999; border-right-color: #eee; border-bottom-color: #eee; }

	.custom #search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }

.custom #logo h1
{
display:block;
font-size:1em;
letter-spacing:0;
}
.navigation p
{
float:left;
}
.navigation p.next
{
float:right;
}
.navigation
{
padding:1px;
overflow:auto;
height:1%;
}

.entry th,
.entry td
{
border:1px solid #CCCCBA;
padding:0.5em;
}

abbr, acronym {
text-transform:none;
}

.masquer
{
position:absolute;
left:-999em;
top:-999em;
}

#content
{
margin-top:51px;
}

.custom #logo
{
position:relative;
}
.custom #zen
{
position:absolute;
right:-114px;
bottom:-172px;
z-index:10;
width:480px;
height:235px;
background-image:url(custom/zen.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.custom #logo h1,
.custom #logo p
{
position:relative;
z-index: 20
}

#header
{
position: relative;
z-index: 5;
}
#container
{
position: relative;
z-index: 30;
}
#footer p
{
width:72.8em;
position: relative;
margin:auto;
}
#footer p
{
text-transform:none;
}
#footer p #nenuphar
{
position: absolute;
left:-85px;
top:-47px;
width:117px;
height:64px;
background-image:url(custom/nenuphar.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#footer
{
padding:15px 0
}
.footnotes
{
padding-top:1.5em;
border-top:1px solid #CCCCBA;
font-size:93%
}
.footnotes p
{
margin:0
}
.footnotes hr
{
display:none
}

body.preview
{
/*
	font-size:81.3%;
	line-height:1.5385em;
*/
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	color:#555555;
	background-color:#D7D7CA;
	padding:1em;
}
.markItUpHeader ul li a
{
margin-right:5px;
width:auto;
padding-left:20px;
text-indent:0
}
#comment_form p label small
{
color:#AAA;
}
#recent-comments,
#recent-posts
{
margin-bottom:0
}
.textwidget a
{
padding-left:1.5em;
background-image:url(custom/minirss.png);
background-repeat: no-repeat;
background-position: 0 50%;
}


.custom dl#comment_list dt.stef { background: url('custom/comment_stef_top.png') 0 100% no-repeat; }
.custom dl#comment_list dd.stef { background: #beedbb url('custom/comment_stef_bottom.png') 0 100% no-repeat; }



.custom dl#comment_list dt.eric { background: url('custom/comment_eric_top.png') 0 100% no-repeat; }
.custom dl#comment_list dd.eric { background: #7aa7cd url('custom/comment_eric_bottom.png') 0 100% no-repeat; }


.custom dl#comment_list dt.stpo { background: url('custom/comment_stpo_top.png') 0 100% no-repeat; }
.custom dl#comment_list dd.stpo { background: #b2c375 url('custom/comment_stpo_bottom.png') 0 100% no-repeat; }

.entry ol ul
{
padding-bottom:1em
}
.entry ol ul ul
{
padding-bottom:0
}

#croquis p,
#croquis img,
#croquis h3,
#croquis h4
{
display:block;
margin:0;
}

.entry div.read-bloc table,
.entry div.read-bloc td,
.entry div.read-bloc th
{
	border:none!important;
	border-collapse:collapse;
	padding:0!important;
}
.entry div.read-bloc table
{
	margin-top:5px;
	margin-bottom:2em;
	width:100%;
	border-bottom:0.2727em double #CCCCBA!important;
}
.entry div.read-bloc span
{
	display:block;
	margin-bottom:1.5em;
}
.entry div.read-bloc table a, .entry div.read-bloc table a:visited 
{
	border:none
}
.entry div.read-bloc table a:focus,
.entry div.read-bloc table a:hover,
a.read:focus,
a.read:hover
{
	background-color:transparent!important;
	border-bottom:1px solid #A2B09D!important;
	color:#555!important;
}
a.read
{
	border:none!important;
	margin-bottom:1em;
}
/*
.entry div table a
{
	position:relative;
	top:-60px;
	right:-10px;
}
.entry div table span a
{
	position:static
}
*/