/* -------------------------------------------------------------- 
  
   layout.css
   * Cascaded Style Sheet for http://vincent.turnthelighton.fr/
   * Author : Denis Fongue
   
   This file defines the grid of the website
   
-------------------------------------------------------------- */

/* GENERAL *****************************************************
****************************************************************/

html, body { height: 100%; }
body.home, body.single {width : 3000px;}
div#page { position: absolute; top:50%; margin-top: -259px;}
div#content { height: 518px; }
div.post {overflow: hidden}

h1 span {padding-right: 5px}
body.home h2, .out {position: absolute; text-indent: -5000px}


div#content div#left_menu {position: fixed; z-index: 100; width: 214px; height: 458px; padding: 60px 55px 0 20px;}
*+html div#content div#left_menu  {left:0}

	div#left_menu h3 {margin:0 16px 16px 0}


/*Projets*/

div#content div#projects, div#content div#project, div#content div#about {margin-left: 151px; position: relative;}

div#content div.projects {display: inline; margin-left: -142px; }
div#content div.projects:first-child {margin-left: 0}
div#content div.projects map {display:inline;}

/*Fiche Projet*/
div#content div#project div#project-info, div#content div#about div#project-info {position: absolute; top:0; left: 540px; width: 265px; padding-top: 133px}
div#content div#project div#project-info p, div#content div#about div#project-info p {margin-bottom: 20px}

div#content div#project p img {display: inline; margin-left: -139px}
div#content div#project p > img:first-child {margin: 0 402px 0 0}
div.breadcrumb {margin-bottom: 57px; }
p.back {position: absolute; right:32px; bottom:20px}

/*Page Showreel*/
div#content div#main {margin-left:289px; position: relative}

/*Page About*/
div#content div#about div#project-info {overflow: hidden; width: 630px}
div#content div#about p { float: left; width: 290px; margin-right: 25px}