/*
Theme Name: Grafikart
Theme URI: http://grafikart.fr
Description: Thème original
Version: 1.0
Author: Jonathan Boyer
*/
/* Special Noel
*****************
#guirlande1{   z-index:9998; position:absolute;    background:url(/theme/noel/guirlande1.png) 300% top repeat-x;    height:120px;    top:0;  left:0;    width:100%;}
#guirlande2{   z-index:9997; position:absolute;    background:url(/theme/noel/guirlande2.png) 70% top repeat-x;    height:130px;    top:-5px;    left:0;    width:100%;}
#guirlande3{   z-index:9996; position:absolute;    top:10px;    left:0;    background:url(/theme/noel/guirlande3.png) -10% top repeat-x;    height:100px;    width:100%;}
#navigationtop{ z-index:9999;	position:absolute;	top:0;	right:0;	height:54px;	line-height:54px; }
#navigationtop ul li a{ opacity:0.1;} #navigationtop ul li a:hover{ opacity:1;} 
#conteneur{ padding-top:75px!important; }
  */
/*------------
	GENERAL
---------------*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
#content .post img.alignleft {border:none; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
#content .post img.wp-smiley{ border:none;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#content h1 a,#content .title, #sidebar h2{text-shadow:0 1px 0px #FFFFFF; font-weight:bold;}
#content .postcontent h1,#content .postcontent .title{ margin-top:2em; }

*{ outline:none; }
::-moz-selection{
    background:#50432F;
	color:#FFF;
}
::selection{
    background:#50432F;
	color:#FFF;
}
body {
	background: #f3e7d1;
	color: #8f836d;
	font-family: 'Helvetica', 'Arial', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size:14px;
	line-height:21px;
	text-align:center;
}
.petit{
	font-size:0.8em;
}
.contenu{
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.clear{
	clear:both;
}
.deezer{
	padding:33px 28px 0 26px;
	margin:0.7em auto;
	width:220px;
	height:55px;
	background:url(images/deezer.png) no-repeat;
}
.spotify{
	display:block;
	height:58px;
	width:155px;
	background:url(images/spotify.jpg) no-repeat top left;
	text-indent:-3000px;
	margin:0.7em auto;
}
.spotify:hover{	background-position:bottom left;}
a{	color: #8f836d;	text-decoration:none;}
a:hover{	color:#281710;}
a img{	border:none;}
ul{	list-style:url(images/puce.png);}

/* Réseaux sociaux */
.shareLinks{ margin-bottom:3em; height:32px;}
.shareLinks a{display:block; position:relative; height:32px; width:32px; margin:0 5px; float:left; text-decoration:none!important;}
.tooltip{	background:url(/theme/images/infobulle.png) top left no-repeat;	width:166px;	height:61px;	position:absolute; top:-50px; left:-33px;	line-height:56px;	text-align:center;	font-size:12px;	display:none;	color:#816b5d;}

/*
	HEAD
*/
#head{
	color:#605c51;
	height:54px;
	background:url(images/head.png) repeat-x;
}
#logo{
	position:absolute;
	top:0;
	left:-67px;
}
#navigation{
	position:absolute;
	top:0;
	right:0;
	height:54px;
	line-height:54px;
}
#head ul{
	margin:0; padding:0;
}
#head ul li{
	float:left;
	margin:0;	padding:0;
	list-style:none;
}
#head ul li a{
	font-size:20px;
	color:#605c51;
	font-weight:bold;
	margin:0 0 0 30px;
}
#head ul li a:hover,#head ul li a.active{
	color:#F0ECCF;
}
/*
	SOUS HEADER
*/
#sous-head{
	display:block;
	height:276px;
	background:url(images/lumiere.png) left center repeat-x;
	position:relative;
}
#sous-head .contenu{
	margin:0 auto;
	width:960px;
}
#sous-head #replie{
	background:url(images/replie.png) center bottom no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:34px;
	cursor:pointer;
	z-index:40;
}
/*
	CONTENU
*/
#conteneur{
	background:url(images/fond.png) repeat-x;
	margin:0;
	padding-top:45px;
	position:relative;
}
#content{
	width:700px;
	float:left;
}
/*
	ARTICLES
*/
.postcontent a{
	color:#50432f;
	font-weight:bold;
}
#content h1 a{
	color:#383224;
}
#content h1,#content .title{
	margin:0 0 0.7em 0; padding:0;
	color:#383224;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:solid 1px #e1d0b0;
	text-shadow:0 1px 0 #FFFFFF;
}
#content .post img{	border:solid 5px #e7dbc5;	}
#content .post a img:hover{ 	border-color:#d1bc98;	}
#content .post{
	margin-bottom:30px;
	position:relative;
}
#content .cat{
	position:absolute;
	line-height:13px;
	top:6px;
	right:0;
}
#content .coms{
	text-align:right;
	vertical-align:middle;
}
#content .coms img{
	border:none;
}
#content .coms span, #content .coms a{
	padding:0 0 10px 0;
	vertical-align:middle;
}
.more-link{

}
/* Commentaires */
#commentlist .comment{
	position:relative;
	margin:0 0 13px 0;
}
#commentlist div.avatar{
	position:absolute;
	top:50%;
	float:left;
	width:70px;
	min-height:16px;
	background:#e1d0b0 url(images/com_fleche.png) top left no-repeat;	
}
#commentlist div.avatar img{
	border:solid 3px #e1d0b0;
	position:absolute;
	top:-25px;
}
#commentlist .message{
	width:630px;
	float:right;
	background:#e1d0b0 url(images/com_b.png) bottom left no-repeat;
}
#commentlist .messaget{
	padding:1px 10px;
	background:url(images/com_t.png) top left no-repeat;
}
#commentlist .auteur,#commentlist .auteur a{
	color:#47362b;
	font-weight:bold;
}
#commentlist .admin div.avatar,#commentlist .admin  .message{
	background-color:#d9e287;
}
#commentlist .admin div.avatar img{
	border:solid 3px #d9e287;
}
h1#comments{
	position:relative;
}
h1#comments a{
	position:absolute;
	right:0;
	bottom:0;
	font-size:0.7em;
}
/*------------
	FORMULAIRE AJOUT COM
---------------*/
#commentform input[type=text]{
	width:213px;
	height:21px;
	padding:2px 0 0 7px;
	border:none;
	color:#8f836d;
	background:url(images/input.png) top left no-repeat;
}
#commentform input[type=submit],a.bouton{
        display:block;
	text-align:center;
        font-weight:bold;
	cursor:pointer;
	color:#b7a077;
	border:none;
	width:100px;
	line-height:28px;
	height:28px;
	background:url(images/submit.png) bottom left no-repeat;		
}
#commentform input[type=submit]:hover,a.bouton:hover{
	background-position:top left;
	color:#FFF;
}
#commentform  label{
	display:block;
	padding-bottom:3px;
}
#commentform textarea{
	color:#8f836d;
	width:694px;
	height:103px;
	padding:2px 0 0 7px;
	border:none;
	background:url(images/textarea.png) top left no-repeat;
}
#commentform p{
	margin:6px 0;
}
#commentform  .pseudo{
	float:left;
	width:300px;
}
#commentform  .website{
	float:left;
	width:300px;
}


