/*

andrevanderkooij.com stylesheet
coded by Kevin Finlayson 
Principal Designer,
Dust and Mold 
info@dustandmold.net
© Dust and Mold 
Dissect only

See related IE.css files for MSIE-specific styles.

TOC:

1. Global Reset
2. Structure
3. Typography
4. Navigation
5. Accessibility


I reserve the right to not follow this scheme ;)

*/

/* (1) GLOBAL RESET

This reset replicates mozilla/standards whitespace and flow behaviours across all browsers.  Major shouts to Left Justified: http://leftjustified.net/journal/2004/10/19/global-ws-reset/

*/

* {
padding:0px;
margin:0px;
/*font-size: 1em;*/
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 15px 0; 
}

li, dd { 
	margin-left: 40px; 
}

fieldset {
	padding: 10px; 
}

a img {
	border: none;	
}

/* (2) STRUCTURE */

body {
	font: 67%/1.4em "Lucida Grande", verdana, arial, sans-serif;
	color: #2f4522;
	background-color: #eeded4;
}

/*LAYOUT*/

#wrapper {
	margin: 0px auto;
	padding:10px;
/*	padding-top:30px;*/
	height: 692px;
	width: 785px;
	background: transparent url("../comps/wbg.gif") no-repeat top center;	
}

#content {
	float: left;
	width: 775px;
	height: 612px;
	background-color: #ffffff;
	padding:5px;
	padding-top:0px;
	overflow: hidden;
}

#footer {
	clear: both;
	width: 785px;
	height: 30px;
	background-color:transparent;
	border-top: none;
}


/* For #front_top and front_bottom, please see (6) IMAGE GALLERY */

/* (3) TYPOGRAPHY */

p {

}

a, a:visited {
	color: #2f4522;
	text-decoration: none;
	border-bottom: 1px solid #8299af;
}

a:hover {
	text-decoration: none;
	background-color: #c0dcce;
	color: #2f4522;
	border-bottom: 1px solid #8299af;
}

h1, h2, h3, h4, h5 {
	font-family: "times", georgia, serif;
	color: #2f4522;
	line-height: 1em;
	width: 310px;
/*	border-bottom: 1px solid #8d6f56;	*/
	margin-bottom:15px;
}

h1 {
	font-size: 2.18em;
}

h2 {
	font-size: 1.84em;
	font-weight: normal;
}

h3 {
	font-size: 1.64em;
	font-weight: normal;
}

h4 {
	font-size: 1.45em;
}

h5 {
	font-size: 1.18em;
}

ul {
	list-style: none;
}

li {
	margin-left: 0px;
}

/* (4) NAVIGATION */

ul#nav1, ul#nav2 {
	height: 40px;
	width: 785px;
	list-style: none;
	margin: 0px;
	line-height: 1em;
/*	background-color: #7a7a7a;*/
	border-bottom: 5px solid #fff;
}

ul#nav1 li, ul#nav2 li {
	display: block;
	height: 40px;
	float: left;
	margin-left: 0px;
}

ul#nav1 li a, ul#nav1 li a:visited, ul#nav2 li a, ul#nav2 li a:visited, ul#nav2 li#instructions {
	display: block;
	padding: 5px 20px 5px 20px;
	font: 1.27em/1.3 "Lucida Grande", arial, sans-serif;
	height: 10px;
	padding-top:12px;
	padding-bottom: 18px;
	margin: 0;
	float: left;
/*	color: #c9967f;*/
	color: #c58366;
	border-bottom:none;
}

ul#nav1 li a:hover {
	background-color:transparent;
	text-decoration: underline;
	
}

#index li.nav1li1 a,
#works  li.nav1li2 a,
#texts li.nav1li3 a,
#contact li.nav1li4 a {
	background: transparent url("../comps/nav1active.gif") no-repeat center bottom;
}

/*#works ul#nav2 li.nav2li1 a, 
#works ul#nav2 li.nav2li1 a,
#works ul#nav2 li.nav2li1 a {
	background: transparent url("../comps/nav1active.gif") no-repeat center bottom;
}*/

/*ul#nav2 {
	height: 30px;
	background-color: #69595a;
}*/

/*ul#nav2 li {
	height: 30px;
}*/

/*ul#nav2 li a, ul#nav2 li a:visited, ul#nav2 li a:visited, ul#nav2 li.instructions {
	font: 1.18em/1.3 "Lucida Grande", arial, sans-serif;
	margin: 0;
	padding-top: 6px;
	color: #c5bdbe;
}*/

li.nav1li1 a, li.nav1li1 a:visited, li.nav2li1 a, li.nav2li1 a:visited, li.instructions {
margin-left: 95px !important;
}

li.nav1li4 a, li.nav1li4 a:visited, li.nav2li4 a, li.nav2li4 a:visited {
padding-right:  0px !important;
}

.back { 
	display:block;
	width:340px;
	height: 18px;
	text-align: left;
	background-color: #809a96;
	margin-bottom: 0px;
	padding: 7px 15px 5px 15px;
/*	border-top: 5px solid #efefef;*/
	color: #fff;
}

.back a, .back a:visited {
	color: #fff;
}


/* (5) ACCESSIBILITY */

