/*
			Vignelli v1.2
			Robbie Manson — http://robbiemanson.com / http://blog.robbiemanson.com 
		
			Update April 6th 2010
			Added pagination underneath the posts; Removed '[x] notes' link if no notes exist for a post

			Slightly modificated by me April 10th 2010
		*/

			/*
			-----------------------------------------------
			Form styles
			-----------------------------------------------
			*/

			form {
				font-size: 100%;
				position: relative;
				text-align: left;
			}
			form fieldset {
				margin: 0;
				padding: 0;
				width: 100%;
			}
			form fieldset legend {
				border: 0;
				border-bottom: 1px solid #ccc;
				float: left;
				font-size: 150%;
				font-weight: bold;
				margin: 0 0 15px;
				margin-left: -7px;
				padding: 0 0 3px;
				white-space: normal;
			}
			legend span {
				display: block;
				width: 461px;
			}
			.field label,
			.field .label,
			form label {
				float: left;
				margin-right: 1em;
				width: 12em;
			}

			.introduction {
				font-size: 110%;
				padding-bottom: 1.5em;
			}

			.field {
				clear: left;
				margin: 0.75em 0;
				padding: 0.2em;
			}
			.text input,
			.textarea textarea,
			.password input,
			.email input,
			.url input,
			.decimal input,
			.integer input,
			.select input,
			input[type="text"],
			input[type="textarea"] {
				border: 1px solid #B0B0B0;
				color: #808080;
				font-size: 100%;
				height: 1.2em;
				padding: 0.15em;
			}
			.decimal input,
			.integer input {
				width: 4em;
			}
			.textarea textarea,
			input[type="textarea"] {
				height: 7.5em;
				width: 24em;
			}
			form .field input,
			form .textarea textarea,
			form .select select,
			input[type="text"],
			input[type="textarea"] {
				background: white url(../images/core/forms_fieldbg.gif) repeat-x 0 0;
				border-bottom: 1px solid #dadada;
				border-left: 1px solid #b4b4b4;
				border-right: 1px solid #b4b4b4;
				border-top: 1px solid #727272;
				font-size: 100%;
				padding: 3px;
				width: 50%;
			}
			form .select select,
			select{
				padding: 2px;
				width: auto;
			}
			form .postcode input {
				width: 20%;
			}
			form .telephone input,
			form .mobile input,
			form .fax input {
				width: 30%;
			}
			form .help {
				color: black;
				font-size: 90%;
				line-height: 1.8em;
				margin-left: 16.25em;
				padding-bottom: 0;
			}
			.field.required .required,
			.introduction .required {
				color: #c12;
			}
			.field .optional,
			.introduction .optional {
				color: #888;
			}
			.field.error input,
			.select.error select,
			.textarea.error textarea {
				/* background: white; */
				border: 2px solid #ED2F07;
			}
			form .required label span,
			.required_info span {
				color: #cc0000;
				font-size: 100%;
				font-weight: bold;
				line-height: 120%;
			}
			.errors {
				color: #E9602A;
				font-weight: bold;
			}
			.error_summary {
				background: #FFEBEB;
				border: 1px solid #FFCCCC;
				color: #b12;
				margin-left: -1px;
				margin-top: -2px;
				padding: 0.375em;
			}
			.error_summary p {
				padding: 0;
			}
			.field.error .errors {
				color: #b12;
				margin-left: 13em;
			}
			.error_summary li {
				list-style: disc;
				margin-left: 2em;
			}
			.required_info {
				color: black;
				font-size: 100%;
				padding-left: 10px;
				position: absolute;
				right: 0;
				text-align: right;
				top: 0;
			}
			.date_dropdowns,
			.date_dropdowns div {
				float: left;
			}
			.date_dropdowns div label {
				color: black;
				font-size: 90%;
				line-height: 1.8em;
			}
			.date_dropdowns .day {
				width: 4em;
			}
			.date_dropdowns .month {
				width: 4em;
			}
			.date_dropdowns .year {
				width: 4em;
			}

			.checkboxes_widget,
			.radios_widget,
			.boolean_widget {
				margin-left: 13em;
			}
			.checkboxes_widget li label,
			.radios_widget li label {
				float: none;
			}
			.boolean_widget li label {
				width: 5em;
			}
			.checkboxes_widget li label input,
			.radios_widget li label input,
			.boolean_widget li label input {
				float: none;
				margin-right: 0.5em;
			}

			/* Right Aligned */
			.form_rightaligned .field label,
			.form_rightaligned .field .label {
				text-align: right;
			}
			.form_rightaligned .field .optional,
			.form_rightaligned .introduction .optional {
				display: block;
			}

			/* Top Aligned */
			.form_topaligned .field label,
			.form_topaligned .field .label,
			.form_topaligned .textarea label,
			.form_topaligned .textarea .label {
				display: block;
				float: none;
				line-height: 120%;
				margin-right: 0;
				padding-bottom: 0.15em;
				width: 100%;
			}
			.form_topaligned .field .help {
				margin-left: 0;
			}
			.form_topaligned .field {
				margin: 0;
				padding: 0 0 0.375em 0;
			}
			.form_topaligned .dropdown {
				margin-bottom: 0.7em;
			}
			.form_topaligned .field .help,
			.form_topaligned .textarea .help {
				margin: 0;
				padding-top: 0.3em;
			}
			.form_topaligned .button,
			.form_topaligned input.button {
				margin-left: 0;
			}

			/* Specific Cases */
			.checklist_column {
				float: left;
				margin-bottom: 1em;
				width: 140px;
			}
			.checklist_item {
				display: block;
				padding-bottom: 5px;
			}
			.form_topaligned .checklist_column .checklist_item label {
				display: inline;
				vertical-align: middle;
			}
			.form_topaligned .checklist_column .checklist_item input {
				margin-right: 3px;
				vertical-align: middle;
			}

			/*
			-----------------------------------------------
			Main theme styles
			-----------------------------------------------
			/*

			/*
			1. GLOBAL STYLES
			------------------------------------------------------------------- */

			/* 1.0 Master/Reset
			----------------------------------------------- */
			html,legend{/* background: white; */ color:black}
			address,blockquote,body,dd,del,dl,dt,div,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,ins,legend,li,map,object,ol,p,pre,table,td,textarea,th,ul{font-size:100%;margin:0;padding:0; vertical-align: baseline;}
			h1,h2,h3,h4,h5,h6,th{font-weight:normal}
			fieldset,img{border:0}
			input,select,textarea{font-family:inherit}
			table{border-collapse:collapse;border-spacing:0}
			caption,th{text-align:left}
			td,th{vertical-align:top}
			abbr,acronym,address,b,caption,cite,code,dfn,em,i,input,samp,select,strong,textarea,var{border:0;font-family:inherit;font-style:normal;font-variant:normal}
			del,ins{text-decoration:none}
			sup{vertical-align:text-top}
			sub{vertical-align:text-bottom}
			q{quotes:none}q:before{content:"\2018"}q:after{content:"\2019"}q q:before{content:"\201c"}q q:after{content:"\201d"}
			em{font-style:italic;}

			body {
				background-image: url('http://dl.dropbox.com/u/1578299/static/tumblr/back-lr.jpg');
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-position: center top;
				background-color: white;
				/* border-top: 6px solid #333; */
				/* font: normal 14px/1.57em "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 0.9em;
				line-height: 1.10em; 

				font-style: normal;
			}
			#grid {
				/* Thanks to the guys at Analog for the Hashgrid — http://hashgrid.com/ */
				left: 50%;
				margin-left: -470px;
				position: absolute;
				top: 0;
				width: 941px;
			}
			#grid .horiz {
				/* 22px line height */
				border-bottom: 1px dotted #aaa;
				height: 21px;
				margin: 0;
				padding: 0;
			}
			/* 
			#grid {
				z-index: 0;
			}
			*/
			/* 1.1 Accessibility
			----------------------------------------------- */
			.accessibility {display: none;}
			#access {position: absolute; top: -1000em;}


			/* 1.2 Headings
			----------------------------------------------- */
			h1,
			h2,
			h3,
			h4,
			h5 {
				color: black;
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-weight: bold;
				line-height: 120%;
				margin-bottom: 0.15em;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
				zoom: 1;
			}
			h1 {
				font-size: 200%;
				letter-spacing: -0.02em;
				margin: 29px 0 -5px 0;
			}
			h2 {
				font-size: 150%;
				letter-spacing: -0.02em;
			}
			h3 {
				font-size: 120%;
			}
			h4 {
				font-size: 110%;
			}
			h5 {
				font-size: 100%;
			}
			.page_title {
				color: black;
				font-size: 200%;
				margin-left: 160px;
				margin-top: 0;
			}
			h1 .subtitle,
			h2 .subtitle,
			h3 .subtitle {
				color: black;
				/* font: italic 0.615em/1.38em "Palatino","Times New Roman",Times,serif; */
				font-size: 80%;
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
			}
			h1 a:hover .subtitle,
			h2 a:hover .subtitle,
			h3 a:hover .subtitle {
				color: black;
			}

			/* 1.3 Text Elements
			--------------------------------------------- */
			p,
			p.following,
			.main ul,
			.main ol,
			ol.posts > li {
				margin-bottom: 1.575em;
			}
			.main .posts ul li,
			.main .posts ol li {
				margin-bottom: 0.5em;
			}
			code {
				/* font: normal 1em "Monaco","Courier New",Courier,sans-serif; */
				font-family: "Monaco","Courier New",Courier,fixed,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin: 0;
				padding: 0;
			}
			blockquote,
			.blockquote {
				color: black;
				/* font: italic 22px/1.31em "Palatino","Times New Roman",Times,serif; */
				font-size: 100%;
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-style: italic;
				margin: 0 auto;
				padding: 0;
			}
			.blockquote.short {
				font-size: 100%;
			}
			.blockquote.long {
				font-size: 100%;
			}
			.cite {
				color: black;
				/* font: normal 12px/12px "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin-bottom: 10px
			}
			.cite a,
			.cite a:visited {
				color: #808080;
			}
			.ampersand {
				/* font: italic 130% Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 130%;
				font-style: italic;
			}

			/* 1.4 Links and Lists
			----------------------------------------------- */
			a,
			a:visited,
			.main .pagination a,
			.main .pagination a:visited {
				color: black;
				font-weight: bold;
				text-decoration: none;
			}
			a:hover,
			a:focus,
			a:active,
			.main a:visited:hover {
				color: #808080; 
			}
/*			a:active {
				outline: 0;
				position: relative;
				top: 1px;
				text-decoration: none;
				text-shadow: 0 0 2px #999;
			} */
			li {
				display: list-item;
			}
			ol li {
				list-style: decimal outside;
			}
			ul li {
				list-style: disc outside;
			}
			dl {
				margin-top: 22px;
			}
			dd {
				margin-bottom: 22px;
			}


			/* 1.5 Forms
			----------------------------------------------- */
			form .field input,
			form .textarea textarea,
			form .select select,
			input[type="text"],
			input[type="textarea"],
			.tags li a {
				-moz-border-radius: 2px; 
				-webkit-border-radius: 2px; 
				border-radius: 2px; 
			}
			input:focus {
				border: 1px solid #444;
			}
			form label {
				font-weight: bold;
			}
			.form_topaligned .field {
				padding: 0 0 9px 0;
				position: relative;
			}
			.field.error input,
			.select.error select,
			.textarea.error textarea {
				-moz-box-shadow: 0 0 3px #888;
				-webkit-box-shadow: 0 0 3px #888;
				box-shadow: 0 0 3px #888;
			}
			.form_topaligned .field label,
			.form_topaligned .field .label,
			.form_topaligned .textarea label,
			.form_topaligned .textarea .label {
				width: auto;
			}
			#respond .error input,
			#respond .error textarea {
				opacity: 1;
			}


			/* 1.6 Columns and Rows
			----------------------------------------------- */
			.column {
				display: inline;
				float: left;
				margin: 0 20px 20px 0;
				position: relative;
				width: 205px;
			}
			.column.last {
				border-right: 0;
				margin-right: 0;
			}
			.row .column {
				margin-bottom: 0;
			}
			.column.half {
				width: 470px;
			}
			.column.quarter {
				width: 225px;
			}
			.column.last {
				margin-right: 0;
			}
			.row {
				display: block;
				float: left;
				margin: 0 0 20px 0;
			}
			.row.last {
				border-bottom: 0;
				margin-bottom: 0;
				padding-bottom: 0;
			}


			/* 1.7 Puffs and Boxes
			----------------------------------------------- */
			.puff {
				border: 0;
				display: inline;
				padding: 0;
			}
			.puff.right {
				float: right;
				margin: 0 0 10px 20px;
			}
			.puff.left {
				float: left;
				margin: 0 20px 10px 0;
			}


			/* 1.8 Buttons
			----------------------------------------------- */
			button,
			form input.button,
			.submit input,
			.button,
			input[type="submit"],
			.prev_next a,
			.rss_link {
				background: black;
				color: white;
				border: 0;
				-moz-border-radius: 2px; 
				-webkit-border-radius: 2px; 
				border-radius: 2px; 
				cursor: pointer;
/*				font: bold 1em "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin: 0;
				overflow: visible; /* overflow: visible + width: auto avoids IE adding double padding */
				padding: 3px 10px;
				text-align: center;
				width: auto;
			}
			button:hover,
			button:focus,
			button:active,
			form input.button:hover,
			form input.button:focus,
			form input.button:active,
			.submit input:hover,
			.submit input:focus,
			.submit input:active,
			.button:hover,
			.button:active,
			input[type="submit"]:hover,
			input[type="submit"]:focus,
			input[type="submit"]:active,
			.prev_next a:hover,
			.rss_link:hover {
				background: #B0B0B0;
				color: white;
				text-decoration: none;
			}
			.prev_next a,
			.utility_links li a,
			.button {
				background: black;
				color: white;
				-moz-border-radius: 2px; 
				-webkit-border-radius: 2px; 
				border-radius: 2px; 
			}
			.form_topaligned .button,
			.form_topaligned input.button {
				padding-left: auto;
			}
			form button,
			form .button {
				margin-top: 1em;
			}

			/* 1.9 Tables
			----------------------------------------------- */
			table {
				line-height: 110%;
				margin: 0;
			}
			table th {
				font-size: 120%;
				font-weight: bold;
				padding-bottom: 20px;
			}
			table td {
				border-top: 1px solid red;
				padding: 0.245em 14px 0.245em 0;
			}
			table tbody {
				font-size: 100%;
			}
			table span {
				color: #505050;
				font-weight: bold;
			}
			table .alt {
				background: #fbfbfb;
			}
			.wp_syntax table {
				margin: 0;
			}
			table caption {
				color: #B0B0B0;
				/* font: italic 1em "Palatino","Times New Roman",Times,serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: italic;
				margin: 3px 0 5px 0;
			}


			/* 1.10 Images
			----------------------------------------------- */
			.main img.alignright {
				display: inline;
				float: right;
			}
			.main img.alignleft {
				display: inline;
				float: left;
			}
			.main img.size-large { /* 540px wide */

			}
			.main img.size-medium { /* 460px wide */

			}
			.main img.alignright{
				margin: -5px -240px 20px 20px;
			}
			.main img.alignleft {
				margin: -5px 20px 20px -160px;
			}
			.main img.alignright {
				margin: -5px -160px 20px 20px;
			}
/*
			.following img {
                          margin: 5px 5px 5px 5px;
			}
*/

			/*
			2. TOP LEVEL ELEMENTS
			------------------------------------------------------------------- */

			/* 2.0 Wrapper
			----------------------------------------------- */
			#wrapper:after {
				content: ".";
				clear: both;  
				display: block; 
				height: 0; 
				visibility: hidden;
			}
			#wrapper {
				display: inline-block;
			}
			/*  */
			* html #wrapper {
				height: 1%;
			}
			#wrapper {
				display: block;
				margin: 0 auto;
				padding: 16px 10px 30px 10px;
				position: relative;
				width: 940px;
			}
			a.rss_link,
			a.rss_link:visited {
				background-position: 4px 3px;
				-moz-border-radius-bottomright: 2px;
				-moz-border-radius-bottomleft: 2px;
				-webkit-border-bottom-right-radius: 2px;
				-webkit-border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;
				border-bottom-left-radius: 2px; 
				color: #D0D0D0;
				/* font: bold 0.875em "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				padding: 3px 6px 4px 26px;
				position: absolute;
				right: 9px;
				text-align: right;
				top: -3px;
			}
			a.rss_link:hover {
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				color: white;
			}


			/* 2.1 Header
			----------------------------------------------- */
			#header {
				float: left;
				height: 155px;
				margin-bottom: 0px;
				position: relative;
				width: 100%;
			}
			#branding {
				display: inline;
				float: left;
				font-size: 100%;
				margin: 3px 20px 0 0;
				padding: 0;
				width: 140px;
			}
			#branding a,
			#branding a:visited,
			#branding a:hover,
			#branding a:active,
			#branding a:focus {
				color: #B0B0B0;
				display: block;
				outline: 0;
			}
			
			.pages {
				display: inline;
				font-size: 100%;
				overflow: hidden;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			
			.about {
				display: inline;
				font-size: 100%;
				overflow: hidden;
				position: absolute;
				bottom: 0;
				right: 0;
			}
			
			.pages p,
			.about p {
				line-height: 22px;
				margin-bottom: 0;
			}
			
			/* 2.2 Masthead
			----------------------------------------------- */
			#masthead {}


			/* 2.3 Navigation
			----------------------------------------------- */
			.navigation {
				float: left;
				/* font: bold 0.938em "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin-top: 0;
				padding: 0;
				text-align: left;
				width: 140px;
			}
			.navigation li {
				line-height: 21px;
				list-style: none;
				padding: 0;
				width: 140px;
			}
			#nav li#nav_port {
				margin-bottom: 0;
			}
			#nav li#nav_serv {
				margin-bottom: 2px;
			}
			#nav li#nav_cont {
				margin-bottom: 0;
			}
			.nav li a {
				height: 18px;
				padding: 4px 10px 4px 0;
			}
			.nav li a:hover {
				background: none;
				color: #D53C2E;
			}
			.nav li a.active {
				background: #333;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px; 
				color: white;
				margin: 3px 0;
				padding: 2px 7px;
			}
			.nav li a.active:hover {
				background: #D53C2E;
				border: 0;
				color: white;
				margin: 0;
				padding: 2px 7px;
			}


			/* 2.4 Main content
			----------------------------------------------- */
			.main {
				display: inline;
				float: left;
				margin-right: 20px;
				margin: 0 20px 0 0;
				overflow: visible;
				padding-left: 160px;
				position: relative;
				width: 540px;
			}
			.main h2,
			.main h3,
			.main h4,
			.main h5 {
				margin-bottom: 0.2em;
			}
			.main h2 {
				padding-top: 0;
			}
			.main h3 {
				line-height: 1.08em;
				margin: 2px 0;
			}
			.main h4 {
				margin: -3px 0 -1px 0;
			}
			.main a {
				font-weight: bold;
			}
			.main a:visited {
				color: #B0B0B0;
			}
			.main a:visited:hover,
			.main .pagination a:hover {
				color: #B0B0B0;
			}
			#sidebar {
				float: left;
				padding-top: 2px;
				width: 220px;
			}
			#searchform {
				margin-bottom: 0.75em;
				margin-top: -8px;
			}
			#searchform .field {
				margin: 0;
				padding: 0;
			}
			#searchform input {
				color: #808080;
				font-size: 100%;
				padding: 4px;
				width: 140px;
			}
			#searchform button {
				font-size: 100%;
				margin-top: 0;
				padding: 4px 6px;
			}
			#tweets {
				font-size: 100%;
				margin-top: 0.5em;
			}
			#tweets li {
				border-bottom: 1px solid #ececec;
				line-height: 140%;
				list-style: none;
				margin-bottom: 0.75em;
				padding-bottom: 0.75em;
			}
			#tweets li,
			#tweets li a,
			#tweets li a:visited {
				color: #808080;
			}
			#tweets li a:hover,
			#tweets li a:visited:hover {
				color: #B0B0B0;
			}
			.main table {
				width: 100%;
			}
			.main img {
				box-shadow: 0 0 5px #999;
				-moz-box-shadow: 0 0 5px #999;
				-webkit-box-shadow: 0 0 5px #999;
				margin: 0;
			}
			.main a,
			.main a:link,
			.main a:visited {
				line-height: 98%;
			}
			.main ol {
				margin-bottom: 22px;
			}


			/* 2.5 Footer
			----------------------------------------------- */


			/*
			3. SPECIFIC MODULES
			------------------------------------------------------------------- */

			/* 3.0 Article/Post
			----------------------------------------------- */
			.article_header {
				background: none;
				border-bottom: 1px solid #ececec;
				clear: both;
				float: left;
				margin-bottom: 28px;
				/* overflow: auto; */
				padding-bottom: 9px;
				position: relative;
				width: 100%;
			}
			li.article_header {
				height: 55px;
				margin-bottom: 14px;
				padding-bottom: 9px;
			}
			li.article_header:last-child {
				border: 0;
			}
			h1.title {
				color: black;
				display: block;
				font-size: 120%;
				line-height: 110%;
				margin: -15px 0 0.3em 0; 
			}
			h1 a,
			h1.title a,
			h2 a,
			h3 a {
				color: black;
			}
			h1 a:hover,
			h1 a:visited:hover,
			h1.title a:hover,
			h1.title a:visited:hover,
			h2 a:hover,
			h2 a:visited:hover,
			h3 a:hover,
			h3 a:visited:hover {
				color: #000000;
			}
			.article_header .date {
				left: 0;
				position: absolute;
				top: 16px;
			}
			li.article_header .date {
				top: 17px;
			}
			ol.posts > li {
				border-bottom: 1px solid #ececec;
				list-style: none;
				position: relative
			}
			.sidebar,
			.post_info {
				-webkit-transition: opacity 0.30s linear;
			}
			.sidebar h3 {
				color: #B0B0B0;
				font-size: 100%;
				margin-bottom: 2px;
				margin-top: -2px;
			}
			.sidebar ul {
				margin-bottom: 0.75em;
			}
			
			.pages,
			.about,
			.sidebar ul,
			.sidebar ol,
			.sidebar p {
				color: #808080;
				font-size: 90%;
				line-height: 120%;				
			}

			.sidebar ul.children {
				margin-bottom: 0;
			}
			.sidebar li {
				list-style: none;
			}
			.sidebar li a {
				font-weight: normal;
			}
			.prev_next {
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin-bottom: 30px;
			}
			.prev_next a,
			.prev_next a:visited {
				color: white;
				background: black;
				line-height: 100%;
				padding: 4px 10px;
				text-decoration: none;
			}
			.prev_next a:visited:hover,
			.prev_next a:visited:active,
			.prev_next a:visited:focus,
			.prev_next a:hover,
			.prev_next a:active,
			.prev_next a:focus {
				background: #B0B0B0;
				color: white;
			}
			.pagination a:active,
			.pagination a:focus {
				outline: 0;
			}
			.pagination .next {
				float: right;
				text-align: right;
				width: 40%;
			}
			.pagination .prev {
				float: left;
				width: 40%;
			}
			#aside {
				color: #999;
				/* font: bold 0.875em "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 80%;
				font-style: normal;
				left: -160px;
				padding-top: 10px;
				position: absolute;
				top: 0;
				width: 160px;
			}
			#aside p {
				color: #bbb;
				margin-bottom: 0.5em;
			}
			span.date,
			p.date {
				color: #bbb;
				display: block;
				/* font: italic 120% "Palatino","Times New Roman",Times,serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: none; 
				margin-bottom: 0.5em;
			}
			a:hover span.date,
			a:focus span.date {
				color: #969696;
			}
			.tags {
				margin-top: 1em;
			}
			.main .posts .tags li {
				list-style: none;
				margin-bottom: 0.8em;
			}
			.tags li a,
			.tags li a:visited {
				background: black;
				color: white;
				padding: 3px 6px;
			}
			.tags li a:hover,
			.tags li a:visited:hover {
				color: white;
				background: #B0B0B0;
				filter:alpha(opacity=1);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
			.standfirst {
				color: #bbb;
				/* font: italic 1.143em/1.38em "Palatino","Times New Roman",Times,serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 80%;
				font-style: normal;
				padding-top: 0.05em;
				width: 140px;
			}
			.standfirst p {
				margin-bottom: 1.36em;
			}
			.article_header .comments {
				background: #333;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px; 
				color: white;
				display: inline;
				float: right;
				/* font: bold 0.938em "Helvetica Neue",Arial,Helvetica,sans-serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 80%;
				font-style: normal;
				height: 24px;
				line-height: 15px;
				margin-right: 0;
				margin-top: 5px;
				position: absolute;
				right: 0;
				text-align: center;
				top: 4px;
				width: auto;
			}
			.article_header .comments a {
				color: white;
				display: block;
				padding: 4px 8px 10px;
				text-align: center;
			}
			.article_header .comments:hover,
			.article_header .comments:visited {
				background: #D53C2E;
				color: white;
			}
			.article_header .comments:active {
				margin-top: 6px;
			}
			.article_header .comments a:active {
			}
			.article_header .comments:hover a,
			.article_header .comments:hover a:hover {
				background-position: 7px -6px;
				top: 0;
			}

			#fs {
				background: none;
				border-top: 1px solid #ececec;
				clear: both;
				float: left;
				height: 100%;
				margin-top: 1.429em;
				padding-bottom: 1em;
				position: relative;
				width: 100%;
			}
			.post_info {
				font-size: 80%;
				margin-bottom: 18px;
			}
			.post_info p {
				margin-bottom: 0;
			}
			.main .post_info a:visited {
				color: #333;
			}
			.main .post_info a:hover {
				color: #D53C2E;
			}
			#comments {
				margin-top: 2.65em;
			}
			#comments h3 {
				margin: 26px 0 18px 0;
			}
			#respond {
				margin-top: 25px;
			}
			#respond form {
				margin-top: -0.143em;
				width: 100%;	
			}
			#respond label {
				font-weight: normal;
			}
			#respond h3 {
				margin-bottom: 1.23em;
			}
			#respond input,
			#respond textarea {
				filter:alpha(opacity=60);
				-moz-opacity: 0.60;
				-khtml-opacity: 0.60;
				opacity: 0.60;
				-webkit-transition: opacity 0.30s linear;
				position: relative;
			}
			#respond input {
				width: 50%;
			}
			#respond input:hover,
			#respond input:focus,
			#respond textarea:hover,
			#respond textarea:focus {
				-moz-box-shadow: 0 0 3px #ddd;
				-webkit-box-shadow: 0 0 3px #ddd;
				box-shadow: 0 0 4px #ddd;
				filter:alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
			#respond textarea {
				height: 138px;
				line-height: 150%;
				width: 532px;
			}
			#respond .required_info {
				top: 3px;
			}
			#respond form button {
				margin-top: 7px;
			}
			.commentlist li {
				list-style: none;
				margin-bottom: 0;
			}
			.comment {
				background: none;
				border-top: 1px solid #ececec;
				margin-left: -20px;
				padding: 0 0 1.18em 20px;
				position: relative;
				width: 540px;
			}
			.comment.depth-2 {
				margin-left: 40px;
				width: 500px;
			}
			.comment_meta {
				background: #FFFFFF;
				-moz-border-radius-bottomright: 2px;
				-moz-border-radius-bottomleft: 2px;
				-webkit-border-bottom-right-radius: 2px;
				-webkit-border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;
				border-bottom-left-radius: 2px; 
				font-size: 90%;
				line-height: 120%;
				padding: 2px 7px 3px;
				position: absolute;
				right: 0;
				text-shadow: none;
				top: 0;
			}
			.comment-author-admin .comment_meta,
			.bypostauthor .comment_meta {
				background: #808080;
			}
			.comment cite.fn,
			.comment .commentmetadata {
				display: inline;
			}
			.comment cite.fn a {
				color: #333;
				font-weight: normal;
			}
			.comment .date {
				color: #aaa;
				margin: 0;
				width: auto;
			}
			.comment.comment-author-admin cite.fn,
			.comment.bypostauthor cite.fn {
				color: #aaa;
			}
			.comment.comment-author-admin .date,
			.comment.bypostauthor .date {
				color: #888;
			}
			.comment.comment-author-admin,
			.comment.bypostauthor {
				border-top: 1px solid #333;
			}
			.comment-edit-link {
				font-size: 70%;
			}
			.comment .avatar {
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				margin: -1px 4px -21px -64px;
				position: relative;
			}
			.comment-author .says {
				display: none;
			}
			.comment-author {
				line-height: 120%;
			}
			.wp-caption-text {
				display: none;
			}
			.comment_options {
				margin-bottom: 18px;
			}
			.subscribe-to-comments {
				margin-top: 1.4em;
			}
			#author-info {
				background: black;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				color: #eee;
				font-size: 80%;
				height: 100%;
				margin: 0 0 28px 0;
				overflow: auto;
				padding: 12px 10px;
			}
			#author-info h4 {
				color: white;
				margin: 0;
			}
			#author-info p {
				color: #777;
				line-height: 171%;
			}
			#author-info p:last-child {
				margin-bottom: 0;
			}
			#author-info #author-image {
				float: left;
				height: 80px;
				margin: 0 10px 0 0;
				width: 80px;
			}
			#author-info #author-image img {
				border: 0;
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				margin: 0;
			}
			#author-info #author-bio {
				float: right;
				width: 430px;
			} 
			.post_teasers .teaser {
				clear: both;
				display: inline;
				float: left;
				list-style: none;
				margin-bottom: 31px;
				overflow: hidden;
				width: 100%;
			}
			.wp_syntax {
				margin-bottom: 28px !important;
			}


			/* 3.1 Article listing
			----------------------------------------------- */
			li.article_header .title {
				margin-right: 20px;
				width: 460px;
			}
			li.article_header .excerpt {
				display: inline;
				color: #999;
				float: left;
				line-height: 16px;
				width: 240px;
			}
			li.article_header .excerpt p {
				/* font: italic 1em/1.3em "Palatino","Times New Roman",Times,serif; */
				font-family: "Letter Gothic",Arial,Helvetica,sans-serif;
				font-size: 100%;
				font-style: normal;
				margin-bottom: 0;
			}

			/* 3.2 Archive listing
			----------------------------------------------- */
			body.template_archive #header {
				margin-bottom: 29px;
			}
			body.template_archive .article_header {
				float: left;
				margin-bottom: 23px;
				overflow: hidden;
			}
			body.template_archive .article_header.title {
				border-bottom: 0;	
				margin-bottom: 24px;
			}
			body.template_archive .article_header:last-child {
				margin-bottom: 0;
			}

			body.template_archive .article_header .page_title {
				margin-top: 8px;
			}

			/* 3.3 Post-specific style amends
			----------------------------------------------- */
			.main img.bare {
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			.main img.wp-image-321 { /* iPhone screenshots from 'Happy accident' */
				margin: -6px 0 0 0;
			}
			.postid-217 .main img,
			.page-id-17 .main img /* Homepage version */ {
				margin: 17px 0 1px 0;
			}
			.postid-217 .main .comment .avatar,
			.page-id-17 .main .comment .avatar {
				margin:-1px 4px -21px -64px;
			}
			.postid-217 .main img.alignleft,
			.page-id-17 .main img.alignleft /* Homepage version */  {
				margin: -5px 20px 20px -160px;
			}
			.postid-217 .main h2,
			.page-id-17 .main h2 {
				margin-top: -0.31em;
				padding-top: 0;
			}
			.page-id-17 .main img.wp-image-378,
			.postid-335 .main img.wp-image-378 /* Wireframes sketches in 'The importance of wireframes' */ {
				margin-right: -240px;
			}

			/* 3.4 Search results
			----------------------------------------------- */
			.search-results #header {
				height: 63px;
				margin-bottom: 0;
			}
			.search-results .page_title {
				margin-bottom: 0;
			}
			.search-results .article_header .title {
				margin-top: 4px;
			}


			/* Webkit specific styles
			----------------------------------------------- */
			.webkit body {
				line-height: 1.6em;
			}
			.webkit h1,
			.webkit h2 {
				letter-spacing: -0.04em;
			}
			.webkit button {
				padding-bottom: 6px;
				padding-top: 6px;
			}
			.webkit .sidebar h3 {
				margin-bottom: 3px;
			}
			.webkit li.article_header .title {
				margin-top: -22px;
			}
			.webkit li.article_header .excerpt {
				margin-top: -21px;
			}
			.webkit #searchform button {
				padding: 5px 9px;
			}
			.webkit #respond form button {
				margin-top: 0;
			}

			/*
			-----------------------------------------------
			CSS3 Icing
			-----------------------------------------------
			*/

			a,
			#nav .on a,
			button,
			form input.button,
			.submit input,
			.button,
			.prev_next a,
			.prev_next a.next,
			.prev_next a.prev,
			h1 a .subtitle,
			h2 a .subtitle,
			h3 a .subtitle,
			.article_header .comments {
				-o-transition-duration: .55s;
				-o-transition-property: color, background-color;
				-webkit-transition-duration: .55s;
				-webkit-transition-property: color, background-color;
			}
			.prev_next a:active,
			button:active,
			form input.button:active,
			.submit input:active,
			.tags li a:active {
				-moz-box-shadow: 0 0 3px #888;
				-webkit-box-shadow: 0 0 3px #888;
				box-shadow: 0 0 3px #888;
			}