/*
THEME NAME: ProudFolio
THEME URI: http://www.woothemes.com
DESCRIPTION: Proudfolio by WooThemes
TAGS: proudfolio, portfolio, woothemes, elliot jay stocks, adii
VERSION: 1.2.1
AUTHOR: WooThemes
AUTHOR URI: http://www.woothemes.com
*/

@import "style/css/reset.css";
/* LAYOUT */
/* ----------------------------------------- */

/* Main layout blocks */
body { background:#434343 url(style/images/body01.jpg) top center no-repeat ; solid #000 }
div { position:relative }
img { margin:10px 0 }
div.wrapper { position:relative; margin:0 auto; width:620px }
div.footer { width:100%; margin:40px 0 0 0; padding:40px 0; background:#000 }
div.footer div { margin:0 auto; width:620px }
br.dirtyLittleTrick { clear:both; height:1px; margin:-1px 0 0 0 }

/* Advanced layout */
ul.nav { position:absolute; top:0px; left:-80px; width:800px; }
div.footer div div.feeds { position:absolute; top:0; left:0 }
div.footer div div.feeds ul li a { display:block; margin:10px 0; padding:0 0 0 23px; height:16px; width:170px; background:url(style/images/feedIcon01.gif) top left no-repeat; color:#9ff }
div.footer div div.feeds ul li a:hover { border:none; color:#fff }
div.footer div div.credits { width:380px; padding:0 0 0 20px; margin:0 0 0 220px; border-left:1px solid #666 }
div.footer img { margin:0; vertical-align:middle; }
div.portfolioItem { background:#fff; margin:70px 0 40px 0; padding:10px 10px 20px 10px ;color:#000;}
div.portfolioItemhome {margin:40px 0 40px 0; padding:10px  ;color:#000;}
div.portfolioItemhome h2 {background : #fff; padding : 5px 5px 7px 5px; width: 160px} 
div.portfolioItemhome img
{ 
text-align:center;
border : 10px solid #fff;
margin : 0;
}

body.archive div.portfolioItem { margin:0 0 100px 0 }
div.blogOnHomePage { margin:0 0 40px 0 ;height:250px}
div.blogOnHomePage div.search { position:absolute; top:0; left:0 }
div.blogOnHomePage .post { width:380px; padding:0 0 0 20px; margin:0 0 0 220px; border-left:1px solid #666 }
div.blogFocus { margin:0 0 40px 0 }
div.blogFocus div.search { position:absolute; top:0; left:400px }
div.blogFocus .post { background:url(style/images/semiTransparent01.png); width:340px; padding:20px 20px 10px 20px }
.search form { margin:20px 0 }
input.textInput { width:140px }
div.recentProjects ul { margin:0 0 40px 0 }
div.recentProjects ul li { display:inline; margin:0 16px 0 0 }
div.recentProjects ul li.last { margin:0 }
div.recentProjects ul li a img { background:#ffffff; padding:10px }
div.recentProjects ul li a:hover { border:none }
div.singlePost { float:left; width:340px; padding:0 40px 0 0 }
ul.sidebar { float:left; width:219px; padding:0 0 0 20px; border-left:1px solid #666 }
.post { margin:0 0 20px 0 }
ul.recentEntries.mini li { width:140px; float:left; margin:0 12px 0 0 }
.widget { margin-top: 40px; }
.gravatar img { float:left; border: 1px solid #DEDBD1 !important; margin: 0px 7px 0 0; padding-top:0px !important;}

div#comments ol.commentlist li.comment { padding:20px 0; border-bottom:1px solid #666 }
div#comments form#commentform input, form#commentform textarea { width:340px; margin:5px 0 }
/* To use alternative body background images and associated text styles, comment out the below as you wish. */

/* @import "style/css/alternative01.css"; */
/* @import "style/css/alternative02.css"; */


/*Image d'accueil */



/* TYPOGRAPHY */
/* ----------------------------------------- */

/* Typography (basic) */
body, h4, h5, p, li, label, input { font:11px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#fff }
h1, h2, h2 label, h3, p.description { font-family:Verdana, "Palatino Linotype", "Book Antiqua", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif }
h1 { font-size:36px; line-height:36px; font-style:italic }
h2, h2 label { font-size:20px; line-height:24px }
h3, p.description { font-size:14px; line-height:22px ;font-weight:bold;}
p, .post ul, .post ol { margin:0 0 20px 0 }
a { color:#de701c; text-decoration:none;}
a:hover { color:#de701c; text-decoration:underline;  }
input { color:#000 }

/* Typography (advanced) */
h1 { position:absolute; top:30px; left:80px }
h1 a:hover { color:#fff; border:none }
p.description { height: 120px; width:240px; margin:10px 0 40px 380px; padding:0 0 0 20px;}
ul.nav li { font-size:14px; line-height:14px; display:inline; border-left:1px solid #666; padding:0 10px }
ul.nav li#homeButton { border:none; padding:0 10px 0 0 }
ul.nav li a { color:#9ff }
ul.nav li a:hover { color:#fff; border:none }
ul.nav .current_page_item a { color:#fff !important; }
div.portfolioItem h2 { background:#fff; color:#000; padding:10px 20px 10px 20px; position:absolute; top:-44px; left:-20px }
div.portfolioItem p { margin:10px 0 0 0;color:#000; text-align:center;}
body.single div.portfolioItem ul { position:absolute; top:230px; left:10px }
body.single div.portfolioItem p { margin:10px 0 0 0px }
.portfolioItem .image a:hover { border: none !important; }
div.blogFocus .post h2 { background:url(style/images/semiTransparent01.png); padding:10px 20px 10px 20px; position:absolute; top:-44px; left:-20px }
div.blogFocus .post h3 { font-size:24px; line-height:24px }
body.home .post h2 { margin:0 0 20px 0 }
p.entry-meta { color:#fff }
div.recentProjects h2 a { font-size:15px; line-height:22px }
ul.sidebar li h2 { margin:40px 0 0 0 }
ul.sidebar li.search h2 { margin:0 }
div#comments h2 { margin:40px 0 0 0 }
div#navigation div.wp-pagenavi span.pages { background:none; color:#fff; border:none }
div#navigation div.wp-pagenavi span.current { background:#000; color:#fff; border:none }
div#navigation div.wp-pagenavi a { background:#de701c; color:#000; border:none }
div#navigation div.wp-pagenavi a:hover { background:#fff }
div.footer div div.credits { color:#666 }
div.footer p { margin:0 }
div.footer p.disclaimer { margin:20px 0; color:#666 }
a.commentPermalink { color:#fff; border:none }
a.commentPermalink:hover { color:#fff; border:none }

ul.recentEntries.tagPage li { margin:20px 0; border-bottom:1px solid #666; position:relative }
ul.recentEntries.tagPage h3, ul.recentEntries.tagPage p { padding:0 0 0 120px }
ul.recentEntries.tagPage h3.entry-type { position:absolute; top:0; left:0; padding:0 }

/* Typography (styles for text within posts) */
.post blockquote p { font-style:italic; padding:0 0 0 20px; border-left:5px solid #666 }
.post ul li { list-style:disc }
.post ol li { list-style:decimal }