/* @override 
	http://127.0.0.1/~evan/eccom/x/styles/five.css
*/

/* five.css
 * CSS3 stylesheet for html5 evanchiu.com
 */
 
 @import url("reset.css");

/* @group global */
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
	text-align: left;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #333;
}

.body {
	clear: both; 
	margin: 0 auto;
	width: 800px;
}

header{
	text-align: center;
	font-size: 3em;
	color: white;
	background: url(../images/blue70.png) repeat-x;
	padding-top: 15px;
	padding-bottom: 5px;
	height: 50px;
}
header a{
	color: rgba(0,0,0,0.6);
	text-decoration: none;
}

#epicenter{
	background: url(../images/jumping300.jpg) no-repeat 0 0;
}
footer{
	text-align: right;
	font-size: small;
	color: #eaeaea;
	padding: 2px;
}
footer a{
	color: #7ad5ff;
}

/* @end */


/* @group left */
#twitter{
	width: 300px;
	float: left;
	padding-top: 300px;
	background: #5e5e5e url(../images/jumping300.jpg) no-repeat;
}
#twitter h2{
	background: url(../images/smoke50.png) repeat;
	color: white;
	text-align: center;
	padding: 15px;
	font-size: 1.2em;
}
#twitter h2 a{
	text-decoration: none;
}
#twitter p{
	background: url(../images/smoke50.png) repeat;
	color: #eaeaea;
	padding: 0px 5px;
}
#twitter p.date{
	text-align: right;
	font-size: 0.6em;
}
#twitter p.tweet{
	padding-bottom: 15px;
	font-size: 0.9em;
}
#twitter a{
	color: #7ad5ff;
}

/* @end */


/* @group right */

.network{
	width: 480px;
	float: right;
	padding: 10px;
	height: 35px;
	overflow: hidden;
	background: url(../images/gray55.png) repeat-x;
}
.network h2{
	font-size: 1.2em;
	color: #424242;
}
.network a{
	font-size: 0.8em;
	color: #eaeaea;
}

/* @end */

/* @group Network Specials */

#network_portfolio{
	background: url(../images/evanonline.net.png);
}
#network_furyspace{
	background: url(../images/furyspace.png);
}
#network_facebook{
	background: url(../images/facebook.png);
}
#network_twitter{
	background: url(../images/twitter.png);
}
#network_google{
	background: url(../images/google.png);
}
#network_linkedin{
	background: url(../images/linkedin.png);
}
#network_last_fm{
	background: url(../images/last.fm.png);
}
#network_xbox_live{
	background: url(../images/xbox.png);
}
#network_fuelfrog{
	background: url(../images/fuelfrog.png);
}
#network_gravatar{
	background: url(../images/gravatar.png);
}
#network_youtube{
	background: url(../images/youtube.png);
}
#network_flickr{
	background: url(../images/flickr.png);
}


/* @end */