@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
3.8 Dribbble
 
4. SPECIFIC POSTS
-------------------------------------------------------------------
4.0 My favourite albums of 2010

*/
 
/*
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);
}
@-webkit-keyframes 'fade' {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 100;
	}
}
body {
	border-top: 6px solid #333;
	font: normal 14px/1.57em "skolar-1","skolar-2",Georgia,"Times New Roman",Times,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: #444;
	font-family: "skolar-1","skolar-2","Georgia","Times New Roman",Times,serif;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 0.15em;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
}
h1 {
	font-size: 34px;
	margin: 29px 0 -5px 0;
}
h2 {
	font-size: 22px;
}
.webkit .main h2 {
	margin-bottom: 0.1em;
}
h3 {
	font-size: 20px;
}
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 "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
}
h1 .subtitle,
h2 .subtitle,
h3 .subtitle,
h1 .subtitle a,
h2 .subtitle a,
h3 .subtitle a {
	color: #999;
	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,
blockquote p {
	margin-bottom: 1em;
	/* margin-bottom: 1.575em; */
}
.main li {
  margin-bottom: 0.25em;
}
.main .condensed li {
	margin-bottom: 0;
}
pre,
code {
	font: normal 0.929em "Monaco","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: #444;
	font: italic 17px/1.3em "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
	margin: 0 auto;
	padding: 0.1em 0 0.9em 11.5%;
}
.webkit blockquote {
	padding-bottom: 1em;
}
blockquote p {
	margin-top: 0;
}
.cite {
	color: #999;
	font: normal 12px/12px "skolar-1","skolar-2","Georgia","Times New Roman",Times,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;
}
s,
strike,
del {
  text-decoration: line-through;
}
.q {
  color: #555;
  font-style: normal;
}
 
/* 1.4 Links and Lists
----------------------------------------------- */
a, a:link, a:visited {color: #222; font-style: italic; text-decoration: none;}
a:hover, a:focus, a:active {color: #333;}
a:active {
	outline: 0;
	position: relative;
	top: 1px;
	text-decoration: none;
}
/*
.main a:visited {
	color: #aaa;
}
*/
.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;
}
.buttons li {
	list-style: none;
	margin-bottom: 1em;
}
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;
	font-style: italic;
	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: 400 1em "skolar-1","skolar-2","Georgia","Times New Roman",Times,serif;
	font-style: italic;
	line-height: 140%;
	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 5px 12px;
}

/* 1.9 Tables
----------------------------------------------- */
table {
	line-height: 110%;
	margin: 0 0 1.286em 0;
}
table th {
	border-bottom: 2px solid #333;
	color: #333;
	font: 400 1.143em "skolar-1","skolar-2","Georgia","Times New Roman",Times,serif;
	padding-bottom: 18px;
}
table td {
	border-top: 1px dashed #ddd;
	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 "skolar-1","skolar-2","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;
	margin-bottom: 2em;
	margin-top: 0;
}
.main img.alignleft {
	margin: -5px 20px 3em -160px;
	margin-bottom: 2em;
	margin-top: 0;
}
.main img.alignright { /* 780px wide */
	margin: -5px -240px 3em 20px;
	margin-bottom: 2em;
	margin-top: 0;
}
.main img.fullwidth {
	float: none;
	margin: -4px 0 3em -160px;
	margin-top: 0;
}
.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;
	-webkit-animation-name: 'fade';
	-webkit-animation-duration: 0.45s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: alternate;
}
/* \*/
* 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: 400 0.875em "skolar-1","skolar-2","Georgia","Times New Roman",Times,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#masthead {
	float: left;
	height: 70px;
	margin-bottom: 4.4em;
	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;
}
#mark {
  display: none;
}
.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 {
	font: normal 1.1em/147% "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
	right: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	/* width: 220px; */
	width: 300px;
}
header #about a {
	font-weight: normal;
}
 
