@charset "utf-8";
/*------------------
== RESET ===========
------------------*/
body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}a:active{border:0;}

/*------------------
== FONTS ===========
------------------*/
@font-face {
	font-family: "Fontin";
	src: url("/fonts/fontin.eot");
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

@font-face {
	font-family: "Fontin Sans";
	src: url("/fonts/fontin_sans.eot");
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

@font-face {
	font-family: "Vollkorn";
	src: url("/fonts/vollkorn.eot");
	/* Font by http://grafikfritze.de/?p=43*/
}

@font-face {
	font-family: "Fontin";
	src: url("/fonts/fontin.otf") format("opentype");
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

@font-face {
	font-family: "Fontin Sans";
	src: url("/fonts/fontin_sans.otf") format("opentype");
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

@font-face {
	font-family: "Vollkorn";
	src: url("/fonts/vollkorn.otf") format("opentype");
	/* Font by http://grafikfritze.de/?p=43*/
}

/*------------------
== PAGE LAYOUT =====
------------------*/
html	{
			font:normal normal 14px Corbel,Helvetica,"Bitstream Vera Sans",Verdana,sans-serif;
			background-color:#e9e9e9;
		}

body	{text-align:center;}

div#wrap	{
	position:relative;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
	letter-spacing:1px;
	line-height:1.3em;
}

div.wrap-narrow	{
	width:800px;
}

div.wrap-wide	{
	width:960px;
}

/*------------------
== HEADER ==========
------------------*/
div#header	{
	position:relative;
	width:100%;
	text-align:center;
	height:40px;
	background:#000 url("http://images.danielcassman.com/blackgrad-60.png") repeat-x top left;
}

	div#header div.wrap, div#header-home div.wrap	{
		position:relative;
		width:960px;
		margin:0 auto;
	}

div#logo	{
	font-size:2.3em;
	text-transform:lowercase;
	width:300px;
	float:left;
	font-family:"Fontin Sans",Corbel,Helvetica,"Bitstream Vera Sans",Verdana,sans-serif;
}
	div#logo a span#title	{
		display:block;
		text-align:left;
		color: #3d77be;
		font-family:"Fontin Sans",Corbel,Helvetica,"Bitstream Vera Sans",Verdana,sans-serif;
	}
	
	div#logo span#title span:before, span#foottitle span:before{
		content:'\00bb';
		font-family:Georgia,"Times New Roman","Bitstream Vera Serif",serif;
	}
	
	div#logo a span#title span	{color:#ccc;}
	
	div#logo a:hover	{text-decoration:none;}

/*------------------
== NAVIGATION ======
------------------*/
ul#nav	{
	float:right;
	width:600px;
}

ul#nav li	{
	display:block;
	float:right;
	margin-left:10px;
	margin-top:1px;
}

ul#nav li a, a.button {
	display:block;
	padding:2px 10px;
	text-align:center;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	margin:5px 0;
	text-transform:lowercase;
	font-variant:small-caps;
	font-size:1.2em;
	letter-spacing:1px;
}

ul#nav li a 	{
	border-color:#333;
	color:#ddd;
	background-color:rgb(12,12,12);
}

a.button:link, a.button:visited	{
	color:black;
	border-color:#bbb;
}

a.button:hover	{
	text-decoration:none;
}

ul#nav li a:hover, a.button:hover	{
	background-color:#3d77be;
	border:1px solid #ccc;
	color:#fff;
}

/*------------------
== PAGE ELEMENTS ===
------------------*/
p	{margin-bottom:1em;}

.spacer	{display:block; clear:both;}

em	{font-style:italic;}

strong	{font-weight:bold;}

.box, blockquote {
	background-color:#d4d4d4;
	padding:1em;
	margin:1em 0;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

code {
	position:relative;
	display:block;
	padding:1em;
	margin:.5em 0 1em;
	text-indent:0;
	font:normal normal .9em Consolas,Courier,"Bistream Vera Sans Mono",monospace;
	background-color:#d4d4d4;
}

/*------------------
== HEADERS =========
------------------*/
h1	{
	font:normal normal 2em Vollkorn,Constantia,"Bitstream Vera Serif",Georgia,serif;
	clear:both;
	margin-bottom:.5em;
	color: black;
}

h2	{
	font:normal bold 1.5em Calibri,Helvetica,"Bitstream Vera Sans",Tahoma,sans-serf;
	clear:both;
	color:#333;
}

h3	{
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:0;
		color: #3d77be;
	}

/*------------------
== LISTS ===========
------------------*/
.linklist, blockquote ul {margin-bottom:1em; margin-left:1em;}

	ul.linklist li, blockquote ul li {
		list-style:disc inside; margin-bottom:.3em;
	}
	
	ol.linklist li {list-style:decimal inside;}
	
	li span.sub{
		display:block; margin:0 0 .3em 2em;
	}
	
.followp, blockquote ul{margin-top:-.7em;}

.indent {margin-left:1.5em;}

p.list {margin-top:1.5em; padding-bottom:1em; margin-left:3.5em;}
	p.list span.number {position:relative; left:-1em; font-size:3.5em; float:left; padding:5px; font-family:sans-serif; margin-right:-.8em;}
	p.list span.title {display:block; font-weight:bold; font-size:1.2em; clear:right;}
	p.list a.right {display:block; text-align:right;}

/*------------------
== FORM ELEMENTS ===
------------------*/
label.formlbl {
	display:block;
	width:100px;
	float:left;
}

div#mail_info	{float:left; width:300px;}

textarea.full {width:430px; height:9em; margin-bottom:1em; overflow:auto;}

input.button{-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

input.text, textarea.text {
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-color:#ccc;
	border:1px solid #AD9A7E;
	padding:2px;
	color:#222;
}

form input.text-active, form textarea.text-active {
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-color:#fff;
	border:1px solid #0000ff;
	padding:2px;
	color:#000;
}

input.button {
	background-color:#ccc;
	color:#000;
	border:1px solid #AD9A7E;
	padding:3px 8px;
}

input.button:hover {
	background-color:#3d77be;
	border:1px solid #000;
	color:white;
}

/*------------------
== LINKS ===========
------------------*/
a:link, a:visited	{text-decoration:none;}

a:hover	{text-decoration:underline;}

a.button	{
	display:block;
	float:right;
	margin-bottom:-90%;
}

a#home	{
	position:absolute;
	top:-55px;
}

/*------------------
== FOOTER ==========
------------------*/
#footer	{
	border-top:1px solid #aaa;
	width:960px;
	margin:2em auto 1em;
	padding-top:2em;
	text-align:left;
	letter-spacing:1px;
	clear:both;
}

span#foottitle	{
	display:block;
	text-align:right;
	text-transform:lowercase;
	font-size:1.5em;
	clear:both;
	color: #3d77be;
}

span#foottitle	a:hover	{text-decoration:none; color: #3d77be;}

span#foottitle span	{color:#111;}

#footer p	{
	float:left;
	width:280px;
	margin-right:60px;
}

#footer ul.column	{
	float:right;
	width:280px;
	text-align:right;
}
#footer ul.column li	{margin-bottom:.3em;}

#footer p.last	{margin-right:0;}