/* (6) IMAGE GALLERY */

#imgs-frame {
	float: left;
	width: 400px;
	height: 612px;
	background-color: #d0eae6;
}
#controller, #side {
	background-color: #99b6b1;
	height: 612px;
	width: 370px;
	float: left;
	z-index: 10;
	position:relative;
	margin-left: 5px;

}


#top, #list {
/*	background-color: #f1eaec;*/
	background-color: #b0d6d2;
	height: auto;      
	width: 340px;
	float: left;
	padding: 0px 15px 20px 15px;
	z-index: 10;
/*	border-bottom: 5px solid #efefef;*/
	position:relative;
}

#works #list {
	padding-left: 0px;
	width: 355px;
}

#works #list h3 {
	margin-left: 15px;
}

#index #top, #contact #top {
	border-bottom: 5px solid #fff;
}

#list {
	padding-top:0;
	padding-bottom:0;
	height: 612px;
	background-color: #B0D6D2;
	overflow: auto;
}

#bottom {
	padding: 0px 15px 20px 15px;
	float: left;
}

#works #list ul#thumbs {
	float: left;
	height: 612px;
	width: 340px;
	margin-bottom:0px;
}

#thumbs li a, #thumbs li a:visited, #controller li a, #controller li a:visited {
	border-bottom:none;
}

#thumbs li a:hover, #controller li a:hover {
	border-bottom: none;
	background-color: transparent;
}

.thumblist, .thumbsnode {
	clear:left;
}

.thumblist li {
	float: left;
	display:block;
	background-color: #c0dcce;
	padding: 5px 5px 2px 5px;
	margin: 0px 0px 15px 15px;
}

#thumbs {
	margin-top:0px;
}

#thumbs h3 {
	margin-bottom: 0px;
}

ul.thumbs li a {
	float:left;
	display: block;
	margin: 0px 15px 15px 0px;

}

#index #bottom ul#thumbs li a img, ul.thumbs li a img {
	background-color: #c0dcce;
	padding: 5px 5px 5px 5px;
}


#imgDisplay_number {
	clear:left;
}

#index #bottom ul#thumbs li a {
	float:left;
	display: block;
	margin: 0px 15px 15px 0px;
}

#top {
padding-top: 0px !important;
}

#imgDisplay_title {
	font-size: 1.64em;
	font-family: "times", georgia, serif;
	font-weight: normal;
	line-height: 1.3em;
	color: #2f4522;
	font-style: italic;
}

.greeting {
	font-size: 1em;
	font-weight: bold;
}

#imgDisplay_caption {
	min-height: 50px;
	margin-bottom:20px!important;
	
}

#index h2 {
	border-bottom: none;
	color: #2f4522;
}

#list h3 {
}

.thumbsnode {
	margin-bottom:0px;
}

#index h3 {
/*	margin-bottom:10px;*/
}

.shuntright {
	margin-right: 145px;
}

#footer p{
	font-size: 10px;
	height: 23px;
/*	background-color: #cbc4c6;*/
	margin:0;
	padding: 7px 0px 0px 0px;
	position:relative;
	color: #c58366;
}

#footer a, #footer a:visited {
	color: #c58366;
	border-bottom: none;
	text-decoration: underline;
}

#footer a:hover {
	background-color: transparent;
	text-decoration: underline;
}


.zoomright {
	position:absolute;
	right: 0px;
	top:7px;
}

/*#texts #top {
	background-color: #a6c5e2;
}*/

#texts #bottom {
		background-color: #B0D6D2;
		width: 745px;
		height: 557px;
		overflow:auto;
}

#texts .back {
	position: relative;
	display:block;
	width:745px;
	height: 18px;
	text-align: left;
	background-color: #809a96;
	margin-bottom: 0px;
	padding: 7px 15px 5px 15px;
/*	border-top: 5px solid #efefef;*/
	color: #fff;
	border-bottom: 5px solid #fff;
}

#texts .back a, #texts .back a:visited {
	color: #fff;
}

#texts h1 {
	font-family: "lucida grande", arial, sans-serif;
	font-weight: normal;
	color: #2f4522;
}

.cv_date {
	font-weight: bold;
	margin-left: -40px;
	margin-right: 10px;
}

#texts #bottom ul, #texts #bottom p {
	width: 560px;
	line-height: 1.6em;
}

#texts #bottom ul li {
	margin-left: 40px;
}

ul#nav1 li.title a, ul#nav1 li.title a:visited {
	padding: 10px 0px 10px 10px;
	height: 20px;
}

ul#nav1 li.title h5 {
	padding:0;
	margin:0;
}

ul#nav1 li.title a:hover {
	text-decoration:none;
}	

#index #thumbs {
	margin-bottom: 0px;
}
                     



#works #imgDisplay_caption {
	min-height: 30px;  
	float: left;
	display: block;     	
}

#works #top {
	padding-bottom:0px !important;
	border-bottom: none;	
}
           

#works #top {
	padding-left: 0px;
	width: 355px;
}    

#works #top li {
		margin-left: 15px;		
}                            

#works .back {
	display:block;      
	float: left;
	clear:left;    
	margin-left: 0px !important;
}