@charset "UTF-8";
/*
Theme Name: Robbie Manson v2
Theme URI: http://www.robbiemanson.com/
Description: Robbie Manson's website
Version: 1.0
Author: Robbie Manson
*/

/*
 
1. GLOBAL STYLES
-------------------------------------------------------------------
1.0 Master/Reset
1.1 Accessiblity
1.2 Headings
1.3 Text Elements
1.4 Links and lists
1.5 Forms
1.6 Columns and Rows
1.7 Puffs and Boxes
1.8 Buttons
1.9 Tables
1.10 Images
 
 
2. MAIN PAGE ELEMENTS
-------------------------------------------------------------------
2.0 Wrapper
2.1 Header
2.2 Masthead
2.3 Navigation
2.4 Main content
2.5 Footer
 
 
3. SPECIFIC PAGES
-------------------------------------------------------------------
3.0 Article/post
3.1 Article listing
3.2 Archive
3.3 404
3.4 Search results
3.5 Post-specific style amends
3.6 Work
3.7 Notes
*/
 
 
 
/*
1. GLOBAL STYLES
------------------------------------------------------------------- */
 
/* 1.0 Master/Reset
----------------------------------------------- */
html,legend{background: #fff; color:#777}
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;}

html {
	background: #eee url(assets/images/page/texture_footer_alt1.jpg);
}

body {
	border-top: 6px solid #333;
	font: normal 14px/1.57em "Lucida Grande","Lucida Sans","Lucida Sans Regular","Lucida Sans Unicode",Arial,sans-serif;
}
#grid {
	/* Thanks to the guys at Analog for the Hashgrid — http://hashgrid.com/ */
	background: url(assets/images/page/bg-grid-12col-940.gif) repeat-y 0 0;
	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;
}

/* 1.1 Accessibility
----------------------------------------------- */
.accessibility {display: none;}
#access {position: absolute; top: -1000em;}


/* 1.2 Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
	color: #555;
	font-family: "proxima-nova-1","proxima-nova-2","Helvetica Neue",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: 34px;
	letter-spacing: -0.02em;
	margin: 29px 0 -5px 0;
}
h2 {
	font-size: 24px;
	letter-spacing: -0.02em;
}
.webkit .main h2 {
	margin-bottom: 0.1em;
}
h3 {
	font-size: 20px;
	letter-spacing: -0.02em;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 17px;
}
.page_title {
	color: #bbb;
	font-size: 1.8em;
	margin-left: 160px;
	margin-top: 0;
}
h1 .subtitle,
h2 .subtitle,
h3 .subtitle {
	font: italic 0.7em/1.38em "Palatino","Times New Roman",Times,serif;
}
h1 .subtitle,
h2 .subtitle,
h3 .subtitle,
h1 .subtitle a,
h2 .subtitle a,
h3 .subtitle a {
	color: #aaa;
	font-weight: normal;
}
h1 a:hover .subtitle,
h2 a:hover .subtitle,
h3 a:hover .subtitle,
h1 .subtitle a:hover,
h2 .subtitle a:hover,
h3 .subtitle a:hover,
h1 a:focus .subtitle,
h2 a:focus .subtitle,
h3 a:focus .subtitle,
h1 .subtitle a:focus,
h2 .subtitle a:focus,
h3 .subtitle a:focus {
	color: #999;
}
h1 .subtitle a:hover:after,
h2 .subtitle a:hover:after,
h3 .subtitle a:hover:after,
h1 .subtitle a:focus:after,
h2 .subtitle a:focus:after,
h3 .subtitle a:focus:after {
  content: " →";
}
 
/* 1.3 Text Elements
--------------------------------------------- */
p,
.main ul,
.main ol,
.main li,
blockquote p {
	margin-bottom: 1.375em;
	/* margin-bottom: 1.575em; */
}
.main .condensed li {
	margin-bottom: 0;
}
pre,
code {
	font: normal 1em "Courier New",Courier,sans-serif;
	display: block;
	line-height: 1.57em;
	overflow: auto;
	padding: 0;
	width: 540px;
}
code {
	padding-top: 0.2em;
}
pre code {
	line-height: 1.57em;
	margin-bottom: 0;
	margin-top: 0.15em;
	padding-top: 0;
}
code {
	padding-bottom: 1.4em;
}
.webkit code {
	padding-bottom: 1.499em;
}
code br:first-child,
pre code br:first-child {
	display: none;
}
blockquote {
	background: url(assets/images/page/blockquote_bg.png) no-repeat 0 0.2em;
	color: #9B9B9B;
	font: italic 17px/1.3em "Palatino","Times New Roman",Times,serif;
	margin: 0 auto;
	padding: 0.1em 0 0.9em 11.5%;
}
.webkit blockquote {
	padding-bottom: 1em;
}
blockquote,
.standfirst {
	text-shadow: 1px 1px 0px rgba(255,255,255,0.6);
}
blockquote p {
	margin-top: 0;
}
.cite {
	color: #999;
	font: normal 12px/12px "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	margin-bottom: 10px
}
.cite a,
.cite a:visited {
	color: #888;
}
.ampersand {
	font: italic 130% Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
}
.emdash {
	color: #aaa;
	font-weight: bold;
}
 
