/* 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;}
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;}
a, a:hover, a:visited {text-decoration:none;}
a, a:visited {color:#000;}


/* standard tags */
body {background-color:#292929;font-family:Arial,Sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25em;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h4.title {font-size:1em;border-bottom:1px dotted #ccc;color:#EE6280;font-weight:normal;}
p {margin:0 0 12px 0;}
img.portfolio {border:5px solid #eaeaea;}
.clearfix {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* a links */
.top a {color:#CCCCCC;font-size:1em;padding:5px;}
.top a:hover {background-color:#fff;color:#EE6280;padding:5px;}
a.portfolio-link {margin:0 0 20px 0;}

/* classes */
.container {width:1000px;margin:0 auto;}
.content {background-color:#fff;padding:25px;color:#2a2a2a}
.content a:hover {background-color:#EE6280;color:#fff;}

.top {background-color:#000;padding:5px 10px;color:#ccc;font-size:0.75em;text-align:right;}

.header {background-color:#1c1c1c;padding:20px 20px 0 20px;}
.header #logo {width:400px;margin:0 0 20px 0;float:left;}
.header #explanation {width:300px;color:#777;font-size:0.75em;margin:0 0 20px 0;float:right;}
.header #navigation {width:500px;padding:3px 3px 0 3px;margin:0 0 0 20px;}

#navigation ul.nav {list-style-type:none;padding:0;margin:0;}
ul.nav li {color:#ee6280;font-size:1em;margin:0;padding:0 10px 0 0;float:left}
ul.nav li a {color:#ee6280;font-size:1em;display:block;text-decoration:none;padding:5px 10px;}
ul.nav li a:hover {background-color:#ee6280;color:#fff;font-size:1em;display:block;text-decoration:none;}

#about {float:left;width:400px;margin:25px 30px}

#sidebar {float:right;width:400px;margin:25px 30px}
#sidebar a {display:block;}
#sidebar a:hover {background:none;}

#portfolio, #projects {float:left;width:900px;margin:25px 30px;}

#portfolio img {border:5px solid #EAEAEA;}
#portfolio a {display:block;}
#portfolio .labortopia {float:left;margin:0 25px 25px 0;}
#portfolio .eastsidemotoring {float:left;margin:0;}
#portfolio .byhov {float:left;margin:0;clear:left;}

#projects .intro {font-size:.85em;color:#444;border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;}
#projects .icon {float:left;margin:0 10px 0 0;}
#projects .description {float:left;font-size:0.8em;line-height:1.2em;width:600px;color:#444;}
#projects .more_coming {margin-top:25px;color:#999;}

.footer {background-color:#1c1c1c;padding:20px;color:#999999;font-weight:normal;font-size:0.7em;position:relative;}
.footer a {color:#999999;}
.footer a:hover {color:#EE6280;}
.footer .column {float:left;margin:0 50px 0 0;}
.footer .dark_logo {float:right;position:absolute;bottom:0;right:0;}