/* 
	TEMPLATE NAME / CoolGraph
	AUTHOR: Maurin Olivier
	AUTHOR WEBSITE: http://www.coolgraph.net
	VERSION: 1.0
		
	
*/

/* CSS Document */


/* STANDARDS */
body {
scrollbar-face-color: #262626; 
scrollbar-shadow-color: #262626;
scrollbar-highlight-color: #262626;
scrollbar-3dlight-color: #262626; 
scrollbar-darkshadow-color: #262626; 
scrollbar-track-color: #262626;  
scrollbar-arrow-color: #e4ad05;
margin-right: 0; margin-left: 0; margin-top: 0;
color:#000000; 
	}
	table {font:12px Arial, hevetica, sans-serif}
		/*LIENS*/
 
.general {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ac8124; text-decoration: none}
a:hover.general {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ccc; text-decoration: none}

.beige {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #e4ad05; text-decoration: none}
a:hover.beige {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ccc; text-decoration: none}

.clair {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ac8124; text-decoration: none}
a:hover.clair {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000; text-decoration: none}

.claircom {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #f1f1f1; text-decoration: none}
a:hover.claircom {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #ccc; text-decoration: none}

.dcom {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ac8124; text-decoration: none}
a:hover.dcom {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000; text-decoration: none}

/* .............................. */
/* Links */
/* .............................. */
a {
	color:#ac8124;
	text-decoration:none;
	}

a:hover {
	text-decoration: none;
	color:#ccc;
}

html, body {
     min-height:100.1%;
	}
	
hr {
	border:0px;
	height:1px;
	background:#cdcdcd;
	}

html {
	min-height:100.1%;
	}


/* RESET */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0px;
	padding:0px;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	clear:left;
	font-size:11px;
	letter-spacing:2px;
	color:#666;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}
	
h1 a {
    text-decoration:none;
	color:#ac8124;
	}

h1 a:hover {
    text-decoration:none;
	}

.title {
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	color:#e0dfdc;
	margin:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}

h3 {
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	color:#7d7d7d;
	text-align:left;
	}

p {
	text-align:left;
	}

a {
	color:#f1f1f1;
	text-decoration:none;
	}

a:hover {
	color:#000;
	text-decoration:none;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
  	padding:5px;
	height:15px;
	margin-bottom:20px;
	}

.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
	}
	
.menu a {
	padding:4px;
	padding-left:5px;
	padding-right:5px;
	}
	
	
/* .............................. */
/* Pages */
/* .............................. */


#page {
	padding:20px 0px;
	text-align:left;
	width:100%;
	margin:0px auto;
	}

#page h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}

#page p {
	font-size:10px;
	font-style:italic;
	margin: 0px 20px 20px 0px;
	}

#page .thumbnails {
    background:#f1f1f1;
    padding:1px;
	margin:5px;
	border:12px solid #262626;
	}
	
#page a:hover .thumbnails {
    background:#f1f1f1;
    padding:1px;
	margin:5px;
    border:12px solid #7d7d7d;
    }
	
	
/* CUSTOM CLASSES */


.inside {
	width:740px;
	margin:0px auto;
	}

.leftimg {
	float:left;
	margin:0px 10px 10px 0px;
	}

.clear {
	clear:both;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
.summary {
	font-size:14px !important;
	line-height:24px;
	}


/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */


#image-info {
	text-align:left;
	width:100%;
	background:#7d7d7d;
	}

#image-info .inside p {
	font-size:11px;
	color:#666;
	margin:0px;
	}

#image-info .inside ul {
	}
	

/* IMAGE NOTES */

#image-info h2 {
	font-family: Arial, hevetica, sans-serif;	
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	padding:10px 0px 20px 0px;
	}

#image-info h2 em { 
	margin-left:15px;
	}

		
#image_notes {
	width:45%;
	float:left;
	margin-bottom:10px;
	}

#image_notes, #image_comments {
	
	line-height:16px;
	font-size:11px;
	color:#ccc;
	}

#image_notes p {
	font-size:10px;
	color:#000;
	margin:0px;
	padding-bottom:10px;
	}

#image_comments {
	width:45%;
	float:right;
	margin:0px 0px 10px 0px;
	border-left:1px dashed #999;
	}

#image_comments ul {
	padding:0px 0px 0px 10px;
	}

#image_comments li {
	font-size:11px;
	color:#000;
	margin:0px 0px 15px 0px;
	list-style:none;
	}

/* galerie 3D 2D */

#content img {
	background:#f1f1f1;
    padding:1px;
	margin:3px;
	border:12px solid #262626;
	}
	
#content a:hover img {
	background:#f1f1f1;
    padding:1px;
	margin:3px;
    border:12px solid #7d7d7d;
	}