/*
Theme Name: CleanFolio
Theme URI: http://jfoucher.fr
Description: Portfolio theme for WP.
Version: 1.0
Author: Jonathan Foucher
Author URI: http://jfoucher.com
*/




body  { font-family : nobile, Helvetica, verdana, sans-serif;
        background: #ffffff;
        padding: 0px;
        margin:0;
        background:url(images/pattern.png) repeat-x #fff;
}

h1,h2,h3,h4,h5,h6,form,fieldset {margin:0; padding:0;
font-family : "Century gothic", serif;}
.low {display:none;}
h3.dynh3{margin-bottom:0}
/*
h1 a {
position:relative;
z-index:90;
display:block;
height:65px;
background:url(images/logotxt.png) top center no-repeat;
}

h1 span{font-size:45px;display:none;}
* */

h1 a{
position:relative;
z-index:190;
font-family: lobster,serif;
font-weight:bold;
font-size:48px;
display:block;
text-align:center; 

}
.dyntitle{
max-width:250px;
background-image:url(images/transp.png);
border:2px solid #ddd;
-moz-border-radius:13px;
-webkit-border-radius:13px;
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
font-size:12px;
padding:8px;
}
#container { 
margin: 0px ;
width:700px;
margin:0 auto;
border-left:60px solid #eee;
border-right:60px solid #eee;
text-align: center;
color: #939393;
padding: 5px 20px 0 0px;
min-height:100%;
background:#fff;
}



a  {     color : #a3a3a3;
         text-decoration : none;
         font-weight : normal;
 
}


a:link  {      color : #a3a3a3;
               text-decoration : none;
               font-weight : normal;
 
}

a:visited {    color : #a3a3a3;
               text-decoration : none;
               font-weight : normal;

 
}
   
a:active  {     color : #aaa;
                text-decoration : none;
                font-weight : normal;
}



a:hover  {      color : #6F6F6F;
                text-decoration : none;
                font-weight : normal;
}
a img{border:none;}
#top-hide{
position:absolute;
height:230px;
width:400px;
background:url(images/top-hide.png) bottom left repeat-x;
z-index:100;

}
blockquote{
font-weight:normal;
font-style:italic;
font-family:sans-serif;
background:#f3f3f3;
border:1px solid #ccc;
border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
padding:8px;
color:#000;
margin:25px 20px 20px 50px;
text-align:justify;
}
blockquote p{
margin:0;
padding:0;
color:#555;
font-size:150%;
}
blockquote:before{
content:"\201C";
float:left;
font-size:1500%;
font-family:Georgia, "Times New Roman", times,serif;
margin-top:0px;
margin-right:7px;
color:#ddd;
padding:0;
margin-bottom:-40px;
line-height:80px;
}
#btm-hide{

width:400px;
position:absolute;
z-index:101;
height:230px;

left:0px;
top:460px;

background:url(images/btm-hide.png) top left repeat-x;

}
#img-viewport,#text-viewport {   
margin:10 px 0 40px 0;
           padding : 0px;     
	   color : #888;
	  float:left;
           font-size : 12px;
           font-weight : normal;
           text-align : center;
           font-family:nobile,arial,helvetica,sans-serif;
          border : none;
padding: 0px;


}
#text-viewport {   
padding: 10px 0 0 0;
}
#img-entry{
margin:0;
padding:0;
position:relative;
z-index:20 !important;
}

   #img-viewport li{           
   height:230px;

           overflow:hidden;
           padding:0 0 0 23px;
        background: url(images/shadow.jpg) no-repeat top left;
        
           }
           #img-viewport li img{    
           height:221px;
           overflow:hidden;
           border:2px solid #bbb;
           margin:5px 0 0 0;
           }
#post-nav{

margin:0;
height:50px;
}
#prev,#next{

font-family:Georgia, "Times New Roman", times,serif;

font-size:40px;
}
#prev:hover,#next:hover{color:#666;}
#next{margin-left:20px;}
#prev{margin-right:20px;}
#text-viewport .alignleft,#text-viewport .alignright{
float:none;
margin:0 auto;
}
   #text-viewport li{           
   height:240px;
  
           overflow:hidden;

           }
     #text-viewport li p{    
         text-align:left;
      }
#text-wrap{
float:right;
width:295px;
overflow:hidden;

}
#text-viewport{ 
text-align:center;
overflow:hidden;
margin-left:-285px !important;
margin-top:34px;

}
#text-viewport li{ width:280px;margin:0 5px;}
#text-viewport h2 span{display:none;}