/* 1.4 Links and Lists
----------------------------------------------- */
a, a:link, a:visited {color: #333; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #333;}
a:active {
	outline: 0;
	position: relative;
	top: 1px;
	text-decoration: none;
}
.main a {
	font-weight: bold;
}
.main a:visited {
	color: #bcbcbc;
}
.main a:visited:hover {
	color: #333;
}
li {
	display: list-item;
}
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
dl {
	margin-top: 22px;
}
dd {
	margin-bottom: 22px;
}
.main a {
	word-spacing: -0.1em;
}
.buttons li {
	list-style: none;
}
a.rss,
a.rss:hover,
a.rss:active {
	background: #333 url(assets/images/icons/feed-bw-16x16.png) no-repeat 3px 3px;
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 3px 6px 3px 24px;
}
.page_title a.rss {
	float: right;
}
 
 
/* 1.5 Forms
----------------------------------------------- */
form .field input,
form .textarea textarea,
form .select select {
	-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,
.main .button,
.main .button:visited {
	background: #555;
	border: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font: bold 1em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	margin: 0;
	overflow: visible; /* overflow: visible + width: auto avoids IE adding double padding */
	padding: 3px 8px;
	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,
.main .button:hover,
.main .button:active,
.main .button:focus,
.main .button:visited:hover {
	background: #c54631;
	color: #fff;
	text-decoration: none;
}
.prev_next a,
.utility_links li a,
.button {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.graphic_button {
	background: url(assets/images/buttons/button_right.png) no-repeat scroll right top;
	border: 0;
	color: #fff;
	display: block;
	float: left;
	height: 22px;
	line-height: 100%;
	margin-right: 6px;
	padding: 0 10px 0 0;
}
.graphic_button span {
	background: url(assets/images/buttons/button_left.png) no-repeat;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 13px;
}
.graphic_button:hover {
	background: none;
}
.form_topaligned .button,
.form_topaligned input.button {
	padding-left: auto;
}
form button,
form .button {
	margin-top: 1em;
}
.button.emphasised,
.main .button.emphasised:visited {
	padding: 6px 12px;
}

/* 1.9 Tables
----------------------------------------------- */
table {
	line-height: 110%;
	margin: 0 0 1.286em 0;
}
table th {
	border-bottom: 2px solid #333;
	color: #333;
	font: bold 1.143em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	padding-bottom: 18px;
}
table td {
	border-top: 1px solid #ececec;
	padding: 0.635em 8px 0.635em 0;
}
table tbody {
	font-size: 13px;
}
table span {
	color: #585245;
	font-weight: bold;
}
table .alt {
	background: #fbfbfb;
}
.wp_syntax table {
	margin: 0;
}
table caption {
	color: #9B9B9B;
	font: italic 1em "Palatino","Times New Roman",Times,serif;
	margin: 3px 0 5px 0;
}
table.grids {
	margin-bottom: 2em;
}


/* 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 3em 20px;
}
.main img.alignleft {
	margin: -5px 20px 3em -160px;
}
.main img.alignright { /* 780px wide */
	margin: -5px -240px 3em 20px;
}
.main img.fullwidth {
	float: none;
	margin: -4px 0 3em -160px;
}
.gallery li {
	list-style: none;
	margin-bottom: 0.19em;
}
.gallery li img {
	margin-bottom: 0;
}


/*
2. TOP LEVEL ELEMENTS
------------------------------------------------------------------- */
 
/* 2.0 Wrapper
----------------------------------------------- */
#outer_wrapper {
  background: #fff;
	background: rgba(255,255,255,0.7);
}
#wrapper:after {
	content: ".";
	clear: both;  
	display: block; 
	height: 0; 
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/* \*/
* html #wrapper {
	height: 1%;
}
#wrapper {
	/* background: url(assets/images/page/bg-grid-12col-940-grey.png) repeat-y 10px 16px; */
	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: #ddd;
	font: bold 0.875em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	padding: 3px 6px 4px 26px;
	position: absolute;
	right: 9px;
	text-align: right;
	top: -3px;
}
a.rss_link:hover {
	background-color: #333;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}
 
 
/* 2.1 Header
----------------------------------------------- */
#header {
	float: left;
	height: 70px;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
#branding {
	background: url(assets/images/core/marque.png) no-repeat 0 0;
	display: inline;
	float: left;
	font-size: 1em;
	height: 57px;
	margin: 8px 0 0 0;
	padding: 0;
	text-indent: -9999em;
	width: 59px;
}
#branding a {
	display: block;
	height: 57px;
	outline: 0;
	width: 59px;
}
#branding a:hover,
#branding:hover {
	border: 0;
	background-position: 0 -57px;
}
.about {
	color: #A8A8A8;
	display: inline;
	float: right;
	margin-top: -2px;
	width: 300px;
}
.about p {
	line-height: 22px;
	margin-bottom: 0;
}
#header .emdash {
	left: 480px;
	padding: 0;
	position: absolute;
	top: 4px;
	width: 160px;
}
#header #about {
	color: #bbb;
	font: italic 1.05em/151% "Palatino","Times New Roman",Times,serif;
	right: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	/* width: 220px; */
	width: 300px;
}
#header #about a {
	color: #aaa;
}
#header #about a:hover,
#header #about a:focus,
#header #about a:active {
	color: #777;
}
 