/* Navigation */
.navigation{
	height:20px;
	margin:0 0 1em 0;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
/* Méta */
.meta{
	position:relative;
	padding:13px 0;
	border-top: solid 1px #e1d0b0;
	border-bottom: solid 1px #e1d0b0;
}
.tags{
	margin:0 0 0.5em 0;
}
.tags a{
	padding:2px 4px; margin:0 1px;
	color:#f3e7d1;
	background:#d8c39d;
	font-size:0.8em;
}
.tags a:hover{
	background:#8f836d;
}
.meta .coms{
	position:absolute;
	top:30%;
	padding:0;
	right:0;
}
/*
	SIDEBAR
*/
#sidebar{
	width:220px;
	float:right;
}
#sidebar h2{
	font-size:1.3em;
	color:#281710;
	padding:15px 0 16px 44px;
	margin:0;
}
#sidebar ul{
	margin:0 0 0 35px; padding:0;
}
#sidebar .widget_categories ul{
	width:210px;
}
#sidebar ul li{
	color:#383224;
	margin:0 0 15px 0; padding:0;
}
#sidebar div{
	margin:0 0 15px 0;
}
/* CATEGORIES */
#sidebar div.widget_categories h2{
	background:url(images/categories.png) top left no-repeat;
}
#sidebar div.widget_tag_cloud h2{
	background:url(images/tags.png) top left no-repeat;
}
#sidebar h2.music, #sidebar .LastFM h2{
	background:url(images/music.png) top left no-repeat;
}
/* ARCHIVES */
#sidebar div.widget_archive h2{
	background:url(images/archives.png) top left no-repeat;
}
#sidebar div.widget_archive{
	cursor:pointer;
}
#sidebar div.widget_archive ul{
	display:none;
}
#sidebar div.widget_archive ul li{
	margin:0;
}
/* RSS */
#sidebar div h2.rss{
	background:url(images/rss.png) top left no-repeat;
}

