@charset "UTF-8";
/* 
# CONTEMPLATION 2
#
#======================================================================
# by fabien a. [fabien@feub.net]
# http://feub.net/
#======================================================================
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not,
# - write to the Free Software
#
# Foundation, Inc.,
# 51 Franklin Street,
# Fifth Floor,
# Boston, MA 02110-1301
# USA.
#
# - See http://www.gnu.org/licenses/gpl.html
#
#======================================================================

#202021
#32332f
#505952
#6e7d6f
#95967b

*/

*, html {
	margin:0;
	padding:0;
	}
	
html {
	height:100%;
	}

body {
	background:#32332f url(../imgs/sidebar_bg.png) top left repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}

a,
a:hover,
img {
	color:#fff;
	text-decoration:none;
	border:none;
	outline:none;
	}
	
hr {
	clear:both;
	border:none;
	}

/*
	Classes et ID divers
	*************************************/
	
.msgerr {
	padding:5px;
	margin:0 0 15px 0;
	border-top:1px solid #f00;
	border-bottom:1px solid #f00;
	background-color:#fcf;
	color:#000;
	}
	
.msgout {
	padding:5px;
	margin:0 0 15px 0;
	border-top:1px solid #060;
	border-bottom:1px solid #060;
	background-color:#3c0;
	color:#060;
	}

#c2-logo a {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:155px;
	height:49px;
	background:url(../imgs/c2-logo.png) top right no-repeat;
	text-indent:-9000px;
}

.clearboth {
	clear:both;
}

#eXTReMe {
	display:none;
}

/*
	#header
	*************************************/

#header {
	background:#202021 url(../imgs/header_bg.png) top left repeat-x;
	padding:10px;
	color:#ccc;
	height:50px;
}
	
#header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#ccc;
}
	
#header h1 a {
	color:#ccc;
	}

#header #desc {
	width:400px;
	color:#666;
	}

#btDesc {
	text-indent:-9000px;
	}

#btDesc span {
	text-indent:-9000px;
	border:1px solid red;
	background:#000 url(../imgs/bt-desc.png) top left repeat;
	}

/*
	#wrapper
	*************************************/
	
#wrapper {
}

/*
	#sidebar
	*************************************/
	
#sidebar {
	float:left;
	width:200px;
	padding:10px;
	color:#6e7d6f;
}

#sidebar a,
#sidebar a:hover {
	color:#6e7d6f;
}

#sidebar h2,
#sidebar h3 {
	margin:0 0 10px 0;
	color:#6e7d6f;
}

#sidebar p,
#sidebar ul {
	margin:0 0 10px 0;
}

#sidebar ul {
	list-style:none;
}

#sidebar .index_lastpic img {
	display:block;
}

#sidebar .sidebar_select {
	border:1px solid #999;
	background-color:#CCC;
	color:#000;
	width:180px;
	margin:0 0 15px 0;
}

#sidebar .btn_rss {
	display:block;
	width:28px;
	height:16px;
	text-indent:-9000px;
	background:url(../imgs/btn_rss.png) top left repeat;;
}

/*
	INDEX PAGE
	*************************************/

#index_photoset_list {
	float:left;
	width:750px;
	margin:10px 10px 10px 10px;
	font-size:10px;
	color:#6e7d6f;
	}

#index_photoset_list a {
	color:#6e7d6f;
	}
	
#index_photoset_list p {
	margin:0 0 10px 0;
	}

#index_photoset_list .index_item {
	margin:0 15px 15px 0;
	list-style:none;
	width:100%;
	}

#index_photoset_list .index_txt {
	margin:0 0 0 160px;
	}
	
#index_photoset_list h3,
#index_photoset_list h3 a {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#505952;
	margin:0 0 3px 0;
}

#index_photoset_list .index_desc {
	margin:5px 0 0 0;
}

#index_photoset_list .index_lastpic a {
	float:left;
	display:block;
	width:95px;
	height:95px;
	background:url(../imgs/square_bg.png) top left no-repeat;
	text-align:center;
	padding:10px 0 0 0;
}

