/*
Theme Name: Transparency customized for Julie Lemonde
Author: Customized by Benoit Meunier (from ChiQ)
Author URI: http://www.benoitmeunier.info/
*/

* { margin: 0; padding: 0; }
body { text-align: center; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; background: #f4f4f4 url(images/body-bg.png) repeat-y top center; }

a { color: #000; }
a:hover { color: #EB6420; }
img { border: 0; }
.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.hidden { display: none; }
.noimage img { display: none; }

#wrapper { width: 900px; margin: auto auto; text-align: left; }

.clear:after,.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

a.link-external,a[href ^="gopher://"]{background:url("images/icons/links/external.png") center right no-repeat;padding-right:13px;}
a[href ^="mailto:"],.link-mailto{background:url("images/icons/links/mail.gif") center right no-repeat;padding-right:18px;}
a[href ^="news://"]{background:url("images/icons/links/news.png") center right no-repeat;padding-right:18px;}
a[href ^="ftp://"],.link-ftp,.link-document{background:url("images/icons/links/file.gif") center right no-repeat;padding-right:18px;}
a[href ^="irc://"],.link-irc{background:url("images/icons/links/discussion.gif") center right no-repeat;padding-right:18px;}
a.link-external[href $=".ogg"],a.external[href $=".OGG"],a.external[href $=".mid"],a.external[href $=".MID"],a.external[href $=".midi"],a.external[href $=".MIDI"],a.external[href $=".mp3"],a.external[href $=".MP3"],a.external[href $=".wav"],a.external[href $=".WAV"],a.external[href $=".wma"],a.external[href $=".WMA"],.link-audio{background:url("images/icons/links/audio.png") center right no-repeat;padding-right:13px;}
a.link-external[href $=".ogm"],#a.external[href $=".OGM"],a.external[href $=".avi"],a.external[href $=".AVI"],a.external[href $=".mpeg"],a.external[href $=".MPEG"],a.external[href $=".mpg"],a.external[href $=".MPG"],.link-video{background:url("images/icons/links/video.png") center right no-repeat;padding-right:13px;}
a.link-external[href $=".pdf"],a.external[href $=".PDF"],a.external[href *=".pdf#"],a.external[href *=".PDF#"],a.external[href *=".pdf?"],a.external[href *=".PDF?"],.link-document{background:url("images/icons/links/document.png") center right no-repeat;padding-right:12px;}

/** BEGIN header **/
#header { background: url(images/header-bg.png) no-repeat top left; margin-bottom: 15px; position: relative; }



#site_contact { display: block; height: 120px; width: 1px; text-indent: -1000px; overflow: hidden; }
#header p#header_description { position: absolute; top: 53px; left: 105px; color: #f7f7f7; }

ul#site_nav_global { list-style-type: none; padding: 0 10px; height: 36px; border-bottom: 1px solid #ccc; clear: both; }
ul#site_nav_global li { float: left; }
ul#site_nav_global li a:link, ul#site_nav_global li a:active, ul#site_nav_global li a:visited { display: block; padding: 10px 15px; color: #000; border-right: 1px solid #ccc; text-decoration: none; background: url(images/header-menu-block.png) repeat-x bottom left; }
ul#site_nav_global li.child_1 a:link, ul#site_nav_global li.child_1 a:active, ul#site_nav_global li.child_1 a:visited { border-left: 1px solid #ccc; }
ul#site_nav_global li.here a:link, ul#site_nav_global li.here a:active, ul#site_nav_global li.here a:visited { font-weight: bold; padding: 12px 10px 8px 10px;border-bottom: 1px solid #fff; background: none; }
ul#site_nav_global li a:hover { color: #EB6420; text-decoration: underline; }

#header p#contact{ float: right; display: block; padding: 10px 15px;  margin-top: -37px; margin-right: 10px; color: #000; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-decoration: none; background: url(images/header-menu-block.png) repeat-x bottom left; }
#header p#contact a:link, #header p#contact a:visited, #header p#contact a:active { text-decoration: none; color: #000; }
#header p#contact a:hover { color: #EB6420; text-decoration: underline; }
#header li.pagenav { display: none; }


/** END header **/



/** BEGIN body **/
#body { clear: both; }
#content { float: left; width: 554px;  }
#content.home { padding-top: 10px;  }
#content.archives { padding-top: 55px; background: url(images/title-mes_archives.png) no-repeat -10px 10px; }

#homeArchives { border-top: 10px solid #ccc; padding-top: 15px; margin-right: 20px;}
#homeArchives h2 { font-weight: normal; font-size: 14px; } 
#homeArchives ul { margin-left: 15px; margin-top: 15px; }
#homeArchives ul li { margin: 2px 0; }


.entry-summary p.readmore { margin: 15px 0 0 -2px; }
.entry-summary p.readmore strong { display: none;}
.entry-summary p.readmore a { display: block; position: relative; width: 84px; height: 27px; background: url(images/entry-read-more-button.png) -2px -2px; }
.entry-summary p.readmore a { color: #000; text-decoration: none; font-size: 12px; }
.entry-summary p.readmore a span { position: absolute; top: 5px; left: 10px; }
.entry-summary p.readmore a:hover { background-position: -2px -38px; }


.hentry { position: relative; border: 1px solid #ccc; padding: 20px; margin: 0 20px 20px 0; }
.hentry h2 { margin-top: 20px; font-size: 22px; font-weight: normal; }
.hentry ul, .hentry ol { margin: 10px 20px; }
.hentry ul.entry-content { list-style-type: none; margin-left: 0; }

.hentry ul.entry-content li.child_1 { display: none; }
.hentry ul.entry-content li.child_2 { position: absolute; top: 20px; left: 20px; text-transform: uppercase; }
.hentry ul.entry-content li.child_2 span { display: none; }
.hentry ul.entry-content li.child_2 a { text-decoration: none; color: #ccc; font-weight: normal; }
.hentry ul.entry-content li.child_2 a strong { font-weight: normal; }
.hentry ul.entry-content li.child_3 { margin: 10px 0 0 0; color: #666; }
.hentry ul.entry-content li.child_3 a { color: #666; text-decoration: none; }
.hentry ul.entry-content li.child_5 { font-size: 12px; }

.hentry ul.entry-content abbr { border: none; }

.hentry.latest .entry-summary { margin: 0 0 0 20px; width: 500px; color: #fff; }
.hentry.latest .entry-summary p.readmore a { color: #000; background-image: url(images/latest-read-more-button.png) }


.hentry.latest { display: block; background: #EB6420; padding: 0; margin: 0; position: relative; height: 225px; }
.hentry.latest a:link, .hentry.latest a:visited, .hentry.latest a:active, .hentry.latest a:hover { color: #fff; }
.hentry.latest a:hover { text-decoration: underline; }
.hentry.latest h2 { width: 515px; margin: 40px 0 0 20px;  }
.hentry.latest .figure { position: absolute; top: 0; right: 0; }
.hentry.latest ul.entry-content li.child_3 { margin-left: 20px; color: #fff; }
.hentry.latest li.child_3 a:link, .hentry.latest li.child_3 a:visited, .hentry.latest li.child_3 a:active, .hentry.latest li.child_3 a:hover { color: #fff; }
.hentry.latest li.child_3 a:hover { text-decoration: underline; }


.hentry.single { border: 0; padding: 0; }
.hentry.single h2.entry-title { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 22px; border-bottom: 1px solid #ccc; }

.hentry.single ul.entry-content a:link, .hentry.single ul.entry-content a:active, .hentry.single ul.entry-content a:visited { font-size: 12px; color: #000; text-decoration: underline; }
.hentry.single ul.entry-content { list-style-type: disc; margin-left: 20px; margin-top: 20px; }
.hentry.single ul.entry-content li { margin: 5px 0; }
.hentry.single ul.entry-content li.child_1 { display: none;  }
.hentry.single ul.entry-content li.child_2 { position: inherit; font-size: 12px; }
.hentry.single ul.entry-content li.child_2 span { display: inline; text-transform: none;  }
.hentry.single .entry-category { text-transform: none; font-weight: bold; }
.hentry.single ul.entry-content li.child_3 { color: #000; font-size: 12px; }
.hentry.single ul.entry-content li.child_4 { color: #000; font-size: 12px; }


.hentry.single h3{color:#000;font-size:1.4em;margin-bottom:1.2em;line-height:1.2em;}
.hentry.single h4{color:#000;font-size:1.2em;margin-bottom:1.5em;line-height:1.5em;}
.hentry.single h5{color:#000;font-size:1em;margin-bottom:1.8em;line-height:1.8em;}
.hentry.single h6{color:#000;font-size:1em;margin-bottom:1.8em;line-height:1.8em;}
.hentry.single p { line-height: 1.4em; margin: 1em 0;}
.hentry.single p.intro:first-line,.generic strong{font-variant:small-caps;}
.hentry.single p a,h1 a,li a{color:#000;}
.hentry.single img,li > ul li,li > ol li{font-size:1em;}
.hentry.single ul li,ol li{font-size:1.2em;line-height:1.5em;}
.hentry.single ul{margin-bottom:1.8em;list-style:square inside;}
.hentry.single ul li.caption{font-variant:small-caps;list-style:none;color:#000;}
.hentry.single li > ul,li > ol{margin-bottom:0;margin-left:5em;}
.hentry.single ol {margin-bottom:1.8em;list-style:decimal inside;}
.hentry.single fieldset,img,abbr,acronym{border:0;}


.hentry.single blockquote p{font-size:1.2em;line-height:1.5em;margin-bottom:1.5em;font-style:italic;font-weight:700;}
.hentry.single blockquote p cite{font-style:normal;}
.hentry.single .generic em{font-style:italic;font-weight:inherit;}
.hentry.single .amp{font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;font-style:italic;font-weight:400;line-height:inherit;}
.hentry.single abbr{border-bottom:1px dotted #666;cursor:help;border-color:inherit;}
.hentry.single .right-float{float:right;margin-left:2em;margin-right:0;}
.hentry.single .left-float{float:left;margin-right:2em;margin-left:0;}
.hentry.single .code{font-family:Courier, "Courier New", monospace;background:#ddd;font-size:1em;}

.hentry.single img.left-img{font-size:1em;float:left;border:1px solid #ccc;margin-bottom:1.8em;margin-right:2em;margin-top:0.3em;padding:4px;}
.hentry.single img.right-img{font-size:1em;float:right;border:1px solid #ccc;margin-bottom:1.8em;margin-left:2em;margin-top:0.3em;padding:4px;}


#comments { margin: 25px 20px 0 0; }
#comments .box { background: #E6E6E7; margin: 10px 0 10px 0; padding: 10px; }
#comments .box .commentAuthor { float: left; width: 190px; }
#comments .box .commentAuthor h4 { margin: 0; font-weight: normal; font-size: 16px; }
#comments .box .commentDate { margin-top: 5px; font-size: 12px; }
#comments .box .commentDate .commentEdit { font-size: 12px; margin-top: 20px; }
#comments .box .commentText { width: 300px; float: right; }
#comments .box .commentText p { font-size: 12px; line-height: 20px; margin-bottom: 10px; }
p.commentLogged { margin: 10px 0; }

form#commentform { margin: 10px 0; }
form#commentform label { display: none; }
form#commentform input, form#commentform textarea { width: 520px; margin: 5px 0; padding: 5px; border: 1px solid #ccc; color: #999; font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
form#commentform button { margin-top: 15px; width:300px; height:40px; line-height:40px; background:#EB6420; text-align:center; color:#fff; font-size:18px; font-weight:normal; }

.wp-pagenavi {}
.wp-pagenavi a { padding: 5px 8px; background: #f7f7f7; margin-right: 3px; text-decoration: none;  }
.wp-pagenavi a:hover, .wp-pagenavi span.current { padding: 5px 8px; color: #fff; background: #EB6420; }
.wp-pagenavi a.exterior { display: none; }

#sidebar { float: right; width: 345px; list-style-type: none;}
#sidebar h2 { margin: 0; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: normal; color: #9B9A9F; }

#sidebar .box { padding: 10px 0 10px 10px; }
#sidebar a { color: #9B9A9F; }
#sidebar a:hover { color: #000; }

h2.sidebar { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -10000px;  }

#sidebar .box h2 { border: none; }


#sidebar .box.default ul li a { display: block; padding: 5px 0 5px 5px; border-bottom: 1px dotted #ccc; }
#sidebar .box.default ul li.child_1 a { border-bottom: 1px dotted #ccc; }
#sidebar .box.default ul li a:hover { color: #000; }
#sidebar .box.default.l { float: left; width: 149px; }
#sidebar .box.default.l ul { list-style-type: none; padding: 5px 0 20px; }
#sidebar .box.default.l ul li { }
#sidebar .box.default.l ul li a { }
#sidebar .box.default.l ul li a:hover { }
#sidebar .box.default.r { float: right; width: 165px; }
#sidebar .box.default.r ul { list-style-type: none; padding: 5px 0 20px; }
#sidebar .box.default.r ul li {  }
#sidebar .box.default.r ul li a {	 }
#sidebar .box.default.r ul li a:hover { }



#sidebar .box.servicelist { padding: 0 0 0 10px; }
#sidebar .box.servicelist h2 { margin: 10px 0; border: none; }
#sidebar .box.servicelist ul { list-style-type: none !important; display: inline; clear: both; }
#sidebar .box.servicelist ul li { float: left; }
#sidebar .box.servicelist ul a { position: relative; display: block; width: 165px; height: 35px; margin: 0 2px 2px 0; text-decoration: none; background: url(images/button.png) no-repeat 0 0; }
#sidebar .box.servicelist ul a:hover { background-position: 0 -35px; }
#sidebar .box.servicelist ul a strong { position: absolute; top: 10px; left: 10px; padding-left: 25px; font-weight: normal; background-position: 0 center; background-repeat: no-repeat; }

#sidebar .box.servicelist ul a.feed strong {background-image:url("images/icons/social/feed.png")}
#sidebar .box.servicelist ul a.apcm strong {background-image:url("images/icons/social/apcm.png")}
#sidebar .box.servicelist ul a.joost strong {background-image:url("images/icons/social/joost.png")}
#sidebar .box.servicelist ul a.polyvore strong {background-image:url("images/icons/social/polyvore.png")}
#sidebar .box.servicelist ul a.livejournal strong {background-image:url("images/icons/social/livejournal.png")}
#sidebar .box.servicelist ul a.twitter strong {background-image:url("images/icons/social/twitter.png")}
#sidebar .box.servicelist ul a.festivus strong {background-image:url("images/icons/social/festivus.png")}
#sidebar .box.servicelist ul a.dailymotion strong {background-image:url("images/icons/social/dailymotion.png")}
#sidebar .box.servicelist ul a.linkedin strong {background-image:url("images/icons/social/linkedin.png")}
#sidebar .box.servicelist ul a.tumblr strong {background-image:url("images/icons/social/tumblr.png")}
#sidebar .box.servicelist ul a.twelveseconds strong {background-image:url("images/icons/social/twelveseconds.png")}
#sidebar .box.servicelist ul a.hatena strong {background-image:url("images/icons/social/hatena.png")}
#sidebar .box.servicelist ul a.delicious strong {background-image:url("images/icons/social/delicious.png")}
#sidebar .box.servicelist ul a.blog strong {background-image:url("images/icons/social/blog.png")}
#sidebar .box.servicelist ul a.furl strong {background-image:url("images/icons/social/furl.png")}
#sidebar .box.servicelist ul a.wakoopa strong {background-image:url("images/icons/social/wakoopa.png")}
#sidebar .box.servicelist ul a.zooomr strong {background-image:url("images/icons/social/zooomr.png")}
#sidebar .box.servicelist ul a.slideshare strong {background-image:url("images/icons/social/slideshare.png")}
#sidebar .box.servicelist ul a.disqus strong {background-image:url("images/icons/social/disqus.png")}
#sidebar .box.servicelist ul a.photobucket strong {background-image:url("images/icons/social/photobucket.png")}
#sidebar .box.servicelist ul a.backtype strong {background-image:url("images/icons/social/backtype.png")}
#sidebar .box.servicelist ul a.magnolia strong {background-image:url("images/icons/social/magnolia.png")}
#sidebar .box.servicelist ul a.googlereader strong {background-image:url("images/icons/social/googlereader.png")}
#sidebar .box.servicelist ul a.ilike strong {background-image:url("images/icons/social/ilike.png")}
#sidebar .box.servicelist ul a.seesmic strong {background-image:url("images/icons/social/seesmic.png")}
#sidebar .box.servicelist ul a.meneame strong {background-image:url("images/icons/social/meneame.png")}
#sidebar .box.servicelist ul a.smotri strong {background-image:url("images/icons/social/smotri.png")}
#sidebar .box.servicelist ul a.friendfeed strong {background-image:url("images/icons/social/friendfeed.png")}
#sidebar .box.servicelist ul a.lastfm strong {background-image:url("images/icons/social/lastfm.png")}
#sidebar .box.servicelist ul a.pownce strong {background-image:url("images/icons/social/pownce.png")}
#sidebar .box.servicelist ul a.flickr strong {background-image:url("images/icons/social/flickr.png")}
#sidebar .box.servicelist ul a.netvibes strong {background-image:url("images/icons/social/netvibes.png")}
#sidebar .box.servicelist ul a.email strong {background-image:url("images/icons/social/email.png")}
#sidebar .box.servicelist ul a.goodreads strong {background-image:url("images/icons/social/goodreads.png")}
#sidebar .box.servicelist ul a.baidu strong {background-image:url("images/icons/social/baidu.png")}
#sidebar .box.servicelist ul a.reddit strong {background-image:url("images/icons/social/reddit.png")}
#sidebar .box.servicelist ul a.identica strong {background-image:url("images/icons/social/identica.png")}
#sidebar .box.servicelist ul a.upcoming strong {background-image:url("images/icons/social/upcoming.png")}
#sidebar .box.servicelist ul a.ameba strong {background-image:url("images/icons/social/ameba.png")}
#sidebar .box.servicelist ul a.misterwong strong {background-image:url("images/icons/social/misterwong.png")}
#sidebar .box.servicelist ul a.twine strong {background-image:url("images/icons/social/twine.png")}
#sidebar .box.servicelist ul a.googleshared strong {background-image:url("images/icons/social/googleshared.png")}
#sidebar .box.servicelist ul a.amazon strong {background-image:url("images/icons/social/amazon.png")}
#sidebar .box.servicelist ul a.skyrock strong {background-image:url("images/icons/social/skyrock.png")}
#sidebar .box.servicelist ul a.facebook strong {background-image:url("images/icons/social/facebook.png?")}
#sidebar .box.servicelist ul a.jaiku strong {background-image:url("images/icons/social/jaiku.png")}
#sidebar .box.servicelist ul a.fotolog strong {background-image:url("images/icons/social/fotolog.png")}
#sidebar .box.servicelist ul a.digg strong {background-image:url("images/icons/social/digg.png")}
#sidebar .box.servicelist ul a.librarything strong {background-image:url("images/icons/social/librarything.png")}
#sidebar .box.servicelist ul a.stumbleupon strong {background-image:url("images/icons/social/stumbleupon.png")}
#sidebar .box.servicelist ul a.yelp strong {background-image:url("images/icons/social/yelp.png")}
#sidebar .box.servicelist ul a.netflix strong {background-image:url("images/icons/social/netflix.png")}
#sidebar .box.servicelist ul a.vimeo strong {background-image:url("images/icons/social/vimeo.png")}
#sidebar .box.servicelist ul a.mixx strong {background-image:url("images/icons/social/mixx.png")}
#sidebar .box.servicelist ul a.youtube strong {background-image:url("images/icons/social/youtube.png")}
#sidebar .box.servicelist ul a.picasa strong {background-image:url("images/icons/social/picasa.png")}
#sidebar .box.servicelist ul a.tipjoy strong {background-image:url("images/icons/social/tipjoy.png")}
#sidebar .box.servicelist ul a.googletalk strong {background-image:url("images/icons/social/googletalk.png")}
#sidebar .box.servicelist ul a.pandora strong {background-image:url("images/icons/social/pandora.png")}
#sidebar .box.servicelist ul a.smugmug strong {background-image:url("images/icons/social/smugmug.png")}
#sidebar .box.servicelist ul a.brightkite strong {background-image:url("images/icons/social/brightkite.png")}
#sidebar .box.servicelist ul a.intensedebate strong {background-image:url("images/icons/social/intensedebate.png")}
#sidebar .box.servicelist ul a.plurk strong {background-image:url("images/icons/social/plurk.png")}
#sidebar .box.servicelist ul a.diigo strong {background-image:url("images/icons/social/diigo.png")}

#sidebar .box.twitter h3 { display: none; }
#sidebar .box.twitter div { margin: 0; clear:left; }
#sidebar .box.twitter ul { padding: 25px 10px 10px 10px; margin: 0; background: url(images/twitter-bg.png) no-repeat 0 0; }
#sidebar .box.twitter ul li { font-size: 12px; border-bottom-color: #fff; list-style-type:  none; padding: 5px 0; border-bottom: 1px dotted #ccc; }
#sidebar .box.twitter-timestamp { font-size: 10px; color: #ccc; }
#sidebar .box.twitter p { padding: 20px 0 0 0; margin: 0 0 25px 0; background: url(images/twitter-follow.png) no-repeat 0 0;}


form							{ overflow: auto; background: #f7f7f7; }
fieldset,
legend							{ padding-bottom: 18px; }
label							{ padding-top: 5px; margin: 0 0 11px 18px; float: left; display: block; width: 100px; }
label.first						{ margin-left: 0; }
input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"]			{ border: solid 1px #ccc; height: 16px; padding: 1px 2px; display: block; }
input[type="file"]				{ border: none; }
textarea						{ border: solid 1px #ccc; height: 76px; padding: 0 2px; display: block; line-height: 18px; }
select							{ display: block; margin-top: 2px; }
input[type="submit"],
input[type="reset"],
input[type="button"]			{ margin: 0 0 11px 115px; }

/** END body **/





/** BEGIN footer **/

#footer { width: 100%; margin: 15px 0 0 0; background: url(images/footer-bg.png) no-repeat top center; text-align: left; }
#footer div { width: 900px; position: relative; margin: 0 auto; padding: 20px 0 0 0; }
#footer div h2 { font-size: 16px; font-weight: normal; }
#footer div p { margin: 10px 0; width: 50%; }
#footer dt { float: left; }
#footer h2.sections { float: left; font-weight: bold; margin: 20px 0px 20px 0; padding: 5px 5px 5px 0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; font-size:12px; }
#footer ul.sections { float: left; list-style-type: none; margin: 20px 0 0 0; padding: 5px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; color: #999; }
#footer ul.sections li { display: inline; list-style-type: none; }
#footer ul.sections li a { margin: 0 5px; color: #000; }
#footer ul.sections li a:hover { color: #EB6420; }
#footer h2.rss { position: absolute; top: 22px; left: 620px;  font-size: 16px;}
#footer ul.rss { position: absolute; top: 65px; left: 575px; }
#footer ul.rss li { list-style-type: none; border-bottom: 1px dotted #000; }
#footer ul.rss li.child_1 { border-top: 1px dotted #000; }
#footer ul.rss li a { display: block; width: 300px; padding: 5px; } 
#footer ul.rss li a:hover { color: #EB6420; }

#site_license {  }
#site_license h2, #site_license .vcard, .legal .bmeunier span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -1000px; }
.legal { width: 914px; height: 25px; margin: 0 auto; padding: 10px 0; text-align: left; }
.legal .jlemonde { float: left; }
.legal .bmeunier { float: right; }
.legal .bmeunier a { display: block; text-indent: -1000px; overflow: hidden; height: 25px; width: 250px; background: url(images/logo-bmeunier.png) no-repeat 0 0; } 
.legal .bmeunier a:hover { background-position: 0 -31px;  }

/** END footer **/