/* RECHERCHER */
#searchform div{
	height:21px;
	width:220px;
	background:url(images/search.png) top left no-repeat;
}
#searchform input{
	background:transparent;
	border:none;
}
#searchform .searchfield{
	width:183px;
	color:#8f836d;
	padding:2px 0 0 7px;
	float:left;
}
#searchform .searchbutton{
	cursor:pointer;
	width:30px;
	float:left;
}

/*------------
	FOOTER
---------------*/
#footer{
	margin-top:20px;
	background:url(images/footer.png) top left repeat-x;
	height:300px;
	padding-top:25px;
}
#footer a:hover{
	color:#FFF;
}
#footer .bloc{
	float:left;
	width:290px;
	margin-left:15px;
}
#footer .bloc.centre{
	margin:0 10px;
}
#footer h1{
	background:url(images/footer_titre.png) left 9px no-repeat;
	margin:0 0 15px 0;
	padding:0 0 4px 25px;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer #lastcoms ul li{
	margin:0.5em 0;
}
#twitt{
	text-indent:25px;
	background:url(images/twitt.png) left top no-repeat;
	font-weight:bold;
	font-size:1.2em;
	min-height:61px;
	padding:5px 0 0 0;
	color:#8F836D;
}
#twittbird{	height:70px;}
#twittbird a{ height:70px; display:block;float:right; width:120px; background:url(images/twittbird.png) bottom left no-repeat; text-indent:-9999px;}
#twittbird a:hover{ background-position:top left;}

/*
.tweetmeme_button{  background-image:url(images/retweet_btn.jpg);} 
.fb_share_size_Small{  background-image:url(images/facebook_btn.jpg); }

.fb_share_size_Small *{ background:none!important; border:none!important; color:#fdfdfe; text-shadow:0 -1px #43619e; padding:0!important; margin:0!important; line-height:inherit!important;}
.fb_share_size_Small,.tweetmeme_button{line-height:16px; text-align:center;display:block; width: 65px; float: right; margin-left: 10px; background-position:left -24px; height:19px; width:79px; padding: 3px 0 0 26px;float:right; margin-bottom:3px;}
.fb_share_size_Small:hover,.tweetmeme_button:hover{background-position:left top;}
						  */





