/*
    Theme Name: Johnny Hallyday
    Theme URL:
*/

/* LAYOUT */

body {
    background: url(images/background.png);
    background-position: -10px left;
    background-repeat: repeat-x;
    background-color: #ececec;
    }
.clr {
clear: both;
font-size:0;
height:0px;
}

.thumb-note{
float: left;
margin-right: 5px;
border:1px solid #222222;
}

#wrapper {
    padding:0;
    }

#container {
    padding-bottom: 10px;    
    width: 1090px;
    width: 960px;
    }

#contentwrap {
    background: #fff url(images/contentwrap-background.png) top right repeat-y;
    margin-top: 10px;
    border: 1px solid #d4d1d1;
    }
h1{font-size:20px;}
h2{font-size:17px;}
h3{font-size:16px;}
h4{font-size:17px;font-weight:bold;margin-top:30px;}

#respond h2, h3#comments, #comments, .postmeta-share h2{
font-size:18px;
font-weight:bold;
color:#03357c;
border-left:10px solid #FF9900;
margin-top:30px;
}

.post h2, .posts-default h2{
font-size:18px;
font-weight:bold;
color:#03357c;
border-left:7px solid #FF9900;
margin-top:25px;
}

a {
    color: #03357c;
    }

a:hover {
    color: #087ed8;
    }
/* HEADER */

#header {
    height: 89px;
    height: 99px;
    height: 102px;
/*
    padding-top:5px;padding-left:120px;background: url(http://finger-skateboard.com/fingerboard/open-eshop-icon.jpg) no-repeat;background-position: top left;*/
    }

#header h1 {
    margin-bottom: 4px !important;
    padding: 8px 0 0 0;
    font-weight: normal;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 17px;
    text-transform: uppercase;
    }

#header h1 a {
    color: #053671;
    text-decoration: none;
    }

#header h1 a:hover{
    color: #000000;
    text-decoration: underline;
    }

.header-sub{
margin-top:2px;
}
.header-sub a {
    text-decoration: none;
    }

.header-sub a:hover{
    color: #000000;
    text-decoration: underline;
    }




#header h2 {
    color: #4e4d4d;
    font-size: 13px;
    line-height: 13px; 
    font-family: Arial;
    font-style: italic;
    }

/* NAVIGATION MENUS */


.navcontainer {
    height: 44px;
    }



#nav {
  clear: left;
  margin-top:5px;
  float: left;
  width: 100%;
  z-index: 100;
  position: relative;
  }



#nav ul * {
  margin:0; 
  padding:0;
  list-style: none;
  }


  #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }

  

  #nav ul li {
    position:relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-type: none;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    }

  

  #nav ul a {
    display: block;
    font-weight: bold;
    color: #000000;

    text-transform: uppercase;
    border-right: 1px solid #fff;

    padding: 0 15px; 
    color: #fff;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 15px 12px 16px 12px;
    padding: 4px 6px 4px 6px;
    text-decoration: none;
    font-size: 13px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;

    }

    

    #nav ul a:hover {
      color: #FFFFFF;
      background: #DB1759;
      text-decoration: none;

    background: url(images/nav-backgr-hover.png);
    background-repeat: repeat-x;
    color: #004876;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 15px 12px 16px 12px;
    padding: 4px 6px 4px 6px;
    text-decoration: none;
      }

#nav ul li.current-cat{
      background: #DDDDDD;
}


#nav ul li:hover ul { display: block; z-index: 1000;}

#nav ul li:hover ul ul { display: none; }

#nav ul ul { position:absolute; top:24px; left:0; background:#FFFFFF; display:none; list-style:none;}

#nav ul ul li {position:relative; border:1px solid #aaa; margin:0; }

#nav ul ul li a {display:block; color: #044F91; background-color:#FFFFFF; width:250px; border-right: 0; font-size: 12px; }

#nav ul ul li a:hover {background-color:#FFFFFF; color: #044F91; }

#nav ul ul li:hover ul { display: block; }

#nav ul ul ul { left:159px; top:-1px; display: none; }





    
/* CONTENT */

#content {
    background-color: #fff;
    padding: 15px 5px 15px 15px;
    }
    
pre { overflow: auto; 
    width: 470px; 
    }

.post {
    padding-bottom: 30px; /* clear:both; */
    }

.post p {
    margin-bottom: 10px;
    }

.title {
    margin: 0 0 4px 0;
    padding: 5px 5px 3px 5px;
    line-height: 20px;
    font-family: Arial, Verdana;
    color: #053a76;
    background: #eeeeee; 
    font-weight: bold;
    border-bottom:1px solid #FF9900;
    }

    
