/*

	Stylesheet for Androits
	
	Media:      screen, projection
	Copyright:  Wolf's Little Store <http://www.wolfslittlestore.be>
	authors:    Johan Ronsse <johan@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	General purpose classes
	Quick 'n dirty; but clean up your mess please.
*/

.hidden { display: none; }
.block { display: block; }
.p0 { padding: 0 !important; }
.noBorder, .noborder { border: none !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.inline { display: inline !important; }
.normal { font-style: normal; }
.serifSpecial { font-family: Georgia, serif; font-style: italic; }

/* "Fake" includes that have to stay consistent */

.rc {
	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.doubleRc {
	/* @inc .doubleRc */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.boxShadow {
	/* @inc .boxShadow */
	box-shadow: 0 2px 6px #AAA;
	-webkit-box-shadow: 0 2px 6px #AAA;
	-moz-box-shadow: #AAA 0 2px 6px;
}

.opacity {
	/* @inc opacity */
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
}

.secondaryContent {
	/* @inc .secondarycontent */
	font-size: 11px;
	font-family: Arial, sans-serif;
}

.offScreen {
	/* @inc .offScreen */
	position: absolute;
	top: -9000px;
	left: -9000px;
	/* For screenreaders*/
}

/*
	Clearfix
*/

.clearfix:after,
.section:after,
#navigation ul:after,
#doc:after,
#top:after,
#bottom:after,
#blogLatest li:after,
.sectionHeading:after,
#tweets li:after,
#content:after,
.post .meta:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #4C5A63;
	background: #FFF;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 13px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 35px;
	padding: 0 0 12px 0;
}

h2 {
	font-size: 17px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 13px;
	padding: 0 0 13px 0;
}

	h3.sectionHeading,
	h4.sectionHeading,
	#commentform h3 {
		font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
		color: #7b7b7c;
	}

	h3.sectionHeading span {
		float: left;
		display: block;
	}
	
	h3.sectionHeading a {
		float: right;
		display: block;
	}
	
		h3.sectionHeading a.rssIcon {
			background: url(../images/rss_icon.png) no-repeat 0 0;
			width: 16px;
			height: 16px;
			overflow: hidden;
			text-indent: -9000px;
			font-size: 1px;
			line-height: 1;
		}
	

h4 {
	font-size: 12px;
	padding: 0 0 12px 0;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #e65525;
	border-color: #f4b49f;
}

a:visited {
	color: #ce4011;
	border-color: #e9ab96;
}

a:hover,
a:active,
a:focus {
	color: #862100;
	border-color: #ca9d8f;
}

/* .content defaults */

.content ul {
	list-style: none;
	padding: 0 0 12px 12px;
}

	.content ul li {
		padding: 0 0 0 14px;
		background: url(../images/bullet.gif) no-repeat 0 7px;
	}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 11px;
	line-height: 18px;
	background: #eff3f7;
	border: 1px solid #c8daeb;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 0 0 42px;
	font-family: Georgia, serif;
	background: url(../images/blockquote.gif) no-repeat 0 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.content td, 
.content th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 11px; 
	padding: 4px;
}

.content th {
	font-weight: 700;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

/*
	Page structure and layout
*/

#container {
	width: 960px;
	margin: 0 auto;
}

/* General */

#doc {
	width: 865px;
	border-bottom: 1px solid #babdbd;
	border-left: 1px solid #d2d3d4;
	position: relative;
	margin: 0 auto;
	margin-bottom: 72px;
	background: #FFF;
	position: relative;
	top: 32px;
}

#holder {
	width: 984px;
	background: #FFF  url(../images/ds.png) no-repeat top center;
	margin: 0 auto;
}

	#hd {
		width: 179px;
		border-top: 1px solid #d2d3d4;
		background: #FFF;
		position: relative;
		
		float: left;
	}
	
	#bd {
		width: 686px;
		float: left;
	}

	/* Header */

	/* Logo */

	#hd h1 {
		width: 129px;
		height: 123px;
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
		margin: 72px 24px;
	}

	#hd h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

