/* 

STYLE SHEET FOR THE LILI FRANCUZ WEBSITE
Created by Agile Ink(Mike Loughlin)
www.agile-ink.com

ToC

	1. defaults
	2. structure
	    a. float-clearing rules
	3. links and navigation
	4. fonts
	5. images
	6. special functions

Notes

*/



/* --------- 1. defaults  --------- */

* {
   margin: 0;
   padding: 0;
     }

body {
  font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background: #D6E8CA;
  padding: 0;
  max-width: 1200px;
  /*background-image: url(images/leaftop.jpg);
  background-repeat: no-repeat;*/
     }

		
/*  --------- 2. structure  --------- */

#allnotfooter {

   position:relative;
   width: 100%;
   padding: 0px;
   margin: 0px;
   background-color: #D68CA;
     }
  
		  
#wrapper {
   background: #D9D9BF;
   margin: 0px;
	padding: 0px; 
     } 

#header {
   width: 100%;
   margin-top: 50px;
   height: 32px;
   border-color: black;
   border-style: solid;
   border-width: 1px 0px;
   background-color: #868765;
   background-image: url(images/header_right.gif);
   background-repeat: no-repeat;
   background-position: center right;
   /* IE5/WIN hack from Tantek Celik. IE5/WIN incorrectly parses the "\"}"" value,
   prematurely closing the style. Clients that understand the box model correctly
   and understand the CSS2 parent-child selector (see body>#header declaration below) continue to parse the declaration and are given the correct height: 30px. This
   is sometimes call the "Be nice to Opera 5" rule */ 
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 30px;
     }

body>#header {
	height: 30px; /* Be nice to Opera rule -- takes care of getting proper height of header in compliant browsers
	that happen to be subject to the same parsing bug as IE 5/Windows */
     }

#subheader {
	width: 100%;
	padding-left: 50%;
   margin: 0px;
	padding-bottom: 0;
   height: 28px;
     }
	  
.pages_subheader {
   margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 35px;
	color: #949494;
}  
	  
/*#subheader h2 {
   color: #828282;
	font-size: 20px;
	/*line-height: 14px;*/
	/*font-weight: 400;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	float: right;
   padding-top: 3px;
	padding-right: 35%;*/
    /* }*/

#headerlogo {
	float: left;
	height: 32px;
	background-color: #868765;
	background-image: url(images/header_left.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 120px;
     }

/* PRESENTLY NOT USED  #headeraccent {
	position: absolute;
	top: 58px;
	left: 73%;
	width: 93px;
	height: 76px;
	background-image: url(images/header_leaf.gif);
	background-position: center left;
	background-repeat: no-repeat;
     }*/

#container {
	width: 100%;
	float: left;
	margin-right: -220px;
	padding: 0px;
	margin-bottom: 0px;

     }

#content {
	background: #D6E8CA;
	/*background-image: url(images/Bg_leaf.gif);
	background-repeat: no-repeat;
	background-position: top right;*/
	margin-right: 230px;
   padding: 3em 0 0 135px;
	border-right: 1px;
	border-right-style: solid;
	border-right-color: #999;
	/*background-image: url(images/leafside.jpg);
   background-repeat: no-repeat;*/
	  }

#navbar {
	width: 220px;
	float: right;
	margin-top: 70px;
	font-size: 1em;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
     }

#navbar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
     }

#navbar li {
	margin: 0px;
     }
	  
	#navbar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
     }

#innernavbar ul#portfolio  {
font-weight:800;
font-size:1.2em;
     }  

#innernavbar {
   margin-left: 10px;
   margin-top: 45px;
     }

#footer {
   position: relative; /* Needed for Safari */
	margin: 0;
	padding: 5px;
	text-align: center;
	font-weight: 800;
	color: #999;
	background-color: transparent;
	width: 99%;
	background-image: url(images/footer_right.gif);
	background-repeat: no-repeat;
   background-position: bottom right;
     }

.colonaccent {
   margin-left: 0;
	margin-right: 5px;
	margin-bottom: -10px;

   font-size: 1em;
   color: #000;
   font-weight: 800;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     }

.last {
	margin-bottom: 0px;
     }

table {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right: 0px;
     }
	  
table td.date {
	width: 9%;
	vertical-align: top;
}

