/*
Theme Name: Xbition-art
Theme URI: http://www.xbition-art.fr/
Description: Xbition-art - Theme portfolio and blog in Julie FRANCK
Version: 1.0
Author: Julie FRANCK
Author URI: http://www.xbition-art.fr/
Tags:  purple, pink,

	Xbition-art
	http://www.xbition-art.fr/

*/

/** 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,li{ 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;}

/** INTRO **/
body{ background:#371f51 url(hab/header-bg.jpg) no-repeat center top; color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:18px;}
a{ color:#d2379c; cursor:pointer; text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px;}
button,
button span{ display:block; line-height:32px;}
button{ background:none; border:none; color:#fff; cursor:pointer; display:block; font-size:13px; font-weight:bold; height:32px; outline:none; overflow:visible; padding:0; position:relative; text-decoration:none; white-space:nowrap;}
button span{ background:url(hab/btn.png) no-repeat top left; height:32px; padding-left:20px;}
button span span{ background-position:top right; padding:0 20px 0 0;}

/** SHARED **/
.main .post {margin:0 25px 0 25px; overflow:hidden;}
.main .post-title{color:#492d68; font-size:24px; font-weight:bold; margin-left:50px; margin-bottom:7px;}
.main .post-title a{color:#492d68; text-decoration:none;}
.main .post-title a:hover{color:#d2379c; text-decoration:none;}
.main .post-author { background:url(hab/avatar-jf.jpg) no-repeat top left; border:1px solid #d3d3d3;  float:left; height:38px;  width:38px;}
.main .post-date {color:#8d8d8d; font-size:12px; font-style:italic;  margin-left:10px; padding-right:5px;}
.main .post-comments a { background:url(hab/picto-comments.png) no-repeat top right ; border-left:1px solid #8d8d8d; color:#8d8d8d;  font-size:12px; font-style:italic; padding-left:7px; padding-right:20px;}
.main .post-content  { color:#373737; font-size:13px;  margin-top:12px;}
.main .post-content  img{border:1px solid #dbdbdb; padding:11px; margin:0 0 10px 0; }
.main .post-content .img-10 {margin-top:10px; margin-bottom:18px; }
.main .post-content .img-logo {margin:20px 0; }
.main h4 {color:#705d8f; margin-top:15px; margin-bottom:5px; font-size:16px;}
.main h2 {margin-top:15px; font-size:16px;}
.main h1 {border-bottom:1px dashed #8d8d8d; color:#8d8d8d; font-size:16px; font-style:italic; margin:0 25px 20px 25px; padding:0 0 10px 0;}
.main .lost {color:#492d68; font-size:24px; font-weight:bold; text-align:center; margin-bottom:50px;}
.post-content .more-link { background:url(hab/picto-more.png) no-repeat 0 4px ; color:#8d8d8d; display:block; margin:12px 0 30px 0; padding:0 0 0 10px; overflow:hidden; width:70px;}
.post-content .post-category {background:url(hab/picto-catag.png) no-repeat 0 11px;  color:#8d8d8d; display:block; font-style:italic; overflow:hidden; padding:15px 0 0 20px; }
.post-content .post-category a{ color:#8d8d8d; font-style:normal; overflow:hidden; }
.post-content .post-tags {background:url(hab/picto-catag.png) no-repeat 0 -38px;  color:#8d8d8d; display:block; font-style:italic; overflow:hidden; padding:6px 0 10px 20px;}
.post-content .post-tags  a{color:#8d8d8d; font-style:normal; overflow:hidden;}
.prev a {background:url(hab/btn-prev.png) no-repeat top left; display:block; float:left; font-size:22px; height:24px; line-height:24px; text-indent:-040685px; margin:0 25px 20px 24px; width:92px;}
.next a {background:url(hab/btn-next.png) no-repeat top left; display:block; float:right; font-size:22px; height:24px; line-height:24px; text-indent:-040685px; margin:0 26px 20px 0; width:92px;}
.tweet-btn { margin-top:7px;}

/*RESPOND*/
.respond-line {float:left; margin-bottom:18px;}
.respond-line .mail{}
.respond-title {color:#373737; font-size:16px; margin:15px 0 15px 0;}
.input {background:url(hab/input-text.png) no-repeat top left; border:none; color:#373737; display:block; padding:6px 5px; width:230px;}
.name {margin-right:46px;}
.textarea {background:url(hab/textarea.png) no-repeat top left; border:none; color:#373737; display:block; line-height:18px; height:138px; padding:6px 5px; resize:none; width:515px;}
.txt-respond {color:#7b58a3; font-size:13px; font-style:italic;}
.respond-submit { margin-bottom:18px;}
.submit {background:url(hab/btn-post.png) no-repeat top left; cursor:pointer; border:none; display:block; float:left; height:34px; margin-bottom:18px; text-indent:99999px; width:182px;}

/*COMMENTS*/
.comments-title {border-bottom:1px solid #e8e8e8; color:#373737; font-size:16px; padding-bottom:10px; margin:10px 0 0 0;}
.comment {border-bottom:1px solid #e8e8e8; padding-bottom:10px; padding-top:15px; position:relative;}
.comment-number {color:#373737; font-size:18px; float:left; font-style:italic; left:0; position:absolute; top:25px;}
.comment-avatar {border:1px solid #e8e8e8; float:left; height:32px; padding:2px; margin:0 15px 0 25px; width:32px;}
.comment-author {padding-top:2px;}
.comment-author a{color:#373737;  font-size:14px; }
.comment-info {color:#8d8d8d; display:block; font-style:italic; line-height:12px;}
.comment-content {color:#373737; line-height:18px; margin-top:15px;}
.comment-moderation {color:#8d8d8d; font-style:italic; font-size:11px; margin-top:5px;}

/* COMMON */
.wrap{ margin:0 auto; position:relative; overflow:hidden; width:930px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}
.blog-xbition .nav .blog {background-position : -102px -35px;}

/** HEADER **/
.logo a{background:url(hab/logo.png) no-repeat top left; display:block; height:126px; left:20px; overflow:hidden; position:absolute; text-indent:-040685px; top:18px; width:167px;}
.tagline {color:#7b58a3; font-size:14px; left:73px; position:absolute; top:142px;}
/*navgiation*/
.nav {position:absolute; top:50px; right:185px;}
.nav li {float:left;}
.nav a{background:url(hab/nav.png) no-repeat top left; display:block; font-size:16px; height:35px; line-height:35px; margin-left:25px; outline:none; text-indent:-040685px; width:84px;}
.nav .accueil {background-position : 0% 0%;}
.nav .accueil:hover {background-position : 0% -35px;}
.nav .blog {background-position : -102px 0%;}
.nav .blog:hover {background-position : -102px -35px;}
.nav .contact {background-position : -204px 0%;}
.nav .contact:hover {background-position : -204px -35px;}

/**SIDEBAR**/
/*About me*/
.title-aboutme {background:url(hab/qui-suis.png) no-repeat top left; display:block; height:23px; margin-bottom:10px; text-indent:-040685px; width:111px;}
.aboutme .julie {border:1px solid #602162; float:left; margin-right:14px;}
.aboutme p { color:#fff; line-height:16px;  font-size:12px; text-align:justify;}
/*Category*/
.widget_categories h2{background:url(hab/categories.png) no-repeat top left; display:block; height:23px; margin:47px 0 10px 0; text-indent:-040685px; width:117px;}
.cat-item  {background:url(hab/line-li.png) no-repeat top left; color:#d2379c; height:34px; line-height:34px; width:302px;}
.cat-item  a{color:#fff;}
/*blogolist*/
.widget_links h2 {background:url(hab/blogolist.png) no-repeat top left; display:block; height:23px; margin:35px 0 10px 0; text-indent:-040685px; width:102px;}
.blogroll li {background:url(hab/line-li.png) no-repeat top left; color:#d2379c; height:34px; line-height:34px; width:302px;}
.blogroll li  a{color:#fff;}
/*Twitter*/
.title-twitter {background:url(hab/twitter.png) no-repeat top left; display:block; height:23px; margin:35px 0 10px 0; text-indent:-040685px; width:90px;}
#tweet {background:url(hab/bg-twitter.png) no-repeat top left; height:57px; padding:10px; width:282px;}
#tweet ul {color:#fff;}
#tweet li a {color:#d2379c;}
.follow-twitter a {background:url(hab/follow-twitter.png) no-repeat top left; display:block; height:33px; line-height:33px; font-size:14px; margin-top:6px; text-indent:-040685px; width:164px;}
.follow-twitter a:hover {text-decoration:underline;}
/*RSS*/
.title-rss {background:url(hab/rss.png) no-repeat top left; display:block; height:23px; margin:40px 0 10px 0; text-indent:-040685px; width:62px;}
.rss li { background:url(hab/line-li.png) no-repeat top left; color:#fff; height:34px; padding:10px 0; width:302px;}
.rss .none { height:2px; padding:0;}
.follow-rss a { background:url(hab/flux-rss.png) no-repeat top left; display:block; height:31px; line-height:31px; font-size:14px; margin-top:13px; text-indent:-040685px; width:164px;}

/**FOOTER**/
.footer {color:#7b58a3; font-size:11px; text-align:center; padding:30px 0 30px 0;}
.footer  a {color:#bf278a;}
.footer  a:hover {border-bottom:1px solid #7b58a3; text-decoration:none;}

/** ZONING **/
.header{ height:180px; width:930px;}
.main{ background:url(hab/main-bg.png) repeat-y; float:left; position:relative; margin-left:7px; margin-right:12px; margin-top:35px;  width:576px;}
.main-top {background:url(hab/main-top.png) no-repeat; height:40px; position:absolute; top:-40px; left:0; width:576px; }
.main-bottom {background:url(hab/main-bottom.png) no-repeat top left; bottom:-10px; height:10px; left:0; position:absolute;  width:576px; }
.side{ float:left; padding:2px 15px 0 17px;  width:302px;}
.footer{ clear:both;  width:595px;}
.title{ font-size:32px;}
.comments{  padding:0 25px;}
.respond{  padding:0 25px;}