/* Navigation */

#navigation {
	background: #2e373a url(../images/nav_bg.png) repeat-x;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	border-right: 1px solid #1f2729;
	border-left: 1px solid #1f2729;
	width: 684px;
}

#navigation ul li {
	float: left;
	background: url(../images/nav_divider.png) no-repeat right 24px;
	padding-right: 2px;
	line-height: 1;
	height: 54px;
}

	#navigation ul li a:link, 
	#navigation ul li a:visited {
		border: none;
		color: #BFC5C7;
		padding: 24px 16px 16px 16px;
		float: left;
		display: block;
	}

	#navigation ul li a:hover,
	#navigation ul li a:active,
	#navigation ul li a:focus,
	#doc #navigation ul li.selected a,
	#doc #navigation ul li.current_page_item a {
		color: #FFF;
		background: url(../images/nav_selected.png) repeat-x 0 24px;
	}
	
	#navigation ul #navHome a {
		padding-left: 36px;
	}
	
	#navigation ul #navHome.selected a {
		background: url(../images/nav_home_selected.png) no-repeat top right;
	}

/*
	Contact
*/

#contact {
	font-size: 11px;
	padding: 0 0 0 36px;
	color: #85898d;
}

	#home #contact {
		position: relative;
		float: left;
		margin-left: -228px;
		margin-bottom: 0;
	}
	
	#contentPage #contact,
	#blog #contact,
	#single #contact {
		position: absolute;
		bottom: 108px;
		left: 0;
	}
	
		#single #contact {
			color: #b2bcc5;
		}
		
		#single #contact h3 {
			color: #8998a7
		}

	#contact span {
		font-family: Monaco, "Courier New", monospace;
		font-size: 10px;
	}

	p.address {
		font-weight: 700;
	}
	
		p.address span {
			font-weight: 300;
		}
	
	/* Alternate link colour */
	
	#contact a:link {
		color: #414346;
		border-color: #c0c1c2;
	}

	#contact a:visited {
		color: #0f0f0f;
		border-color: #b0b0b0;
	}

	#contact a:hover,
	#contact a:active,
	#contact a:focus {
		color: #e65525;
		border-color: #f4b49f;
	}

/*
	Eyecatcher
*/

#eyecatcher {
	background: url(../images/eyecatcher_bg.jpg) no-repeat 0 0;
	width: 686px;
	height: 205px;
	position: relative;
}

	#eyecatcher h2 {
		background: url(../images/tagline.png) no-repeat 0 0;
		width: 433px;
		height: 96px;
		position: absolute;
		top: 54px;
		text-indent: -9000px;
	}

#eyecatcherSmall {
	background: url(../images/eyecatcher_bg_small.jpg) no-repeat 0 0;
	width: 686px;
	height: 55px;
	position: relative;
}

/*
	Content
*/

#content {
	padding: 36px;
	width: 612px;
	background: #E6E9EC url(../images/content_bg.png) repeat-x;
	border-right: 1px solid #dfdbdb;
	border-left: 1px solid #dfdbdb;
}

#blog #content,
#single #content {
	background: #E6E9EC url(../images/flower_bg.png) no-repeat 0 0;
}

/*
	Blog latest (homepage)
*/

#home #blogLatest {
	float: left;
	width: 180px;
}

#blogLatest a,
.widget_recent_entries a,
#latestComments a,
.widget_recent_comments a,
#postsByCat a,
.widget_categories a {
	font-weight: 700;
	border: none;
}

#blogLatest li,
.widget_recent_entries li,
#latestComments li,
.widget_recent_comments li,
#postsByCat li,
.widget_categories li {
	border-bottom: 1px solid #CFD1D4;
	padding: 0 0 9px;
	margin: 0 0 9px;
}

	#postsByCat li {
		padding: 0 0 6px;
		margin: 0 0 6px;
	}