/* 2.2 Masthead
----------------------------------------------- */
#masthead {}
 
 
/* 2.3 Navigation
----------------------------------------------- */
#nav {
	font: 400 1.03em "skolar-1","skolar-2","Georgia","Times New Roman",Times,serif;
	height: 60px;
	left: 160px;
	padding: 0;
	position: absolute;
	top: 6px;
	width: 320px;
}
#nav li {
	float: left;
	line-height: 1.53em;
	list-style: none;
	margin-right: 20px;
	padding: 0;
	width: 140px;
}
#nav li a {
  font-style: normal;
	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;
	font-size: 16px;
	line-height: 1.5em;
	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 {
	float: right;
	font-size: 0.938em;
	margin: 0;
	padding: 3px 6px;
}
.main table {
	width: 100%;
}
.main img {
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.35);
	box-shadow: 0 2px 3px rgba(0,0,0,0.35);
	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: 13px;
	padding: 1.35em 0 1.2em 0;
	width: 100%;
}
#footer_content {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
}
#footer h4 {
	color: #999;
	font: normal 1.3em "skolar-1","skolar-2","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 {
	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 dashed #ddd;
	clear: both;
	float: left;
	height: auto;
	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: #444;
	display: inline;
	float: left;
	font-size: 32px;
	line-height: 50px;
	margin: 0 0 0 160px;
	width: 700px;
}
.article_header .title a {
  font-style: normal;
}
span.date,
time,
p.date {
	color: #bbb;
	font: normal 1em "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
	margin-right: 20px;
	margin-top: 3px;
	width: 140px;
}
.article_header .date,
.article_header time {
	left: 0;
	position: absolute;
	top: 16px;
}
li.article_header .date,
li.article_header time {
	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: #aaa;
	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 {
	list-style: none;
}
.blog_nav .cat-item-8 {
	display: none;
}
.blog_nav li a {
	font-weight: normal;
}
.prev_next {
	font: 400 0.938em "skolar-1","skolar-2","Georgia","Times New Roman",Times,serif;
	font-style: italic;
	margin-bottom: 30px;
}
.prev_next a {
	background: #333;
	color: #fff;
	line-height: 100%;
	margin-right: 4px;
	padding: 5px 10px 3px 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 3px;
	padding-left: 13px;
}
.prev_next .next {
	background: url(assets/images/icons/next.png) no-repeat 33px 3px;
	padding-right: 15px;
}
.standfirst {
	color: #bbb;
	font: italic 0.938em/1.57em "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
	left: 0;
	padding-top: 0.05em;
	position: absolute;
	top: 0;
	width: 140px;
}
.webkit .standfirst {
  line-height: 1.6em;
}
.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: 400 0.938em "skolar-1","skolar-2","Georgia","Times New Roman",Times,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 3px 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 dashed #ddd;
	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 dashed #ddd;
	border-top: 1px dashed #ddd;
	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,
.comment time {
	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,
.comment.comment-author-admin time,
.comment.bypostauthor time {
	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: normal 1em/1.35em "skolar-1","skolar-2","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: 400 1em "skolar-1","skolar-2","Georgia","Times New Roman",Times,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,
body.page-template-work-php header {
	margin-bottom: 40px;
}
#work_projects .project,
.category-work .project {
	float: left;
	position: relative;
	width: 100%;
}
#work_projects .project {
	border-bottom: 1px dashed #ddd;
	list-style: none;
	margin-bottom: 2.5em;
}
#work_projects .project:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.category-work .main,
.page-template-work-php .main {
	padding-left: 0;
	width: 700px;
}
.category-work .main img,
.page-template-work-php .main img {
	margin: 0;
}
.category-work .main p img,
.page-template-work-php .main p img {
	margin-left: 0;
}
.category-work .sidebar,
.page-template-work-php .sidebar {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
	width: 220px;
}
.category-work .sidebar.fixed,
.page-template-work-php .sidebar.fixed {
  position: fixed;
  top: 0;
}
.category-work .blog_nav,
.page-template-work-php .blog_nav {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.project_description {
	margin-top: -1px;
}
.project_description .title {
	color: #444;
	font-size: 24px;
	line-height: 93%;
	margin-bottom: 0.5em;
	margin-top: 0;
	padding-bottom: 0;
}
.project_description p {
	font-size: 13px;
	line-height: 160%;
	margin-bottom: 0.85em;
}
.project_description h3 {
	font: normal 1.05em/120% "skolar-1","skolar-2","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: 150%;
}
.project .main p {
	margin-bottom: 2em;
}
.marks_logotypes ul {
	height: 319px;
	position: relative;
	width: 700px;
}
.marks_logotypes li {
	left: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
.main .marks_logotypes img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
.category-work #project-1328 .main img,
.page-template-work-php #project-1328 .main img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
.category-work .main img.wp-image-1501,
.page-template-work-php .main img.wp-image-1501 /* Depot for iPhone */ {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 612px;
  position: absolute;
  top: 490px;
}
.category-work .main img.wp-image-1732,
.page-template-work-php .main img.wp-image-1732 /* BuildBoard for iPhone */ {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 655px;
  position: absolute;
  top: 350px;
}

/* 3.7 Notes
----------------------------------------------- */
.category-notes header#masthead {
	/* margin-bottom: 2.786em; */
}
.category-notes .page_title {
	margin-bottom: 13px;
	margin-left: 0;
}
.notes {
	display: inline;
	float: left;
	margin-top: 0.7em;
	overflow: hidden;
	width: 980px;
}
.notes .note {
	border-top: 4px solid #DDD;
	display: inline;
	float: left;
	height: 138px;
	list-style: none;
	margin: 0 20px 22px 0;
	padding-top: 1em;
	overflow: hidden;
	width: 300px;
}
.notes .note .title {
	font-size: 20px;
	line-height: 137%;
	margin-bottom: 0.5em;
	margin-top: 0;
	width: auto;
}
.notes .note .title a {
  font-style: normal;
}
.notes .note p {
  line-height: 140%;
	margin-bottom: 0.5em;
}
.notes .note .date,
.notes .note time {
  font-size: 1em;
	margin: 0;
	width: auto;
}

/* 3.8 Dribbble
----------------------------------------------- */
.dribbbles {
  display: inline;
  float: left;
  overflow: hidden;
  width: 980px;
}
.dribbbles li {
  border: 1px solid #ddd;
  float: left;
  list-style: none;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 298px;
}
.dribbbles .dribbble-img img {
  width: 298px;
}
.dribbbles .dribbble-over {
  display: none;
}
.dribbbles .dribbble-link {
  display: block;
  height: 224px;
  margin: 0;
  padding: 0;
  width: 298px;
}


/*
3. SPECIFIC POSTS
------------------------------------------------------------------- */
 
/* 4.0 My favourite albums of 2010
----------------------------------------------- */
#albums li {
	list-style: none;
	margin: 0;
}
#albums .album {
	border-bottom: 1px dashed #ddd;
	clear: both;
	margin-bottom: 1.375em;
	position: relative;
}
#albums .album h2 span {
	color: #A1A1A1;
	font: italic 16px/1.57em "skolar-1","skolar-2","Palatino","Times New Roman",Times,serif;
}
#albums .album .subtitle {
	display: none;
}
#albums .album .meta {
	font-size: 0.857em;
	left: -160px;
	position: absolute;
	text-align: center;
	top: 6px;
	width: 140px;
}
#albums .album .meta img {
	margin: 0 0 0.35em 0;
}
#albums .album .meta li {
	line-height: 130%;
	margin-bottom: 0.35em;
}
#albums .album .meta p {
  margin: 0;
}
#albums .album h2 {
	display: inline;
}
#albums .album .group {
	font-size: 0.75em;
}
#albums .album .label {
	font-size: 0.857em;
	line-height: 120%;
	margin-bottom: 1em;
}
#albums .album .label a {
	color: #777;
	font-weight: normal;
}
#albums .album .highlights li {
	display: inline;
}
#mentions li {
	display: inline-block;
	list-style: none;
	margin: 0 16px 0 0;
	width: 140px;
}
#mentions li img {
	margin: 0;
}
#mentions li .group {
	display: block;
	font-size: 0.8em;
}