.pfirst {
	margin: 0px;
	margin-bottom: -7px;
	vertical-align: top;

	padding-bottom: 0px;
     }

.pnext {
	margin: 0 ;
	margin-bottom: -7px;	
	padding: 0;
    

	 }

.plast {
	margin: .5em 0 1em 0;
     }

.psingle {
	margin: 0 0 1em 0;
     }

#botnavlist ul, #botnavlist2 ul,  #botnavlist3 ul, #botnavlist4 ul {
	margin: 0px;
   padding: 0px;
   list-style-type: none;
   text-align: center;
     }

#botnavlist ul li, #botnavlist2 ul li,  #botnavlist3 ul li, #botnavlist4 ul li {
   font-size: .9em;
	display: inline;
     }
	  
#topicsubnav {
	margin-top: 10px;
	margin-bottom: 40px;
}	  

#topicsubnav ul {
	margin-top: 0;
	margin-bottom: 0;
   padding: 0;
	border: 0;
   list-style-type: none;
   text-align: center;
	height: 20px;
}

#topicsubnav ul li {
	margin: 0;
   padding: 0;
	border: 0;

   font-size: 1.2em;

	height: 15px;

	display: inline;
}  

#topicsubnav ul li a{
	margin: 0;
   padding: 0;
	border: 0;
   font-size: 1.2em;
	
	height: 15px;

	display: inline;
}

#copyright {
	padding: 0;
	text-align: center;
     }

.proj_desc {
    margin-right: 1.5em;
     }

.return {
   margin-top: 15px;
   margin-left: 300px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #7A7A7A;
     }

#popupcontent {
   width: 375px;
	text-align: center;
   margin-left: auto;
   margin-right: auto;
     } 

.featurepicinfo {
   margin-left: 10px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #444;
     }
	  
table#bookartists, table#buckingtrad, table#buckingtrad2 {
    table-layout: fixed;	 
	 margin:auto;	  	
	  }

table#bookartists td {
	width: 165px;
}	  


table#buckingtrad td, table#buckingtrad2 td {
	width: 290px;
}	  

table#buckingtrad2 td {
	width: 580px;
}	  

table#bookartists td ul li, table#buckingtrad td ul li, table#buckingtrad2 td ul li{
	list-style-type: none;
}

ul li.inline-artists {
	display: inline;
}
	  

.recent_grouping {
    margin-left:60px;
}

.cahier_grouping {
    margin-left:0;
}

.time_grouping {
    margin-left:60px;
}

 
 .vis_diary_grouping {
    margin-left:105px;
}


	/* ----- a. float-clearing rules ----- */

.clearing {
	height: 0px;
	clear: both;
     }

.separator {
	clear: both;
	height: 0;
	  }

.separatorInvisible {
	clear: both;
	height: 1px;
	  }

.clearFix:after {
   content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
     }

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	  }  
	  
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	  }	
	
		
	#page-wrap {
	width: 530px;
	background: #D6E8CA;
	padding: 20px 20px 20px 20px;
	margin: 20px auto;
	/*min-height: 500px;
	height: auto !important;
	height: 500px;*/
}

#contact-area {
	width: 500px;
	margin-top: 35px;
	margin-left: 20px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area input.reset-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 250px;
	padding-top: 5px;
	font-size: 1.1em;
}
	
	
	
	
	
			
/* ---------- 3. links and navigation ---------- */

#navbar a {
   margin: 0;
	padding: 0;
	border: 0;
   text-decoration: none;
   font-weight: 800;
   font-size: 1.1em;
   color: #949494;
     }

.current  {
   margin: 0;
	padding: 0;
	border: 0;
   font-weight: 800;
   font-size: 1em;
   color: #000;
     }

#navbar a:hover {
	color: #000;
     }

#navbar li li a {
	padding-left: 1.5em;
     }

.navbarnonlink {
	text-decoration: none;
   font-weight: 800;
   font-size: 1.1em;
   color: #949494;
     }
     
 .navbarnonlink_sep {
	text-decoration: none;
   font-weight: 800;
   font-size: 1.1em;
   color: #949494;
     }    

#footer a {
	text-decoration: none;
	padding-right: 20px;
	font-weight: 800;
   font-size: 1em;
   color: #33624E;
     }

#footer a:hover {
	color: Maroon;
     }

