/* Begin reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-weight:normal;
font-style:normal;
}

ul, ol {
list-style:none;
}

fieldset, img, hr {
border:0;
}

caption, th {
text-align:left;
}

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

td {
vertical-align:top;
}

/* ---------------------- */

body {
background:#f8f8f8;
color:#222;
font:0.75em helvetica, arial, sans-serif;
line-height:1.6;
text-align:center;
}

div#container {
width:825px;
margin:0 auto;
}

div#header {
width:825px;
margin:25px auto;
text-align:left;
}

h1 {
margin:0 0 0 -100px;
}

div#content  {
float:left;
margin:0 auto;
width:480px;
text-align:left;
}

h2 {
background:#000;
color:#f8f8f8;
-moz-border-radius:25px 25px 0 0;
-moz-border-radius:25px 25px 0 0;
font-size:1.75em;
font-weight:700;
margin:20px 0;
padding:0 10px;
text-align:center;
}

div.item {
margin:0 0 15px;
}

div.item a img {
border:#ddd 10px solid;
}

div.item a:hover img {
border:#ccc 10px solid;
}

p.screenshot {
margin:0 0 15px;
}

h3 {
background:#ddd;
border-bottom:#f8f8f8 10px solid;
color:#666;
text-align:left;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
padding:5px 10px;
font-size:1.5em;
line-height:1.25;
font-weight:700;
text-shadow:#fff 1px 1px 0;
}

h3 a {
display:block;
color:inherit;
text-decoration:none;
}

h3 a:hover {
color:#444;
}

div#footer, p.references {
background:#000;
-moz-border-radius:0 0 25px 25px;
-moz-border-radius:0 0 25px 25px;
margin:0 auto 25px;
padding:5px 0;
color:#ccc;
font-size:1.25em;
font-weight:700;
text-align:center;
}

div#footer a {
color:#bbb;
text-decoration:none;
}

div#footer a:hover {
color:#f8f8f8;
}

div#sidebar {
width:300px;
margin:-225px 0 0;
float:right;
text-align:left;
}

h4 {
font-weight:700;
text-shadow:#fff 1px 1px 0;
font-size:1.25em;
margin:0 5px;
color:#444;
}

h5 {
font-weight:700;
text-shadow:#fff 1px 1px 0;
font-size:1.1em;
margin:10px 5px 0;
color:#666;
}

h5.job-info {
font-weight:400;
font-size:0.95em;
margin:5px;
font-style:italic;
}

div#sidebar h3 {
margin:25px 0 0;
}

div#sidebar p {
margin:5px 5px 10px;
}

div#sidebar p#about {
margin:0 5px;
}

div#sidebar ul {
margin:5px 0 10px 35px;
list-style:circle;
}

div#sidebar li {
margin:0 0 5px;
}

p.contact {
color:#666;
font-style:italic;
}

p.contact a {
color:#444;
text-decoration:none;
border-bottom:#444 1px dotted;
}

p.contact a:hover {
color:#111;
border-bottom:#111 1px solid;
}

div#sidebar p.references {
font-size:1em;
margin:15px 0 0;
}