/*General Layout and Element Styles*/
body { 
	background:black;	
	color:#ddd; 
	font-size:14px; 
	font-family:Verdana, Arial, sans;	
	margin:0;
}

.container { width:980px; }

h1 span, h2 span, h3 span { display:none; }

h1, h2, h3 { font-weight:normal; margin:0; }

form { margin-left:10px; }

form input, form textarea { 
	border:1px solid #e63f33; 
	background:black; 
	color:white;
}

.hide { visibility: hidden; }

/*Page Header*/
#header0 { 
	position:relative; 
	height:150px; 
	border-bottom:1px solid #e63f33; 
}
h1 { 
	background:url(../img/banner.gif) no-repeat; 
	height:61px; 
	width:164px; 
	position:absolute; 
	bottom:2px; 
}
#navList {
	position:absolute; 
	left:690px; 
	bottom:1px; 
	display:table; 
	list-style:none; 
	margin:0; 
	padding:0; 
}
#navList li { 
	display:inline; 
	margin-right:25px; 
	float:left; 
}
#navList a {display:block;}

#navList a span { display:none; }

#navList a#home { 
	background:url(../img/home.gif) 0 115px no-repeat; 
	width:41px; 
	height:135px; 
}
#navList a#home:hover, #navList a#home.selected { background-position:0 24px;}

#navList a#pics { 
	background:url(../img/view.gif) 0 119px no-repeat; 
	width:46px; 
	height:135px; 
}
#navList a#pics:hover, #navList a#pics.selected { background-position:0 59px;}

#navList a#projects { 
	background:url(../img/projects.gif) 0 115px no-repeat; 
	width:48px; 
	height:135px; 
}
#navList a#projects:hover, #navList a#projects.selected { background-position:0 0px;}

#navList a#music { 
	background:url(../img/tunes.gif) 0 115px no-repeat; 
	width:34px; 
	height:135px; 
}
#navList a#music:hover, #navList a#music.selected { background-position:0 33px;}


/*New Post and Recent Posts*/
#top { 
	height:400px; 
	position:relative; 
	border-bottom:1px solid #e63f33; 
}
#post { 
	float:left; 
	display:inline; 
	width:609px; 
	border-right:1px solid #e63f33; 
	position:relative; 
	line-height:24px; 
	height:400px; 
}
#post h2 { 
	font-family:"Times New Roman", Times, serif; 
	color:#ede3b2; 
	font-size:30px; 
	margin:10px 0 10px 10px;
	line-height:32px; 
}
#post p { 
	margin:-5px 0px 0 15px; 
	line-height:22px; 
	z-index:2; 
	position:relative; 
	width:580px; 
	display:block; 
	height:284px; 
	overflow:hidden; 
}
#post p a { 
	text-decoration:none; 
	color:#e63f33; 
}
#post p a:hover { color:#9CC9FF; }

#post span.date { 
	display:block; 
	position:absolute; 
	bottom:0px; 
	right:0px; 
	font-family:"Times New Roman", Times, serif; 
	font-size:250px; 
	color:#171717; 
	margin:0; 
	padding:0 22px 0 0; 
	line-height:176px; 
	letter-spacing:-30px; 
	z-index:1; 
}
a.comLink { 
	color:#e63f33; 
	position:absolute; 
	bottom:10px; 
	left:5px; 
	text-decoration:none;
	z-index:10; 
}
a.comLink:hover { color:white; }

.linkBox {
	position:absolute;
	left:0px;
	bottom:10px;
	height:22px;
	width:120px;
	background:#111;
	border:1px solid #222;
	z-index:8;
}
#tBits .linkBox {
	width:140px;
}
#tBits .comLink {
	bottom:14px
}
#tBits { 
	margin:0px 0 0 610px; 
	padding:0px 0 0 6px; 
	width:354px;
	position:relative;
	height:400px; 
}
#tBits h2 { 
	background:url(../img/tbits.gif) 0 8px no-repeat; 
	height:61px; 
	width:142px;
}
#postList { 
	display:table; 
	position:relative; 
	list-style:none; 
	margin:10px 0 0 0; 
	padding:0px; 
}
#postList li { 
	display:block; 
	position:relative; 
	width:358px; 
	margin-bottom:25px; 
}
#postList a { 
	display:block; 
	text-decoration:none; 
	position:relative; 
	color:#e63f33; 
	font-family:"Times New Roman", Times, serif; font-size:24px; 
}
#postList a:hover { cursor:pointer; }

