/*  
Theme Name: Portfolio Press
Theme URI: http://www.blogohblog.com
Description: A dark-colored, widgetized, Web 2.0 Wordpress Theme suitable for creating your personal portfolio. This theme is a free theme and comes under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0; padding:0;}
body{
	margin-top: 90px;
	color: white;
	text-shadow: 0px 0px 0px;
	background:#1b1b1b;
	font:14px "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	}
#wrapper { width: 950px; margin:30px auto;}

/**************** Links *********************/
a, a:link, a:visited {text-decoration:none; color: #999999;}
a:hover {color:#CCCCCC;}

/**************** Header *********************/
#header { position: fixed; width: 100%;  background-repeat: repeat-x; left: 0px; top: 0px; background-image: url(images/header.png); height: 85px; margin-bottom:0px;
z-index:99;
}
#header h1 {text-indent:-10000px;margin:0; padding:0; }
#header h2 {}
#logo {float: left;  }
#logo h1 a { width: 571px; height: 70px;  margin-left: 20px; margin-top: 05px; display:block; background:url(images/BlogTitle%20white.png) no-repeat;}
#badge {margin-top: 05px;
	float: right;}
#rss { float: right; margin-top: 20px; margin-right: 5px;}

/**************** Navigation *********************/
#navigation {
	font-size:12px; 
	font-weight:100;
	float:left;
	}
#menu{float:left;  margin-bottom:20px;}
#menu li{list-style:none;}

.page_item a:link, .page_item a:visited{
	color: #666666; 
	background:#161616 url(images/menu_left_hover.gif) no-repeat top left;
	margin-bottom:10px;
	padding:8px 5px 5px 10px;
	height:19px;
	width:092px;
	display:block;
	font-weight: 300;
	}
.page_item a:hover {color:#cccccc; background:#202020 url(images/menu_left.jpg) no-repeat top left;}
.current_page_item a:link, .current_page_item a:visited{color: #dddddd; background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:100px;display:block;}

/**************** Search *********************/
.topsearch{
	background:#1b1b1b url(images/searchbox.gif) no-repeat top left;
	margin-bottom:0px;
	padding:00px 00px 00px 00px;
	height:32px;
	width:200px;
	display:block;
	}
/*.searchfield{width:125px; color: #666666; text-transform:uppercase; font-weight:bold; font-size:12px;border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px;}*/
.searchfield{ background-color: transparent; height:15px; width:150px; margin:9px 0px 8px 12px; border:none;}
h2.search {font-size:14px; background:url(images/cats.gif) left no-repeat; padding-left:20px; margin-left:20px; padding-top:10px; color:#CCCCCC;}

/**************** Content *********************/
#content { color: white; width:700px; background-color:#333333; border:10px solid #262626; float:left;}
.comments {
/*	background:url(images/comments.gif) left no-repeat;*/
/*	padding-left:20px;*/
	}
.info {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 20px;
	padding-top: 2px;
	background-color:#3a3a3a;
	font-size:11px;
	margin-bottom:10px;
	margin-top:5px;
	}
.info a {color: #99cc00;}
.info a:hover {color:#fff;}
.entry h2{ padding-bottom:10px;}
.entry h2 a {
	text-shadow: 00px 2px 1px rgba(255,255,255,0.1);
	color:#CCCCCC;
	font-size:22px;
}
.entry h2 a:hover {color:#FFFFFF;}
.entry p{padding:0 0 10px 0;}

.post {
	border-top: 2px solid #262626;
	padding-left: 34px;
	padding-bottom: 10px;
	padding-right: 34px;
	padding-top: 20px;
	text-align:justify;
	margin-bottom:20px;
	line-height:20px;
	color: #DDDDDD;
	}

.postVignette {
	border-top: 2px solid #262626;
	padding-left: 34px;
	padding-bottom: 10px;
	padding-right: 34px;
	padding-top: 20px;
	text-align:justify;
	margin-bottom:20px;
	line-height:20px;
	color: #DDDDDD;
	}
.entry img {
	margin:0px 0px 0px 0px;
	border: 10px 10px 10px 10px;
	height:auto;
	}

#sharebuttons {
	margin-top:0px;
	margin-bottom:30px;
}

#sharebuttons img {
	margin : 0px;
	height : 32px;
}

.paysage img , .carre img{
	width: 600px;
/*	margin:0 ;*/
}

.portrait img {
	width: 400px;
}


.paysage, .portrait , .carre {
	/*font-family: "Times New Roman", Georgia, sans-serif;
	font-size: 15px;
	position: relative;
	line-height: 20px;
	clear: both;
	display: block;*/
	background-color: #fff;
	padding: 15px;
	border: 1px solid #85878c;
	border: 1px solid rgba(255,255,255,0.3);
	margin: 10px 0 20px 0;

}
/*.paysage { width: 600px; }*/

.portrait {
	width: 400px;
	margin: 10px auto 20px auto;
}

.postVignette .paysage img , .postVignette .carre img { width: 600px;
}


.ombreducadre {
	display: block;
	float: left;
	top: 16px;
	left: -15px;
	position:relative;
	height: 24px;
	z-index : inherit;
}
.paysage .ombreducadre , .carre .ombreducadre {
	background: transparent url(http://guillaumelemoine.com/photoblog/wordpress/wp-content/images/OmbreCadrePaysage.png) no-repeat center bottom;
	width: 630px;
}
.portrait .ombreducadre {
	background: transparent url(http://guillaumelemoine.com/photoblog/wordpress/wp-content/images/OmbreCadrePortrait.png) no-repeat center bottom;
	width: 430px;
}


.new {background:url(images/new.gif) right top no-repeat;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta {
/*	background-color:#3a3a3a;*/
	padding:5px;
	font-size:11px;
	line-height:22px;
	/*text-transform:uppercase;
	font-weight:bold;*/
	}
.tags { background:url(images/tags.gif) left no-repeat; padding-left:24px;}
.cats {background:url(images/cats.gif) left no-repeat; padding-left:24px;}

/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626;}
h2#postcomment {font-size:14px; margin-top:10px; font-weight:bold;}
.commentlist{padding:20px; margin-top:10px;}
.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:575px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {width:12em;font-size:13px; color:#666666;font-weight:bold;padding:3px; margin-right:5px;border:1px solid #1b1b1b; background-color:#666666;}
#submit{font:bold 1em;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:98%;border:1px solid #1b1b1b;font:13px;color:#666666;font-weight:bold; background-color:#666666;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Sidebar *********************/
#sidebar { text-align:right;}
#sidebar ul {list-style:none;}
#sidebar h2 { font-size:16px; color: #b3b5b1; padding-right:10px; border-bottom:1px solid #262626;}
#sidebar a {
	font-style: normal;
/*	font-weight: lighter;*/
	text-align: left;
	text-shadow: 0px 0px;
/*	font-size: 14px;*/
/*	color: #b3b3b3;*/
	padding-right:10px;
	border-bottom:1px solid #262626;
	}
#sidebar ul ul { margin:0px; padding-bottom:20px;}
#sidebar ul ul li { padding-bottom:2px;}

/**************** Footer *********************/
#footer {
	text-align:center;
	font-size:11px; margin:10px; color: #666666;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px; margin-right:20px; background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;}
.alignleft{float:left; padding:20px; margin-left:20px; background:url(images/back.gif) no-repeat left; width:100px; font-size:11px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}