/***
Author: Chill.
Theme Name: New Essential.
Theme URL: http://chillphotographie.com
Description: Third Personal Website Theme.
Version: 6 [2009-2012]
***/

* {margin:0; padding:0;}

body {
	font:12px Helvetica, Arial, sans-serif;
	line-height:14px;
	color:#000;
	background:#FFF;
}

.head {
	font:24px Georgia, Arial, sans-serif;
	font-style:italic;
	word-spacing:-3px;
	margin:30px 0 30px 50px;
	letter-spacing:-1px;
}

#menu {
	width:300px;
	overflow:auto;
	top:0;
	bottom:0;
	left:0;
	position:fixed;
	height:100%;
	background-color:#FFF;
}

.next {}
.prev {}

#menu ul {list-style:none; margin:20px 0 20px 50px;}
strong, #menu ul li.title {color:#000; font-size:12px; font-weight:bold;}
.navigation {color:#333; padding:2px 3px 1px 3px;}
.navigation a, .active {font-size:11px; padding:2px 3px 1px 3px;}
.active {color:#333; background:#DDD;}


/* Liens */
a img {border:none;}

a {
	-webkit-transition:color .2s ease-in-out;
    -moz-transition:color .2s ease-in-out;
    -o-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out;
	text-decoration:none;
}

a:link {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#E00;}

.head a:link {text-decoration:none; color:#EEE;}
.head a:visited {text-decoration:none; color:#EEE;}
.head a:active  {text-decoration:none; color:#EEE;}
.head a:hover {text-decoration:line-through; color:#000;}

.navigation a:link {text-decoration:none; color:#333;}
.navigation a:visited {text-decoration:none; color:#333;}
.navigation a:active {text-decoration:none; color:#333;}
.navigation a:hover {text-decoration:none; color:#FFF; background:#000;}

.seriename a:link {text-decoration:none; color:#DDD;}
.seriename a:visited {text-decoration:none; color:#DDD;}
.seriename a:active  {text-decoration:none; color:#DDD;}
.seriename a:hover {text-decoration:none; color:#000;}

.infos a:link {text-decoration:none; color:#999;}
.infos a:visited {text-decoration:none; color:#999;}
.infos a:active  {text-decoration:none; color:#999;}
.infos a:hover {text-decoration:none; color:#F30;}

.works a:link {text-decoration:none; color:#999;}
.works a:visited {text-decoration:none; color:#999;}
.works a:active {text-decoration:none; color:#999;}
.works a:hover {text-decoration:none; color:#E00;}

.extralinks a:link {text-decoration:none; color:#999;}
.extralinks a:visited {text-decoration:none; color:#999;}
.extralinks a:active {text-decoration:none; color:#999;}
.extralinks a:hover, .mail a:hover {text-decoration:none; color:#9C3;}


/* Galeries */
#d-image {display:none;}
#d-image img {border:none;}
.grow {float:left; position:relative; top:-2px;}
.thumb {padding:0; text-align:left; display:table; height:130px; position:relative; overflow:hidden; width:180px;}
.grow strong {margin-top:3px; text-align:left; display:block; font-weight:normal; text-align:center; display:none;}
.grow em {font-style:normal; display:none; text-align:center;}
.thumb-it {position:absolute; top:0; display:table-cell; vertical-align:middle; text-align:center;}
.thumb-img {position:relative; width:150px; display:block;} 
.thumb-it1 {position:absolute; top:50px; display:table-cell; vertical-align:middle; text-align:center;}
.count {font-size:10px; text-align:right; word-spacing:0px;}


/* Series */
.seriename {
	font:16px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	float:left;
}


/* Corps */
#content {
	height:650px;
	margin:10px 0 0 305px;
	top:0;
}

.container, .containpic {padding:20px 10px 20px 10px;}
.containpic {width:900px;}
#content p {width:800px; margin-bottom:20px;}
p {margin: 0 0 10px 0;}

#img-container {margin:0; padding:0;}

#img-container p {
	width:400px;
	margin:0;
	padding:0 0 50px 0;
}

#once {clear:left;}

/* Contact */
.name, .artist {
	font:16px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	margin-top:30px;
}

.mail {
	font:12px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

.desc {margin-left:40px;}
.extralinks {font:13px Georgia, "Times New Roman", Times, serif; font-style:italic;}
.works {margin:20px 0 0 50px;}


/* Divers */
.copyright {
	font:12px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#DDD;
}

.infos {
	font:12px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#777;
}

.error {
	font:150px Helvetica, Arial, sans-serif;
	color:#AAA;
	text-transform:uppercase;
	letter-spacing:-10px;
	margin-top:200px;
}