/* the basics */

body {
	color: #000;
	text-align: center;
	font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif;
	font-size: 14px;
	background: #fff url('i/bottomrightback.gif') bottom right fixed no-repeat;
	margin: 0px;
	padding: 0px;
	}

#back {
	background: url('i/topleftback.gif') top left fixed no-repeat;
	}

h1, h2, #nav a {
	font-family: Arial Narrow Bold, Arial, sans-serif;
	}

h2 { display: none; }

h3 {
	margin: 0px;
	padding: 0px;
	}

h1 {
	font-weight: normal;
	letter-spacing: -4px;
	font-size: 40px;
	padding: 0px;
	margin: 32px 0px 0px 24px;
	float: left;
	height: 29px;
	width: 215px;
	text-indent: -999999px;
	background: url('i/h1.png') top left no-repeat;
	}

h2 {
	margin: 5px 5px 15px 5px;
	padding: 10px;
	font-size: 30px;
	letter-spacing: 10px;
	background: url('i/h2back.png') top left repeat;
	}

a {
	color: #555;
	}

blockquote {
	font-style: italic;
	text-align: left;
	letter-spacing: 2px;
	margin-left: 15px;
	}

#headerimage {
	height: 200px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	}

.clear { clear: both; }
.center { text-align: center; }
.center img { margin-bottom: 5px; }

#footer {
	text-align: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 630px;
	margin: 0px auto 20px auto;
	font-size: 12px;
	padding: 10px;
	background: #fff;
	}


/* box */

#box {
	width: 650px;
	text-align: left;
	border: 1px solid #000;
	border-top: 0px;
	margin: 0px auto;
	}

#home #box { background: url('i/blueboxback.png') top left repeat-y; }
#music #box, #photo #box, #design #box { background: url('i/boxback.png') top left no-repeat; }

#headerbox {
	background: #fff;
	height: 295px;
	}

#contentbox {
	clear: both;
	border-top: 1px solid #000;
	}

#home #contentbox { background: url('i/boxback.png') top left no-repeat; }


/* nav */

#nav {
	list-style-type: none;
	margin: 10px 10px 5px 295px;
	padding: 0px;
	}

#nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
	}

#nav a {
	margin: 5px;
	padding: 5px;
	background: #fdfdfd;
	width: 150px;
	display: block;
	color: #000;
	letter-spacing: 10px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #fdfdfd;
	}

#nav a:hover {
	background: #ccc;
	border: 1px solid #000;
	}

#home #nav_blog a { border: 1px solid #ccc; }
#home #nav_blog a:hover { border: 1px solid #ccc; background: #fff; }
#music #nav_music a { border: 1px solid #ccc; }
#music #nav_music a:hover { border: 1px solid #ccc; background: #fff;; }
#photo #nav_photo a { border: 1px solid #ccc; }
#photo #nav_photo a:hover { border: 1px solid #ccc; background: #fff;; }
#design #nav_design a { border: 1px solid #ccc; }
#design #nav_design a:hover { border: 1px solid #ccc; background: #fff;; }


/* sidebar */

#sidebar {
	width: 208px;
	float: right;
	padding: 10px;
	background: url('i/sideback2.png') top left no-repeat;
	border-left: 1px solid #000;
	position: relative;
	left: -1px;
	}

#hello, #consuming, #tweet, #lastfm {
	padding: 10px;
	margin: 5px 5px 15px 5px;
	font-size: 12px;
	line-height: 17px;
	overflow: hidden;
	}

#hello 		{ background: #eee; }
#consuming 	{ background: #ccc; }
#tweet 		{ background: #b0b0b0; }

#mtaTwitter img {
	display: none;
	}

#mtaTwitter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#mtaTwitter li {
	margin: 10px 0px;
	padding: 0px;
	}

#mtaTwitter li + li {
	border-top: 1px dashed #666;
	padding-top: 10px;
	}

#mtaTwitter .when {
	display: block;
	font-size: 10px;
	letter-spacing: 1px;
	}

#consuming ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}

/* content */

#home #content {
	float: left;
	width: 400px;
	border-right: 1px solid #000;
	padding: 10px;
	}

.entry {
	border: 1px solid #000;
	margin: 5px 5px 15px 5px;
	padding: 10px;
	font-size: 12px;
	background: #fff;
	text-align: justify;
	}

.entryheader {
	font-weight: bold;
	padding-bottom: 10px;
	}

.entrybody {
	border-top: 1px dashed #666;
	}

#music #content, #photo #content, #design #content {
	width: 630px;
	padding: 10px;
	}

/* photo */

.thumbnav {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}

.thumbnav li {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
	display: inline;
	}

.thumbnav img {
	border: 1px solid #000;
	margin: 0px 5px 5px 0px;
	}

#photo h3 {
	text-decoration: underline;
	cursor: pointer;
	}

#desc .entrybody {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 15px;
	}

/* music */

#music h3 {
	margin: 5px;
	}

#music .entry {
	float: left;
	margin: 0px 0px 10px 0px;
	}

#col1, #col2 {
	width: 310px;
	}

#col1 { float: left; }
#col2 { float: right; }

#music .entry ul {
	margin-left: 0px;
	padding-left: 15px;
	text-align: left;
	}

/* portfolio */

.portimg {
	margin: 5px;
	border: 0px;
	}

.twtr-ft, .twtr-hd { display: none; }