/* chief's new page css */
html, body {
				min-height: 100%;
				height: 100%;
}

body {
				background: url(../img/xbg.png) repeat;
				padding-top: 0;
				margin-top: 0;
				margin-bottom: 0;
				padding-bottom: 0;
}


#centeringContainer {
				position: absolute;
				top: 50%;
				left: 0;
				width: 100%;
				height: 1px;
				overflow: visible;
				margin: 0;
				padding: 0;
}

ul {
    font-size: 1em;
    margin: 0;
    padding: 12px;
    padding-top: 6px;
}

ul li {
    line-height: 1.3;
    margin: .25em 0;
    padding: 0;
    list-style:  none;
}

#mainContainer {
 position: absolute;
 top: 0;
	left: 50%;
	margin-left: -500px;
	width: 995px;
	padding: 22px 0;
	background: #ffffff;
	border: 3px solid;
	border-top-color: #d7d7d7;
	border-bottom-color: #7d7d7d;
	border-left-color: #d7d7d7;
	border-right-color: #7d7d7d;
}

.span-1 h1, .span-3 h1 {
    font-size: 1.35em;
    font-weight: bold;
    padding: 15px 12px 12px;
}

.container .span-1 .highlight {
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-align :right;
    margin: 0;
    padding: inherit;
}

#header { margin: 0 22px 10px; background: #000000; float: left;}
#work { margin: 10px 22px 30px;  background: #dddddd; float: left; }

#header .span-3 	{ font-size:  1.25em; }
#header .span-3 h1	{ margin: 0; font-size: 3.25em;color: #ffffff; float: left; padding: 5px 0 10px 5px; line-height: 1; }
#header .span-3 div { padding: 5px; color: #ffffff; }
#header .span-3 ul	{ float: right; text-align: right; margin: 0; }
#header .span-3 ul li { margin: 0; padding: 0; line-height: 1.1;}
#header .span-3 a 	{ font-size: .9em; color: #e2e2e2; text-decoration: underline; }

#twitter, #lastfm, #delicious {
				background-position: top left;
				background-repeat: repeat-x;
}

#twitter 	{ background-color: #259EFF; background-image: url(../img/twitter_bg.gif);	}
#lastfm		{ background-color: #AA1913; background-image: url(../img/lastfm_bg.gif);	}
#delicious	{ background-color: #2453A3; background-image: url(../img/delicious_bg.gif);}

div h1 .withborder { border-bottom: 2px solid #ffffff; }
div h1 .noborder { border-bottom: none; }

.container div { background-position: bottom left; }

#twitter_bot, #delicious_bot, #lastfm_bot { margin-top: 10px; min-height: 20px; height: 20px; }
#twitter_bot  	{ background: #99e6ff; }
#delicious_bot	{ background: #9FB0FF; }
#lastfm_bot 	{ background: #EF7D77; }

#twitter .highlight, #delicious .highlight, #lastfm .highlight { background:  none; }

#twitter	.highlight	{ color: #9FE8FF; }
#delicious	.highlight	{ color: #9FB0FF; }
#lastfm		.highlight 	{ color: #EF7D77; }

#twitter	h1 { background: #34CCFF url(../img/twitter_icon.gif) 98% 3px no-repeat; border-bottom: 1px solid #9FE8FF; }
#twitter 	h1 a:link,#twitter h1 a:visited { color: #AFECFF; }

#lastfm		h1 { background: #D6231A url(../img/lastfm_icon.gif) 98% 3px no-repeat; border-bottom: 1px solid #EF7D77; }
#lastfm 	h1 a:link,#lastfm h1 a:visited 	{ color: #FF4F4F; }

#delicious	h1 { background: #3274D1 url(../img/delicious_icon.gif) 98% 2px no-repeat; border-bottom: 1px solid #9FB0FF; }
#delicious 	h1 a:link,#delicious h1 a:visited 	{ color: #7FB6FF; }

#work	h1 { border-bottom: 1px solid #9FE8FF; }

.container div a {
    text-decoration:none;
    color: #000000;
}