/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/**********
*
*	Defaults
*

Blue:		#5290b4

**********/

body {
	font-family: Arial;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
	background: url('../img/bg.jpg');
}

a { color: #5290b4; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin-bottom: 20px !important; }

#backgroundColor {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
/*
	width: 100%;
	height: 100%;
	background: url('../img/bg-mono.jpg');
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
*/
}

#wrapper {
	position: relative;
	margin: 30px auto;
	width: 600px;
	padding: 20px;
	background: #fff url('../img/logo-bg.png') no-repeat 100% 0;
}

#header {
	margin: 10px 0 40px 0;
}
#header p,
h3 {
	font-family: Georgia;
}
#header p {
	font-size: 16px;
}

#footer {
	line-height: 30px;
	font-size: 10px;
	background: url('../img/spaceinvader.png') 100% 100% no-repeat;
}
#footer img {
	float: left;
	margin-right: 10px;
}

.column {
	width: 200px;
	float: left;
	margin-right: 20px;
}
.column:last-child { 
	width: 380px;
	margin-right: 0; 
}

.box {
	margin-bottom: 30px;
}

/**********
*
*	Text
*
**********/

h1,h2 { margin-bottom: 0.5em; }
h3,h4 { margin-bottom: 1em; }
p { margin-bottom: 1em; }

h1 { display: none; }
h2 { font-size: 40px; }
h3 { font-size: 22px; }


/**********
*
*	Sections
*
**********/

/* Updates */
#updates li .author,
#updates li .message {
	float: left;
	width: 24px;
}
#updates li .author img {
	margin-top: 5px;
	border-right: #333 1px solid;
}
#updates li .message {
	margin-left: 10px;
	width: 160px;
}
#updates li .date {
	font-size: 10px;
}
#updates li p { margin: 0; }

/* Love */
#love li {
	padding-left: 34px;
	background: url('../img/heart.png') 0 50% no-repeat;
}

/* Portfolio */
#portfolio li {
	float: left;
	padding: 5px;
	margin: 0 15px 15px 0;
}
#portfolio li p.caption {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-align: center;
}

/* Networks */
#networks li {
	float: left;
	margin-right: 5px;
}
#networks .text {
	margin-left: 10px;
	line-height: 40px;
}