.title a {
    text-decoration: none;
    font-weight: bold;
    color: #053a76; /*FF9900*/
    }

.title a:hover {
    text-decoration: none;
    font-weight: bold;
    border-bottom:1px solid #FF9900;
    color: #2C5C8F; /*#555555;*/
    }

.pagetitle {
    margin-bottom: 20px;
    line-height: 22px;
    font-family: Arial, Verdana;
    text-decoration: underline;
    color: #000;
    font-size:23px;
    font-weight:bold;
}

.postdate {
    font-size: 11px;
    padding: 1px 4px;
    font-family: Arial, Verdana;
    font-style: italic;
    }
.post-date{
float: right;
display: inline;
margin: 0 10px 0 0;
width:60px;
height:68px;
background: url(images/date_button_template.gif) no-repeat;
}
.post-date .month{
    font-size: 11px;
}
.post-date .day{
    font-size: 13px;
}

.postmeta {
    font-size: 12px;
    padding: 2px 4px;
    font-family: Arial, Verdana;
    clear: both;
    color:#222222;
    }
.postmeta2 {
   margin-top:10px;
    }
.postmeta a{
    font-weight:bold;
    color:#222222;
    /* text-decoration: underline */
}
.postmetags{
margin: 10px 0px 10px 0px
}
.postmetags a, .postmetags a:link, .postmetags a:active, .postmetags a:visited{
text-decoration: none;
color:#222222;
}
.postmetags a:hover{
text-decoration: underline;
color:#222222;
}
.postmeta-share{
margin-top:30px;
}

.meta-cat{
background: url(images/folder.png) no-repeat;
padding-left:12px;
}
    
.postdate img, .postmeta img {
    border: none;
    vertical-align: middle;
    margin:2px;
    }
    
.entry {
    text-align: justify;
    line-height: 20px;
    padding-top: 8px;
    padding-top: 0px;
    font-family: Arial, Verdana;
    font-size: 12px;
    }
.entry p a{
color:#222222;
font-weight:bold;
}


.navigation {
    padding: 10px 0;
    clear: both;
    }

blockquote {
    overflow: hidden;
    padding-left: 9px;
    font-style: italic;
    color: #666;
    border-left: 3px solid #CADAE7;
    }
    
.post img {
    max-width: 600px;
    }

img.wp-smiley {
    max-height: 12px;
    margin: 0;
    padding: 0;
    border: none;
    }
    
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
    }

.alignleft {
   float: left;
    }

.alignleftprod {
   float: left;
  max-width:350px;
  width:350px;
    }


.alignright {
   float: right;
    }

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
    }

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
    }

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
    }
    
/* SIDEBAR(S) */

.sidebaradbox {
    margin-top: 5px; 
    text-align:center;
    }
    
.ad125 {
    margin: 8px;
    }


.sidebar {
    margin: 0 10px 0 10px;
    }
    
.sidebar a {
    text-decoration: none;
    color: #555;
    }

.sidebar a:hover {
    text-decoration: underline;
    color:#0571c6;
    }
    

input, select, textarea{
    border: 1px solid #044888;
    font-size: 12px; color:#053772;
    }    
#search input, #searchform input{
    border: 1px solid #044888;
    
    }
    

#search label, #searchform label {
    margin: 10px 0 10px 0;
    padding: 4px 0 6px 0px;
    background: url(images/tab_backgr.png);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 13px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
    color: #003d69;
    display: block;
    }
    
#s {
    width: 120px;
    padding: 2px;
    }
    
#searchsubmit {
    border: 1px solid #044888;
    background: #fff;
    color: #05407d;
    }
    
#topsearch {
    padding:10px;
    background: #044888;
    margin-top: 10px;
    text-align: center;
    }
    
#topsearch input {
    border: 1px solid #044888;
    }
    
#topsearch label {
    display: none;
    }
    
#topsearch #s {
    width: 190px;
    padding: 2px;
    }


.rssbox {
    background: #fff7df;
    border: 1px solid #f9931b;
    padding: 10px;
    margin: 10px 0 0 0;
    }
.rssbox a {
    color: #e23007;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    }
.rssbox a:hover {
    color: #e23007; 
    text-decoration: underline;
    }


        
/* Social icons */
.addthis_toolbox {
    margin: 10px 0 0 0;
    text-align: center;
    }
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0 3px 0 3px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}
    
    
.sidebarvideo {

    }

