/*
Theme Name: OZfolio Yohann Cordelle Portfolio dec 2009
Theme URI: http://yohann.atelier-oz.fr
Description: A WordPress theme designed
Version: 0.1 build from sharpfolio
Author: yohann cordelle from Matt Lenz work
Author URI: http://yohann.atelier-oz.fr
Tags: portfolio, Minimaliste 

Ce document est valide conform�ment � la recommandation CSS niveau 2.1
*/
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
text-align:center;
background-color:#e6e6e6;
color:#191919;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:24px;
}

h1,h2,h3,h4 {
font-family:Helvetica, Arial, sans-serif;
font-weight:700;
}

h1 {
font-size:48px;
color:#000;
line-height:80px;
}

h2 {
font-size:38px;
color:#000;
}

h3 {
font-size:18px;
color:#000;
display:block;
border-bottom:1px solid #B7B7B7;
margin:5px 0 15px;
}

h4 {
color:#9f0000;
font-size:18px;
}

h1.old {
display:none;
top:-5000px;
font-size:1px;
}

p {
font-size: 1.2em;
margin:0 0 14px;
}

a:hover {
color:#333;
}

ul {
	list-style-type: circle; 
	margin: 0 0 0 2em;
}

ul li {
	margin: 0;
	font-size: 1.2em;

}


blockquote {
	margin: 15px;
	padding:0 0 0 35px;
	background-image: url(images/quote-open.png);
	background-position: top left;
	background-repeat:no-repeat;
}

blockquote p {
	background-image: url(images/quote-close.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding:0 5px 0 0;
	text-align: justify;

}



div#wrapper {
text-align:left;
width:800px;
margin:auto;
}

div#header {
border-bottom:1px solid #b7b7b7;
}



#top {
	background: #000;
	margin: 0 auto;
	display:block;
	float:left;
}
#top .menu-header,
div.menu {
	margin-left: 19px;
}
#top .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#top .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#top a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding: 0 10px;
	font-size: 1em;
}
#top ul ul {
	display:none;
	position:absolute;
	
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#top ul ul li {
	min-width: 180px;	
}
#top ul ul ul {
	left:100%;
	top:0;
}
#top ul ul a {
	background:#454545;
	height:auto;
	line-height:0.8em;
	padding:10px;
	width: 160px;
	font-size: 0.8em;
}

#top li:hover > a,
#top ul ul :hover > a {
	color:#fff;
}
#top ul li:hover > ul {
	display:block;
}

div#header h2 {
font-family:Georgia, Times, 'Times New Roman', serif;
font-weight:400;
display:block;
float:right;
text-align:right;
font-size:16px;
margin: 70px 10px -10px 0;
}

#navigation li.top {display:block; float:left; position:relative;}
#navigation li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px;}
#navigation li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px;}

#navigation table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#navigation a:hover {visibility:visible;}
#navigation li:hover {position:relative; z-index:200;}

#navigation ul, 
#navigation :hover ul ul, 
#navigation :hover ul :hover ul ul,
#navigation :hover ul :hover ul :hover ul ul,
#navigation :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navigation :hover ul.sub {left:2px; top:20px; right:2px; white-space:nowrap; width:800px; height:auto;}
#navigation :hover ul.sub li {display:block; height:250px; position:relative; float:left;}
#navigation :hover ul.sub li a {font-weight:normal;display:block; font-size:1em;; height:25px; color:#000; text-decoration:none; float: left; text-align: center; display: block; padding-right: 5px; padding-left: 5px;}
#navigation :hover ul.sub li a:hover {background:#999999; color:#fff;}

#navigation :hover ul :hover ul,
#navigation :hover ul :hover ul :hover ul,
#navigation :hover ul :hover ul :hover ul :hover ul,
#navigation :hover ul :hover ul :hover ul :hover ul :hover ul
{left:0px; top:-4px; background: #fff; padding:3px 0; white-space:nowrap; z-index:200; height:auto;}

div#content {
margin:30px 0 0;
}

div.thumbnail {
width:500px;
float:left;
}

div.entry {
width:250px;
float:right;
}

div#content h2 {
font-size:24px;
color:#000;
line-height:32px;
}

p.comment-link a {
font-family:Helvetica, Arial, sans-serif;
font-weight:700;
color:gray;
text-decoration:none;
font-size:12px;
line-height:36px;
}

div#footer p {
line-height:108px;
color:#333;
text-align:center;
}

div#footer p a {
color:#444;
text-decoration:none;
}

div#footer p a:hover {
color:#555;
text-decoration:underline;
}

div.post {
background-color:#EEE;
margin:0 0 80px;
padding:20px;
}

div.author {
width:250px;
float:left;
}

div.author cite {
font-size:16px;
font-weight:700;
font-family:Helvetica, Arial, sans-serif;
margin:0 0 0 12px;
}

div.author img {
position:relative;
top:10px;
}

div.comment {
width:500px;
float:right;
padding:18px 0 0;
}

ol.commentlist {
border-top:1px solid #333;
margin:0 0 48px;
}

ol.commentlist li {
border-bottom:1px solid #333;
padding:12px 0 0;
}


form input,form textarea {
border:1px solid #000;
margin:0;
}

form input#searchsubmit {
background-color:#EEEEEE;
border:1px solid #000000;
color:#454545;
font-weight:700;
}

div.alignleft,div.alignright {
display:block;
width:40%;
float:left;
}