/*
	PHOTOSET PAGE
	************************************/

#photoset_pic_list {
	float:left;
	width:750px;
	margin:10px 10px 10px 10px;
	font-size:10px;
	color:#999;
	}

#photoset_pic_list a {
	color:#000;
	}
	
#photoset_pic_list .photoset_pic {
	float:left;
	display:block;
	width:95px;
	height:95px;
	background:url(../imgs/square_bg.png) top left no-repeat;
	text-align:center;
	margin:auto;
	padding:10px 0 0 0;
	}
	
/*
	PHOTO PAGE
	************************************/

#pic_page {
	width:800px;
	margin:10px auto;
	text-align:center;
	font-size:10px;
	color:#6e7d6f;
	}

#pic_page a {
	color:#6e7d6f;
	}
	
#pic_page .pic {
	background-color:#000;
	padding:15px;
	border:1px solid #6e7d6f;
	}

#pic_page .pic_info {
	margin:10px 0 10px 0;
}

#pic_page .pic_info h3 {
	font-size:14px;
	text-transform:uppercase;
	color:#6e7d6f;
}

/*
	Pic Comments
	************************************/
	
#pic_comments {
	width:730px;
	margin:15px auto;
	text-align:left;
}

#pic_comments h3 {
	margin:0 0 3px 0;
}

#pic_comments ul {
	list-style:none;
	border-bottom:1px dotted #6e7d6f;
	margin:0 0 15px 0;
}

#pic_comments ul li {
	border-top:1px dotted #6e7d6f;
	background-color:#202021;
	padding:2px 4px;
}

#pic_comments ul li .com_author,
#pic_comments ul li .com_created {
	font-weight:bold;
	display:block;
}

#pic_comments ul li .com_created {
	text-align:right;
}

#pic_comments ul li .com_email {
	font-style:italic;
	font-weight:normal;
}

#pic_comments .btn_com_close {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background:url(../imgs/btn_close.png) top left no-repeat;
	text-indent:-9000px;
}

#pic_comments .btn_com_move {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background:url(../imgs/btn_move.png) top left no-repeat;
	text-indent:-9000px;
	margin:0 5px 0 0;
}

#drag_handle_com {
	cursor:move;
}

/*
	Pic EXIF
	************************************/
	
#pic_exif {
	width:730px;
	margin:15px auto;
	text-align:left;
}

#pic_exif ul {
	list-style:none;
	border-top:1px dotted #6e7d6f;
	border-bottom:1px dotted #6e7d6f;
	background-color:#202021;
	padding:2px 4px;
}

#pic_exif h3 {
	margin:0 0 3px 0;
}

#pic_exif .btn_exif_close {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background:url(../imgs/btn_close.png) top left no-repeat;
	text-indent:-9000px;
}

#pic_exif .btn_exif_move {
	float:right;
	display:block;
	width:12px;
	height:12px;
	background:url(../imgs/btn_move.png) top left no-repeat;
	text-indent:-9000px;
	margin:0 5px 0 0;
}

#drag_handle_exif {
	cursor:move;
}

/*
	FORM
	************************************/

#add_com_form {
	border-top:1px dotted #202021;
	border-bottom:1px dotted #202021;
	background-color:#6e7d6f;
	padding:2px 4px;
}

#add_com_form label {
	display:block;
	color:#000;
}

#add_com_form .input {
	width:300px;
	margin:0 0 5px 0;
}

#add_com_form .textarea {
	width:300px;
	height:150px;
	margin:0 0 5px 0;
}

#add_com_form .submit {
	display:block;
}

/* Navigation ************************/

.nav {
	color:#505952;
	clear:both;
	}
	
.nav a {
	color:#505952;
	padding:0 3px;
	border:1px solid #505952;
	}
	
.nav .current_page {
	color:#505952;
	padding:0 3px;
	background-color:#202021;
	border:1px solid #202021;
}

/*
	#footer
	*************************************/
	
#footer {
	margin:10px 0 10px 230px;
	color:#505952;
	}
	
#footer a,
#footer a:hover {
	color:#505952;
	}