.sidebar h2 {
    margin: 10px 0 0 0;
    padding: 4px 0 2px 0px;
    background: #fff;
    font-size: 13px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
    color: #05326c;
    border-bottom: 1px solid #cfcfcf;
    }

.sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
    
.sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }

.sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    
.sidebar ul li li {
    padding: 3px 0px 3px 15px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat top left;
    }
    
.sidebar ul li ul li {
    background: #FFFFFF url(images/bullet.gif) no-repeat top left;
    padding: 2px 0px 2px 15px;
    margin: 2px 0;
    }



#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    color: #555;
    background: #fff;
    }
#wp-calendar caption {
    padding: 2px 4px;
    text-transform: uppercase;  margin: 2px 0 2px 0;
    background: #eef0f4;
    }

#wp-calendar td {
    color: #999;
    font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
    }

#wp-calendar td:hover, #wp-calendar #today {
    background: #eef0f4;
    color: #555;
    }
    
#wp-calendar {
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    font-weight: bold; 
    width: 100%;
    }


/* FOOTER */

#footer {
    background: #053772;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    }

#footer a {
    color: #fff;
    } 

#footer a:hover {
    text-decoration: none;
    } 
    
#footer2 {
    color: #9b9b9b;
    font-size: 11px;
    padding: 10px;
    text-align: right;
    }   
#footer2 a {
    color: #9b9b9b;
    text-decoration: none;
    } 

#footer2 a:hover {
    text-decoration: none;
    } 
    
    
/* COMMENTS */

#comments h3 {
    margin-bottom: 10px;    
}

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
    
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
    
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
   border:2px solid #000000;
  font-size: 15px;
  font-weight: bold;
  width: 300px;
    }
#commentform #submit:hover {
    margin: 0 0 5px auto;
    float: right;
   border:2px solid #FF0000;
  font-size: 15px;
   color:#053772;
  font-weight: bold;
}
#commentform #submit:focus{
    margin: 0 0 5px auto;
    float: right;
   border:2px solid #000000;
   background:#FF9900;
   color: #053772;
  font-size: 15px;
  font-weight: bold;
}

 



.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
    
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }






.st-related-posts ul{
clear: both;
list-style-type: none;
margin: 10px 0px 30px 0px;
}

.st-related-posts li{
width: 135px;
/*clear: both;
height: 350px;*/
text-align:center;
float:left;
display:inline;
list-style-type: none;
margin: 5px 10px 9px 5px;
padding:0;
}

.st-related-posts li img{
text-align:center;
margin-bottom:10px;
width: 125px;
float:left;
margin-right:0px;
border:1px #000000 solid;
}

ul.st-related-posts, .st-related-posts{
margin: 10px 0px 20px 0px;
clear: both;
}



#related_referer{
border: 2px solid #FF0000;
margin: 10px 0px 15px 0px;
padding: 10px;

}
.eshopshipping, .eshopshipping a{
font-size: 10px;
}

.delivery-infos{
border-top:1px solid #444444;
margin-top:20px;
}

.titlehead{
float: right;
width:910px;
}
.adpub-head{
float: left;
width:200px;
margin-top:-10px;
padding:0;
height:100px;
overflow: hidden;
}

.titlehead-left{
float: left;   
width:730px; 
}
.titlehead-right{
float: right;   
padding-left:5px; 
width:205px;
}

.listflags{
padding:5px;
width:140px;
z-index:999;
position: fixed;
margin-right:10px;
top:0;right:0;
/*display:none;*/
}
.fingerbasket-top{
float: left;
width:160px;
}
.fingerbasket{
padding:5px;
border:1px solid #444444;
}
.last{
padding-top: 5px;
}

.related-links h2{
font-size:17px;
font-weight:bold;
}
.related-links{
padding:5px;
margin-bottom:10px;
border:2px solid #444444;
}






