/* ANDREW.HARRISON.ORG CSS v14.2 */
/* © Andrew Harrison October 2008 */
/* 
	Hello and welcome to the andrew.harrison.org Cascading Style Sheet bonanza!
	This style sheet was hand crafted by Andrew Harrison (me) over the course of 
	a rather extensive period, and I'd really prefer it if you didn't steal my
	work. Some of the techniques I've used have been borrowed from various places
	around the internet, and I've attributed the authors where necessary.
	
	Have a look around though, you're more than welcome. In fact, I encourage you 
	to learn some of the CSS techniques I've used here, because aside from being 
	nice and shiny, they also adhere to the w3c web standards, and I'd 
	love it if the whole internet could stick to those kind of standards too.
	
	So, whilst I'm more than happy for you to learn from the work I've done [and
	would love you to tell me about it if you have] I don't want you to go
	and steal it and pretend it's your own. Because it's not. It's mine. And just 
	like I hope you wouldn't come to my house and steal my dog, I hope that you 
	don't come here and steal my work.
	
	If you have any questions about any of the CSS I've used here, or if you know
	of a better, more efficient way of doing some of the code I've used, please 
	drop me a line at andrew@harrison.org and I promise I will reply to you as 
	soon as I can sit down and type an email.
*/


/* CSS Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* (slightly modified by me to add img {display:block} to get <li> with images
inside them to display padding and margins properly in firefox) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, hr, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img {
	display: block;
}

/* -------------------- ahdorg ---------------------- */

/* BASIC PAGE STRUCTURE */

body {
	background: #4F4537;
}

#contentarea {
	width: 100%;
	height: auto;
	min-height: 450px;
	clear:both;
	overflow:hidden;
	background: #F5F2EB;
}

#pagecontainer {
	width: 60em;
	height: auto;
	margin-left: auto;
	margin-right:auto;
/*	background: red;
	border: 5px solid green;*/
}


/* THE NEW HEADER */

#newheadercontainer {
	height: 3em;
	width: 100%;
	background: #4F4537;
	clear:both;
	margin: 0 0 0 0;
	padding: 0.5em 0 0 0;
}

#newheader {
	width: 60em;
	background: #4F4537;
	margin-left: auto;
	margin-right:auto;
}

#newlogo {
	font: normal 2.25em/1.3 "Gnuolane", Helvetica, Arial, serif;
	color: #cd6c05;
	/*background: yellow;*/
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.015em;	
	float: left;
}

#newlogo img {
	line-height: 1.3;
	padding: 0.15em 0 0 0;
}

#newlogo a {
	color: #cd6c05;
	text-decoration: none;
}

	
ul#newnav {
	list-style-type:none;
	padding:0;
	/*background: blue;*/
	width: 36em;
	float:right;
	
}	

ul#newnav li {
	display:inline;
	padding:0.5em 2em 0 0;
	text-transform: uppercase;
	font: normal 1.5em/30px "Gnuolane";
	float:left;
	/*background: green;*/
}

ul#newnav li.active a {
	border-bottom: 2px solid #e5a35f;	
}
ul#newnav li a {
	color: #616e95;
	text-decoration: none;	
	/*background: red;*/
	padding: 0;
	margin: 0;
}

ul#newnav li a img {
	padding-bottom: 3px;
	/*background: white;*/
}

ul#newnav li a:hover img {
	border-bottom: 2px solid #e5a35f;
}

ul#newnav li a.current img{
	border-bottom: 2px solid #e5a35f;
}



/* BASIC CONTENT AREA STRUCTURE AND STYLES */

#contentblock {
	padding:1em 0 2em 0;
	clear:both;
	height: auto;
	overflow:hidden;
	/*background: grey;*/
	}

div.slug {
	width: 36em;
	float: right;
	padding: 0.75em 0 1em 0;
}

.slug p {
	padding-bottom: 0.75em;
	font: normal 1.3em/1.3 Georgia, Times, serif;
	color: #4F4537;	
}

