/*
Theme Name: h1tek
Theme URI: http://www.lapongue.info/
Description: le thème du portfolio de Simon Grossi par Lap0ng
Version: 0.1
Author: Maxime SOUILLAT

Creation Theme by Maxime SOUILLAT || http://www.lapongue.info

*/


body {
    margin: auto;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width: 990px;
    height: 550px;
    background: #1d1d20;
}

a, strong, b {
    color: #7d7d8a;
    font-weight: bold;
    text-decoration: none;
}


/* container : div principal : contient tous les autres */
#container {
    height: 550px;
    width: 990px;
    margin: 0px 0 0 0;
    position: relative;
    overflow: hidden;
        }
/* menu : div du menu en haut */    
#menu {
    width: 990px;

        }





        
/* section texte du menu */
#menu ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}


#menu li {
    width: 158px;
    margin: 0px 7px 0px 0px;
    float: left;
    font-size: 16px;
    color: #FFFFFF;
    font-family: Arial, Verdana, serif;
    text-align: center;
    line-height: 50px;;
    list-style-type: none;
    display: block;

        }


#menu li a {
    font-size: 16px;
    color: #FFFFFF;
    font-family: Arial, Verdana, serif;
    text-decoration: none;
}

#home_menu #home:hover {
  background: url(http://www.simongrossi.com/portfolio/images/info.jpg)  no-repeat 0 0;
  }


#home_menu .page-item-12:hover {
  background: url(http://www.simongrossi.com/portfolio/images/concerts.jpg)  no-repeat 0 0;
}

#home_menu .page-item-14:hover {
  background: url(http://www.simongrossi.com/portfolio/images/humans.jpg)  no-repeat 0 0;
}
#home_menu .page-item-21:hover {
  background: url(http://www.simongrossi.com/portfolio/images/life.jpg)  no-repeat 0 0;
}
#home_menu .page-item-23:hover {
  background: url(http://www.simongrossi.com/portfolio/images/others.jpg)  no-repeat 0 0;
}
#home_menu .page-item-3:hover {
  background: url(http://www.simongrossi.com/portfolio/images/about.jpg)  no-repeat 0 0;
}

#other_menu a:hover {
  color: #7d7d8a;
}




/* fin section texte du menu */ 

/* div pour tout le contenu : articles photos etc */    
#content {
    width: 983px;
    height: 450px;
    background: #141416;
    margin: 0px 0px 12px 0px;
    overflow: hidden;
    position: relative;

}
#content_photo {
    width: 954px;
    height: 450px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    border-left: 14px solid #141416;
    border-right: 14px solid #141416;

}


#viewer{
    width: 30000px;
    height: 376px;
    padding: 0px 0px 0px 0px;
     }


.ngg-gallery-thumbnail {
  float: left;
}

#gauche {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 36px;
  width: 400px;
    }

#droite {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 36px;
  width: 400px;
       }

#droite a, #gauche a {
  outline: none;

}


/* div pour la page d'accueil avec les photos */
#content2 {
    width: 990px;
    height: 450px;
    float: left;
    background: #1d1d20;
    margin: 0px 0px 12px 0px;

}




.linkage ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 0px;
}


.linkcat
      {
    list-style: none;
    list-style-type: none;
    font-size: 11px;
    color: #FFFFFF;
    padding: 0px 0 12px 0 !important;
    padding: 0px 0 0 0;
    margin: 0 0 0 12px;
   }

.linkcat h2
      {
    color: #fff;
    font-style: italic;
    font-size: 14px;
        }


.liens {
    list-style: none;
    font-size: 11px;
    color: #FFFFFF;
    padding: 0px 0 0.5em 0 !important;
    padding: 0px 0 0 0;
    margin: 0 0 0 12px;
    

}

.liens a {
    color: #7d7d8a;
    font-weight: bold;
    text-decoration: none;
}
/* fin sections liens */

/* divs dans domtabs */     
.divdom {

}



.divdom a {
    color: #7d7d8a;
    font-weight: bold;
    text-decoration: none;
}


#content a:link img, #content a:visited img, #content a:hover img, #content a:hover img {
    text-decoration: none;
    border: none;   
        }               




/* div des posts */

.post {
    width: 623px;
    height: 380px;
    float: left;
    padding: 0px 12px 12px 12px;
    margin: 0px 0px 12px 0px;
    background: #141416;
    overflow: auto;
            }