.clearfix:after         { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix               { display: inline-block; }
html[xmlns] .clearfix   { display: block; }
* html .clearfix        { height: 1%; }


/* latest headlines */

.posts-default, .posts-quick, .posts-line   { list-style: none; margin: 0; padding: 0; overflow: hidden; }

.posts-default .post    { width: 174px; float: left; margin: 0 7px 10px 0; background: url(/images/content-bg.jpg) repeat-x #FFF; border: 1px solid #FFE0AF; height: 220px; padding: 10px; font-size: 11px; }

.posts-default img      { float: left; width: 180px; height: 100px; background: #111; text-indent: -9000px; }

.posts-default .entry-title { font-weight: bold; font-size: 12px; margin: 10px 0 5px; line-height: 1.3em; }

.posts-default .entry-title a:link, .posts-default .entry-title a:visited   { text-decoration: none; }

.posts-default .entry-title a:hover { }

.posts-default .entry-summary, .posts-quick .entry-summary  { color: #666; overflow: hidden; }

.posts-default .entry-thumbnails    { clear: both; display: inline-block; }

.posts-quick            { background: url(images/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 10px; }

.posts-quick li         { padding: 10px 0; border-bottom: 1px dotted #EEE; }

.posts-quick li:last-child  { border: none; }

.posts-quick img        { float: left; margin-right: 15px; border: 1px solid #CCC; width: 180px; height: 100px; background: #111; text-indent: -9000px; }

.posts-quick .entry-title   { font-weight: bold; font-size: 14px; margin: 0 0 10px; line-height: 1.3em; }

.posts-quick .entry-title a:link, .posts-quick .entry-title a:visited   { text-decoration: none; }

.posts-quick .entry-title a:hover   { }

.posts-quick .entry-summary { line-height: 1.5em; }

.posts-quick .quick-read-more   { padding: 5px 0; }

.posts-quick .entry-thumbnails  { float: left; }

.posts-default .entry-meta, .posts-quick .entry-meta    { color: #CCC; float: left; background: url(images/overlay.png); width: 180px; height: 25px; display: block; margin: -25px 0 0; font-weight: bold; }

.posts-quick .entry-meta    { margin: 76px 0 0 -206px; }

.posts-default .entry-meta a:link, .posts-default .entry-meta a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited    { color: #FFF; text-decoration: none; }

.posts-default .entry-comments, .posts-quick .entry-comments { float: right; margin: 5px 5px 0; background: url(images/comments.gif) no-repeat left center; padding: 0 0 0 12px; }

.posts-default .published, .posts-quick .published  { text-transform: uppercase; float: left; margin: 5px 5px 0; font-size: 10px; color: #999; border-bottom: none; }

.posts-line             { background: url(images/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 10px; }

.posts-line li          { padding: 7px 0; border-bottom: 1px solid #EEE; }

.posts-line .entry-cat  { float: left; font-size: 11px; width: 100px; overflow: hidden; color: #848485; }

.posts-line .entry-title    { float: left; font-size: 12px; margin: 0; }

.posts-line .entry-comments { float: right; font-size: 11px; color: #848485; }


/* pubs */


.pb-top-title{
margin-bottom:5px;
}
.pb-bot-content{
margin:10px;
}
#cse-search-results{
margin-left:10px;
border:0px;
}

.txtarea, .postmeta-share textarea {
width:100%;
height:40px;
}


#votes {
    padding-top: -2px;
    float: right;
    width:150px;
    font-size: 85%;
    text-align:right;
    color:#FFFFFF;
    /* width: 90px;
    text-align: center; */
}
#votes span {
    display: none;
}
.edit{
color:#FF0000;
background:#FFCFCF;
}

.adpub-home-top{
clear: both;
font-size:0;
padding:0;
margin:0;
}

.pb-home-topdesc{
margin-bottom:10px;
}

.johnny-hallyday-top{
float:right;
}













/* catalogue */

.produit-cadre{
margin-bottom: 35px;
}

.produit-lienachat{
text-align:center;   
margin-top: 20px;
margin-bottom: 20px;
}
.produit-img{
width:250px;
}
.produit-lienachat a{
color:#FF0000;
font-size: 19px;
font-weiht: bold;
}

.catalogue-finger-skateboard-closeup{ 
margin-top: 20px;
margin-bottom: 20px;
}

.produit-lienachat{

}

.adpub{
clear: both;
}

.st-related-posts ul{
clear: both;
list-style-type: none;
margin: 10px 0px 30px 0px;
}

.st-related-posts li{
width: 135px;
/*clear: both;
height: 350px;*/
text-align:center;
float:left;
display:inline;
list-style-type: none;
margin: 5px 10px 9px 5px;
padding:0;
}

.st-related-posts li img{
text-align:center;
margin-bottom:10px;
width: 105px;
float:left;
margin-right:20px;
border:1px #000000 solid;
}

ul.st-related-posts, .st-related-posts{
margin: 10px 0px 20px 0px;
clear: both;
}


#related_referer{
border: 2px solid #FF0000;
margin: 10px 0px 15px 0px;
padding: 10px;
}

.pubsousimgshop{
margin: 20px 0px 20px 0px;
}