.aligncenter{
margin:0 auto;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.entry{
font-family:nobile, arial, helvetica, sans-serif;
font-size : 13px;
width: 70%;
margin: 0 auto;
text-align:left;
}
.entry p a{
color:#fff;
background:#ccc;
font-weight:bold;
padding:0 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
}
.entry p a:visited{
color:#fafafa;
background:#d9d9d9;
}
.entry p a:hover{
color:#bbb;
background:#fff;
}


.entrycat img { 
margin: Opx;
border: 0px; 
text-align: center;
}
.entrycat img a { 
margin: 3px;
border: 0px; 
text-align: center;
}

.entrycat img a:hover { 
margin: 3px;
border: 1px solid #bbbbbb; 
text-align: center;
}

.entrycat {
font-family:Georgia, "Times New Roman", times,serif;
padding-top : 0px;     
color : #888;
font-size : 11px;
font-weight : normal;
text-align : center;

}
.entrycat .entry{margin-bottom:70px;
}

code {    
color : #8B1D1D;
}


.info{     margin-top : 0px;
           margin-bottom : 5px;
           margin-left : 10px;
           margin-right : 10px;
           padding : 5px;     
	   color : #b0b0b0;
           font-size : 11px;
           font-weight : normal;      
           text-align : justify;
      
}


.pages {   padding-top : 20px;     
	   color : #999;
           font-size : 14px;
           font-weight : normal;
           text-align : left;
           margin: 0 auto;
           width: 70%;
}



.posted  , .wp-caption-text {  margin-top : 5px;
             margin-bottom : 5px;
             margin-left : 20px;
             margin-right : 20px;  
             text-align : center;   
             font-family : verdana, serif;
             font-size : 11px;
             letter-spacing: 2px; 
             text-transform:lowercase; 
}    

.wp-caption-text {
margin:20px 0 15px 0;
}


.posted a img { border: 0; }



.footer {  padding : 20px;
           text-align : center;
           font-size : 11px;
           color: #cccccc;
           font-family : Helvetica, verdana, serif;
            clear:both;
}


.commentscontainer { margin-top : 100px;
             width: 450px;
	     margin: 0px auto;
	     text-align: left;
             color: #999;
             font-family : verdana, serif;
             background-color: #ffffff;
             padding: 20px;
             
}

.comments{ margin-top : 0px;
           margin-bottom : 0px;
           margin-left : 0px;
           margin-right : 0px;
           padding : 12px;     
	   color : #999;
           font-size : 12px;
           font-weight : normal;
           line-height : 16px;
           text-align : justify;
           width: 420px;
}

ol#comments {
list-style:none;
margin:15px 0 0;
padding:0;
}

.comments-popup { margin-top : 0px;
           margin-bottom : 0px;
           margin-left : 2px;
           margin-right : 2px;
           padding : 12px;     
	   color : #7C7C7C;
           font-size : 12px;
           font-weight : normal;
           line-height : 16px;
           text-align : justify;
}

.commentsbody {border-bottom : 1px solid #E8E8E8;
               text-align : justify;
               margin-bottom : 10px;
               padding : 10px;
               font-size : 12px;
               color : #7C7C7C;
border: 1px solid #f5f5f5;
          
}
#about{
text-align:right;
clear:right;
}
#about p,#about h3{margin:0;}
#about p{font-family:Georgia, "Times New Roman", times,serif;}
#about h3{font-family: "Apple Chancery", "Zapf Chancery", serif }
#about h3 span{display:none;}
.nav {       font-family : verdana, serif;
             font-size : 11px;
             margin: 20px auto 100px auto;
             color : #aaa;
             text-decoration : none;
             font-weight : normal;
             text-align : center;
             padding : 0px;
             letter-spacing: 3px;
             position:relative;
z-index:90;}
.nav li{
display:inline;

}
#submit{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/fancy_white_submit.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
font-size:13px;
height:46px;
margin:5px 3px 4px 0;
padding:0 5px 5px;
font-family:monospace;
width:144px;
}
#submit:hover{
	background:white;
	border:1px solid #e5e5e5;
	height:40px;
	padding:1px 5px 0px;
	margin:5px 3px 10px 0pt;
}
#comment{
border:none;
border:medium none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/fancy_white_inp_bg.gif) no-repeat scroll left bottom;
border-top:1px solid #F0F0F0;
font-family:monospace;
font-size:0.9em;
height:6em;
overflow:auto;
padding:2px 10px 12px;
width:400px;
height:100px;
outline:none;
}

#wpstats{visibility:hidden}
a#contact{
display:block;
background:#c92700;
color:#fff;
font-family:serif;
font-style:italic;
width:150px;
text-align:center;
font-size:25px;
line-height:25px;
padding:8px;
font-weight:bold;
float:right;
margin:45px;
border-top:1px solid #ff6b00;
border-bottom:1px solid #151515;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
a#contact:hover{
background:#EE522D;
border-bottom:1px solid #812D19;
}
a#contact span{
display:block;
font-size:13px;
line-height:12px;}
a#contactTop{
background:#c92700;
color:#fff;
font-family:serif;
font-style:italic;
font-weight:bold;
text-align:center;
font-size:16px;
line-height:16px;
padding:5px 12px;

margin:5px;
border-top:1px solid #ff6b00;
border-bottom:1px solid #151515;
border-radius:6px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
a#contactTop:hover{
background:#EE522D;
border-bottom:1px solid #812D19;
}
.vcard{
line-height:170%;
font-size:75%;
margin:10px;
width:280px;
float:right;
}
.vcard .photo{
float:right;
margin:0px 0px 0 8px;
}
.adr{
font-size:90%}
.type,.legend{float:left;}