/*
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* -----------------------------------------------------------------------------
 * HTML Elements
*/

html, body {
	padding: 0;
	margin: 0;
	font: 100%/150% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 0.9em;
	background: #fff;
	color: #333;
}

body {
	padding-left: 23%;
}

a {
	color: #069;
}

a:visited {
	color: #666;
}

a:hover {
	color: #036;
}

html * {
	margin: 0;
}

p, ul {
	margin-top: 15px;
}

ul, ol {
	padding-left: 0;
	margin-left: 30px;
}

h1, h2 {
	margin-top: 15px;
}

h1, h2 {
	font: 1.7em "Apple Garamond", "Times New Roman", "Garamond", serif;
	line-height: 1.7em;
	margin-bottom: 0;
}

h2 a, h1 a {
	text-decoration: none;
	color: #333;
}

h1 a:hover, h2 a:hover {
	color: #036;
}

h1 {
	font-size: 1.9em;
}

h3 {
	margin-top: 0.5em;
	font-size: 1.2em;
}

h6 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	color: #666;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dashed #999;
}

hr {
	display: none;
}

blockquote {
	border-left: 5px solid #ccc;
	padding-left: 10px;
}

code {
	font: 110% "Lucida Console", "Courier New", "Courier", monospace;
}

pre {
	overflow: auto;
}

/* -----------------------------------------------------------------------------
 * Columns
 */

#container {
	width: 95%;
	margin: 2em auto;
	min-width: 500px;
	overflow: hidden;
	padding: 0;
}

.column {
	width: 19%;
	float: left;
	margin: 0;
	/*background: transparent url(../images/bar-vertical.jpg) no-repeat 100% 25%;*/
	padding-right: 1.5em;
	padding-left: 1.5em;
}

.column ul {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}

.column li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.column h2, .column h3, .column p {
	margin-left: 8px;
}

.column p {
	margin-top: 0.3em;
	margin-bottom: 0;
}

.column h2 a, .column h2 a:active, .column h2 a:visited {
	color: black;
}

/* -----------------------------------------------------------------------------
 * Generic Icons
 */

.add {
	background: transparent url('../images/add.gif') no-repeat center left;
	padding-left: 22px;
}

.vcf {
	background: transparent url('../images/vcf.gif') no-repeat center left;
	padding-left: 30px;
}

.feed {
	background: transparent url('../images/rss.png') no-repeat center left;
	padding-left: 22px;
}


/* -----------------------------------------------------------------------------
 * Delicious Links
 */

#delicious {
	width: 20%;
}

#delicious .delicious {
	background: transparent url('../images/delicious.gif') no-repeat center left;
	padding-left: 22px;
}

#delicious li {
	list-style: square;
}

/* -----------------------------------------------------------------------------
 * Flickr Links
 */

#flickr {
	width: 220px;
	padding-right: 0;
}

#flickr .flickr {
	background: transparent url('../images/flickr.gif') no-repeat center left;
	padding-left: 22px;
}


#flickr ul {
	padding-left: 5px;
}

#flickr li {
	display: inline;
}

#flickr img {
	border: none;
	padding: 5px;
}

#flickr .swfir {

}

/* -----------------------------------------------------------------------------
 * Last.FM Links
 */

#lastfm {
	background: none;
	width: 25%;
}

#lastfm h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #CCCCCC;
}

#lastfm .lastfm {
	background: transparent url('../images/audioscrobbler.gif') no-repeat center left;
	padding-left: 22px;
}

#lastfm li {
	list-style: square;
}

#lastfm li span {
	color: #CCCCCC;
}

/* -----------------------------------------------------------------------------
 * About Me
 */

#aboutme {
	position: absolute;
	top: 0;
	left: 0;
	width: 19%;
	height: 100%;
	background-color: #001E3C;
	color: #ACACAC;
}

#aboutme h2 {
	color: #fff;
}

#aboutme img {
	float: left;
	padding-right: 10px;
	padding-bottom: 0;
}

#aboutme p {
	margin-top: 1em;
}

.vcard {
	display: none;
}

#tumblr {
	margin: 1em 0 2em 8px;
}

.tumblog {
	background-color: #143351;
	padding: 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
}

.tumblog h4 {
	margin-bottom: 0;
}

.tumblog h4 a, .tumblog h4 a:visited {
	color: #fff;
}

#aboutme .tumblog p.date {
	margin: 0;
	color: #CCC;
	margin-bottom: 8px;
}