/* 2.2 Masthead
----------------------------------------------- */
#masthead {}
 
 
/* 2.3 Navigation
----------------------------------------------- */
#nav {
	font: bold 0.938em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	height: 60px;
	left: 160px;
	padding: 0;
	position: absolute;
	top: 6px;
	width: 320px;
}
#nav li {
	float: left;
	line-height: 1.65em;
	list-style: none;
	margin-right: 20px;
	padding: 0;
	width: 140px;
}
#nav li a {
	padding: 0;
}
#nav li a:hover {
	background: none;
}
#nav.border {
	border-right: 1px solid #cecece;
	margin-right: 10px;
}


#subnav {}
 
 
/* 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-top: 16px;
}
.main h2 {
	margin-bottom: 0;
	padding-top: 0.63em;
}
.main h3 {
	line-height: 1.08em;
	margin: 2px 0;
}
.main h4 {
	margin: -3px 0 -1px 0;
}
/*
.main p + p {
	text-indent: 30px;
}
*/
.main p:first-child,
.main h3 + p,
.main blockquote + p,
.main blockquote p,
.main h4 + p,
.main ul + p,
.main ol + p,
.main pre + p,
.main hr + p,
#comments p + p {
	text-indent: 0;
}
.sidebar {
	float: left;
	padding-top: 2px;
	width: 220px;
}
#searchform {
	margin-top: -8px;
}
#searchform .field {
	margin: 0;
	padding: 0;
}
#searchform input {
	color: #666;
	font-size: 0.9em;
	padding: 4px;
	width: 140px;
}
#searchform button {
	font-size: 0.938em;
	margin-top: 0;
	padding: 4px 6px;
}
.main table {
	width: 100%;
}
.main img {
	box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	margin: 20px 0 3em 0;
}
.main p img {
	margin: 15px 0 0 0;
}
.main a,
.main a:link,
.main a:visited {
	line-height: 98%;
}
.main ol {
	margin-bottom: 1.9em;
}
.sidebar .categories,
span.category {
	text-transform: capitalize;
}
 
 
/* 2.5 Footer
----------------------------------------------- */
#footer {
	border-top: 1px solid #ddd;
	clear: both;
	color: #777;
	float: left;
	font-size: 0.857em;
	padding: 1.35em 0 1.2em 0;
	width: 100%;
}
#footer_content {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}
#footer h4 {
	color: #aaa;
	font: italic 1.3em "Palatino","Times New Roman",Times,serif;
	line-height: 120%;
	margin-bottom: 0.5em;
}
#footer h4 span {
	background: none;
	padding-right: 8px;
}
.widget {
	display: inline;
	float: left;
	margin-right: 20px;
}
.elsewhere {
	overflow: hidden;
	width: 140px;
}
.elsewhere li {
	margin-bottom: 0.2em;
	zoom: 1;
}
.elsewhere li a {
	background-position: 0 3px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 22px;
}
li.twitter a {
	background-image: url(assets/images/icons/twitter-16x16.png);
}
li.dribbble a {
	background-image: url(assets/images/icons/dribbble_16.png);
}
li.delicious a {
	background-image: url(assets/images/icons/delicious-16x16.png);
}
li.flickr a {
	background-image: url(assets/images/icons/flickr-16x16.png);
}
li.lastfm a {
	background-image: url(assets/images/icons/lastfm-16x16.png);
}
.twitter-timestamp {
	display: none;
}
.recent_posts {
	width: 460px;
}
.about_me {
	margin-right: 0;
	width: 300px;
}
.about_me img {
	border: 4px solid #ddd;
	display: inline;
	float: right;
	margin-left: 10px;
}
.recent_posts li {
	list-style: none;
}
.recent_posts li h5 {
	line-height: 110%;
	margin-bottom: 0.2em;
	padding-right: 5px;
}
.recent_posts li h5 a {
	display: block;
}
.recent_posts li p {
	line-height: 140%;
	margin-bottom: 8px;
}
#footer .recent_posts li p a {
	color: #666;
	font-weight: normal;
}
.vcard p {
	line-height: 130%;
	margin-bottom: 0;
}
#footer .vcard a.fn {
	color: #777;
}
.vcard .adr {
	margin-bottom: 0.7em;
}
.vcard-download {
	margin-top: 0.7em;
}
#footer .vcard .tel {
	font-weight: bold;
}
#footer .vcard .tel {
	font-weight: normal;
}
#footer .vcard .tel .type {
	display: none;
}
#footer .who_i_am {
	line-height: 150%;
	margin-bottom: 1em;
}
#footer .who_i_am .ampersand {
	font-size: 150%;
	line-height: 0;
}
#footer .pencil {
	font-size: 1.2em;
}
#footer .vcard .org {
	color: #666;
	font-weight: normal;
}
.vcard-download a {
	background: url(assets/images/icons/vcard-16x16.png) no-repeat 0 5px;
	display: block;
	line-height: 110%;
	padding: 5px 0 5px 22px;
}
#footer .utility_links {
	background: none;
	clear: both;
	color: #aaa;
	float: left;
	margin-top: 2em;
	width: 100%;
}
#footer .utility_links span {
	background: none;
	float: left;
	padding-right: 23px;
	width: auto;
}
#footer .utility_links .hashgrid {
	color: #999;
}
#footer .utility_links ul {
	background: none;
	float: right;
	width: auto;
}
#footer .utility_links li {
	display: inline;
	float: right;
	margin-left: 4px;
	list-style: none;
}
#footer .hashgrid a {
	color: #aaa;
}
 
 
/*
3. SPECIFIC PAGES
------------------------------------------------------------------- */
 