.slug a {
	color: #351D04;
}

.slug a:hover {
	color: #351D04;
}

.slug a:visited {
	color: #4F4537;
}

.indexpost {
	width: 100%;
	clear:both;
	margin: 0.5em 0 0 0;
	height: auto;
	overflow: hidden;
	/*background: yellow;*/
}

div.posttitle {
	width: 20em;
	float:left;
	/*background:green;*/
	padding: 0 0 1em 0;
}

.posttitle h1 {
	font: bold 1.75em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
}

.posttitle h1 a {
	text-decoration:none;
	color: #4F4537;
}

.posttitle h1 a:hover {
	color: #351D04;
}

.posttitle p {
	font: normal 0.85em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
	padding: 1em 0 0 0 ;
	clear:both;
}

div.postdate {
	font: normal 0.85em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
	float:left;
	padding: 0.5em 0 0 0 ;

}

.postdate a {
	color: #4F4537;
}

div.posttext {
	width: 36em;
	float: right;
	padding: 0.75em 0 0 0 ;
	/*background: aqua;*/
}

.posttext p {
	font: normal 0.9em/1.3  Georgia, Times, serif ;
	color: #4F4537;
	margin: 0 0 1em 0;
	text-align: left;
}

.posttext h2 {
	font: bold 1.1em/1.6  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
}

.posttext h3 {
	font: bold 0.8em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
}

.posttext h3 + p, .posttext h3 + ul li {
	font: normal 0.8em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
}

.posttext a {
	color: #351D04;
}

.posttext a:hover {
	color: #351D04;
}

.posttext img {
	margin: 0 0 1em 0;
}

.posttext img[src="/images/space.gif"] {
	display: none;
}

.posttext blockquote {
	margin-left: 2em;
	border-left: 1px solid #4F4537;
}

.posttext blockquote p {
	margin-left: 1em;
	font-size: 0.85em;
}

.posttext ul {
	margin: 1em 0 1em 0;
}
.posttext ul li {
	font: normal 0.9em/1.3  Georgia, Times, serif ;
	color: #4F4537;
	margin: 0 0 0 1em;
	text-align: left;
	list-style:circle;	
}

.posttext ol {
	margin: 1em 0 1em 0;
}

.posttext ol li {
	font: normal 0.9em/1.3  Georgia, Times, serif ;
	color: #4F4537;
	margin: 0 0 0 1em;
	text-align: left;
	list-style-type: decimal;
}

.strike {
	text-decoration: line-through;
}
div.readlink {
	width: 100%;
	clear:both;
}

.readlink a img {
	float: right;
	padding: 0.5em 0 3px 0;
	margin-bottom: 0.5em;
	font: normal 1.5em/30px "Gnuolane";
	color: #616e95;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom: 2px solid #F5F2EB;

}

.readlink a:hover img {
	border-bottom: 2px solid #e5a35f;

}

#footercontainer {
	background: #4F4537;
	width: 100%;	
	clear:both;
	height: auto;
	overflow:hidden;
	min-height: 30%;
}


#footer {
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 0 2em 0;
	clear:both;
	overflow:hidden;
	height: auto;
}


#footer p {
	font: normal 0.75em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 1em 0 0 0;
	text-align: left;
}
	
#footer h1 {
	font: normal 1.15em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 1em 0 0 0;
	text-align: left;
}

#footer h2 {
	font: normal 0.9em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 1em 0 0 0;
	text-align: left;
}

#footer a {
	color: #fff;
}

.footerleft {
	float:left;
	width: 20em;	
}

.footerright {
	float:right;
	width: 36em;
}

.footerrightcolumn {
	float: left;
	width: 40%;
	padding-right: 10%;
}

ul.smallprint {
	margin: 1em 0 0 0;

}

ul.smallprint li a {
	font: normal 0.75em/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0 0 0 1em;
	text-align: left;	
}

hr {
	border-top: 1px solid #DAD6D1;
	border-bottom: 1px solid #fff;
	clear: both;
	height: 0px;
}

