@charset "utf-8";
/*
Theme Name: Care for design
Theme URI: http://www.carefordesign.com
Description: Carefordesign's Wordpress theme.
Version: 0.1
Author: Grégory Jacob ( Tyler )
Author URI: http://www.carefordesign.com
Tags: dark, white, modern, release911
*/

* { padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }

html, body {
background:url(images/background.png) repeat-x 0 0;
background-color:#2f2f2f;
height:100%;
color:#202020;
}

img { border:none; }

#page, #header, #container, #containerfooter, #header01, #header02, #header03, #footertop { width:1024px; }

#page {
background:url(images/footer_background.png) repeat-y 0 0;
min-height:100%;
margin-left:auto;
margin-right:auto;
}

* html #page { height:100%; } /* Pour IE6 ( le seul à piger "* html" ) */

#header { position:relative; height:192px; }
#header01 {	background:url(images/header01.jpg) no-repeat 0 0; height:32px; }
#header02 {	background:url(images/header02.jpg) no-repeat 0 0; height:82px; }
#header03 {	background:url(images/header03.jpg) no-repeat 0 0; height:30px; }
#header04 {	background:url(images/header04.jpg) no-repeat 0 0; height:48px; width:709px; float:left; }
#header05 {	background:url(images/header05.jpg) no-repeat 0 0; height:48px; width:25px; float:left; }
#header06 {	background:url(images/header06.jpg) no-repeat 0 0; height:48px; width:290px; float:right; }

#rsstop {
float:right;
width:82px;
height:82px;
margin-right:38px;
}

#container {
background:url(images/container_background.png) repeat-y 0 0;
padding-bottom:30px;
}

#containerfooter {
background:url(images/container_footer.jpg) no-repeat 0 0;
height:58px;
}

#content {
float:left;
width:619px;
}

.contentblock {	margin-left:113px; } /* Contenu placé, autre que les posts */
.contentblock .posttitle { margin-left:0; }

#sidebar {
float:right;
width:284px;
padding-right:62px;
}

#footertop, #footer01, #footer02, #footer03, #footer04 { height:66px; float:left; }
#footertop { background:url(images/footer_top.jpg) no-repeat 0 0; float:none; }

#footermid {
background:url(images/footer_mid.jpg) no-repeat 0 0;
}

.postholder {
position:relative;
left:31px;
background:url(images/post_square.png) no-repeat 0 0;
width:588px;
min-height:96px;
margin-bottom:20px;
}

.posttitle {
height:42px;
margin-left:82px;
line-height:42px;
}

#searchtext {
float:right;
margin:2px 104px 0 0;
}

.posttitle a, h1, h2, h3, h4, h5, h6, .sidebartitle, #searchtext { font-family:"Lobster", "Times New Roman", Georgia, Times, serif; color:#5F5F5F; }
.posttitle a { font-size:24px; }
.posttitle a:hover { text-decoration:none; }
h2 { font-size:20px; }
h3 { font-size:18px; }

.sidebartitle, #searchtext { font-size:18px; }

.posttitlesub {
position:relative;
left:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

.tags {
background:url(images/icon_tags.png) no-repeat 0 0;
padding:0 0 2px 21px;
}

.postcontent, .postcomments {
position:relative;
margin:10px 0 0 82px;
width:502px;
text-align:justify;
}

.postcontent ul, .postcontent ol {
margin-left:30px;
}

.btnreadmore {
background:url(images/btn_read_more.png) no-repeat 0 0;
width:93px;
height:20px;
float:right;
margin-top:10px;
}

#footer01 { width:72px; }
#footer02 { width:72px; }
#footer03 { width:295px; padding-left:101px; }
#footer04 { width:385px; }
#footercontent {
position:relative;
width:864px;
margin:0 auto 0 auto;
padding:30px 0 30px 0;
text-align:center;
color:#808080;
}

#btncontact { margin-top:9px; }
#btnsocialmyspace, #btnsocialtweeter { margin-left:14px; }
#btnsocialrss, #btnsocialfacebook, #btnsocialmyspace, #btnsocialtweeter { float:left; width:66px; height:66px; cursor:pointer; }