div.alignright {
float:right;
text-align:right;
}

div.alignleft a,div.alignright a {
font-family:Georgia, Times, 'Times New Roman', serif;
font-size:18px;
text-decoration:none;
color:#777;
}

.popup {
text-decoration:underline;
position:relative;
color:#DD5928;
}

.popup:hover {
background-color:transparent;
text-decoration:none;
}

.popup span.comment {
color:#000;
visibility:hidden;
text-decoration:none;
background-color:#FFF;
z-index:10;
font-weight:400;
font-size:1.1em;
left:-1000px;
position:absolute;
width:500%;
border-color:#dd5928;
border-style:solid;
border-width:1px;
margin:auto;
padding:5px;
}

#top {
background-color:#454545;
color:#FFF;
height:25px;
text-align:left;
margin:0 0 15px;
padding:5px 10px;
position: fixed;
width: 100%;
}

#top ul {
display:block;
float:left;
}

#top ul li {
display:inline;
}

#top ul li a {
color:#CCC;
margin-right:10px;
text-decoration:none;
}

#top ul li a:hover {
color:#FFF;
}

#top #search {
display:block;
float:right;
height:25px;
text-align:right;
padding:0 10px 0 0;
margin: 0 10px 0 0;
}

ul.post-categories li,
li.categories ul li.cat-item  {
height:52px;
padding-left:60px;
font-weight:700;
background-repeat:no-repeat;
display:block;
padding-top:15px;
}

ul.post-categories li {
font-size:18px;
}

li.categories ul li.cat-item  {
font-size:14px;
}

ul.post-categories li a,
li.categories ul li.cat-item a {
text-decoration:none;
color:#333;
font-family:Verdana, Georgia, Times, 'Times New Roman', serif;
}

li.categories ul li.cat-item a:hover {
color: #9F0000;

}

.post-categories li.commande,
li.categories ul li.cat-item-31 {
background-image:url(vignette/commande.png);
}

.post-categories li.reportage-photo,
li.categories ul li.cat-item-35 {
background-image:url(vignette/reportage-photo.png);
}

.post-categories li.studio-photo,
li.categories ul li.cat-item-29 {
background-image:url(vignette/studio-photo.png);
}

.post-categories li.travaux-personnels,
li.categories ul li.cat-item-36 {
background-image:url(vignette/travaux-personnels.png);
}

.post-categories li.print,
li.categories ul li.cat-item-32 {
background-image:url(vignette/print.png);
}

.post-categories li.site-internet,
li.categories ul li.cat-item-37 {
background-image:url(vignette/site-internet.png);
}

.post-categories li.tutoriaux,
li.categories ul li.cat-item-3 {
background-image:url(vignette/tutoriaux.png);
}

.post-categories li.blog,
li.categories ul li.cat-item-13 {
background-image:url(vignette/blog.png);
}

.post-categories li.portfolio,
li.categories ul li.cat-item-25 {
background-image:url(vignette/portfolio.png);
}

.floatright {
float:right;
background-color:#CCC;
border:1px solid #B7B7B7;
width:45%;
text-align:right;
margin:10px;
padding:5px;
}

.out {
display:none;
}

.star {
color:#9f0000;
font-weight:700;
}

div.pagination {
font-size:11px;
font-family:Tahoma, Arial, Helvetica, Sans-serif;
background-color:#3e3e3e;
color:#fff;
text-align:center;
clear: both;
}

div.pagination a {
background-color:#3e3e3e;
text-decoration:none;
color:#fff;
margin:2px;
padding:2px 5px;
}

div.pagination a:hover,div.pagination a:active {
background-color:#9F0000;
color:#fff;
}

div.pagination span.current {
font-weight:700;
background-color:#313131;
color:#fff;
margin:2px;
padding:2px 5px;
}

div.pagination span.disabled {
background-color:#3e3e3e;
color:#868686;
margin:2px;
padding:2px 5px;
}

#addthis{
	position: fixed;
	bottom: 0;
	left: 0;
	margin: -30px 0 0 0;
	background-color: #E6E6E6;
	padding: 5px 15px 0 5px;
}

#addthis a.partager {
float:left;
font-size:0.8em;
font-weight:bold;
margin-bottom:5px;
margin-top:-5px;
text-decoration:none;
}

#addthis a.partager:hover {
	text-decoration: underline;
}


a,ul#navigation li.current_page_item a,ul#navigation li a:hover,ul.post-categories li a:hover {
color:#9f0000;
}

h1 a,div#content h2 a {
text-decoration:none;
color:#000;
}

p.comment-link a:hover,div.alignleft a:hover,div.alignright a:hover {
color:#999;
text-decoration:underline;
}

a:hover.popup span.comment,a .popup span:hover.comment {
top:0;
left:0;
visibility:visible;
}

.work {
	margin: 0px 0px 0 0px;
	padding: 0.1em;
}

ul.list li {
	display: inline;
	float: left;
	width: 200px;	
}

#content ul.list li h2 {
	font-weight: bold;
	font-size: 1em;
	padding: 0;

}

ul.list li ul {
	padding: 0;
	margin: 0;
	
}

ul.list li ul li,
ul.list li ul li a{
	display: block;
	float: none;
	font-size: 0.9em;
}


.breadcrumb {
	float: none;
	font-size: 0.9em;
	padding-top: 100px;
}