/*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, h4 { font-weight:normal; margin:0; }
form { margin-left:10px; }
form input, form textarea { border:1px solid #e63f33; background:black; color:white; font-family:Verdana, Arial, sans;}
.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 { background-position:0 24px;}
#navList a#pics { background:url(../img/view.gif) 0 119px no-repeat; width:46px; height:135px; }
#navList a#pics:hover { background-position:0 59px;}
#navList a#projects { background:url(../img/projects.gif) 0 115px no-repeat; width:48px; height:135px; }
#navList a#projects:hover { background-position:0 0px;}
#navList a#music { background:url(../img/tunes.gif) 0 115px no-repeat; width:34px; height:135px; }
#navList a#music:hover { background-position:0 33px;}

/*New Post and Recent Posts*/
#top{ position:relative; }
#post{ position:relative; float:left; display:inline; width:609px; border-right:1px solid #e63f33; min-height:417px; line-height:24px; }
#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; }
#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; }
#tBits { margin-left:610px; padding:0px 0 0 6px; width:354px; height:400px;}
#tBits h2 { background:url(../img/tbits.gif) 0 8px no-repeat; height:61px; width:142px; }
#postList { display:table; 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; width:609px; border-right:1px solid #e63f33; border-bottom:1px solid #e63f33; border-top:1px solid #e63f33; clear:both;}
h2#comh2 { background:url(../img/comments.gif) 0px 16px no-repeat; width:159px; height:70px; float:left; }
h2#switch { left:609px; width:281px; border-top:1px solid #e63f33; border-bottom:1px solid #e63f33; border-right:1px solid #e63f33; border-left:1px solid black; z-index:4; position:absolute; padding-left:71px; padding-top:3px; height:67px; }
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*/
#linksTunes { position:absolute; left:610px; top:488px; width:344px; padding:15px 10px 0 10px; }
#linksTunes ul { display:table; margin:0 0 0 0px; padding:0; list-style:none; z-index:500;}
#linkList { position:absolute; top:15px; }
#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; }
#comments { width:610px; }
#comments h4 {	margin-left:10px; font-family:"Times New Roman", Times, serif; font-size:24px; }
.commentBox { border:1px solid #333333; border-left:none; margin-left:10px; }
.commentBox h3 { margin:2px 0 0 5px; font-family:"Times New Roman", Times, serif; font-size:28px; color:#e63f33; }
.commentBox a { text-decoration:none; color:#e63f33; }
.commentBox a:hover { color:#9CC9FF; }
.commentBox p { margin:0 0 0 8px; padding-right:8px; line-height:22px;}
.commentBox .date { text-align:right; font-family:"Times New Roman", Times, serif; margin-right:5px; } 

/* IE FIX \*/
* html #navList { bottom:2px; }
* html #post span.date { right:-31px;}
* html #post { height:408px; }
* html #tBits { height:378px; }
* html .container { position:relative; }
/*end it*/