#postList span.title { 
	display:block; 
	width:215px; 
	padding-right:8px; 
	text-align:right; 
	letter-spacing:-.05em; 
	position:relative; 
	border-right:1px solid white; 
	float:left;
}
#postList a:hover span.title { 
	color:#ffffff; 
	border-right-color:#e63f33; 
}
#postList span.date { 
	display:block; 
	color:white; 
	font-size:60px; 
	letter-spacing:-7px; 
	margin:0 0 0 223px; 
	padding:0px; 
	position:relative; 
	border-left:1px solid white; 
}
#postList a:hover span.date { 
	color:#e63f33; 
	border-left-color:#e63f33; 
}

/*Main Page Misc. Section Header*/
#header1 {
	height:70px; 
	border-bottom:1px solid #e63f33; 
	clear:both; 
}
h2#currWork { 
	background:url(../img/work.gif) 28px 8px no-repeat; 
	width:235px; 
	height:70px; 
	float:left; 
}
h2#newPics { 
	background:url(../img/pics.gif) 124px 15px no-repeat; 
	width:375px; 
	height:70px; 
	float:left; 
}
h2#switch { 
	float:left; 
	width:280px; 
	position:relative; 
	padding-left:72px; 
	padding-top:3px; 
}
a#listen { 
	background:url(../img/listen.gif) 0 6px no-repeat; 
	display:block; 
	height:64px; 
	width:157px; 
	border-right:1px solid #e63f33; 
}
a#listen.inactive { background-position:-157px 6px; }

a#listen:hover { background-position:0px 6px; }

a#link { 
	background:url(../img/links.gif) 0px 8px no-repeat; 
	display:block; 
	width:59px; 
	height:70px; 
	position:absolute; 
	left:235px; 
	top:0; 
}
a#link.inactive  { background-position:-59px 8px; }

a#link:hover { background-position:0px 8px; }

/*Misc. Sections*/
#bottom:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;	
}
#bottom {
	height:100%;	
}
#work { 
	float:left; 
	display:inline; 
	width:235px; 
	padding:5px 10px 0 10px;
	text-align:center;
}
#work img { 
	border:1px solid #ccc; 
	padding:5px;
}
#work h3 { 
	font-family:"Times New Roman", Times, serif; 
	font-size:24px; 
	font-weight:normal;
	color:#ede3b2;
	margin:0 0 8px 0;  
} 
#work p { 
	margin:8px 0 0 0; 
	padding:0; 
	font-size:14px;
	line-height:22px; 
}
#images { 
	width:343px; 
	padding:10px 0px 0px 10px; 
	border-left:1px solid #e63f33;
	border-right:1px solid #e63f33; 
	float:left; 
	display:inline;
}
#images img { border:1px solid #ccc; width:159px; margin:0 6px 8px 0;}

#linksTunes { 
	float:left; 
	display:inline; 
	width:344px; 
	padding:15px 10px 0 10px; 
	border-left:1px solid #e63f33;
	margin-left:-1px;
}
#linksTunes ul { 
	display:table; 
	margin:0 0 0 0px; 
	padding:0; 
	list-style:none; 
}
#linkList { position:absolute; top:635px; }

#linksTunes ul li { margin-bottom:15px; line-height:16px; }

#lastFm li { 
	padding-left:35px; 
	background:url(../img/headphones.gif) 0 0px no-repeat; 
}
#linksTunes ul a { 
	text-decoration:none; 
	color:white; 
	font-family:"Times New Roman", Times, serif; 
	font-size:24px; 
	padding:0px; 
}
#linksTunes ul a:hover { color:#9CC9FF; }

#linkList span { 
	display:block; 
	padding-left:38px; 
	width:290px; 
	margin-top:2px; 
	color:#e63f33; 
	font-size:14px; 
	font-family:Verdana, Arial, sans; 
	background:url(../img/exlink.gif) 0 0px no-repeat; 
}
#lastFm span.track { 
	color:#e63f33; 
	font-size:14px; 
	font-family:Verdana, Arial, sans; 
}
#lastFm span.time { color:#333333; font-size:14px; }

/* IE FIX \*/
* html #post span.date { right:-31px;}
/*end it*/