/* 
Theme Name: Traceur
Theme URI: http://www.newquest.fr
Description: Traceur
Version: 1.0
Author: NewQuest
Author URI: Traceur
Tags:  
*/

/* RESET ===> http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

/* ELEMENT HTML */
body{ font-size:12px; color: #222222; line-height:16px;}
body div#columns { margin-top: 60px; }
a{ color:#fa9100; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline; color: #000; }
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px; resize:none;}
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video { display: block; } 
abbr, eventsource, mark, meter, time, progress, output, bb { display:inline; }

/* CLEAR */
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

/* STRUCTURE */
#main{ float:left; width:600px; /*margin-left: -58px; margin-right: 35px;*/ }
#sidebar{ float:right; width:200px; /*margin-right: -58px;*/ }
#comments{ margin:20px 0;}
#respond{ }

/*HEADER*/
#header .logo a { font-size:25px; text-decoration:none;}
#header .description { color:#7f7f7f; font-style:italic;}

/*MAIN*/
#main .post-header { margin-bottom: 15px; }
#main .post { position: relative; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #DCDCDC; }
#main .post-title { font-size: 26px; font-weight: bold; color: #222222; margin-bottom: 10px; }
#main .post-title a { color: #222222; line-height: 32px; }
#main .post-date { float:left; color: #a0a0a0; margin-left:3px; margin-bottom:8px;}
#main .post-date span { font-weight: bold; }
#main .post-author { float:left; color: #a0a0a0;}
#main .post-author span { font-weight: bold; }
#main .post-comments { position: absolute; top: 0; right: 0; }
#main .post-comments a { background: url(images/comment-bubble.png) no-repeat #EEEEEE; display: block; color: #666666; font-size: 13px; font-weight: normal; height: 36px; line-height: 35px; overflow: hidden; padding: 0; text-align: center; text-decoration: none; width: 43px; }
#main .post-comments a:hover { background-color: #fa9100; color: #fff; }

#main .post-content { margin: 0 0 15px 0; font-size: 14px; }
#main .post-content p { font-size: 14px; line-height: 20px; margin-bottom: 15px; }

#main .post-tags { font-size: 12px; }
#main .more-link { display: block; }
#main .post-social { margin: 10px 0 15px 0; }
#main .post-social a { display: inline-block; *display: inline; *zoom: 1; margin: 0 79px 0 0; font-size: 16px; line-height: 30px; color: #fa9100; }
#main .post-social a.last { margin-right: 0; }
#main .post-social a .social_icon { background: url(images/post-social.png) no-repeat; display: block; float: left; width: 34px; height: 34px; margin-right: 5px; }
#main .post-social a .social_icon.comment { background-position: left top; }
#main .post-social a .social_icon.facebook { background-position: -34px 0; }
#main .post-social a .social_icon.twitter { background-position: -68px 0; }
#main .post-social a:hover .social_icon.comment { background-position: left bottom; }
#main .post-social a:hover .social_icon.facebook { background-position: -34px -34px; }
#main .post-social a:hover .social_icon.twitter { background-position: -68px -34px; }

#main .post-nav { height: 22px; }
#main .post-nav .prev { float: right; }
#main .post-nav .next { float: left; }
#main .post-nav a { background: url(images/post-nav.png) no-repeat #fa9100; position: relative; display: block; padding: 0 10px; height: 22px; line-height: 22px; font-weight: bold;  color: #fff; text-decoration: none; }
#main .post-nav a:hover { background-color: #000; }
#main .post-nav .prev a { background-position: bottom right; padding-right: 20px; }
#main .post-nav .next a { background-position: top left; padding-left: 20px; }

#main .portfolio{ float:left; margin-right:15px;}

/*SIDEBAR*/
#sidebar .edito { color: #a0a0a0; font-size: 14px; line-height: 17px; }
#sidebar .edito p { text-align: justify; }
#sidebar .edito p.right { text-align: right; }
#sidebar .widget { border-top: 1px dashed #DCDCDC; padding-top: 30px; margin-top: 35px; }
#sidebar .widget h2, #sidebar .edito h2 { font-size: 14px; display: block; margin-bottom: 20px; font-weight: bold; color: #000; text-transform: uppercase; }
#sidebar .search { margin-bottom:10px;}
#sidebar .search-text {float:left;}
#sidebar ul li { line-height: 18px; }

/*COMMENTS*/
#comments .comments-title { margin-bottom:20px;}
#comments .comment-avatar { background: url(images/avatar.png) no-repeat; width: 68px; height: 68px; float: left; margin: 0 30px 0 0; border-radius: 3px; overflow: hidden; box-shadow: -1px 2px 3px 0px #c8c8c8; }
#comments .comment-info { display:block;}
#comments .comment-content { display: block; float: left; background: #f6f6f6; border: 1px solid #dddddd; border-radius: 3px; width: 450px; padding: 25px; }
#comments .comment-content .comment-author { font-size: 12px; color: #666666; margin-bottom: 15px; }
#comments .comment-content .comment-author .comment-time { font-size: 11px; color: #a7a7a7; }
#comments .comment-content p { }
#comments .comments-list li { margin-bottom:20px;}


/*RESPOND*/
#respond { position: relative; margin-top: 60px; }
#respond h3 { padding-left: 120px; font-size: 16px; font-weight: bold; text-transform: uppercase; }
#respond .comment-info { padding-left: 120px; font-size: 13px; color: #a0a0a0; }
#respond .respond-title { margin-bottom:15px;}
#respond .respond-line { padding-bottom:10px;}
#respond .respond-line label { float:left; width:70px;}
#respond .respond-form { background: #fff; padding: 2px; border: 2px dashed #bcbcbc; margin-top: 20px; margin-left: 100px; }
#respond .respond-form .respond-avatar { display: block; background: url(images/avatar.png) no-repeat; width: 68px; height: 68px; position: absolute; top: 83px; left: 0; box-shadow: -1px 1px 4px 0 #C8C8C8 inset; border-radius: 3px; }
#respond .respond-form .respond-bubble { display: block; position: absolute; background: url(images/respond-bubble.png) no-repeat; width: 28px; height: 28px; top: 98px; left: 76px; }
#respond .respond-form form { background: #e0e0e0; padding: 25px; }
#respond .respond-form form .respond-submit { text-align: right; }
#respond .respond-form form input[type=submit] { background: #000; color: #fff; border: 0; font-size: 13px; font-weight: bold; height: 27px; line-height: 27px; padding: 0 10px; }
#respond .respond-form form input[type=text], #respond .respond-form form textarea { padding: 5px 8px; font-size: 12px; color: #8f8f8f; }
#respond .respond-form form textarea { width: 425px; height: 100px; }