#botnavlist ul li a, #botnavlist2 ul li a, #botnavlist3 ul li a, #botnavlist4 ul li a {
	text-decoration: none;
	padding-right: 3px;
	font-weight: 800;
   font-size: 1.1em;
   color: #949494;
     } 

#botnavlist a:hover, #botnavlist2 a:hover, #botnavlist3 a:hover, #botnavlist4 a:hover {
	color: Black;
     }
	  
#topicsubnav ul li a {
	text-decoration: none;
	/*padding-right: 3px;*/
	font-weight: 800;
   font-size: 1.2em;
	line-height: 25px;
   color: #949494;
     } 

#topicsubnav a:hover {
	color: Black;
     }  

		
/* ---------- 4. fonts ---------- */

#container h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	line-height: 30px;
	color: #444;
     }
	  
#container h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	line-height: 20px;
	color: #444;
     }	  

#container h3 {
	margin: 1em 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #444;
     }
	
h1 {
	color: #666;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 0px;
} 
	  
h2 {
	color: #666;
	font-size: 18px;
	line-height: 24px;
	font-weight: 800;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
     }   

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
     }
	  
#content p, #content p.firstpara {
	margin-left: 10%;
	margin-right: 10%;
	line-height: 1.5em;
	margin-top: .4em;
	
}	

#content h1.bio-statement-etc {
	margin-left: 10%;
	margin-right: 10%;
} 

table td.date {
   font-size: 1.2em;
	vertical-align: top;
	font-style: oblique;
	padding-top: 5px;
	width: 5%;
     }

.title {
	font-weight: bold;
     }

.showtitle {
	font-style: italic;
	font-weight: bold;
     } 

#copyright a {
	text-decoration: none;
	padding-right: 20px;
	font-weight: 800;
   font-size: 1.1em;
   color: #949494;
     }

#copyright a:hover {
	color: Black;
     }

.copyrighttext {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #54967B;
     }

.pictitle {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: 800;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	color: #949494;
     }

.picsize {
   text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 800;
	margin-top: 5px;
	margin-bottom: 0px;	
	letter-spacing: 2px;
	color: #949494;
	text-align: center;
     }
	  

h1#alteredbook {
	height: 28px; /* height of the replacement image */
	text-indent: -20000em;
	background-image: url(images/alteredbook_hdg.jpg);
	background-repeat: no-repeat;
}
  
h3#bodymarks {
	height: 24px; /* height of the replacement image */
	text-indent: -20000em;
	background-image: url(images/bodymarks_hdg.jpg);
	background-repeat: no-repeat;
}

h3#trees {
	height: 23px; /* height of the replacement image */
	text-indent: -20000em;
	background-image: url(images/trees_hdg.jpg);
	background-repeat: no-repeat;
}

h3#mapping {
	height: 36px; /* height of the replacement image */
	text-indent: -20000em;
	background-image: url(images/mapping_hdg.jpg);
	background-repeat: no-repeat;
}

table#bookartists ul li, table#buckingtrad ul li, table#buckingtrad2 ul li{
	font-size: 1.2em;
}


/*h2#subhddesc  {
	height: 20px; /* height of the replacement image */
   /*text-indent: 20000em;
	background-image: url(images/mixedmedia_hdg.jpg);
	background-repeat: no-repeat;*/
}
			
/* ---------- 5. images ---------- */

#content a, #content a:hover, #content a:active, #content a:visited {
	text-decoration: none;
}

#content img {
	border: 1px solid #444;
	padding: 5px;
	margin: 5px;
     }

#content img.rhtside {
	float: right;
     }

#content img.lftside {
	float: left;
	margin-right: 1.5em;
     }
     
.newactivities {

	margin-bottom: 25px;
	  } 
 
.newactivities_img {
   float:right;

   width:150px;
     }
    
     
.newactivities_desc {
	width: 500px;
	float: left;	
     }         

.centerpics {
	margin-left: 100px;	
     }


/*  --------- 6. special functions (lightbox, etc.  --------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
     }

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
     }

#imageContainer{
	padding: 10px;
	  }

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	  }
	  
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	  }
	  
#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	  }
#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	  }

#imageData{
	padding:0 10px;
	  }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	  }
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	  }

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	  }

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	  }
	  
  	
#portfolio_submenu li a {
	color:#999966;
}	  

#portfolio_submenu li a:hover {
	color:#000;
}