/* 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;
}
.article_header .title {
	color: #555;
	display: inline;
	float: left;
	font-size: 30px;
	line-height: 44px;
	margin: -2px 0 2px 160px;
	width: 700px;
}
span.date,
p.date {
	color: #bbb;
	font: italic 1em "Palatino","Times New Roman",Times,serif;
	margin-right: 20px;
	margin-top: 3px;
	width: 140px;
}
.article_header .date {
	left: 0;
	position: absolute;
	top: 16px;
}
li.article_header .date {
	top: 17px;
}
.blog_nav,
.post_info {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	-webkit-transition: opacity 0.30s linear;
}
.blog_nav:hover,
.blog_nav:focus,
.blog_nav:active,
.post_info:hover,
.post_info:focus,
.post_info:active {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.blog_nav h3 {
	color: #bbb;
	font-size: 1em;
	margin-bottom: 2px;
	margin-top: -2px;
}
.blog_nav ul,
.blog_nav ol {
	margin-bottom: 27px;
}
.blog_nav ul.children,
.blog_nav ol.children {
	margin-bottom: 0;
}
.blog_nav li {
	font-size: 0.929em;
	list-style: none;
}
.blog_nav .cat-item-8 {
	display: none;
}
.blog_nav li a {
	font-weight: normal;
}
.prev_next {
	font: bold 0.938em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	margin-bottom: 30px;
}
.prev_next a {
	background: #333;
	color: #fff;
	line-height: 100%;
	padding: 4px 10px;
	text-decoration: none;
}
.prev_next a:hover,
.prev_next a.next:hover,
.prev_next a.prev:hover {
	background: #333;
	color: #fff;
}
.prev_next .prev {
	background: url(assets/images/icons/prev.png) no-repeat -10px 4px;
	padding-left: 13px;
}
.prev_next .next {
	background: url(assets/images/icons/next.png) no-repeat 34px 4px;
	padding-right: 11px;
}
.standfirst {
	color: #bbb;
	font: italic 1.143em/1.37em "Palatino","Times New Roman",Times,serif;
	left: 0;
	padding-top: 0.05em;
	position: absolute;
	top: 0;
	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: #fff;
	display: inline;
	float: right;
	font: bold 0.938em "Helvetica Neue",Arial,Helvetica,sans-serif;
	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 {
	background: url(assets/images/page/comment_spike_red.png) no-repeat 7px 24px;
	color: #fff;
	display: block;
	padding: 4px 8px 10px;
	text-align: center;
}
.article_header .comments:hover,
.article_header .comments:visited {
	background: #333;
	color: #fff;
}
.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;
}
*/
.article_header .comments {
	float: right;
	font: bold 0.938em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	height: 24px;
	line-height: 15px;
	margin-right: 0;
	margin-top: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 8px;
	width: auto;
}
.spch-bub-inside {
	position: relative;
}
a.spch-bub-inside {
	color: #333;
	text-decoration: none;
}
.spch-bub-inside em {
	font-style: normal;
}
.spch-bub-inside em {
	background: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	padding: 4px 8px;
	position: relative;
}
.spch-bub-inside .point {
	border-left: 0.65em solid #333; 
	border-bottom: 0.65em solid #FFF; /* IE fix */
	border-bottom: 0.65em solid rgba(0,0,0,0);
	-moz-border-radius-bottomleft: 2px;
	display: block;
	height: 0;
	left: 0.55em;
	overflow: hidden; /* IE fix */
	position: absolute;
	top: 1.4em;
	width: 0;
}
a.spch-bub-inside:hover {
  color: #333;
}
a.spch-bub-inside:hover em {
  background: #333;
  cursor: pointer;
  color: #fff;
}
a.spch-bub-inside:hover .point {
  border-left: 0.65em solid #333; 
}
#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: 0.938em;
	margin-bottom: 18px;
}
.post_info p {
	margin-bottom: 0;
}
.main .post_info a:visited {
	color: #333;
}
.main .post_info a:hover {
	color: #333;
}
#post-meta {
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;
	margin-bottom: 0;
	padding: 1.5em 0;
}
#post-meta li {
	list-style: none;
}
#comments {
	margin-top: 3em;
}
#comments h3 {
	margin: 26px 0 0.9em 0;
}
#respond {
	margin-top: 25px;
}
#respond form {
	margin-top: -0.143em;
	width: 100%;	
}
#respond label {
	font-weight: normal;
}
#respond h3 {
	line-height: 1.11em;
	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.1em 20px;
	position: relative;
	width: 540px;
}
.comment.depth-2 {
	margin-left: 40px;
	width: 500px;
}
.comment_meta {
	background: #ececec;
	-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: #333;
}
.comment cite.fn,
.comment .commentmetadata {
	display: inline;
}
.comment cite.fn a {
	color: #333;
	font-weight: normal;
}
.comment.bypostauthor cite.fn a {
	color: #ccc;
}
.comment .date {
	color: #999;
	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: 0.857em;
	position: absolute;
	top: 5px;
}
.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: #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #eee;
	font-size: 0.857em;
	height: 100%;
	margin: 0 0 28px 0;
	overflow: auto;
	padding: 12px 10px;
}
#author-info h4 {
	color: #fff;
	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;
} 
.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;
	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 404