#blogLatest li:last-child,
#blogLatest li.lastChild,
.widget_recent_entries li:last-child,
.widget_recent_entries li.lastChild,
#latestComments li:last-child,
#latestComments li.lastChild,
.widget_recent_comments li:last-child,
.widget_recent_comments li.lastChild,
#postsByCat li:last-child,
#postsByCat li.lastChild,
.widget_categories li:last-child,
.widget_categories li.lastChild {
	border: none;
}

#latestComments,
.widget_recent_comments {
	font-size: 11px;
}

	#blogLatest li p,
	.widget_recent_entries li p,
	#latestComments li p,
	.widget_recent_comments li p {
		padding: 0;
	}
	
	#blogLatest li span,
	.widget_recent_entries li span {
		font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		color: #C0C3C5;
		width: 36px;
		float: left;
		display: block;
		letter-spacing: 1px;
		font-size: 11px;
	}
	
	#blogLatest li a {
		display: block;
		width: 144px;
		float: left;
	}

#postsByCat span {
	font-weight: 300;
}

#blog #blogLatest,
.widget_recent_entries,
#blog #latestComments,
.widget_recent_comments,
#blog #postsByCat,
.widget_categories {
	padding: 0 0 24px;
}

/*
	Side content
*/

#sidebar {
	float: left;
	width: 180px;
}

	#single #sidebar {
		color: #85898d;
	}
		
		/* Muted links */
		#single #sidebar a:link,
		#single #sidebar a:visited {
			color: #8c8e8f;
			border-color: #d5d8db;
		}
		
		#single #sidebar a:hover,
		#single #sidebar a:active,
		#single #sidebar a:focus {
			color: #e65525;
			border-color: #f4b49f;
		}
		

.secondaryContent {
	font-size: 11px;
}

/*
	Introduction
*/

#introduction,
#actualContent {
	width: 395px;
	float: left;
	padding-right: 36px;
	
	/* Prevent shadow fuckup */
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

	#contentPage #actualContent h3 {
		font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 16px;
		color: #7b7b7c;
	}

#introduction a {
	font-weight: 700;
}

.dropCap {
	width: 48px;
	height: 48px;
	text-indent: -9000px;
	display: block;
	float: left;
	margin-right: 8px;
	background-repeat: no-repeat;
}

.dropCapA { background-image: url(../images/dropcap_a.gif); }
.dropCapB { background-image: url(../images/dropcap_b.gif); }
.dropCapC { background-image: url(../images/dropcap_c.gif); }
.dropCapD { background-image: url(../images/dropcap_d.gif); }
.dropCapE { background-image: url(../images/dropcap_e.gif); }
.dropCapF { background-image: url(../images/dropcap_f.gif); }
.dropCapG { background-image: url(../images/dropcap_g.gif); }
.dropCapH { background-image: url(../images/dropcap_h.gif); }
.dropCapI { background-image: url(../images/dropcap_i.gif); }
.dropCapJ { background-image: url(../images/dropcap_j.gif); }
.dropCapK { background-image: url(../images/dropcap_k.gif); }
.dropCapL { background-image: url(../images/dropcap_l.gif); }
.dropCapM { background-image: url(../images/dropcap_m.gif); }
.dropCapN { background-image: url(../images/dropcap_n.gif); }
.dropCapO { background-image: url(../images/dropcap_o.gif); }
.dropCapP { background-image: url(../images/dropcap_p.gif); }
.dropCapQ { background-image: url(../images/dropcap_q.gif); }
.dropCapR { background-image: url(../images/dropcap_r.gif); }
.dropCapS { background-image: url(../images/dropcap_s.gif); }
.dropCapT { background-image: url(../images/dropcap_t.gif); }
.dropCapU { background-image: url(../images/dropcap_u.gif); }
.dropCapV { background-image: url(../images/dropcap_v.gif); }
.dropCapW { background-image: url(../images/dropcap_w.gif); }
.dropCapX { background-image: url(../images/dropcap_x.gif); }
.dropCapY { background-image: url(../images/dropcap_y.gif); }
.dropCapZ { background-image: url(../images/dropcap_z.gif); }

