@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; outline: 0; }

header, section, footer, nav { display: block; }
body { font-family: Keffeesatz, Arial; color: #585858; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

h1 { color: #666666; font-size: 24px; margin-bottom: 10px; text-shadow: none}
h2 { color: #708090; font-size: 18px; margin-top: 40px; margin-bottom: 10px; text-shadow: none;}
h3 { color: #708090; font-size: 24px; margin-top: 40px; margin-bottom: 10px; text-shadow: none;}
p.intro { color: #778899; font-size: 32px; text-shadow: none;}
p.content { color: #778899; font-size: 15px; text-shadow: none; width:820px}
p.content-bio { color: #778899; font-size: 14px; text-shadow: none; width:800px}

header { padding: 2px; width: 100%; height: 100px; background-color: #FFFFFF; margin-bottom: 25px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); position: fixed; z-index: 10; float: left; }
#headercontainer, #contentcontainer { width: 960px; margin: 0 auto; position: relative; }
#contentcontainer { float: none; padding-top: 0px; padding-left: 80px;}
#headerlogo { margin-left:2px; margin-top:10px;}
#headerlogo a { color: #000000; text-decoration: none; border-bottom: 0px solid #000000; padding-bottom: 2px; }

section { padding-top: 150px; float: left; padding-bottom: 400px;}
.sectionline{ display:block; background-color: #666666; width:820px; height:10px; position: absolute; margin-top:-80px; }

nav { width:auto; float:left; margin-top: -80px;}
nav ul { position: absolute; right: 60px; display: block; margin-top: 48px;}
nav ul li { display: inline; margin-left: 40px}
nav ul li a { color: #666666; text-decoration: none; border-bottom: 1px; solid #666666; padding-bottom: 2px; font-size: 18px;}
nav ul li a:hover  { color: #181818 ; text-decoration: none; border-bottom: 2px solid #181818 ; padding-bottom: 2px; }
nav ul li a:active { color: #181818 ; text-decoration: none; border-bottom: 2px solid #181818 ; padding-bottom: 2px; position: relative; top: 1px; }

#galleryheadercontainer { width: 820px; margin: 0 auto; position: relative; }

#gallerybox { background-color: black; margin: 0px auto; position: relative;  width: 820px; height: 520px; box-shadow: 0 0 6px rgba(0,0,0,0.4);}
.galleryimgportraits { 
	display:block; 
	background-color: gray; 
	margin: 10px; 
	position: absolute;  
	width: 400px; 
	height: 500px;
}

.galleryimgdrawings { 
	display:block; 
	background-color: white; 
	margin-left: 420px; 
	margin-right:10px; 
	margin-top:10px; 
	margin-bottom:10px; 
	position: absolute;  
	width: 390px; 
	height: 260px;
}

.galleryimgstilllife { 
	display:block; 
	background-color: white; 
	margin-left: 420px; 
	margin-right:10px; 
	margin-top:280px; 
	margin-bottom:10px; 
	position: absolute;  
	width: 190px; 
	height: 230px;
}
	
.galleryimgpoultry { 
	display:block; 
	background-color: gray; 
	margin-left: 620px; 
	margin-right:10px; 
	margin-top:280px; 
	margin-bottom:10px; 
	position: absolute;  
	width: 190px; 
	height: 230px;
}

.gallerydesc{ 
	display:block; 
	background: #181818 ; 
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	color: white; 
	position: absolute; 
	bottom: 0px; 
	padding: 10px 0px; 
	width: 100%; 
	height:18px; 
	margin: 0px; 
}

gallerynav { display: block; }
gallerynav { width:auto; float:left; margin-top: -80px; font-size: 16px; text-shadow: none;}
gallerynav ul { position: absolute; right: 10px; display: block; margin-top: 48px;}
gallerynav ul li { display: inline; margin-left: 40px}
gallerynav ul li a { color: #666666; text-decoration: none; border-bottom: 1px; solid #666666; padding-bottom: 2px; font-size: 16px;}
gallerynav ul li a:hover  { color: #181818 ; text-decoration: none; border-bottom: 2px solid #181818 ; padding-bottom: 2px; }
gallerynav ul li a:active { color: #181818 ; text-decoration: none; border-bottom: 2px solid #181818 ; padding-bottom: 2px; position: relative; top: 1px; }


#introcontainer { width:800px;}


.publicationimg {
	margin: 5px;
    padding: 0px;
    border: 1px solid #666;
    height: 180px;
    width: 400px;;
    float: left;
}

.publicationimg img {
    margin-left: 10px;
	margin-top: 10px; 
	padding: 5px;
    border: 1px solid #CCC;
}

.publicationimg .textarea {
	display:block;
	height: 160px;
    width: 230px;
	margin-top: -165px; 
	margin-left: 150px;
	position: relative;
	text-align: left;
	text-shadow:none;
	border-left: 2px solid #CCC;
}
.publicationimg .article {
	font-size:13px;
    font-weight: 600;
    margin-top: 0px; 
	margin-left: 10px;
	margin-bottom: 20px;
}
.publicationimg .title {
	font-size:12px;
    font-weight: bold;
    width: 200px;
    margin-left: 10px;
	color: #666;
}
.publicationimg .issue {
	font-size:10px;
    font-weight: normal;
    width: 150px;
    margin-top: 1px; 
	margin-left: 10px;
	margin-bottom: 30px;
	color:#708090;
	font-weight: bold;
}
.articlebutton {
	display: block;
	font-size: 10px;
    font-weight: bold;
    width: 225px;
    margin-top: 5px; 
	margin-left: 10px;
	margin-bottom: 0px;
	padding:2px;
	
	border: 1px solid #a1a1a1;
}
.articlebutton a { display:block; width:209px; color:#666; background-color:#E9E9E9; padding:8px;text-decoration: none; }
.articlebutton a:hover { color:#FFF; background-color:#666;}

dl { font-family: Arial, Helvetica, sans-serif; text-shadow: none;  }
dt { color: #708090; font-size:16px; font-weight:500; margin-left:40px; margin-bottom:0px; }
dd { color: #777777; font-size:14px;  margin-left:90px; margin-bottom:10px; max-width:700px;}
#gailname {color: #666666;; font-size:30px; font-weight:bold; text-shadow: none; margin-bottom:10px;}
#gailcontact {color: #777777; font-size:14px; font-weight:500; text-shadow: none;}
p.gailbio { color: #555555; font-size: 18px; text-shadow: none; width:550px; margin-bottom:10px;}
#bio_sec { font-size:16px; font-weight:800; margin-bottom:20px; margin-top:40px; text-transform: uppercase;}
.bio_resume { display:block; color: #708090; font-size: 14px; margin-right:5px; margin-top:80px;text-shadow: none;}
.bio_resume a { color: #708090; font-size: 14px; margin-right:0px; margin-top:80px;text-shadow: none; text-decoration: none;}
.bio_resume a:hover  { color: #708090 ; text-decoration: none; border-bottom: 1px solid #708090 ; padding-bottom: 1px; }


/*intro Slideshow*/
#slideshow { 
	background-color: black;
    margin: 0px auto; 
    position: relative; 
    width: 820px; 
    height: 520px; 
    padding: 0px; 
    box-shadow: 0 0 6px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}