pre {
	margin-left: 3em;
	padding-bottom: 1em;
}

code {
	font: normal 1em/1.3 "Monaco", Courier, monospace;
	color: #2e2e2e;
}

/* PAGE SPECIFIC STYLES */

div.pagetitle {
	width: 20em;
	float:left;
	/*background:green;*/
	padding: 0;
}

.pagetitle h1 {
	font: bold 2.15em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;	
}

.pagetitle h1 a {
	text-decoration:none;
	color: #4F4537;
}

.pagetitle h1 a:hover {
	color: #351D04;
}

.pagetitle p {
	font: normal 0.85em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
	padding: 0.5em 0 0 0 ;
}

div.archivenav {
	width: 100%;
	padding: 0.5em 0;
	clear:both;
}

.archivenav a img {
	padding: 0.5em 0 3px 0;
	margin-bottom: 0.5em;
	font: normal 1.5em/30px "Gnuolane";
	color: #616e95;
	text-decoration:none;
	text-transform: uppercase;
	border-bottom: 2px solid #F5F2EB;
	
}

.archivenav a:hover img {
	border-bottom: 2px solid #e5a35f;
}

.older{ 
	float: left;

}
.newer {
	float:right;
}

.searchhead {
	padding: 0 0 1em 0;
}

.foliocontainer {
	height: auto;
	clear:both;
	overflow:hidden;
	padding: 0 0 1em 0;
}

.foliocontainer img {
	padding: 0;
	margin: 0;
}

.folio {
	min-height: 325px;
	height: auto;
}

.folio-iphone {
	min-height: 480px;
	height: auto;
}

#folionav {
	float:right;
	z-index: 2;
	padding: 0 0 0 1em;
	width: auto;
	border-top: none;
	text-align: right;
}

#folionav a {
	font: normal 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4F4537;
}

a img.recentwork {
	margin: 0.75em 0;
}

.download {
	float:left;
	padding-left: 2em;
}

/* CONTACT FORM */

.contactsidebar {
	font: normal 1em/1.3  Georgia, Times, serif ;
	color: #4F4537;
	margin: 1em 0 1em 0;
	text-align: left;
}

.contactsidebar h2 {
	font-size: 1.15em/1.3;
}

.contactsidebar a {
	color: #351D04;
	text-decoration:none;
}

.contactsidebar a:hover {
	color: #351D04;
	text-decoration: underline;
}

.contactsidebar a:visited {
	color: #4F4537;
}

form {
  margin: 0;
  padding: 0;
}

fieldset {
	padding: 1em 0;
}

label {  
	float: left;  
	width: auto;  
	font: normal 1em/1.3  Georgia, Times, serif ;
	color: #4F4537;
}

input.field {
	text-align:left;
	border: 1px solid #7c6d58;
	float:right;
	width: 80%;
	height: 2em;
	font: normal 1.2em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 0.5em;
	color: #351D04;
}


input.searchfield {
	text-align:left;
	border: 1px solid #7c6d58;
	float:left;
	margin: 0 1em 1em 0;
	width: 80%;
	height: 2em;
	font: normal 1.2em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 0.5em;
	color: #351D04;
}


textarea {
	text-align:left;
	border: 1px solid #7c6d58;
	float:right;
	width: 80%;
	height: 7em;
	font: normal 1.2em/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0.5em 0.5em;
	color: #351D04;
}

input#sendbutton {
	float:right;
	padding: 1em 0 0 0;
}

#sendingmsg {
	float:right;
	padding: 1em 0 0 0;
}

#sendingmsg img {
	float:right;
	padding-left: 1em;
}

.notification_ok {
}
.notification_ok h2{
	font-size: 1.6em/1.3 sans-serif;
	color: #094413;
}

.notification_error_head {
}

.notification_error_head h2{
	font-size: 1.6em/1.3 sans-serif;
	color: #4c0306;

}
.notification_error {
}