body{ 
	background: #fff;
	color: #5e0a0b;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

.hidden{
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

a,
a:link,
a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #ce2527;
}

a:hover,
a:active,
a:focus{
	text-decoration: none;
	font-weight: bold;
	color: #931212;
}



#page{
	width: 950px;
	margin: 0 auto;
	padding: 40px 0 0 10px;
	text-align: left;
	
	/* GRID OVERLAY 
	background: url(../image/grid.png);
	overflow: auto;
	*/
}

#head{
	width: 300px;
	height: 300px;
	background: #67bd54;
	float: left;
}

#content{
	float: right;
	width: 630px;
	margin: 96px 0 0 0;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8{
	float: left;
	margin-right: 20px;
}

.last,
.thumbs ul li a.last{ margin-right: 0px; }
.clear{ clear: both; }

.span1{ width: 60px; }
.span2{ width: 140px; }
.span3{ width: 220px; }
.span4{ width: 300px; }
.span5{ width: 380px; }
.span6{ width: 460px; }
.span7{ width: 540px; }
.span8{ width: 620px; }

.section{
	clear: both;
	padding: 40px 0 0 0;
}

.afterp{
	padding: 28px 0 0 0;
}

.photonav{
	padding: 14px 0 0 0;
}

#contact{
	float: left;
	padding: 20px 0;
	display: block;
}

#footer{
	clear: both;
	padding: 40px 0 20px 0;
	overflow: auto;
}

#photoload{
	position: absolute;
	background: #fff url(../image/loading.gif) no-repeat center center;
	z-index: 1;
	opacity: 0.5;
}

.home #footer{ padding-top: 33px; }
.photo #footer{ padding-top: 25px; }
.thumbs #footer{ padding-top: 20px; }

p.cr{
	height: 140px;
	background: #67bd54 url(../image/copyright.gif) no-repeat 14px 117px;
	color: #184722;
	text-indent: -9999px;
}

#footer p.meta{
	font-weight: normal;
	color: #184722;
	line-height: 1.2;
	padding: 68px 0 0 0;
	margin-bottom: 0;
}

#footer p.meta a{
	font-weight: bold;
	color: #184722;
}

#footer p.meta a:hover{
	text-decoration: underline;
}



h1 a{
	display: block;
	width: 180px;
	height: 109px;
	text-indent: -9999px;
	background: url(../image/head-title.gif) no-repeat;
	margin: 20px 0 45px 20px;
}

#head ul{
	list-style: none;
}

#head ul li{
	float: right;
	display: block;
	clear: both;
}

#head ul li a{
	display: block;
	padding: 5px 20px;
	height: 13px;
	width: 83px;
	text-indent: -9999px;
}

li#cm{
	margin-top: 20px;
}

#np a{ background: url(../image/head-nav.gif) no-repeat 20px 5px; }
#np a:hover,
#np a:focus{ background-position: -103px 5px; }
#np a:active{ background-position: -226px 5px; }

#sp a{ background: url(../image/head-nav.gif) no-repeat 20px -28px; }
#sp a:hover,
#sp a:focus{ background-position: -103px -28px; }
#sp a:active{ background-position: -226px -28px; }

#lp a{ background: url(../image/head-nav.gif) no-repeat 20px -63px; }
#lp a:hover,
#lp a:focus{ background-position: -103px -63px; }
#lp a:active{ background-position: -226px -63px; }

#cm a{ background: url(../image/head-nav.gif) no-repeat 20px -94px; }
#cm a:hover,
#cm a:focus{ background-position: -103px -94px; }
#cm a:active{ background-position: -226px -94px; }

h2.title{
	background: url(../image/content-titles.gif) no-repeat 0 0;
	height: 34px;
	text-indent: -9999px;
}

h2.np{ background-position: 0 -34px; }
h2.sp{ background-position: 0 -68px; }
h2.lp{ background-position: 0 -102px; }
h2.fme{ background-position: 0 -136px; }

h3{
	margin-bottom: 15px;
}

p{
	font-size: 1.2em;
	line-height: 1.5;
	color: #5e0a0b;
	margin: 0 0 10px 0;
}

.meta{
	font-size: 1em;
	font-weight: bold;
}

