/* CSS for Curt Confer by Danny Chapman www.dannychapman.com */

body {font-family: arial, helvetica, sans-serif; color: #333; margin: 0; padding: 0; text-align:center;}
a {text-decoration: none; color: #333; }
a:hover {color: #fff;}
div {padding: 0; margin: 0;}
id {padding: 0; margin: 0;}

#headline h1 {
	background-color: #fff; 
	letter-spacing: .45em; 
	margin: 10px auto 0px auto; 
	font-family: arial, helvetica, sans-serif; 
	color: #333; 
	font-size: 18px; 
	line-height: 11px;
	text-align: center;
}

img a:hover {
	margin: 0; padding: 0; border: 1px solid #fff;
}

.enter {color: #666666; margin: 10px auto; font-size: 13px; text-align: center;}

#pagecontainer {margin: 10px auto; padding: 0; width: 980px; }
#pagecontainer .logo {width: 980px; margin: 0 auto; height:37px; text-align:right; padding: 0; margin: 0;}
#pagecontainer .logo a img {text-decoration: none; border: none; padding: 0; margin: 0;}


body.black {background: #000 url(../img/background.gif) top left repeat-x; margin: 0; padding: 0;}
body.white {background: #E3E3E3 url(../img/entry.gif) top left repeat-x; margin: 0; padding: 0;}


#footer {font-size: 10px; color: #ccc; text-align: right; margin-top: 8px;}

.splash {margin: 20px auto; width: 700px; text-align:center;}

.work {background: url(../img/workbackground.jpg) top left no-repeat; height: 618px; margin: 0 auto; padding: 0; text-align:left;}
.onehand {background: url(../img/onehandbackground.jpg) top left no-repeat; height: 640px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.contact {background: url(../img/contactbackground.jpg) top left no-repeat;  height: 580px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.todaysentry {background: url(../img/todaysentrybackground.jpg) top left no-repeat; height: 670px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.spaceoflonging {background:  url(../img/spaceoflongingbackground.jpg) top left no-repeat; height: 660px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.blindcontour {background: url(../img/blindcontourbackground.jpg) top left no-repeat; height: 650px;  margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.resume {background: url(../img/resumebackground.jpg) top left no-repeat;  margin: 0 auto; padding: 0; text-align:left;}
.scripted {background: url(../img/scriptedbackground.jpg) top left no-repeat; height: 665px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}
.housed {background: url(../img/housedbackground.jpg) top left no-repeat;  height: 586px; margin: 0 auto; padding: 0; text-align:left; overflow: hidden;}


.resume p, .scripted p, .untitled p {padding-top: 100px; color: #fff;}
.contact p {margin: 0 auto; padding-top: 85px; padding-left: 270px; margin-right: 30px; text-align: left;}

ul li {
	list-style-type: none;
	color: #fff;
	font-size: 12px;
	padding: 0 0 9px 0;
	margin: 0 0 2px 0;
	letter-spacing: .1em;
}

ul li.selected a {color: #333; font-weight: bold;}

.thumbnail, .thumbnailvertical {
	padding-top: 475px;
	padding-left: 0px;
	padding-right: 0;
	width: 95%;
	margin: 0;
	
}


.thumbnailvertical {
	padding-top: 120px;
	padding-left: 400px;
	width: 200px;
	margin-bottom: 155px;
}


.thumbnail a img, .thumbnailvertical a img{
	border: 1px solid #222;
}

.thumbnail a img:hover, .thumbnailvertical a img:hover {border: 1px solid #eee;}

.thumbnail img {margin-right: 14px; margin-bottom:15px; width: 121px; height: 76px;}
.thumbnailvertical img {margin-bottom: 15px;}



.contact ul li.padding {padding-top: 10px;}

ul {padding-top: 90px; float: right; text-align: right;}

ul li a {color: #ddd; margin-bottom: 8px; padding: 3px;}
ul li a:hover {color: #fff; }

#pagecontainer .bio p {padding: 0; margin: 0; font-size:.9em; letter-spacing:.1em; line-height: 1.5em;}

.bio {background-color: #101010; width: 700px; border: 1px solid #111; padding: 15px; margin-bottom: 3px; font-size:.9em;}

.bio h1 {font-size: 1.2em; margin-top: 0; padding-top: 0;}
.bio h2 {font-size: 1em;}
.bio h3 {font-size: .9em;}
.bio h2, .bio h3 {margin: 0 0 0 0; padding: 15px 0 0 0; color:#666666;}

.tag { width: 300px; margin: 0; padding:0; font-size: .68em; font-family:Helvetica, Arial, sans-serif; font-weight:bold; text-align: left;}
.tag h2 {padding: 0; margin: 0; color: #fff; letter-spacing: .16em;}
.tag p {padding: 6px 0 0 0; margin: 0; letter-spacing: .1em; color:#eee; font-size:.9em; line-height: 1em; color:#bbb; font-weight: normal;}

.plaincontent {padding-top: 500px;}
.contact .plaincontent {padding-top: 370px;}

.footer {padding-top: 480px; font-size: 11px; color:#666666;}