.post img {
 padding-top: 5px; 
}


.post p {
    color: #fff;
    font-size: 11px;
    padding: 0 5px 0 5px;
    margin: 0 0 0.6em 0;
    line-height: 1.5em;
    }

.post blockquote {
    color: #fff;
    background: #1d1d20;
    padding: 7px 10px 3px 10px;
    margin: 0px 10px 7px 10px;
         }

.post strong {
    color: #fff;
    font-size: 11px;
             }
/* liens des posts (donc de la plupart des contenus) */
.post a {
    color: #7d7d8a;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    padding: 0 5px 0 0px;
    }

/* liste de liens avec overflow pour défilement */
.linkage {
    overflow: auto;
    height: 380px;
    }

/* section liens */



#post_about {
    width: 634px;
    height: 438px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 6px 12px 6px 12px; 
    background: #141416;

            }               

.custom_photo {
    width: 325px;
    height: 450px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
                }
            
.custom_photo img {
    border-width:0px;
    }                   
            
            


        
            
            
            
    
/* les photos de l'accueil, en bandeaux */  
.photos {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: Yellow;
    float: left;
}

.photo1 {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    float: left;
}

.photo1 a {
    display : block;
    width: 158px;
    height: 450px;
    background: url(http://www.simongrossi.com/portfolio/images/info.jpg) no-repeat bottom left;
    }

.photo1 a span, .photo2 a span, .photo3 a span, .photo4 a span, .photo5 a span, .photo6 a span {
  display:none;
}


.photo1 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://www.simongrossi.com/portfolio/images/info2.jpg) no-repeat 0px 1px;
    }

.photo1 a:hover {
    width: 158px;
    height: 450px;
    display : block;
    background: url(http://www.simongrossi.com/portfolio/images/info2.jpg) no-repeat bottom left;
    }

.photo2 a {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/concerts.jpg) no-repeat bottom left;
    float: left;
}


.photo2 a:hover {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/concerts2.jpg) no-repeat bottom left;
    float: left;
}

.photo2 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 165px;
    background: url(http://www.simongrossi.com/portfolio/images/concerts2.jpg) no-repeat 0px 1px;
    }



.photo3 a {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/humans.jpg) no-repeat bottom left;
    float: left;
}


.photo3 a:hover {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/humans2.jpg) no-repeat bottom left;
    float: left;
}
.photo3 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 330px;
    background: url(http://www.simongrossi.com/portfolio/images/humans2.jpg) no-repeat 0px 1px;
    }

.photo4 a {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/life.jpg) no-repeat bottom left;
    float: left;
}


.photo4 a:hover {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/life2.jpg) no-repeat bottom left;
    float: left;
}
.photo4 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 495px;
    background: url(http://www.simongrossi.com/portfolio/images/life2.jpg) no-repeat 0px 1px;
    }
.photo5 a {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/others.jpg) no-repeat bottom left;
    float: left;
}


.photo5 a:hover {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/others2.jpg) no-repeat bottom left;
    float: left;
}
.photo5 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 660px;
    background: url(http://www.simongrossi.com/portfolio/images/others2.jpg) no-repeat 0px 1px;
    }

.photo6 a {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/about.jpg) no-repeat bottom left;
    float: left;
}


.photo6 a:hover {
    width: 158px;
    height: 450px;
    margin: 0px 7px 0px 0px;
    background: url(http://www.simongrossi.com/portfolio/images/about2.jpg) no-repeat bottom left;
    float: left;
}

.photo6 a:hover span {
    display : block;
    width: 158px;
    height: 51px;
    text-align: center;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 825px;
    background: url(http://www.simongrossi.com/portfolio/images/about2.jpg) no-repeat 0px 1px;
    }

/* fin des photos */

/* nom de l'artiste */ 
#artiste {
    width: 983px;
    height: 40px;
    color: #FFFFFF;
    float: left;
    }
        
    
#artiste h1 {
   /* display: inline; */
    font-size: 30px;
    color: #FFFFFF;
    font-family: Arial, Verdana, serif;
    text-transform: lowercase;
    float: right;
    margin: 0;
    padding: 0;
}       

#artiste a:link, #artiste a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#artiste a:hover{
    color: #7d7d8a;
    text-decoration: none;
    }
        
/* fin de section nom de l'artiste */