.box {
	background: url(../images/box.png) no-repeat 0 0;
	padding: 12px 24px;
	margin-top: 12px;
}

/*

	Winston 0.3 buttons - for irregular background use
	--------------------------------------------------

	The standard markup is as follows:
	***

	EXAMPLE		<a href="#" class="button">
					<i>&nbsp;</i>
					<span>Button text here</span>
					<b>&nbsp;</b>
				</a>
	
	***

	These buttons work on any background.
	PNGs are substituted by GIFs in IE6

	***

	All of the button images are in a single sprite.
	The graphics shown are defined via background positioning.

	***
	
	To position the buttons, use the button holders
	
	EXAMPLE		<div class="buttonHolder">
					<a href="#" class="button">
						<i>&nbsp;</i>
						<span>Button text here</span>
						<b>&nbsp;</b>
					</a>
				</div>

	***

	Default buttons will float to the left in a button holder.
	To make them float to the right, substitute the holder class for buttonHolderRight

	EXAMPLE		<div class="buttonHolderRight">
					<a href="#" class="button">
						<i>&nbsp;</i>
						<span>Button text here</span>
						<b>&nbsp;</b>
					</a>
				</div>
				
	***

	The <b> and <i> elements are used to:
	a) provide a hook for icons on the left hand side (b) and the right hand side (i)
	b) prevent transparent graphics overlaying each other when using standard sliding doors
	c) to easily adjust the side paddings

*/

a.button:link,
a.button:visited {
	height: 24px;
	line-height: 24px;
	border: none !important;
	white-space: nowrap;
	text-decoration: none;
	color: #FFF !important;
}

a.button:link span,
a.button:visited span {
	font-size: 11px;
	line-height: 24px;
	font-weight: 700;
}

a.button * {
	float: left;
	background-image: url(../images/buttons/button.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/* Color variation */
a.button_2 * {
	background-image: url(../images/buttons/button_2.png);
}

	a.button:link span,
	a.button:visited span {
		background-position: center top;
	}

	a.button:hover span,
	a.button:active span,
	a.button:focus span {
		background-position: center -24px;
	}

	a.button:link b,
	a.button:visited b {
		background-position: 0 0;
	}

	a.button:hover b,
	a.button:active b,
	a.button:focus b {
		background-position: 0 -24px;
	}

	a.button:link i,
	a.button:visited i {
		background-position: top right;
	}

	a.button:hover i,
	a.button:active i,
	a.button:focus i {
		background-position: right -24px;
	}

/* Standard side width */
a.button b,
a.button i {
	width: 13px;
	text-indent: -9000px;
	display: block;
}

/* Button positioning */

.buttonHolder .button {
	float: left;
	padding-right: 6px;
}
.buttonHolderRight .button {
	float: right;
	padding-left: 6px;
}

/*
	Wordpress outputs different code so
	if you want to make a button out of
	something and can’t use the markup
	above, use:
		<li class="button"><a href="#">something</a>
		
	Javascript in enhancements.js will fix the rest.
*/

/*
	Top
	Holds intro and blog latest on homepage
*/

#top {
	padding: 0 0 24px;
	float: left;
	width: 611px;
}

/*
	Bottom
	Holds twitter and linkedin on homepage
*/

#bottom {
	padding: 0 0 12px;
	position: relative;
	float: left;
	width: 611px;
}

/*
	Twitter
*/

