/**
 *  CSS Reset
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* end CSS Reset */

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.clear {clear:both;}

body{
	font-size:14px;
	background:#ddd url(../img/bg.png) 0 0 repeat; 
	text-align: center;
	font-family: 'Crimson Text', Georgia, serif;
}
.container{
	margin:0 auto;
	width:540px;
	margin-top:3em;
	text-align:left;
}
a{
	color:#24928D;
	text-decoration:none;
}
a:hover,
a:focus{
	color:#18625E;
	text-decoration:underline;
}
h1{
	color:#333;
	font-size:2.571em;
	line-height:1;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	padding-top:0.3em;
	margin-bottom:.75em;
}
h2{
	margin:1.25em 0 0 0;
	font-size:1.286em;
	color:#666;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
}
p{
	font-size:1.429em;
	font-weight:normal;
	color:#444;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
ul.on-the-web{
	margin-top:5px;
	list-style: none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
}
ul.on-the-web li{
	margin-bottom:10px;
	float:left;
	width:45%;
}
.on-the-web a{
	display:block;
}
.on-the-web a span.logo{
	display:block;
	width:32px;
	height:32px;
	margin-top:5px;
	float:left;
	margin-right:10px;
}
.on-the-web a span.content{
	float:left;
	font-size:0.86em;
}
.on-the-web a span.label{
	display:block;
	color:#222;
	font-size:1.33em;
}
.on-the-web a span.flickr{
	background:transparent url(../img/logos/flickr.png) 0 0 no-repeat;
}
.on-the-web a span.twitter{
	background-image: url(../img/logos/twitter.png);
}
.on-the-web a span.linkedin{
	background-image: url(../img/logos/linkedin.png);
}
.on-the-web a span.github{
	background-image: url(../img/logos/github.png);
}
.on-the-web a span.delicious{
	background-image: url(../img/logos/delicious.png);
}
.footer{
	border-top:1px dotted #bbb;
	margin-top:6em;
	padding:1em 0;
	font-size:0.79em;
	color:#999;
}
.footer a{
	color:#999;
}