/* Page styles
=================== */

body {
font:x-small/1.5em arial, verdana, sans-serif;
padding: 5px 0 10px 0;
margin: 0;
text-align: center;
voice-family: "\"}\""; voice-family:inherit;
font-size:small;
background: #fff;
} html>body {font-size:small;}


#wrapper {
position: relative;
width: 850px;
margin: 0 auto 0;
text-align: left;
}


	
/* Header and footer
=================== */

#header {
height: 4.2em;
}

h1 {
float: left;
margin: 0 0 10px 0;
}

h1 a {
background: url('/stylesheets/art/tianapeterson.gif') top left;
display: block;
text-indent: -3000px;
height: 50px;
width: 376px;
position: absolute;
}

h1 a:hover {
background: url('/stylesheets/art/tianapeterson.gif') 0px 48px;
}


h2 {
margin: 0 0 0 0; 
padding: 15px 0 0 0;
right: 0;
top: 5px;
color: #333;
text-align: right;
padding-right: 10px;
font-size: 1.7em;
}

a#about_link {
text-decoration: none;
margin-left: 1em;
}


#homelink {
display: block;
width: 234px;
height: 38px;
}

.oldhomelink {
text-indent: -500px;
background: url('art/tp-home-white.gif') top left no-repeat;
}

a {color: #111; text-decoration: underline;}
a:hover {color:#611;text-decoration: underline;}

#footer {
clear: both;
margin-top: 2em;
color: #666;
float: right;
padding: 0;
list-style-type: none;
}

#footer li {
font-size:1.5em;
display: inline;
margin:0 0 0 10px; padding: 0;
text-decoration: none;
list-style-type: none;
}

#footer a {
height: 20px;
float: left;display: block;
margin-right: 10px;
padding-top: 5px;
text-indent: -1500px;
outline: none;
text-decoration: none;
}

#footer a:hover {
background-position: left -33px!important;
}

#footer #copyright a {
width: 189px;
background: url('/stylesheets/art/copyright.gif') left top no-repeat;
}

#footer #contact a {
width: 70px;
background: url('/stylesheets/art/contact.gif') left top no-repeat;
}

#footer #bio a {
width: 40px;
background: url('/stylesheets/art/bio.gif') left top no-repeat;
}


/* Page content
=================== */

#pagecontent {
font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;	
font-size: .95em;
margin: 1em 2em;
}

#pagecontent p {
font-size: 1em;
margin: .2em 0 .5em 0;
}

#pagecontent p.message {
padding: 2em 0 6em;
}

#pagecontent input,
#pagecontent textarea {
border: 1px solid #999;
}
textarea {
padding: 1px;
font-family: arial, verdana, sans-serif;
font-size: 1em;
}


/* Home page thumbnails
=================== */

ul.thumbs {
clear: both;
margin: 20px 10px 0 0;
padding:0;
}

ul.thumbs li {
float: right; display: inline;
margin: 0 7px 14px 0;
padding:0;
}  

ul.thumbs li a {
text-decoration: none!important;
padding: 0; 
}

ul.thumbs li a img {
border: 1px solid #aaa;
padding: 0;
}

ul.thumbs li a:hover img {
border: 1px solid #222;
}


/* Photo slides
=================== */

#show_wrap {
margin: 0 auto;
position: relative;
}

#image_wrap {
width: 800px;
overflow: visible;
margin: 0 auto;
position: relative;
background-color: #fff;
padding: 10px 0;
}

.slide {
position: absolute;
top: 0;
left: 0;
background-color:#fff;
text-align: center;
}
.slide .meta {
position: absolute;
right: 0;
text-align: right;
width: 600px;
line-height: 1.1em;
background-color: #fff;
}
.slide .meta p {
font-size: .9em;
margin: 0;
}

#curtain {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 200;
}

#curtain em {
display: block;
text-align: center;
margin-top:30%;
font-size: 1.1em;
color: #bbb;
}
#image_wrap {
position:relative;
}
#wide_wrap {
width: 5000px;
position: relative;
}
.singleimage {
float: left;
width: 800px;
text-align: center;
}
.singleimage img {
margin: 0 auto;
}

.nav {
position: absolute;
width:23px; height:33px;
text-align: center;
text-decoration: none;
top: 45%;
z-index: 100;
}
.nav span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#prev {
left:  10px;
background: url('art/arrow-left.gif') center center no-repeat;
}
#next {
right: 10px;
background: url('art/arrow-right.gif') center center  no-repeat;
}
.nav:hover {
background-color: #eee!important;
}