#twitter {
	width: 395px;
	float: left;
	padding-right: 36px;
	/* Same as #introduction */
}

	#twitter .sectionHeading {
		background: url(../images/twitter_heading.gif) no-repeat top right;
		height: 35px;
		line-height: 40px;
		position: relative;
		bottom: 11px;
	}

	#twitter a {
		border: none;
	}

	#tweets #avatar {
		float: left;
		width: 49px;
		padding-right: 14px;
	}
	
	#tweets ul {
		float: left;
		width: 332px;
	}
	
		#tweets li {
			padding: 0 0 13px;
		}
	
		#tweets .top,
		#tweets .bottom {
			height: 10px;
			line-height: 1;
			font-size: 1px;
		}
		
		#tweets div {
			background-image: url(../images/tweet_bg_2.png);
			background-repeat: no-repeat;
			cursor: pointer;
			float: left;
			width: 332px;
		}

		#tweets li:first-child div,
		#tweets li.firstChild div {
			background-image: url(../images/tweet_active_2.png);
			background-repeat: no-repeat;
		}
		
		#tweets li:hover div,
		#tweets li.hover div {
			background-image: url(../images/tweet_active_noballoon.png);
			background-repeat: no-repeat;
		}

		#tweets .top { background-position: 0 0; }
		#tweets .middle { background-position: 0 center; }
		#tweets .bottom { background-position: 0 -84px; }
		
		#tweets li p {
			padding: 0 20px;
		}
	
		#tweets ul a {
			color: #4c5a63;
			display: block;
		}
		
		#tweets ul a span {
			color: #9fa1a4;
			font-size: 11px;
			white-space: nowrap;
		}

#twitter .buttonHolder {
	margin-left: 71px;
}

/*
	LinkedIn
*/

#linkedIn {
	width: 180px;
	/* Same as #blogLatest */
	font-weight: 700;
}

	#home #linkedIn {
		float: left;
	}

	#connect {
		background: url(../images/linkedin_bg.png) no-repeat;
		height: 118px;
		text-align: center;
	}
	
		#connect p {
			padding: 10px 0 46px 0;
		}
		
		#connect p span {
			position: absolute;
			left: -9000px;
			top: -9000px;
		}
		
		#connect .buttonHolder {
			margin-left: 46px;
		}

#footer {
	background: url(../images/footer_bg.png) repeat-x;
	font-size: 11px;
	height: 36px;
	line-height: 36px;
	border-left: 1px solid #dbd7d8;
	border-right: 1px solid #dbd7d8;
	border-top: 1px solid #cfd0d4;
	width: 683px;
	color: #5c5d5e;
}

	#footer p {
		padding: 0 36px;
		text-align: right;
	}
	
		/* Muted links */
		#footer a:link,
		#footer a:visited {
			color: #8c8e8f;
			border-color: #d5d8db;
		}
		
		#footer a:hover,
		#footer a:active,
		#footer a:focus {
			color: #e65525;
			border-color: #f4b49f;
		}

/*
	Blog
	posts
*/

.post {
	background: url(../images/divider.gif) no-repeat bottom center;
	padding: 0 0 50px;
	margin: 0 0 18px;
}

.post .heading h2 {
	padding: 0;
}

	.post .heading h2 a {
		border: none;
	}

	.post .content h2 {
		font-size: 15px;
	}
	
.post p.date {
	color: #709db9;
}

.post .meta {
	font-size: 11px;
	color: #7b8c97;
}

	.post .meta li {
		float: left;
		padding-right: 20px;
	}

	
	.post .meta li.comments a {
		display: block;
		float: left;
		background: url(../images/comments.gif) no-repeat right center;
		padding-right: 12px;
		display: block;
	}

	.post .meta li.comments span {
		position: absolute;
		left: -9000px;
		top: -9000px;
		height: 0;
		width: 0;
	}
	
/*
	Blog
	comments
*/

.commentlist {
	list-style: none;
	padding: 0;
}

.commentlist .avatar {
	display: none;
}
	
	.commentlist li {
		position: relative;
		min-height: 50px;
		margin: 0 0 12px;
		padding: 0 0 15px;
		border-bottom: 1px solid #DDD;
		font-size: 11px;
		font-family: "Lucida Grande", Verdana, sans-serif;
		line-height: 1.7;
		color: #676e73;
	}
	
	.commentlist cite {
		font-weight: 700;
	}

		.commentlist li code {
			font-size: 11px;
		}

	.colorInverse .commentlist li {
		border-color: rgba(255,255,255,0.2);
	}

		.commentlist li p {
			padding: 0 0 9px;
		}

	.commentlist li:last-child {
		margin: 0;
		padding: 0;
		border: 0;
	}