#btnsocialrss { background:url(images/btn_social_feed.png) no-repeat 0 0; margin-right:93px; }
#btnsocialfacebook { background:url(images/btn_social_facebook.png) no-repeat 0 0; }
#btnsocialmyspace { background:url(images/btn_social_myspace.png) no-repeat 0 0; }
#btnsocialtweeter { background:url(images/btn_social_tweeter.png) no-repeat 0 0; }
#btnsocialfacebook:hover, #btnsocialfacebook.hover,
#btnsocialmyspace:hover, #btnsocialmyspace.hover,
#btnsocialtweeter:hover, #btnsocialtweeter.hover{ background:url(images/btn_social_evil.png) no-repeat 0 0; }

.btnbrowsers {
float:left;
width:32px;
height:32px;
margin:18px 13px 16px 0;
cursor:pointer;
}
#btnbrowserfirefox { background:url(images/btn_browser_firefox.png) no-repeat 0 0; }
#btnbrowsersafari { background:url(images/btn_browser_safari.png) no-repeat 0 0; }
#btnbrowserchrome { background:url(images/btn_browser_chrome.png) no-repeat 0 0; }
#btnbrowseropera { background:url(images/btn_browser_opera.png) no-repeat 0 0; }
#btnbrowserie { background:url(images/btn_browser_ie.png) no-repeat 0 0; }

/* ------------------------------ form */
label { cursor:pointer; }
.postcomments label, .postcomments input, .postcomments textarea { color:#7f7f7f; }
.postcomments label { float:right; line-height:33px; }
.postcomments input, .postcomments textarea { border:none; background:transparent; }
.postcomments input { width:300px; margin-top:7px; }
.postcomments textarea { width:470px; height:100px; }
.fieldinput, .fieldinputstart, .fieldinputend, .fieldtextareatop, .postcomments label { height:33px; }
.textarealabel { margin-right:14px; }
.fieldinput {
width:auto;
background:url(images/form_input_background.png) repeat-x 0 0;
}
.fieldinputstart {
float:left;
background:url(images/form_input_start.png) no-repeat 0 0;
width:27px;
}
.fieldinputend {
float:right;
background:url(images/form_input_end.png) no-repeat 0 0;
width:14px;
}
.fieldtextarea {
width:100%;
background:url(images/form_textarea_background.png) repeat-y 0 0;
text-align:center;
}
.fieldtextareatop {
background:url(images/form_textarea_top.png) no-repeat 0 0;
line-height:33px;
}
.fieldtextareabottom {
background:url(images/form_textarea_bottom.png) no-repeat 0 0;
height:14px;
}
.btnsubmit {
float:right;
background:url(images/btn_submit.png) no-repeat 0 0;
width:74px;
height:21px;
cursor:pointer;
}

/* ------------------------------ comments */
.commentblock {
background:url(images/comments_board_background.png) repeat-y 0 0;
width:502px;
}
.commentblocktop {
background:url(images/comments_board_top.png) no-repeat 0 0;
height:10px;
}
.commentblockbottom {
background:url(images/comments_board_bottom.png) no-repeat 0 0;
height:17px;
}
.commenttext {
margin:0 10px 0 14px;
padding-bottom:5px;
color:#ccc;
}
.commentsender { margin-bottom:10px; }
.commentsender, .commentavatar { height:49px; }
.commentavatar {
float:left;
background:url(images/comments_avatar_background.png) no-repeat 0 0;
width:62px;
}
.commentdetails {
background:url(images/icon_time.png) no-repeat 0 0;
padding-left:19px;
}
.commentauthor { font-size:1.2em; }
.avatar { margin:1px 0 0 12px; }
/* ------------------------------ sidebar */
.sidebartitleholder {
background:url(images/sidebar_titles_background.jpg) no-repeat 0 0;
width:284px;
height:37px;
text-align:right;
line-height:32px;
}

.sidebartitle {
background-color:#fff;
padding:4px 0 4px 0;
margin-right:42px;
}

#sidebar ul { margin-bottom:20px; }
#sidebar li {
background:url(images/icon_mouse.png) no-repeat right top;
text-align:right;
margin-right:42px;
padding-right:30px;
height:20px;
line-height:10px;
list-style-type:none;
}
.current-cat a { color:#333; }

/* ------------------------------ recherche */
#btnsearch { margin-top:10px; }

#s {
position:relative;
top:10px;
width:203px;
background-color:transparent;
border:none;
color:#baee00;
font-size:10px;
}

/* ------------------------------ liens */
a, .sidebartitle, #searchtext { color:#729200; text-decoration:none; }
a:link { color:#729200; }
a:visited { color:#729200; }
a:hover { color:#627d00; text-decoration:underline; }
a:active { color:#729200; }

/* ------------------------------ divers */
.spacer { clear:both; }
.required { color:#baee00; }