/* =reset
************************************************************** */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img,
b, u, i, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

address {
	font-style: normal;
}


/* =colors
**************************************************************
	#FF8A2D - orange
	#FF2E99 - purple
	#FFE12A - yellow
	#CAFF2A - green
	#1FB5FF - blue
	#5931FF - violet

*/


/* =main
************************************************************** */

body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; /* 10px */
	font-size: 62.5%;
	line-height: normal;
	background-color: #161616;
	color: #fff;
}

a {
	color: #1FB5FF;
	text-decoration: underline;
}

a:hover,
a:focus {
	text-decoration: none;
}

.wrap {
	width: 820px;
	margin: 0 auto;
}

#social-networks {
	overflow: hidden;
}


/* =headings
************************************************************** */

h1 {
	font-size: 4.6em;
}

h2 {
	font-size: 2.6em;
	color: #FFE12A;
}

h3,
h4 {
	font-size: 1.8em;
	margin-top: 1.2em;
}


/* =about
************************************************************** */

#about {
	overflow: hidden;
	margin-bottom: 3em;
}

#about h1 {
	color: #1FB5FF;

	padding: 0.5em 0 0;
}

#about ul {
	font-size: 1.2em;
}

#about li span {
	display: block;
	width: 80px;
	float: left;
}

#about address {
	font-size: 1.2em;
}

#about .avatar {
	float: left;
	display: inline;
	margin: 3em 3em 0 0;
	width: 212px;
	height: 300px;
}

#about .avatar p {
	display: none;
}


/* =twitter
************************************************************** */

#twitter {
	float: left;
	display: inline;

	width: 250px;
	margin: 0 3em 2em 0;
}

#twitter h3 {
	margin-bottom: 0.6em;
	color: #CAFF2A;
	border-bottom: 1px solid #CAFF2A;
}

#twtr-widget-1 h3 {
    border: 0;
}


/* =flickr
************************************************************** */

#flickr {
	float: left;
	display: inline;
	margin: 0 3em 2em 0;
}

#flickr h3 {
	margin-bottom: 0.6em;
	color: #CAFF2A;
	border-bottom: 1px solid #CAFF2A;
}

/* I'm too lazy to clean flickr generated CSS */
#flickr_badge_uber_wrapper {text-align:center; width:260px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#333; overflow: hidden; -moz-border-radius: 5px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}


/* =delicious
************************************************************** */

#delicious {
	float: left;
	display: inline;
	margin-bottom: 2em;
	width: 250px;
}

#delicious h3 {
	margin-bottom: 0.6em;
	color: #CAFF2A;
	border-bottom: 1px solid #CAFF2A;
}


.delicious-banner {
	display: none;
}

/* =copyright
************************************************************** */

#copyright {
	border-top: 1px solid #292929;
	padding: 1em;
	text-align: right;
}