/* reset.css */
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; height: 100%; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th { }
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li { list-style: none; }

/* ------- SKELETON ------- */
body { background: #fff; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; }
div#wrapper { width: 820px; margin: 50px auto; text-align: left; }
div#header {}
ul#navigation { margin: 50px 0;}
div#main { width: 480px; float: left; min-height: 360px; }
div#sidebar { width: 242px; float: right; }

div#footer { font-size: 11px; color: #999; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;}
div#footer div#footer_left { width: 430px; float: left; }
div#footer div#footer_right { width: 262px; float: right; text-align: right; }


/* ------- PROJECTS ------- */
div.project_thumb { width: 180px; margin-bottom: 20px; margin: 0 70px 30px 0; float: left; }
div.project_thumb_alt { min-height: 160px; width: 180px; margin-bottom: 20px; margin: 0 0 30px 0; float: left; }
img.project_thumb { }
img.project_thumb:hover { }
div#sidebar a.project_thumb { font-size: 11px; }
div#sidebar a.project_thumb:hover { text-decoration: none; }

/* ------- NAVIGATION ------- */
ul#navigation { float: left; width: 780px; }
ul#navigation li { float: left; list-style: none; padding: 0 30px 0 0; }

/* ------- MAIN ------- */
div#main h1 { font-size: 16px; text-transform: uppercase; color: #8B1B0F; margin-bottom: 28px; }
div#main p { margin-bottom: 16px; }
div#main a { color: #8B1B0F; text-decoration: none; }
div#main a:hover { color: #8B1B0F; text-decoration: underline; }

/* ------- SIDEBAR ------- */
div#sidebar h1 { font-size: 16px; text-transform: uppercase; color: #8B1B0F; margin-bottom: 28px; }
div#sidebar p { margin-bottom: 16px; }
div#sidebar a { color: #8B1B0F; text-decoration: none; }
div#sidebar a:hover { color: #8B1B0F; text-decoration: underline; }

/* ------- FOOTER ------- */
div#footer a { color: #999; text-decoration: none; }
div#footer a:hover { color: #8B1B0F; text-decoration: none; }

/* ------- FORMS ------- */
div.form {}
div.form input { background: #eee; border: 0; padding: 2px 4px; width: 422px; font-size: 13px; margin-bottom: 10px;}
div.form input:focus { background: #ddd; border: 0; }

div.form input#submit { width: 163px; height: 20px; background: none; }

div.form textarea { background: #eee; border: 0; padding: 2px 4px; width: 422px; height: 150px; font-size: 13px; margin-bottom: 10px; }
div.form textarea:focus { background: #ddd; border: 0; }

div.form label { float: left; width: 150px; font-size: 11px; color: #666; }
div.form div.msg_error { float: right; width: 260px; text-align: right; color: #8B1B0F; }
div.form div.msg_error img { }

/* ------- LINKS ------- */

a.vcard { background: url('/images/icon.vcard.gif') no-repeat; padding: 0 0 0 25px; }
/* ------- HELPER ------- */
.cleaner { clear: both; }
.grey { color: #999; }