/*
Theme Name: la creatine
Theme Date: 05062010
Theme URI: http://www.lacreatine.info/
Description: Custom made WP theme for la creatine
Author: Agence Ellipsium
Author URI: http://www.agence-ellipsium.fr/
*/

body{margin:0px; padding:0px; background:url(images/bg.png) left center repeat-x #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px}

h1,h2,h3,h4{margin:0px; padding:0px}
img{border:none}

#wrapper{width:965px; margin:0px auto}

#header{background:url(images/header-bg.jpg) center top no-repeat;position:relative}

#first-img{background:url(images/first-image.png) center center no-repeat; width:84px; height:37px; position:absolute; z-index:3; margin-top:-50px; margin-left:-3px}
#second-img{background:url(images/second-image.png) center center no-repeat; width:187px; height:21px; position:absolute; z-index:4; right:0; margin-top:-50px; margin-right:21px}

#tagline{font-size:11px; color:#767a7f; margin:1px 0px 8px 150px}

#logo{margin-left:220px; height:127px}
#logo a{text-decoration:none}

#phone{float:right; width:373px; height:139px; padding-top:10px; background:url(images/phone.png) center center no-repeat; text-align:right}

#nav{position:relative; clear:both; background:url(images/nav-bg.jpg) left top repeat-x; padding-left:65px; height:50px; line-height:47px}
#nav ul{margin:0px; padding:0px;}
#nav li{list-style:none; display:inline}
#nav li a{padding:14px 18px; font-size:16px; font-weight:bold; color:#fff; text-decoration:none}
#nav li a:hover{background:url(images/nav-hover.jpg) left top repeat-x}

#nav #rss{position:absolute; right:0; top:0}

#content{background:url(images/content-btm.jpg) left bottom repeat-x #302929; padding-bottom:6px}
#left{float:left; width:614px; padding:30px 21px; background:#fff}
#right{float:right; width:289px; padding:14px 10px}

#slide{margin-bottom:20px;}

#articles{}
.article{padding:15px 0px; border-bottom:1px solid #cacaca;}
.tweet{float:left; width:55px}
.article h1, .article h2{float:left; width:540px; margin-left:10px; font-size:30px; font-weight:normal; color:#fca210}
.article h1 a, .article h2 a{color:#fca210; text-decoration:none}
.article h1 a:hover, .article h2 a:hover{text-decoration:underline}
.article .info{float:left; width:540px; margin-left:10px; margin-top:5px; color:#737373}
.article .tags{float:left; width:530px; margin-left:30px; color:#939191; padding-left:25px; margin:10px 0px; background:url(images/tag-bg.gif) left center no-repeat}
.article .tags a{color:#939191; text-decoration:none}         
.article .tags a:hover{text-decoration:underline}
.article .text{color:#3e3737; line-height:20px}
#left .read-more{background:url(images/lire-la-suite.gif) right center no-repeat; display:inline-block; float:right; height:27px;width:123px;}

#right #search{}
#right #search input{border:none; width:255px; height:32px; padding:0px 25px 0px 10px; color:#a9abad; background:url(images/search-bg.jpg) center center no-repeat}

#right .block{margin-top:10px}

#right h3{border-left:4px solid #fb8b26; padding-left:10px; font-size:18px; line-height:32px; font-weight:bold; color:#fff;}
#right ul{margin-left:10px; padding:0px}
#right li{list-style:none; color:#d6d3d3}
#right li a{font-size:14px; color:#d6d3d3; line-height:19px; text-decoration:none}

#footer{margin:25px 0px; text-align:center; font-size:11px}
#footer-link{color:#87888a}
#footer-link ul{margin:0px; padding:0px}
#footer-link li{display:inline; list-style:none}
#footer-link a{color:#b44e03}
#copyright{margin-top:10px; color:#848484}


.alignleft{float:left;text-align:left;}
.alignright{float:right;text-align:right;}
.center{clear:both;margin:0 auto;text-align:center;}
img{border:none}
img.alignleft{float:left;margin-bottom:15px;margin-right:5px;margin-top:2px;padding:0;}
img.alignright{float:right;margin-left:10px;margin-top:10px;padding:4px;}
img.center{clear:both;display:block;margin:5px auto;padding:4px;}

#comments{clear:both;color:#3c3c3c;font-size:13px;line-height:18px; margin:30px auto}
#comments a{color:#fb8b26;}
#comments a:hover{color:#000;text-decoration:underline;}
#comments h4{font-size:16px; color:#293c5d; margin-bottom:10px}
#leave{font-size:14px;font-weight:700;margin:0;padding:0;}
.comauthor{border-bottom:2px solid #fff; background:#e1e1e1; margin:0;padding:15px 5px; display:block; clear:both; width:auto;}
.comdate{font-size:11px;}
.comtext{width:603px;background:#f3f2f2;color:#000;float:left;font-size:11px;line-eight:18px;margin:0;overflow:hidden;padding:5px}
.combox-alt{}
.combox-author{}
#pingback{margin-top:25px!important;}
#ping{float:left;list-style-type:none;margin:0;padding:5px 0;width:100%;}
#ping li{color:#000;float:left;font-size:11px;line-height:16px;margin:0;padding:10px;width:100%;}
#commentform{background:#e1e1e1; padding:10px; display:block; clear:both; width:auto;}
#commentform label{color:#fb8b26;float:left;font-size:12px;margin:0;padding:0 2px;}
#commentform p{float:left;margin:0;padding:0;}
#commentform .text{background:#FFF;border:1px solid #CCC; padding:4px 3px}
#commentform .comarea{background:#FFF;border:1px solid #CCC; width:99%}