----------------------------------------------- */
.error404 .feedback {
	float: left;
	margin-left: 156px;
	margin-top: 4px;
	width: 456px;
	overflow: hidden;
}
.error404 .page_title {
	color: #dedede;
	font-size: 283px;
	margin-bottom: -14px;
	margin-left: 0;
	margin-top: -74px;
} 
.error404 .main {
	float: right;
	margin: 16px 0 0 20px;
	padding-left: 0;
	width: 300px;
}
.error404 li {
	font: bold 1em "proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
	line-height: 1.575em;
	list-style: none;
}
.error404 #searchform {
	float: right;
	margin: 0;
}
.error404 #searchform input {
	width: 223px;
}


/* 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;
}


/* 3.5 Post-specific style amends
----------------------------------------------- */
.webkit body .page-id-17,
.webkit body .postid-335 {
	line-height: 1.63em;
}
.webkit body .page-id-17 .main h2,
.webkit body .postid-335 .main h2 {
	margin-bottom: 0.05em;
}
.main img.wp-image-321 { /* iPhone screenshots from 'Happy accident' */
	margin: -6px 0 0 0;
}
.postid-217 .main img {
	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 {
	margin: -5px 20px 20px -160px;
}
.postid-217 .main h2 /* Top 5 typfaces */ {
	margin-bottom: 0;
}
.postid-217 .main h2 /* Top 5 typfaces */ {
	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.6 Work
----------------------------------------------- */
body.template_archive .category-work #header,
body.category-work #header {
	margin-bottom: 40px;
}
#work_projects .project {
	border-bottom: 1px solid #ececec;
	float: left;
	list-style: none;
	margin-bottom: 1.575em;
}
#work_projects .project:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.category-work .main {
	padding-left: 0;
	width: 700px;
}
.category-work .main img {
	margin: 0;
}
.category-work .main p img {
	margin-left: 0;
}
.category-work .sidebar {
	width: 220px;
}
.category-work .blog_nav {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.project_description {
	margin-top: -1px;
}
.project_description .title {
	color: #555;
	font-size: 24px;
	line-height: 93%;
	margin-bottom: 0.25em;
	margin-top: 0;
	padding-bottom: 0;
}
.project_description p {
	font-size: 0.786em;
	line-height: 172%;
	margin-bottom: 0.85em;
}
.project_description h3 {
	color: #bbb;
	font: italic 1.05em/120% "Palatino","Times New Roman",Times,serif;
	margin-bottom: -2px;
	margin-top: 9px
}
.project_description .metadata {
	margin-bottom: -6px;
}
.project_description .metadata li {
	font-size: 1em;
	list-style: none;
	margin-bottom: -0.12em;
}
.project_description .metadata p {
	line-height: 188%;
}
.project_description .metadata a {
	font-weight: bold;
}
.project .main p {
	margin-bottom: 1.3em;
}
/* Quercus */
#project-1041 .main p:first-child {
	height: 708px;
}
#project-1041 .main p:nth-child(2) {
	height: 707px;
}
/* Function Central */
#project-1078 .main p:first-child {
	height: 882px;
}
#project-1078 .main p:nth-child(2) {
	height: 1214px;
}
/* Holly Fulton */
#project-1072 .main p:first-child {
	height: 1169px;
}
/* DUCO Architects */
#project-1070 .main p:first-child {
	height: 444px;
}
#project-1070 .main p:nth-child(2) {
	height: 442px;
}
/* Fulcrum */
#project-1049 .main p:first-child {
	height: 466px;
}
#project-1049 .main p:nth-child(2) {
	height: 457px;
}