div.np a,
div.sp a,
div.lp a{
	display: block;
	width: 220px;
	height: 210px;
	padding-top: 10px;
	background: #ce2527 url(../image/arrow.gif) no-repeat 181px 201px;
}

div.lp a{
	width: 140px;
	background-position: 101px 201px;
}

div.np a:hover,
div.sp a:hover,
div.lp a:hover{
	background-color: #931212;
	background-position: -190px 201px;
}

div.lp a:hover{
	background-position: -270px 201px;
}

a.icon,
p.icon{
	display: block;
	height: 60px;
	font-size: 1.8em;
	line-height: 1;
	font-weight: bold;
	background: #ce2527 url(../image/icons.gif) no-repeat 0 0;
}

p.icon{
	color: #67bd54;
	background-color: #67bd54;
	background-position: 0 -240px;
	margin-bottom: 20px;
}

#contact p.sorry{ background-position: -60px -240px; }

a.icon:hover{
	background-color: #931212;
}

a.icon span,
p.icon span{
	display: block;
	height: 38px;
	margin: 0 0 0 60px;
	padding: 22px 0 0 20px;
	background: #fff;
}

a.icon span em,
p.icon span em{
	display: block;
	font-size: 0.5em;
}

#contact .icon span{
	height: 44px;
	padding-top: 16px;
}

a.twitter{ background-position: 0 0; }
a.twitter:hover{ background-position: -60px 0; }

a.lastfm{ background-position: 0 -60px; }
a.lastfm:hover{ background-position: -60px -60px; }

a.email{ background-position: 0 -120px;}
a.email:hover{ background-position: -60px -120px; }

a.cform{ background-position: 0 -180px; }
a.cform:hover{ background-position: -60px -180px; }

#lastfm ul li{
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #5e0a0b;
}

#lastfm ul li span.meta a{
	font-size: 0.8em;
	color: #5e0a0b;
}

.img{
	position: relative;
}

.img ul{
	position: absolute;
	right: 0;
}

.img ul li{
	float: left;
}

.img ul li a{
	display: block;
	height: 29px;
	width: 70px;
	background: #ce2527 url(../image/arrow.gif) no-repeat 0 0;
	text-indent: -9999px;
}

.img ul li a:hover{ background-color: #931212; }
.img ul li a.next{	background-position: 20px 10px; }
.img ul li a.next:hover{	background-position: -351px 10px; }
.img ul li a.prev{	background-position: -351px -61px; }
.img ul li a.prev:hover{	background-position: 20px -61px; }

.photonav ul{
	float: right;
}

.photonav ul li{
	float: left;
	background: url(../image/bullet.gif) no-repeat 0 7px;
	padding: 0 0 0 4px;
}

.photonav ul li.first{
	background: none;
	padding: 0;
}

.photonav ul li a{
	display: block;
	padding: 0 20px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
}

.thumbs ul li{
	float: left;
}

.thumbs ul li a{
	display: block;
	padding: 5px;
	background: #ce2527;
	margin: 0 20px 20px 0;
}

.thumbs ul li a:hover{
	background: #931212;
}

.thumbs ul li a img{
	border: none;
	width: 50px;
	height: 50px;
}

#contact div{ margin-bottom: 20px; }

#contact form p span{
	display: block;
	color: #184722;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
}

label{
	display: block;
	font-size: 1.2em;
	line-height: 1.2;
}

input, textarea{
	display: block;
	border: 1px solid #67bd54;
	color: #67bd54;
	background: #fff;
	padding: 5px;
	line-height: 1;
	width: 288px;
	font-size: 1.2em;
	margin: 0;
}

textarea{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 180px;
	line-height: 1.3;
	font-size: 1.1em;
}

button{
	font-size: 1.6em;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	background: #ce2527;
	border: none;
	width: 300px;
	padding: 5px 10px;
	text-align: left;
	cursor: pointer;
}

button:hover{
	background: #931212;
}


p#preloader,
p.loading{
	margin: 0;
	padding: 10px 0 10px 42px;
	background: transparent url("../image/loading.gif") no-repeat left center;
}

ul#twitter_update_list{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#twitter_update_list li {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5;
	color: #5e0a0b;
}

ul#twitter_update_list li a {
	/* timestamp link */
	font-size: 1em;
	color: #5e0a0b;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #ce2527;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	margin-bottom: 0;
}