/*
-----------------------------------------------
Erik Raschke - 'erikraschke' style sheet
created: 2008.08.09
version:  2008.09.18
author: Nick Zlonis - Figureground Inc.
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

/* =Layout
----------------------------------------------- */
body {
	background:#95a5b5 url(/img/body_bg_grey.jpg) center top no-repeat;
	color:#444;
	 font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size:95%;
	margin:0 auto;
	text-align:center;
}

.column {
	background:url(/img/alert_icon.gif) -9999px -9999px no-repeat;
	float:right;
	margin-top:50px;
	width:400px;
}
form .column {
	float:left;
}

.clear {
	background:url(/img/checkmark_icon.gif) -9999px -9999px no-repeat;
	clear:both;
}

#box_error {
	background:#eff6b1 url(/img/alert_icon.gif) 10px 50% no-repeat;
	border:2px solid #dbcc96;
	margin-left:200px;
	margin-top:480px;
	padding:20px 30px 20px 80px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

#box_sent {
	background:#d9e6bf url(/img/checkmark_icon.gif) 10px 50% no-repeat;
	border:2px solid #a8b987;
	font-size:2em;
	margin-left:220px;
	margin-top:480px;
	padding:20px 30px 20px 80px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

#footer {
	color:#eee;
	font-size:0.9em;
	height:80px;
	position:absolute;
	text-align:center;
	text-shadow:#666 0 0 6px;
	top:820px;
	width:800px;
}

#headshot {
	background:url(/img/erik_raschke_gs.png) no-repeat;
	float:right;
	height:464px;
	width:361px;
}

#notify {
	margin:0 auto;
	position:absolute;
	top:150px;
}

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

#text {
	position:relative;
	top:110px;
}

.floatl {
	float:left;
}
.floatr {
	float:right;
}

/* =Typography
----------------------------------------------- */

h1 {
	color:#444;
	font-family:'Times New Roman',Times,serif;
	font-size:2.2em;
	font-weight:100;
	letter-spacing:-0.06em;
	position:absolute;
	top:60px;
}
	h1 span {
	color:#406182;
	}

h2 {
	color:#406182;
	font-family:'Times New Roman',Times,serif;
	font-size:2em;
	font-weight:100;
	letter-spacing:-0.06em;
	position:absolute;
	top:550px;
}

p#bio {
	line-height:2em;
	margin-bottom:30px;
}


/* =Images
----------------------------------------------- */
a img {
	border:none;
}

img.icon {
	vertical-align:middle;
}

img#book_of_samuel_banner {
	position:relative;
	top:80px;
}

img#book_of_samuel_box {
	display:block;
	position:relative;
	top:90px;
}
img#glastnost_box {
	position:relative;
	top:110px;
}



/* =List Elements
----------------------------------------------- */
#box_error ul, #box_sent ul {
	margin:4px 0 0 0;
}



ul li {
	margin-bottom:8px;
}



/* =Form Elements
----------------------------------------------- */

#contact_form {
	position:absolute;
	top:550px;
}

#contact_form input.name,
#contact_form input.email, 
#contact_form input.subject  {
	border:2px solid #ccc;
	color:#aaa;
	display:block;
	font-size:1em;
	margin:0 0 10px 0;
	opacity: .5;
	filter: alpha(opacity=66);
	padding:8px;
	width:340px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
#contact_form label {
	display:none;
}
#contact_form label.cc {
	color:#999;
	display:inline;
}
#contact_form textarea {
	border:2px solid #ccc;
	color:#000;
	font-family:Tahoma, Verdana, Geneva;
	font-size:1em;
	height:8em;
	margin:0 0 5px 0;
	opacity: .5;
	padding:4px;
	filter: alpha(opacity=66);
	width:388px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

#contact-submit {
	float:right;
}

input:focus, textarea:focus {
	background-color:lightyellow;
	outline-size:3px;
	outline-color:#1a3d5f;
}

#contact-submit:focus {
	background-color:transparent;
	outline-size:0;
	outline-color:none;
}


/* =Linkage
----------------------------------------------- */

a { text-decoration:none; }
a:link { color:#369; }
a:visited { color:#369; }
a:hover { color:#036; }
a:active { color:#69c; }

#footer a { text-decoration:none; }
#footer a:link { color:#555; }
#footer a:visited { color:#555; }
#footer a:hover { color:#1a3d5f; }
#footer a:active { color:#024; }

/* =Globals
----------------------------------------------- */
.floatr { float:right; }
.floatl { float:left; }