/* 3.7 Notes
----------------------------------------------- */
.category-notes #header {
	margin-bottom: 2.786em;
}
.category-notes .page_title {
	margin-bottom: 13px;
	margin-left: 0;
}
.notes {
	float: left;
	overflow: hidden;
	width: 980px;
}
.notes .note {
	border-top: 4px solid #DDD;
	display: inline;
	float: left;
	font-size: 0.857em;
	height: 152px;
	list-style: none;
	margin: 0 20px 22px 0;
	padding-top: 1.75em;
	overflow: hidden;
	width: 300px;
}
.notes .note .title {
	font-size: 18px;
	line-height: 137%;
	margin-bottom: 0.08em;
	margin-top: 0;
	width: auto;
}
.notes .note p {
	line-height: 182%;
	margin-bottom: 0;
}
.notes .note .date {
	margin: 0;
	width: auto;
}


/* Typekit-specific styles */
.wf-proximanova1proximanova2-n7-active h1 {
}
.wf-proximanova1proximanova2-n7-active h5 {
	font-size: 18px;
}
.wf-proximanova1proximanova2-n7-active #searchform button,
.wf-proximanova1proximanova2-n7-active .prev_next {
	font-size: 1em;
}
.wf-proximanova1proximanova2-n7-active .blog_nav h3 {
	font-size: 1.1em;
}
.wf-proximanova1proximanova2-n7-active body.template_archive .article_header .page_title {
	margin-bottom: -8px;
	margin-top: 10px;
}
.wf-proximanova1proximanova2-n7-active #nav {
	font-size: 1em;
}
.wf-proximanova1proximanova2-n7-active #nav li {
	line-height: 1.58em;
}
.wf-proximanova1proximanova2-n7-active .page_title {
	font-size: 1.857em;
}
.wf-proximanova1proximanova2-n7-active .error404 .page_title {
	font-size: 260px;
	margin-bottom: -26px;
	margin-top: -41px;
}
.wf-proximanova1proximanova2-n7-active .article_header .title {
	font-size: 32px;
	margin-top: 1px;
}
.wf-proximanova1proximanova2-n7-active .notes .note .title {
	font-size: 19px;
	margin-bottom: 0;
}
.wf-proximanova1proximanova2-n7-active .spch-bub-inside em {
	padding-bottom: 4px;
	padding-top: 5px;
}
.wf-proximanova1proximanova2-n7-active .spch-bub-inside .point {
	top: 1.25em;
}
.wf-proximanova1proximanova2-n7-active  a.rss,
.wf-proximanova1proximanova2-n7-active  a.rss:hover,
.wf-proximanova1proximanova2-n7-active  a.rss:active {
	padding-bottom: 4px;
	padding-top: 5px;
}