/* 4.1 A New Approach (Part II)
----------------------------------------------- */
#breakpoint_screenshots {
  float: left;
  margin-left: -100px;
  width: 940px;
}
#breakpoint_screenshots li {
  float: left;
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
  text-align: center;
  width: 140px;
}
#breakpoint_screenshots li:first-child {
  width: 80px;
}
#breakpoint_screenshots li:last-child {
  margin-right: 0;
}
#breakpoint_screenshots li span {
  text-align: center;
}
#breakpoint_screenshots li img {
  margin-bottom: 0;
  margin-top: 0.5em;
}


/* 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: 20px;
	margin-bottom: 0.25em;
}



/* Webkit specific styles */
.webkit body {
	line-height: 1.6em;
}
.webkit .main h2 {
	margin-bottom: 0.05em;
}
.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 .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.wf-proximanova1proximanova2-n7-active .spch-bub-inside .point {
	top: 1.3em;
}
*/

/* Gecko styles */
.gecko .buttons li {
	margin-bottom: 1.565em;
}



/* Smartphones (portrait and landscape) ----------- */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body {
		font-size: 225%;
		line-height: 250%;
		-webkit-text-size-adjust: none;
	}
	h2,
	h3 {
		font-size: 130%;
	}
	p, .main ul, .main ol, .main li {
		line-height: 135%;
		margin-bottom: 1em;
	}
	.main {
	  font-size: 125%;
	}
	#outer_wrapper {
		padding-top: 10px;
	}
	#wrapper {
		background: none;
		padding: 0 3%;
		width: 94%;
	}
	a.rss_link {
		display: none	
	}
	.main,
	.article_header .title,
	.sidebar {
		width: 100%;
	}
	header#masthead,
	.category-notes header#masthead {
		border-bottom: 1px solid #ccc;
		height: 100px;
		margin-bottom: 0;
	}
	#nav,
	.wf-proximanova1proximanova2-n7-active #nav {
		font-size: 125%;
		left: 0;
		margin-bottom: 0;
		padding-bottom: 0.35em;
		position: static;
		width: 100%;
	}
	#nav li {
		display: inline;
		margin: 0 5% 0 0;
		padding: 0;
		width: auto;
	}
	#nav li a {
	  background: yellow;
	  display: block;
		margin: 0;
		padding: 5% 0;
	}
	header .emdash {
		display: none;
	}
	.main img {
		float: none;
		height: auto;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		width: 100% !important;
	}
	.category-work .main img.wp-image-1501,
	.page-template-work-php .main img.wp-image-1501 {
	  left: 0;
		position: relative;
	  top: 0;
	}
	.main img.alignright,
	.main img.alignleft,
	.main img.fullwidth {
		float: none;
		margin: 0 0 0.5em 0;
	}
	header #about,
	#branding,
	.standfirst,
	.article_header time,
	.article_header .comments,
	#footer,
	#searchform {
		display: none;
	}
	.article_header {
		margin-bottom: 10px;
	}
	.article_header .title,
	.page_title,
	.wf-proximanova1proximanova2-n7-active .article_header .title {
		float: none;
		font-size: 150%;
		line-height: 110%;
		margin: 0;
		width: auto;
	}
	.main {
		margin: 0;
		padding: 0;
	}
	#respond input {
		width: 75%;
	}
	#respond textarea {
		width: 95%;
	}
	#respond .required_info {
		display: none;
	}
	.article_header .date,
	.article_header time {
		margin: 0;
		position: static;
		top: 0;
		width: 100%;
	} 
	body.template_archive .article_header {
		float: none;
		height: auto;
		margin-bottom: 10px;
	}
	li.article_header .excerpt {
		float: none;
		line-height: 16px;
		width: auto;
	}
	#sidebar {
		background: none;
		border-top: 2px solid #ddd;
		clear: both;
		float: none;
		padding: 1.5em 0 0 0;
	}
	.blog_nav,
	.post_info {
		-moz-opacity: 1;
		opacity: 1;
	}
	.prev_next a {
		font-size: 1.3em;
		padding: 8px 16px;
	}
	.prev_next .prev {
		background-position: -9px 9px;
		padding-left: 14px;
	}
	.prev_next .next {
		background-position: 51px 9px;
		padding-right: 14px;
	}
	.comment {
		margin-left: 0;
		padding-left: 0;
		width: 100%;
	}
	.comment .comment_meta {
		margin-bottom: 0.5em;
		position: relative;
	}
	.comment p {
		margin-bottom: 0.5em;
	}
	.comment .avatar {
		display: none;
	}
	#work_projects .project {
		float: none;
	}
	.category-work .main,
	.page-template-work-php .main {
		float: none;
		margin: 0;
		width: 100%;
	}
	.category-work .sidebar,
	.page-template-work-php .sidebar {
		float: none;
		width: 100%;
	}
	.project_description .title {
		font-size: 1.5em;
	}
	.project_description p {
		font-size: 1em;
	}
	.notes {
	  margin: 0;
	  width: 100%;
	}
	.notes .note {
	  height: auto;
	  margin: 0;
	  overflow: visible;
	  padding: 0.5em 0 0.25em 0;
	  width: 100%;
	}
	.notes .note .title {
	  font-size: 150%;
	}
	#albums .album .meta {
		display: inline;
		left: 0;
		position: relative;
		text-align: left;
		top: 0;
		width: 100%;
	}
	#albums .album .meta img {
		display: none;
	}
}
*/