/*
	POCKETNOODLE CSS
	CREATED: 27.12.08
	MODIFIED: 07.11.11
	AUTHOR: ANDY FIELD
*/

/*
	COLOURS
	BACKGROUND:#282930
	LIGHT GREY:#d9dceb
	MID GREY:#7c8194
	MID GREY 02:#4b4e5a
	DARK GREY:#22242a
	RED:#d4360f
	BLUE:#009ade
	GREEN:#00acac
*/

/* RESET
******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

:link,:visited {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { 
	border: 0;
}

address,abbr,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

ol,ul,dl {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* BASE
******************************************/

html>body {
	font-size: 12px;
}

body {
	background:#282930 url(/assets/header-background.png) 50% 0 no-repeat;
	color:#d9dceb;
	font-family: "Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size: 75%;
	line-height: 1.5em; 
	text-align:center;
}

input,select,textarea {
	font-family: "Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:100%;
	padding:.2em;
}

#skip {
	height: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-indent: -3000em;
	width: 0;
}

a:link,
a:visited {
	color: #d9dceb;
	text-decoration: none;
}

.post-main a:link,
.post-main a:visited,
#footer a:link,
#footer a:visited,
#sidebar p a {
	color: #009ade;
}

#footer a.spatial {
	color:#4b4e5a;
}

.post-main h2 a:link,
.post-main h2 a:visited {
	color: #fff;
}

a:hover,
a:active,
.post-main h2 a:hover,
.post-main h2 a:active {
	color: #009ade;
	text-decoration: underline;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

strong {
	font-weight: bold;
}

/* TYPOGRAPHY
******************************************/

p,dl,ol,ul,th,td {
	font-size: 1em;
	line-height: 1.5em;
}

p,dl,ol,ul {
	margin:0 0 1.5em 0;
}

li {
	margin:0 0 0.375em 0;
}

h1,h2,h3,h4,h5,h6 {
	color:#fff;
}

h2 {
	font-size: 1.833333em;
	line-height: 1.227273em;
	margin:0 0 0.947368em 0;
}

h2 span {
	color:#7c8194;
	display:block;
	font-size: 0.5em;
	line-height: 1.636364em;
	margin:0 0 0.409091em 0;
	text-transform:uppercase;
}

h3 {
	font-size: 1.166667em;
	line-height: 1.285714em;
	margin:0 0 0.692308em 0;
}

h3 span {
	font-size: 0.785714em;
	line-height: 1.636364em;
	/* margin-top: 0.642857em;
	margin-bottom: 1.285714em; */
}

p.note {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0 0 0.75em 0;
}


blockquote {
	border-bottom:1px solid #d9dceb;
	margin:0 0 0.75em 0;
	padding:0 0 0.75em 0;
}

blockquote p {
	font-family:georgia,serif;
	font-size: 1.166667em;
	font-style:italic;
	line-height: 1.285714em;
	margin:0;
}

p cite {
	font-family: "Helvetica Neue",Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size:11px;
	font-style:italic;
}

/* DECORATION
******************************************/

h1 a {
	background:url(/assets/logo.png) 0 0 no-repeat;
	display:block;
	height:184px;
	left:-40px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	top:16px;
	width:462px;
}

#header blockquote {
	margin:0 0 0 185px;
	height:80px;
	width:460px;
}

#header blockquote p {
	background:url(/assets/quotes.png) 0 0 no-repeat;
	display:block;
	height:80px;
	left:-20px;
	margin:0;
	position:relative;
	text-indent:-3000em;
	top:-10px;
	width:460px;
}

.note {
	color:#7c8194;
}

.message {
	color:#00acac;
}

h2.pagetitle {
	margin-left:185px;	
}

ul.page-nav {
	float:left;
	height:30px;
	margin:0 0 0 185px;
	width:720px;
}

ul.page-nav li,
ul.comment-nav li {
	display:block;
	float:left;
	font-size: 0.916667em;
	line-height: 1.636364em;
}

.post {
	margin:0 0 15px 0;
	width:645px;
}

.post-meta {
	border-top:2px solid #7c8194;
	float:left;
	margin:50px 0 0 0;
	padding:10px 0;
	width:180px;
}

.no-meta {
	border:none;
}

.post-main,
#post-form {
	background:#22242a;
	float:right;
	padding:10px;
	width:440px;
}

#post-form {
	margin:1px 0 0 0;
}

.item {
	border-bottom:1px solid #7c8194;
	margin:16px 0;
	padding:0 0 15px 0;
}

.start {
	margin-top:0;
}

.end {
	border:none;
}

img.i {
	background:#7c8194;
	height:220px;
	margin:0 0 1.5em 0;
	width:440px;
}

.post-meta {
	font-size:100%;
}

.post-meta dl {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0;
}

dt {
	color:#7c8194;
}

dd {
	margin:0 0 0.75em 0;
}

#sidebar p,
#sidebar ul {
	margin:0;
}

#sidebar li {
	background:url(/assets/sprite.png) 0 -195px no-repeat;
	display:block;
	padding:0 0 0 10px;
}

fieldset li {
	margin:0 0 0.75em 0;
}

#sidebar h3,
#footer h3 a {
	display:block;
	line-height:1em;
	overflow:hidden;
	text-indent:-3000em;
}

h3#about-hd {
	background:url(/assets/sprite.png) 0 -300px no-repeat;
}