.commentlist cite {
	font-style: normal;
}

.commentmetadata {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: right;
}

	.commentmetadata a:link,
	.commentmetadata a:visited {
		border-width: 0;
		color: rgba(0,0,0,0.5);
	}

	.colorInverse .commentmetadata a:link,
	.colorInverse .commentmetadata a:visited {
		color: rgba(255, 255, 255, 0.3);
	}

	.commentmetadata a:hover,
	.commentmetadata a:active {
		border-width: 1px;
		opacity: 1;
	}

textarea { width: 250px;}
input#author { width: 102px; }
input#email { width: 172px;}
input#url { width: 212px;}

#commentform {
	margin-top: 30px;
}
	#commentform .col-2 { width: 138px;}
	#commentform .col-3 { width: 260px;}

	.colorInverse #commentform {
		border-color: #333;
		border-color: rgba(255,255,255,0.15);
	}

#commentform h3 {
	border-bottom: 1px dotted #CCC;
	margin: 10px 0 20px;
}
	.colorInverse #commentform h3 {
		border-color: #333;
		border-color: rgba(255,255,255,0.15);
	}

#blogform form {
	position: relative;
}

/* Other */

input, textarea {
	font-family: Arial, sans-serif;
	border: 1px solid #BBB;
	border-color: #CDCDCD #BABABA #BABABA #CDCDCD;
	background-color: #F0F0F0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: background-color 0.18s linear;
}

input {
	font-size: 12px;
	padding: 2px;
}

textarea { 
	padding: 4px;
	min-height: 170px;
}

input:focus, textarea:focus { border-color: #CCC; background-color: #FFF; }
.colorInverse input:focus, .colorInverse textarea:focus { border-color: #666; background-color: #333; color: #FFF; }

/* 
	Focus outline; Mozilla specific since Safari implements this right
	IE can f*** off
*/
@-moz-document url-prefix() {
	input:focus, textarea:focus { 
		outline: 2px solid #ffad7e;
		-moz-outline-radius: 5px;
		border-color: #ff9639;
	}
	.colorInverse input:focus,
	.colorInverse textarea:focus { 
		outline: 1px solid #FFFF00;
		border-color: #FFA;
	}
} 

label {
	font-size: 12px;
	font-weight: 700;
	font-family: Arial, sans-serif;
	display: block;
}

#submit {
	background: #2D4147;
	color: #FFF;
	font-weight: 700;
	font-size: 11px;
	border: 1px solid #000;
	padding-left: 5px;
	padding-right: 5px;
}

	#submit:focus {
		background: #d34100;
		border-color: #9b2f00;
	}

form .horizontal label {
	float: left;
	width: 70px;
	text-align: right;
	padding-right: 7px;
}

form .spacing {
	padding-left: 77px;
}

.guillotineFix {
	clear: both;
	height: 0;
}

/* 404 page */

#error404 {
	text-align: center;
}

#error404 h2 {
	color: #a4bbd2;
	font-size: 128px;
	line-height: 1;
	font-family: "Hoefler Text", Georgia, serif;
	font-weight: 300;
	padding: 0;
	
	/* @inc opacity */
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .5; /* Safari 1.x */
	-moz-opacity: .5; /* FF lt 1.5, Netscape */
	
}

#error404 p {
	font-family: Georgia, serif;
	font-size: 13px;
	position: relative;
	bottom: 28px;
	padding: 0;
	font-style: italic;
	left: 5px;
}

/*
	Archive header
*/

#archiveHeader {
	border-left: 1px solid #bdc7d1;
	border-right: 1px solid #bdc7d1;
	border-bottom: 1px dotted #CFD1D4;
	padding: 0 36px;
	background: #F9FAFB;
}

#archiveHeader h2 {
	padding: 8px 0;
	font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
}