/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px #EEEEEE;	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}

p {
	margin: 0;
	padding: 0;
}

.em {
	/* Graublau doesn't support italic
	font-style:italic;
	*/
}

/* Fonts */
@font-face {
    font-family: GraublauWeb;
    src: url(fonts/GraublauWeb.otf) format("opentype");
}

@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url(fonts/GraublauWebBold.otf) format("opentype");
}

/* Links */
a:link, a:visited {
	color: #222222;
}

a:hover {
	color: #CCCCCC;
}

img a {
	text-decoration: none;
}


/* Main */
body {
	font-family: GraublauWeb, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 0.8em;
}

#content {
	margin: 1em auto 3em;
	width: 70em;
}

.content img {
	margin: 0.3em 0.3em 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px #000000;
	-webkit-box-shadow: 0px 0px 2px #000000;
}

.description {
	width: 20em;
	float: left;
}

.description h4 {
	margin: 1em 0 0 0;
	font-size: 1.5em;
}

.description p {
	margin: 0.5em 3.2em 0 1.2em;
}

.content {
	float: left;
	width: 45em;
	padding: 2.5em 0 0 0;
}

.date {
	position: absolute;
	top: 0em;
	right: 0em;
	font-size: 0.9em;
}

.datebottom {
	position: absolute;
	bottom: 0em;
	right: 0em;
	font-size: 0.9em;
}

.more {
	position: absolute;
	bottom: 0em;
	right: -4em;
}

.rel {
	position: relative;
}

#logo h1 {
	margin: 0.5em 0 0 1.3em;
	font-size: 2em;
}

#bio {
	padding: 1em 0 2em 0;
}

#blog li {
	padding: 0 0 0.7em 0;
}

#blog li p, #blog li h2 {
	margin-right: 5.0em;
}

#greader li {
	padding: 0 0 0.7em 0;
}

#greader li p {
	margin-right: 5.0em;
}

#facebook li {
	padding: 0 0 0.9em 0;
}

#facebook li p {
	margin-right: 5.0em;
}

#twitter img {
	float: left;
	margin: 0.2em 0.6em 0 0;
	padding: 0;	
}

#twitter li {
	padding: 0 0 0.7em 0;
	line-height: 1.2em;
	min-height: 2em;
}

#twitter li p {
	margin-right: 5.0em;
}

#youtube div.content a {
	padding-right: 1.37em;
}

#youtube div.more {
	right: -5.3em;
}

#delicious li {
	padding: 0 0 0.4em 0;
}

#github li {
	padding: 0 0 0.2em 0;
}

#steam img {
    float: left;
    margin-top: 0em;
    margin-right: 1em;
}

#steam li {
    height: 64px;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    margin-bottom: 0.25em;
    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(0, rgb(204,204,204)),
        color-stop(1, rgb(255,255,255))
    );
    background: -moz-linear-gradient(
        left center,
        rgb(204,204,204) 0%,
        rgb(255,255,255) 100%
    );
}

#steam .title {
    font-size: 2em;
}

#steam .achievement {
    font-weight: bold;
    font-size: 1.25em;
}

#copyright {
	float: left;
	padding: 3em 0 1em 50em;
}

#copyright p {
	margin-left: auto;
	margin-right: auto;
}

#copyright img {
	vertical-align: middle;
}

#spinner {
	background: url('images/spinner.gif');
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 32px;
	display: none;
}

#search div.content {
	padding-top: 0em;
}

#search input {
	width: 45em;
}

/* Image Preview */
#img-preview {
z-index: 999;
}

#img-preview span {
color: white;
text-align: center;
display: block;
padding: 10px 0 3px 0;
display: none;
}

#img-preview img {
margin: 0px auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
}