h3#twitter-hd {
	background:url(/assets/sprite.png) -400px -192px no-repeat;
	height:50px;
	margin:0;
}

h3#recent-hd {
	background:url(/assets/sprite.png) 0 -350px no-repeat;
}

h3#categories-hd {
	background:url(/assets/sprite.png) 0 -400px no-repeat;
}

h3#archives-hd {
	background:url(/assets/sprite.png) 0 -450px no-repeat;
}

h3#read-hd {
	background:url(/assets/sprite.png) 0 -500px no-repeat;
}

h3#flickr-hd a {
	background:url(/assets/sprite.png) -400px -300px no-repeat;
}

h3#flickr-hd a:hover {
	background:url(/assets/sprite.png) -400px -450px no-repeat;
}

h3#lastfm-hd a {
	background:url(/assets/sprite.png) -400px -350px no-repeat;
}

h3#lastfm-hd a:hover {
	background:url(/assets/sprite.png) -400px -500px no-repeat;
}

h3#film-hd a {
	background:url(/assets/sprite.png) -400px -400px no-repeat;
}

h3#film-hd a:hover {
	background:url(/assets/sprite.png) -400px -550px no-repeat;
}

.comment-lhs {
	float:left;
	width:40px;
}

.comment-main {
	float:right;
	width:390px;
}

.block {
	border-bottom:1px solid #7c8194;
	margin:0 0 0.375em 0;
	padding:0 0 0.375em 0;
}

.block p.message {
	margin:0;
}

.fn {
	font-size: 1.166667em;
	line-height: 1.285714em;
	margin:0 0 0.692308em 0;
}

.twitter-timestamp {
	display:block;
}

/* FORM
******************************************/

label {
	display:block;
	float:left;
	width:160px;
}

input.long,
textarea.long {
	border:1px solid #fff;
	width:240px;
}

button.btn {
	background:#4b4e5a;
	border:none;
	color:#d9dceb;
	cursor:pointer;
	font-weight:bold;
	height:26px;
	margin:0 0 0 160px;
	padding:0.3em 0.3em 0.4em 0.3em;
	width:100px;
}

button.btn:hover {
	background:#009ade;
}

/* LAYOUT
******************************************/

#header,
#content,
#footer {
	margin:0 auto;
	text-align:left;
	width:920px;
}

#header {
	height:260px;
}

#main {
	float:left;
	width:645px;
}

#sidebar {
	float:right;
	width:260px;
}

#footer {
	clear:both;
	padding:0 0 15px 0;
}

/* FOOTER
******************************************/

#fcol-01,
#fcol-02,
#fcol-03 {
	border-top:2px solid #7c8194;
	float:left;
	padding:12px 0 0 0;
	width:300px;
}

#fcol-02 {
	margin:0 10px;
}

#fcol-01 ul,
#fcol-02 ul,
#fcol-01 ol,
#fcol-02 ol {
	float:left;
	margin:0;
	width:300px;
}

#fcol-01 li,
#fcol-02 li {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

#fcol-01 img,
#fcol-02 img {
	display:block;
	height:70px;
	width:70px;
}

#fcol-01 li a,
#fcol-02 li a {
	background:#7c8194;
	display:block;
	padding:2px;
}

.flickr_badge_image img {
	display:block;
	height:70px;
	width:70px;
}

.flickr_badge_image a {
	background:#7c8194;
	display:block;
	float:left;
	height:70px;
	margin:0 10px 10px 0;
	padding:2px;
	width:70px;
}

#fcol-01 li a:hover,
#fcol-02 li a:hover,
.flickr_badge_image a:hover {
	background:#009ade;
}

#collections {
	padding:0  0 15px 0;
}

ul#pnav {
	/* float:left; */
	height:30px;
	padding:40px 0 20px 0;
	width:920px;
}

ul#pnav li {
	display:block;
	float:left;
	height:30px;
}

ul#pnav li a {
	display:block;
	height:30px;
	overflow:hidden;
	position:relative;
	text-indent:-3000em;
	width:30px;
}

ul#pnav li.previous {
	width:32px;
}

ul#pnav li.previous a {
	background:url(/assets/sprite.png) 0 0 no-repeat;
}

ul#pnav li.previous a:hover {
	background:url(/assets/sprite.png) 0 -30px no-repeat;
}

ul#pnav li.next {
	width:30px;
}

ul#pnav li.next a {
	background:url(/assets/sprite.png) -32px 0 no-repeat;
}

ul#pnav li.next a:hover {
	background:url(/assets/sprite.png) -32px -30px no-repeat;
}

ul#pnav li.top {
	width:858px;
}

ul#pnav li.top a {
	background:url(/assets/sprite.png) -64px 0 no-repeat;
	float:right;
}

ul#pnav li.top a:hover {
	background:url(/assets/sprite.png) -64px -30px no-repeat;
}

#footer h2 {
	background:url(/assets/sprite.png) 0 -100px no-repeat;
	display:block;
	height:55px;
	left:-10px;
	margin:0;
	position:relative;
	text-indent:-3000em;
	width:255px;
}

#footer p,
#footer dl {
	font-size: 0.916667em;
	line-height: 1.636364em;
	margin:0;
}

#footer dd {
	margin:0 0 0.375em 0;
}

/* UPDATES
******************************************/

.post-main img {
	background:#22242a url(/assets/image-shadow.png) 0 bottom no-repeat;
	padding:0 0 15px 0;
}

.post-main p img {
	margin:0 0 -1.5em 0;
}