/* Webkit specific styles */
.webkit body {
	line-height: 1.6em;
}
.webkit h1 {
	letter-spacing: -0.04em;
}
.webkit h2 {
	letter-spacing: -0.0413em;
}
.webkit .main h2 {
	margin-bottom: 0.05em;
	padding-top: 0.65em;
}
.webkit button {
	padding-bottom: 6px;
	padding-top: 6px;
}
.webkit .blog_nav h3 {
	margin-bottom: 3px;
}
.webkit li.article_header .title {
	margin-top: -22px;
}
.webkit li.article_header .excerpt {
	margin-top: -21px;
}
.webkit .standfirst {
	line-height: 1.4em;
}
.webkit .error404 .feedback .page_title {
	background: #eee url(assets/images/page/texture_footer_alt1.jpg);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.webkit #searchform button {
	color: #fff;
	padding: 5px 9px;
}
.main img.bare {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.webkit #respond form button {
	margin-top: 0;
}
.webkit table td {
	padding-bottom: 0.76em; 
	padding-top: 0.69em;
}
.webkit pre code,
.webkit code {
	line-height: 1.6em;
}
.webkit pre code {
	margin-top: 0.13em;
}
.webkit #comments {
	margin-top: 2.95em;
}
.webkit #comments h3 {
	margin-bottom: 0.95em;
}
.webkit .project_description p {
	line-height: 1.73em;
}
.webkit #work_projects .project {
	margin-bottom: 1.64214285714285701535em;
}
.webkit .project_description h3 {
	margin-bottom: -0.12em;
}
.webkit #project-1005 .project_description .metadata p,
.webkit #project-999 .project_description .metadata p {
	line-height: 1.818em;
}
.webkit #project-1005 .project_description .metadata li,
.webkit #project-999 .project_description .metadata li {
	margin-bottom: -0.15em;
}
.webkit .notes .note p {
  line-height: 185%;
}
.webkit .notes .note .title {
  margin-bottom: 0.15em;
}
.webkit.wf-proximanova1proximanova2-n7-active .spch-bub-inside .point {
	top: 1.1em;
}

/* Gecko styles */
.gecko .buttons li {
	margin-bottom: 1.565em;
}
.gecko  a.rss,
.gecko  a.rss:hover,
.gecko  a.rss:active {
	letter-spacing: 0.01em;
}