@charset "UTF-8";

/* html 5 elements */

	article, aside, figure, figcaption, footer, header, hgroup, section, time {
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
	}

/* various page element styles */

	::selection, .highlight {
		background: #ffffc0;
		color: #424242;
	}

	* {outline: none;}

	.hidden {display: none;}

	body {
		background-color: #fff;
		background: -moz-linear-gradient(left center, rgb(246,246,246) 0%, rgb(255,255,255) 30%, rgb(255,255,255) 70%, rgb(246,246,246) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(246,246,246)), color-stop(0.3, rgb(255,255,255)), color-stop(0.7, rgb(255,255,255)), color-stop(1.0, rgb(246,246,246)));
		color: #424242;
		font: 0.8em Georgia;
		line-height: 140%;
		margin: 0 0 15px 0;
		text-align: justify;
		text-transform: lowercase;
	}

	p {
		margin: 10px 0;
		padding: 0;
	}

/* default anchors */

	a {
		color: #6699cc;
		text-decoration: none;
	}

	a:hover {color: #424242;}

	a img {border: none;}

/* headings */

	h1 {
		font-size: 2em;
		margin: 0;
		padding: 0 0 10px 0;
	}

	h3 {
		font-size: 1.1em;
		margin: 0 0 8px 0;
		padding: 0;
		text-shadow: #ccc 3px 3px 2px;
	}

/* code */

	code {
		background-color: #f8f8f8;
		border: 1px dotted #d7d7d7;
		display: block;
		padding: 5px;
	}

/* page header */

	.page {
		background: #f8f8f8;
		border-bottom: 1px solid #eee;
		margin: 0;
		opacity: 0.97;
		padding: 12px 0;
		position: fixed;
		width: 100%;
		z-index: 100;
	}

	.page hgroup {
		background: url(http://29.media.tumblr.com/avatar_55ba91db9576_64.png) no-repeat top left;
		margin: 0 auto;
		padding: 0;
		height: 64px;
		width: 632px;
	}

	.page h1, .page h4 {
		margin: 0 0 0 84px;
		padding: 10px 0 0 0;
	}

	.page h4 {font-weight: normal;}

	.page h1 a {
		color: #424242;
		text-shadow: #ccc 4px 4px 2px;
	}

/* page search field */

	.page form {
		position: absolute;
		top: 45px; right: 15px;
	}
	
	.page form input {
		border: 1px solid #eee;
		border-radius: 10px;
		line-height: 20px;
		padding-left: 4px;
		width: 160px;
	}

/* subheader and footer links */ 

	.links {
		clear: both;
		color: #cecece;
		font-size: 0.8em;
		font-weight: bold;
		margin: 0 auto;
		padding: 0 10px;
		width: 632px;
	}

	.links nav {
		float: right;
		font-weight: normal;
		margin-right: 16px;
		text-align: right;
	}

	.links span {margin-left: 115px;}

	.top {
		padding-top: 110px;
	}

/* main page container */

	.main {
		clear: both;
		margin: 0 auto;
		padding-top: 15px;
		width: 632px;
	}

/* timestamp and permalink */

	time {
		width: 100px;
		float: left;
		padding: 8px 0;
	}

	time a, time a:hover {color: #424242;}

	time span {color: #cecece;}

/* blog post container */

	.wrapper {
		width: 522px;
		float: left;
		margin: 0 0 15px 0;
		border: 5px solid #f8f8f8;
		border-radius: 20px;
	}

	.container {
		background-color: #fff;
		border: 1px solid #d7d7d7;
		border-radius: 15px;
	}

	.post {padding: 10px 10px 0 10px;}

/* fancybox container (usually a paragraph or figure) */

	.wrap {position: relative;}

	.wrap .zoom {
		background: url(fancybox/fancy_zoom.png) no-repeat top left;
		display: none;
		position: absolute;
		height: 25px;
		width: 63px;
		right: 15px;
		top: 15px;
		text-indent: -99999em;
	}

	.wrap:hover .zoom {display: block;}

/* center images */

	.center img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

/* post footer */

	article footer {
		background: #f8f8f8;
		border-top: 1px solid #eee;
		border-radius: 0 0 15px 15px;
		color: #888;
		font-size: 0.8em;
		padding: 5px 10px;
	}

	article footer a {color: #aaa;}

	article footer .tags {
		width: 350px;
	}

	article footer .notes {
		float: right;
		text-align: right;
		width: 150px;
	}

/* quotation style */

	.quote {
		border-left: 4px solid #d7d7d7;
		margin: 0 0 10px 0;
		padding: 0 0 0 6px;
	}

/* chat or a table in general */

	.chat, .chat th, .chat td {
		border: 0;
		border-spacing: 0;
		margin: 0;
		padding: 0;
	}

	.chat {
		margin: 0 0 10px 0;
		width: 100%;
	}

	.chat td {padding: 5px 8px;}

	.chat tr td:first-child {
		font-weight: bold;
		text-align: right;
	}

	.chat tr:nth-child(odd) td {
		background: #f8f8f8;
		border-bottom: 1px solid #eee;
	}

	.chat tr:nth-child(even) td {background: #fff;}

/* audio post */

	.audio {
		background :#f8f8f8;
		border: 1px solid #eee;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 350px;
	}

	.audio .left {
		background: #fff;
		float: left;
		margin: 5px;
		padding: 5px;
		border: 1px solid #eee;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 210px;
	}

	.audio .right {
	float: left;
	font-size: 1.2em;
	padding: 13px 0;
	text-align: center;
	width: 110px;
	}

/* post notes */

	.note {padding: 10px;}

	ol.notes, ol.notes li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

	ol.notes li.note {
		font-size: 0.8em;
		padding: 2px 0;
	}

	ol.notes li.note img.avatar {
		border: 1px solid #d7d7d7;
		margin-right: 5px;
		padding: 2px;
		height: 16px;
		width: 16px;
		vertical-align: -8px;
	}

	ol.notes li.note blockquote a {text-decoration: none;}

/* flickr thumbnails */

	#flickrthumbs li {
		border: 1px solid #eee;
		float: left;
		list-style: none;
		margin: 6px;
		padding: 4px;
		box-shadow: 3px 3px 2px #ddd;
		-moz-box-shadow: 3px 3px 2px #ddd;
		-webkit-box-shadow: 3px 3px 2px #ddd;
	}

	#flickrthumbs img {
		border: none;
		display: block;
	}

/* google map */

	#mapwrapper {
		height: 0px;
		overflow: hidden;
	}

	#map {
		height: 700px;
		width: 1050px;
	}

/* nivo slider */

	.slider {
		background:url(nivoslider/nivo.loader.gif) no-repeat 50% 50%;
		position: relative;
		margin: auto;
		width: 500px;
		height: 375px;
	}

	.slider img {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}

	.slider a {
		border: 0;
		display: block;
	}