#sidebar .LastFM .CDCase{
    width:124px; height:111px;
    background:url(images/lastFM/back.png) top left no-repeat;
    position:relative;
    float:left;
}
#sidebar .LastFM .case{
        background:url(images/lastFM/front.png) top left no-repeat;
        position:absolute;
        top:0px;
        left:0px;
        width:124px; height:111px;
}
#sidebar .LastFM .CDCase img{
    width:100px;
    height:100px;
    position:absolute;
    top:6px;
    left:18px;
}
#sidebar .LastFM .prev{
    background:url(images/lastFM/prev.png) top left;
    width:18px; height:16px;
    cursor:pointer;
    position:absolute;
    top:71px;
    left:27px;
}
#sidebar .LastFM .next{
    background:url(images/lastFM/next.png) top left;
    width:18px; height:16px;
    cursor:pointer;
    position:absolute;
    top:71px;
    left:57px;
}
#sidebar .LastFM .info{
    margin:5px 0 0 5px;
    float:left;
    position:relative;
    width:200px; height:110px;
    line-height:normal;
}
#sidebar .LastFM .info div{
    margin:0 0 5px 0;
}
#sidebar .LastFM .info .time{
    position:absolute;
    bottom:0;
    margin-top:1em; font-size:0.8em;
}
#sidebar .LastFM .artiste{
    font-weight:bold;
    font-size:1.1em;
}

#sidebar .LastFM .tracks{
    width:350px;
    height:120px;
    overflow:hidden;
    position:relative;
}
#sidebar .LastFM .track{
    top:0px;
    left:0;
    position:absolute;
    margin:0;
}


/* BLOC */
#sidebar .bloc{	line-height: normal; width:222px;	margin-left:-1px;	background:url(http://grafikart.fr/theme/images/bloc-sidebar.png) left center no-repeat;	margin-bottom:15px;	font-size:0.9em;}
#sidebar .bloc h2{	font-size:1.2em; color:#383224; margin:0 0 0.7em 0; padding:0; }
#sidebar .bloc a{	color:#383224;}
#sidebar .blocb{	background:url(http://grafikart.fr/theme/images/bloc-sidebar.png) bottom left no-repeat;	height:10px;	margin:0; padding:0;}
#sidebar .blocc{	margin:0;	padding:0 10px;}
#sidebar .blocc ul{	padding:0; margin:0 0 0 20px;}
#sidebar .blocc ul li{	margin:0 0 5px 0; padding:0;}
#sidebar .blocc ul li a:hover{ text-decoration:underline;}
#sidebar .blocc .border{ border-color:#DBC8AE;}
#sidebar .blocc .conteneur{ width:430px; }
#sidebar .bloch{	background:url(http://grafikart.fr/theme/images/bloc-sidebar.png) top left no-repeat;	height:10px;	margin:0; padding:0;}
#sidebar .boite{	float:left;	width:101px;	text-align:center;	position:relative;}
#sidebar .boite .infobulle, .tooltip{	background:url(http://grafikart.fr/theme/images/infobulle.png) top left no-repeat;	width:166px;	height:61px;	position:absolute; top:-50px; left:-33px;	line-height:56px;	text-align:center;	font-size:12px;	display:none;	color:#816b5d;}
#sidebar .boite a{ color:#816b5d; }
#sidebar .bloc p{ margin-top:0; padding-top:0;}
.demi  {width:50%;}
.left {float:left;}

#sidebar .bloc label { display:block; }
#sidebar .bloc input[type=text],#sidebar input[type=password]{
	background:url("images/input.png") no-repeat scroll left top transparent;
	color:#555555;
	height:21px;
	margin-bottom:0.5em;
	padding:2px 5px 0;
	border:none; background-image:url(http://grafikart.fr/theme/images/input-sidebar.png);
	width:140px;
}
#sidebar .bloc input[type=submit]{
	color:#B7A077;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:28px;
	line-height:28px;
	text-align:center;
	width:100px;
	border:none; 
	background-image:url(http://grafikart.fr/theme/images/submit-sidebar.png);
	}
