/*
Theme Name: Cktoon
Theme URI: http://www.cktoon.com/
Description: Theme Cktoon rouge
Version: 0.1
Author: Cktoon
 
Creation Theme by Cktoon || http://www.cktoon.com
 
*/

body, div, p, ul, li, h1, h2, h3, form, fieldset, label, input, textarea, select, span { margin:0; padding:0; }

body { position:relative; background:#6c031c url(images/bgBody.gif) 0 0 repeat-x; font-family:Georgia, Garamond, Geneva, Times, serif; padding-top:76px; }

#page { position:relative; width:735px;  margin:0 auto 0 auto; text-align:center; background:url(images/bgPage.gif) 0 0 repeat-y; }

#header { position:relative; width:735px; height:164px; top:0; background:transparent url(images/bgHeader.gif) 0 0 no-repeat; text-align:left; }
#header h1 { position:absolute; font-size:48px; top:40px; left:40px; font-weight:normal; }
#header h1 a { color:#fff; text-decoration:none; }
.description { color:#fff; position:absolute; top:100px; right:40px;  }


#content { position:relative; float:left; width:468px; margin-left:22px; display:inline; text-align:left;    }
.nof { visibility:hidden; clear:both; }

/* post title */
.posttitle, .posttitle a { color:#510517; text-decoration:none; }
.posttitle h1 { padding-top:10px; font-size:18px; }
.date { float:left; display:inline; width:44px; padding:10px; background:url(images/bgDate.gif) 50% no-repeat; text-align:center; font-size:14px; font-weight:bold; }
.date span { display:block; color:#434343; }
.date .jour { color:#6c031c; }
.postcontent { clear:left; text-align:justify; font-size:13px; color:#333; }
.postcontent p { padding:5px 10px;}
.postcontent ul { padding:0px 0 0 25px;}
.postcontent a { color:#6c031c; }
.postcontent a:hover { color:#666; }
.postcontent img { border:1px solid #6c031c; padding:5px; float:left; margin:0 6px 6px 0;}
.postcontent img.wp-smiley { border:0; padding:0; margin:0; float:none; }
.postcontent h2 { clear:left;color:#6c031c; padding:5px 0 0 10px; font-size:14px; }

.more-link { font-size:11px; font-weight:bold; font-style:italic; text-decoration:none; color:#6c031c; text-align:right; display:block; }
.more-link:hover {color:#666; }

.navigation a { color:#6c031c; font-size:11px }
.navigation a:hover { color:#666; }

.navigation .navLeft {position:relative;float:left;display:inline;text-align:right;width:50%;margin-right:5%;}
.navigation .navRight {position:relative;float:left;text-align:left;width:40%;}

.metatags { clear:left; margin-top:10px; padding:5px 10px 10px 35px; font-size:11px; background:url(images/tag.png) 3% 50% no-repeat;  }
.metatags a { color:#666; text-decoration:none; }
.metatags a:hover { color:#6c031c;  }

.postmetadata { clear:left; font-size:10px; padding:0 0 3px 15px;margin-bottom:10px;border-bottom:1px solid #e7e7e7;  }
.postmetadata a { color:#666; text-decoration:none; }
.postmetadata a:hover { color:#6c031c;  }

.commentlist { padding-bottom:20px; }
.commentlist li { padding:5px; list-style-type:none; font-size:12px; font-style:italic; border-bottom:1px solid #e7e7e7; }
.commentlist li.alt { background-color:#f4f4f4; }
.commentmetadata { float:right; text-align:right; font-size:10px; }
.commentlist li a { }

/* styling plugin comments form */
div.error { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#6c031c; padding:10px 0 10px 10px; width:92%; } 

/* comments */
.postcomments {position:relative; margin-top:20px; padding-left:15px;  }
.postcomments h3 { font-size:14px; color:#6c031c; padding-bottom:10px; }
.postcomments input { margin:2px; }
.postcomments label { display:block; float:left; width:180px; font-size:12px; padding-left:10px;  }
.postcomments label.required { background:url(images/required.gif) 0 50% no-repeat; }
.postcomments a { color:#6c031c; text-decoration:none; }
.postcomments a:hover { color:#666; }
.postcomments p { padding:5px 0;}
.inputM { width:220px; font-family:Arial, Helvetica, sans-serif; }
.postcomments textarea { width:93%; font-family:Arial, Helvetica, sans-serif;  }
/* liens GA comments */
.GAcomments {padding-bottom:10px;border-bottom:1px solid #e7e7e7;}

/* sidebar */
#sidebar { position:relative; float:left; width:200px; text-align:left; margin:25px 0 0 25px; display:inline; font-size:12px; }
.sidebar { margin:20px 0 0 0; }
.sidebar h2 { font-size:14px; color:#fff; background:url(images/bgRouge.gif) 0 0 ; padding:5px;  }
.sidebar ul {position:relative; padding:5px; list-style-type:none; }

.sidebar.tags p { padding:5px; }
.sidebar.help a, .sidebar.categories a, .sidebar.recent a, .sidebar.archives a, .sidebar.tags a, .sidebar.blogoliste a, .sidebar.meta a { color:#434343; text-decoration:none; }
.sidebar.help a:hover, .sidebar.categories a:hover, .sidebar.recent a:hover, .sidebar.archives a:hover, .sidebar.tags a:hover, .sidebar.blogoliste a:hover, .sidebar.meta a:hover { color:#6c031c; }

.recent ul li { font-weight:bold; }
.recent ul li li { font-weight:normal; font-size:11px; font-style:italic; }

.sidebar .playlist { padding:10px; }

#searchform #s { width:110px; font-size:12px; }
#searchform #sub { width:80px; line-height:22px; font-size:12px; padding:0; }

/* calendar */
#wp-calendar { width:100%; margin:10px auto; color:#434343;}
#wp-calendar caption { text-transform:capitalize; font-size:14px; color:#fff; background:url(images/bgRouge.gif) 0 0 ; padding:5px; text-align:left; font-weight:bold;  }
#wp-calendar a { display:block; color:#fff; background-color:#434343; text-decoration:none; font-weight:bold; }
#wp-calendar a:hover { color:#fff; background-color:#6c031c; }
#wp-calendar #prev, #wp-calendar #next { padding-top:5px; }
#wp-calendar #prev a, #wp-calendar #next a  { background:#fff; color:#434343; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover  { background:#fff; color:#6c031c; }

/* footer */
#footer { position:relative; width:735px; padding:10px 0 50px 0; background:#6c031c url(images/bgFooter.gif) 0 0 no-repeat; text-align:center; color:#fff; font-size:10px; }

#nav { position:relative; width:696px; background:url(images/bgGris.gif) 0 -9px repeat-x; margin:2px auto; height:28px; font-family:Arial, Helvetica, sans-serif; }
#nav ul { text-align:left; position:absolute; top:0; left:20px; list-style-type:none; }
#nav ul li { float:left; display:inline; line-height:28px; }
#nav ul li a { display:block; height:100%; color:#c0bfbf; text-decoration:none; font-weight:bold; padding:0 20px; }
#nav ul li a:hover, #nav ul li.current_page_item a { background:#fff; color:#000; -moz-opacity:0.2; opacity: 0.2; filter:alpha(opacity=20); }

/* cform */
.wpcf7 form {position:relative;width:90%; margin:0 0 20px 5%;}
.wpcf7 label {display:block; float:left; padding:0 10px 0 0; }
.wpcf7 p {padding:10px 0; border-bottom:1px solid #ccc;}
.wpcf7 .L input:hover, .wpcf7 .L textarea:hover { background-color: #f2f2f2;}
.wpcf7 .L input:focus, .wpcf7 .L textarea:focus { background-color: #fff;}
.wpcf7 .L input { width:350px; }
.wpcf7 textarea { width:350px; height:100px; }

.wpcf7 .captcha img { float:none;  margin-top:3px; }
.wpcf7 .captcha input { width:260px; }
.wpcf7 .oblig { display:block; font-style:italic; font-size:10px; float:left; line-height:30px; }
.wpcf7 .S input { width:200px;}