/*
Theme Name: Why Not Justine v.02
Theme URI: http://www.whynotjustine.com
Author: Fabulous Box
Author URI: http://www.fabulousbox.com
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Codage : Fabulous Box
|		Copyright (c) 2010 Fabulous Box
|		http://www.fabulousbox.com
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */






body {background-color:#eeeeee; width:870px; margin: 0 auto; font-family:arial;}
img {border:none;}
p {margin:0px;}
.lapage {position:relative; width:870px;}



/* HEADER
--------------------------------------------------------------*/
.header{position:relative; width:870px; height:350px;}
.header_citation {background-image:url(res/citation.png); position:absolute; top:36px; left:20px; height:38px; width:477px;}
.header_logo {position:absolute; right:0px; top:10px;}
.header_slideshow {background-image:url(res/header_ruban_droite.png); position:absolute; top:90px; left:0px; width:987px; height:250px; z-index:1;}
.header_menu {background-image:url(res/header_ruban_menu.png); position:absolute; top:298px; left:-11px; height:46px; width:886px; z-index:2;}
.header_ruban_gauche_top {background-image:url(res/header_ruban_gauche_top.png); position:absolute; top:54px; left:-90px; height:105px; width:290px; z-index:2;}
.header_ruban_gauche_bottom {background-image:url(res/header_ruban_gauche_bottom.png); position:absolute; top:159px; left:-90px; height:105px; width:107px; z-index:2;}
.header_ruban_right_bottom {background-image:url(res/header_ruban_right.png); position:absolute; top:210px; right:-4px; height:89px; width:179px; z-index:2;}


/* SLIDESHOW
------------------------------------ */
#dfcg_images p{position:absolute; top:-138px; right:-1px; font-family:georgia; font-weight:bold; font-style:italic; background-image:url(res/slideshow_background_title.png); }
.overlay {display:none;}
.panel-overlay h3{display:none;}
.panel img{width:870px;}


/* MENU
--------------------------------------------------------------*/
#header_menu_home a { position:absolute; left:30px; top:25px; width:63px; height:25px; text-indent:-9009px; background: url(res/home.png) top no-repeat; }
#header_menu_home a:hover { background: url(res/home.png) bottom no-repeat; }
#header_menu_createurs a { position:absolute; left:101px; top:25px; width:111px; height:25px; text-indent:-9009px; background: url(res/createurs.png) top no-repeat; }
#header_menu_createurs a:hover { background: url(res/createurs.png) bottom no-repeat; }
#header_menu_photos a { position:absolute; left:220px; top:25px; width:80px; height:25px; text-indent:-9009px; background: url(res/photos.png) top no-repeat; }
#header_menu_photos a:hover { background: url(res/photos.png) bottom no-repeat; }
#header_menu_liens a { position:absolute; left:308px; top:25px; width:59px; height:25px; text-indent:-9009px; background: url(res/liens.png) top no-repeat; }
#header_menu_liens a:hover { background: url(res/liens.png) bottom no-repeat; }
#header_menu_contact a { position:absolute; left:374px; top:25px; width:82px; height:25px; text-indent:-9009px; background: url(res/contact.png) top no-repeat; }
#header_menu_contact a:hover { background: url(res/contact.png) bottom no-repeat; }
#header_menu_fb a { position:absolute; left:562px; top:26px; width:13px; height:13px; text-indent:-9009px; background: url(res/fb.png) top no-repeat; }
#header_menu_tw a { position:absolute; left:586px; top:26px; width:22px; height:12px; text-indent:-9009px; background: url(res/twitter.png) top no-repeat; }
#header_menu_rss a { position:absolute; left:620px; top:26px; width:13px; height:13px; text-indent:-9009px; background: url(res/rss.png) top no-repeat; }



/* BLOG
--------------------------------------------------------------*/
.blog {position:relative; min-height:2600px; width:547px; margin-top:18px;}
.blog_homepost {position:relative; width:547px; margin-bottom:23px; background-color:#fff; border:1px solid #D0D0D0;}
.blog_homepost_title {position:relative; text-align:center; padding:14px 0px 4px 0px; width:547px; font-family:georgia; font-weight:bold; font-style:italic; font-size:1.2em;}
.blog_homepost_texte {position:relative; width:510px; left:18px; font-size:0.8em;}
.blog_homepost_texte img {position:relative; max-width:510px; margin:10px 0px 15px 0px;}
.blog_homepost_meta {position:relative; width:529px; height:120px; left:18px; margin-top:13px; background-color:eee;}
.blog_homepost_meta_more {position:relative; left:400px; margin-bottom:10px;}
.blog_homepost_meta_more a{font-family:georgia; font-style:italic; font-weight:bold; color:#ff0055; }
.blog_homepost_meta_dotte {position:relative; background-image:url(res/dotted.png); width:511px; height:2px;}
.blog_homepost_meta_author_day {position:relative; font-size:0.7em; color:#ddd; margin-top:34px;}
.blog_homepost_meta_categories {position:relative; font-size:0.7em; color:#ddd;}
.blog_homepost_meta_categories a{color:#ddd;}
.blog_homepost_meta_comments {position:relative; float:right; top:14px; background-image:url(res/comments_corner.png); width:86px; height:75px; font-family:georgia; font-size:2em; font-style:italic; font-weight:bold; z-index:3;}
.blog_homepost_meta_comments a{position:relative; top:28px; left:42px; color:#686868;}
.blog_navi {position:relative; padding-bottom:8px; top:-4px; text-align:center;}


/* BLOG SINGLE
--------------------------------------------------------------*/
.blog_single{position:relative; width:547px; margin-bottom:23px; background-color:#fff; border:1px solid #D0D0D0;}
.blog_single_title {position:relative; text-align:center; padding:14px 0px 4px 0px; width:547px; font-family:georgia; font-weight:bold; font-style:italic; font-size:1.2em;}
.blog_single_texte {position:relative; width:510px; left:18px; font-size:0.8em;}
.blog_single_texte img {position:relative; max-width:510px; margin:10px 0px 15px 0px;}
.blog_single_texte ul{margin:30px 0px 30px 0px; font-style:italic; margin-left:40px; list-style:none; border-left-style:solid; border-left-color:#ff0055; border-left-size:3px;}
.blog_single_texte ul li{position:relative; left:-20px;}
.blog_single_meta{position:relative; width:529px; height:70px; left:18px; margin-top:13px; background-color:eee;}
.blog_single_meta_dotte {position:relative; background-image:url(res/dotted.png); width:511px; height:2px;}
.blog_single_meta_author_day {position:relative; text-align:right; margin-top:20px; right:20px; font-size:0.7em; color:#ddd;}
.blog_single_meta_categories {position:relative; text-align:right; margin-bottom:20px; right:20px; font-size:0.7em; color:#ddd;}
.blog_single_meta_categories a{color:#ddd;}



/* BLOG SINGLE CREATEURS
--------------------------------------------------------------*/
.blog_single_createur {position:relative; width:547px; margin-bottom:23px; background-color:#fff; border:1px solid #D0D0D0;}
.blog_single_createur_title {position:relative; text-align:center; padding:14px 0px 4px 0px; width:547px; font-family:georgia; font-weight:bold; font-style:italic; font-size:1.2em;}
.blog_single_createur_texte {position:relative; width:510px; left:18px; font-size:0.8em;}
.blog_single_createur_texte img {position:relative; max-width:510px; margin:10px 0px 15px 0px;}
.blog_single_createur_texte div {position:relative; padding-top:38px; background-image:url(res/gallery_background.png); background-repeat:no-repeat; margin-bottom:30px;}
.blog_single_createur_meta{position:relative; width:529px; height:120px; left:18px; margin-top:13px; background-color:eee;}
.blog_single_createur_meta_dotte {position:relative; background-image:url(res/dotted.png); width:511px; height:2px;}
.blog_single_createur_meta_author_day {position:relative; text-align:right; margin-top:20px; right:20px; font-size:0.7em; color:#ddd;}
.blog_single_createur_meta_categories {position:relative; text-align:right; margin-bottom:20px; right:20px; font-size:0.7em; color:#ddd;}
.blog_single_createur_meta_categories a{color:#ddd;}
.blog_single_createur_texte ul{margin:30px 0px 30px 0px; font-style:italic; margin-left:40px; list-style:none; border-left-style:solid; border-left-color:#ff0055; border-left-size:3px;}
.blog_single_createur_texte ul li{position:relative; left:-20px;}
.PSR_stars {height:30px;}
.PSR_container {position:relative; left:15px; top:20px; background-image:url(res/background_rating.png); background-position:bottom center; background-repeat:no-repeat; width:135px; float:left; z-index:3;}
.PSR_votes, .PSR_tvote, .PSR_tvotes {display:none;}




/* COMMENTAIRES
--------------------------------------------------------------*/
.blog_single_comments {position:relative; width:510px; left:18px; }
.blog_single_comments_header {position:relative; background-color:#ff0055; padding:5px 10px 5px 10px; width:490px; font-family:georgia; font-style:italic; font-weight:bold; color:#fff;}
.blog_single_commentlist{position:relative; list-style:none; font-size:0.8em;}
.blog_single_commentlist_grey{position:relative; left:-40px; background-color:#eee; width:510px;}
.blog_single_commentlist_white{position:relative; left:-40px; background-color:#fff; width:510px;}
.blog_single_commentlist_comment {position:relative; padding:16px;}
.blog_single_commentlist_comment_meta{font-family:georgia; font-style:italic; font-size:0.9em;}
.blog_single_commentlist_comment_content {position:relative; margin-top:4px;}
.comment-toolbar {position:relative; float:right; top:-18px;}
.blog_single_commentlist_grey  blockquote{position:relative; background-image:url(res/quote_bg.png); background-repeat:no-repeat;  margin:1em 20px 1em 0px; padding:5px 5px 5px 45px; width:430px; font-style:italic; font-size:0.8em; background-color:#F8F8F8;}
.blog_single_commentlist_white  blockquote{position:relative; background-image:url(res/quote_bg.png); background-repeat:no-repeat;  margin:1em 20px 1em 0px; padding:5px 5px 5px 45px; width:430px; font-style:italic; font-size:0.8em; background-color:#F8F8F8;}
.reply_button {position:relative; width:15px; height:15px; text-indent:-9009px; background: url(res/reply.png) top no-repeat; }
.quote_button {position:relative; width:15px; height:15px; text-indent:-9009px; background: url(res/quote.png) top no-repeat; }
.reply_quote_author {position:relative; left:45px; top:8px; font-weight:bold; font-style:italic; font-size:0.8em;}
.reply_author {position:relative; left:10px; top:0px; font-weight:bold; font-style:italic; font-size:0.8em;}



/* COMMENTAIRES BOX
--------------------------------------------------------------*/
.commentaire_box_header {position:relative; background-color:#ff0055; padding:5px 10px 5px 10px; width:490px; font-family:georgia; font-style:italic; font-weight:bold; color:#fff;}
.commentaire_box_author {background-color:#eee; border:none; outline:none; position:relative; padding:5px; width:235px; margin-top:15px;}
.commentaire_box_email {background-color:#eee; border:none; outline:none; position:relative; padding:5px; width:235px; margin:15px 0px 0px 15px;}
.commentaire_box_url{background-color:#eee; border:none; outline:none; position:relative; padding:5px; width:235px; margin-top:15px;}
.commentaire_box_comment{background-color:#eee; border:none; outline:none; position:relative; width:500px; padding:5px; margin-top:15px;}



/* PAGES
--------------------------------------------------------------*/
.pages{position:relative; width:547px; margin-bottom:23px; background-color:#fff; border:1px solid #D0D0D0;}
.page_title {position:relative; text-align:center; padding:14px 0px 4px 0px; width:547px; font-family:georgia; font-weight:bold; font-style:italic; font-size:1.2em;}
.page_texte {position:relative; width:510px; left:18px; margin:14px 0px 30px 0px; font-size:0.8em;}
.page_texte div {position:relative; margin-bottom:30px;}
.page_texte img {position:relative; margin:10px 0px 15px 0px;}


/* CONTACT FORM
------------------------------------ */
#contact_form {background-color:#eee; border:none; outline:none; position:relative; padding:5px; width:400px; height:25px; margin-top:5px;}
#contact_form_content{background-color:#eee; border:none; outline:none; position:relative; padding:5px; width:400px; height:200px; margin-top:5px;}


/* SIDEBAR
--------------------------------------------------------------*/
.sidebar {position:absolute; right:0px; top:372px; min-height:600px; width:300px;}
.sidebar img{width:278px;}
.sidebar h2{font-family:georgia; font-style:italic; font-size:1.2em; text-align:center; margin:0px 0px 10px 0px;}
.sidebar h4{font-weight:normal; margin:2px 0px 0px 22px;  font-size:0.9em; border-left-style:solid; border-left-color:#ff0055; padding-left:5px; border-left-size:3px;}
.sidebar ul{position:relative; font-size:0.8em; top:-16px; list-style:none;}
.sidebar ul li{position:relative; left:-40px; background-color:#fff; border:1px solid #D0D0D0; width:278px; padding:10px 10px 10px 10px; margin-bottom:23px;}
.sidebar ul li ul{position:relative; top:0px; font-size:1em; list-stylenone;}
.sidebar ul li ul li{position:relative; left:-40px; border:none; padding:0px; margin-bottom:0px;}
#searchsubmit {position:relative; top:4px;}
#s {outline:none; border:none; top:-2px; position:relative; width:240px; color:#eeeeee; font-size:1em;}
#twitters {background-image:url(res/twitter_background.png); height:169px; width:280px; background-color:transparent; border:none;}
#twitters ul{font-size:0.9em; width:280px;}
#twitters ul li{background-color:transparent;}
#twitters ul li a{color:#ff0055; font-size:0.8em;}
#categories-4 {background-image:url(res/category_background.png); background-repeat:no-repeat; height:145px; background-color:transparent; border:none;}
#categories-4 ul li{background-color:transparent;}
#text-8 {background-image:url(res/promo_background.png); background-position:right bottom; background-repeat:no-repeat;}
#random_image_wrapper img{padding:0px;}
#random_image_wrapper p{position:relative; margin-top:12px; font-size:1em;}


/* FACEBOOK
------------------------------------ */
.fan_box .full_widget .connect_top{background:#ff0055; background-image:url(http://www.whynotjustine.com/wp-content/themes/whynotjustine_v02/res/facebook_widget_background.png); background-repeat:no-repeat;}
.fan_box .full_widget{border:none;background:white}
.fan_box .profileimage{display:none;}
.fan_box .connect_action {padding:0px; position:relative; margin-top:42px;}
.name_block{float:left;}
.name_block a{color:#ffffff; font-size:0.9em; }
.fan_box .connect_action .name{line-height:15px;font-size:13px;font-weight:bold}
.fan_box .connect_button {padding:0px; position:relative; top:-3px; left:5px; color:#ffffff;}
.total {color:#ff0055;}
.total total_plus hidden {color:#ff0055;}
.fan_box .connections_grid .grid_item .name{font-size:9px;color:#ff0055;overflow:hidden;padding-top:2px;text-align:center;white-space:nowrap}


/* FOOTER
--------------------------------------------------------------*/
.footer {position:relative; width:870px; height:120px; margin-bottom:23px; background-color:#fff; border:1px solid #D0D0D0;} 
.footer a{color:#bbb;}
.footer_cc {position:absolute; top:0px; left:0px; padding:8px;}
.footer_logo {position:absolute; bottom:0px; left:0px; padding:8px; font-size:0.5em; color:#e2e2e2;}
.footer_links {position:absolute; bottom:0px; right:0px; text-align:right; padding:8px; font-size:0.7em; color:#e2e2e2;}
.footer_rss {position:absolute; top:0px; right:30px; text-align:right; padding:8px; font-size:0.7em; color:#e2e2e2;}


/* LINKS
--------------------------------------------------------------*/
a{text-decoration:none; color:#000; outline:none;}
a:hover{color:#ff0055; outline:none;}
.more-link {display:none;}
#blog_single_english a { position:absolute; top:42px; left:-62px; width:78px; height:18px; text-indent:-9009px; background: url(res/english.png) top no-repeat;}
#blog_single_english a:hover { background: url(res/english.png) bottom no-repeat;}