@import url(http://fonts.googleapis.com/css?family=Lobster);

html {
	background-color: #fff;
	color: #333;
}

body {
	position: relative; /* positioning context */
	width: 480px;
	margin: 1em auto;
	padding: 2em 0;
	font-family: Optima, 'Times New Roman', Times, serif;
	font-size: 12pt;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Optima, Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	word-spacing: -0.1em;
}

* {
	line-height: 1.2em;
	text-rendering: optimizeLegibility;
}

img {
	border-width: 0;
	-ms-interpolation-mode: bicubic;
}

ins {
	text-decoration: none;
}

h1 a {
	color: black;
}

sup, sub {
	font-size: 0.75em;
}

p {
	text-align: justify;
}

blockquote {
	margin-right: 0;
}

/* Bordered pieces */

div.post, div.tags, div.notes, #pagination, #foot, #about {
	margin-top: 1em;
	border-top: thin solid black;
}

/* Blog post dates */

div.post {
	position: relative; /* positioning context */
}

div.post p.dateline {
	position: absolute;
	width: 150px;
	left: -170px;
	top: 7px;
	font-size: small;
	text-align: right;
}

/* Tumblr Notes */

div.notes ol.notes li {
	margin: 1em 0;
	list-style-type: none;
	list-style-position: outside;
}

div.notes ol.notes li.reblog {
	list-style-image: url('http://craiga.id.au/tumblr/reblog.png');
}

div.notes ol.notes li.like {
	list-style-image: url('http://craiga.id.au/tumblr/like.png');
}

div.notes ol.notes li.tumblelog_craiga {
	font-weight: bold;
}

/* Link posts */

div.link h2 a:after,
div.link p.link a:after {
	content: ' \27A5';
	font-weight: normal;
	font-size: 0.8em;
	position: relative;
	bottom: 0.1em;
}

/* Conversation posts */

div.conversation span.person {
	font-weight: bold;
}

/* Frames */

div.frame {
	padding: 1em 0;
}
div.frame img {
	max-width: 100%;
}

/* Code Blocks */

pre.code, pre code {
	display: block;
	padding: 1em;
	border: 1px solid silver;
	overflow-x: auto;
	font-size: 10pt;
}

/* Tags */

span.tag {
	font-weight: bold;
}

/* About */

#about h1 {
	font-size: 1em;
}

#about img {
	width: 33%;
	float: right;
	padding-left: 1em;
	padding-top: 0.5em;
}


/* Pagination */

#pagination {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	clear: both;
}

#pagination>span {
	display: table-cell;
	padding-top: 1em;
	width: 33%;
	text-align: center;
}

#pagination a {
	display: block;
	width: 100%;
}

#pagination a:hover {
	-webkit-transform: scale(1.2);
	text-decoration: none;
}

#pagination #prevpage a {
	text-align: left;
}

#pagination #currentpage a {
	text-align: center;
}

#pagination #nextpage a {
	text-align: right;
}

/* Photos */

div#featured-photos {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	clear: both;
}

div#featured-photos>a {
	display: table-cell;
	width: 16%;
	text-align: center;
}


/* Elsewhere list */

ul.links {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	list-style-position: inside;
	padding-left: 24px;
	margin-left: 0;
	clear: both;
}

ul.links li.delicious {
	list-style-image: url('http://craiga.id.au/icon/delicious_16.png');
}

ul.links li.dopplr {
	list-style-image: url('http://craiga.id.au/icon/dopplr_16.png');
}

ul.links li.email {
	list-style-image: url('http://craiga.id.au/icon/email_16.png');
}

ul.links li.facebook {
	list-style-image: url('http://craiga.id.au/icon/facebook_16.png');
}

ul.links li.flickr {
	list-style-image: url('http://craiga.id.au/icon/flickr_16.png');
}

ul.links li.friendfeed {
	list-style-image: url('http://craiga.id.au/icon/friendfeed_16.png');
}

ul.links li.google {
	list-style-image: url('http://craiga.id.au/icon/google_16.png');
}

ul.links li.lastfm {
	list-style-image: url('http://craiga.id.au/icon/lastfm_16.png');
}

ul.links li.linkedin {
	list-style-image: url('http://craiga.id.au/icon/linkedin_16.png');
}

ul.links li.tumblr {
	list-style-image: url('http://craiga.id.au/icon/tumblr_16.png');
}

ul.links li.twitter {
	list-style-image: url('http://craiga.id.au/icon/twitter_16.png');
}

ul.links li.vimeo {
	list-style-image: url('http://craiga.id.au/icon/vimeo_16.png');
}

ul.links li.youtube {
	list-style-image: url('http://craiga.id.au/icon/youtube_16.png');
}

ul.links li.tumblr-like {
	list-style-image: url('http://craiga.id.au/tumblr/like.png');
}