#sidebar .bloc label{ color:#383224;}
#sidebar div.input{ margin:0; }
#sidebar div.checker span {
background:url(http://grafikart.fr/theme/images/check.png) no-repeat right top;
display:block;
float:left;
height:12px;
margin:0 5px 0 0;
overflow:hidden;
width:13px;
}#sidebar div.close {
background:url(http://grafikart.fr/theme/images/close.png) no-repeat right top;
cursor:pointer;
height:17px;
position:absolute;
right:7px;
top:5px;
width:18px;
margin:0;
}
#sidebar div.clear, #sidebar div.petit, #sidebar div.submit, #sidebar div.checker,#sidebar div.conteneur,#sidebar div.login{ margin:0; }
#sidebar .relative{ position:relative;}#sidebar .centrer{ text-align:center;}
#sidebar .error-message  {
background:url(http://grafikart.fr/theme/images/false.png) no-repeat scroll 10px center transparent;
color:#FF5B5B;
display:block;
padding:0 0 0 30px;}
.loader{position:absolute; top:0; left:0; width:100%; height:100%; background:#F3E7D1 url(http://grafikart.fr/theme/images/loader.gif) center center no-repeat; opacity:0.5;}
.badge{	background:url(http://grafikart.fr/theme/images/badge.png) top left no-repeat; height:40px; width:40px; position:absolute; top:-15px; right:-15px; color:#FFF!important; text-align:center; line-height:40px; display:block; font-weight:bold; font-size:1.2em;}
/**
 * SYNTAX HIGHTLIGHTER
 * */
.dp-highlighter{	font-family: "Consolas", "Courier New", Courier, mono, serif;	font-size: 12px;	background-color: #F3E7D1;	width: 99%;	overflow: hidden;	margin: 18px 0 18px 0 !important;padding-top: 1px; /* adds a little border on top when controls are hidden */}

/* clear styles */
.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span {	margin: 0;	padding: 0;	border: none;}
.dp-highlighter a,.dp-highlighter a:hover{	background: none;	border: none;	padding: 0;	margin: 0;}
.dp-highlighter .bar{	padding-left: 45px;}
.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{	padding-left: 0px;}
.dp-highlighter ol{	list-style: decimal; /* for ie */	background-color: #fff;	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */	padding: 0px;color: #5C5C5C;}
.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{	list-style: none !important;	margin-left: 0px !important;}
.dp-highlighter ol li,.dp-highlighter .columns div{	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */	list-style-position: outside !important;	border-left: 3px solid #E5D9C2;	background-color: #352C25;	color: #cccccc;	padding: 0 3px 0 10px !important;	margin: 0 !important;line-height: 14px;}
.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{	border: 0;}
.dp-highlighter .columns{	background-color: #F8F8F8;	color: gray;	overflow: hidden;	width: 100%;}
	.dp-highlighter .columns div{	padding-bottom: 5px;}
.dp-highlighter ol li{	background-color: #352C25;	color: inherit;}
	.dp-highlighter ol li.alt{	background-color: #2a231e;}
	.dp-highlighter ol li span{		color: #cccccc;		background-color: inherit;	}
        .dp-highlighter ol li:last-child{ padding-bottom:10px!important;}
/* Adjust some properties when collapsed */
  .dp-highlighter.collapsed ol{	margin: 0px;}
.dp-highlighter.collapsed ol li{	display: none;}

/* Additional modifications when in print-view */
.dp-highlighter.printing{	border: none;}
.dp-highlighter.printing .tools{ display: none !important;}
.dp-highlighter.printing li{	display: list-item !important;}

/* Styles for the tools */
.dp-highlighter .tools{	padding: 3px 8px 3px 10px;	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #CCCCCC;	background-color: #352C25;	padding-bottom: 10px;	border-left: 3px solid #E5D9C2;}

.dp-highlighter.nogutter .tools{	border-left: 0;}
.dp-highlighter.collapsed .tools{	border-bottom: 0;}
	.dp-highlighter .tools a{	font-size: 9px;	color: #a0a0a0;	background-color: inherit;	text-decoration: none;	margin-right: 10px;}
	.dp-highlighter .tools a:hover{	color: #FFCC33;	background-color: inherit;	text-decoration: underline;}

/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #999999; background-color: inherit; }
.dp-highlighter .string { color: #ffcc33; background-color: inherit; }
.dp-highlighter .keyword { color: #ffcc33; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }