html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

html, body { height: 100%; width: 100%; }

body { font-family: Arial; }

#header { padding: 15px 0; height: 85px; }
#header #logo { position: absolute; right: 0; text-indent: -99999px; background: url(http://lornch.com.s3.amazonaws.com/sites/4d85cfd7d9342d1094000af9/theme/images/mostlydisco.png) no-repeat center; height: 80px; width: 160px; }
#header #twitter, #header #facebook { position: absolute; left: 0px; }
#header #twitter { top: 35px; }
#header #facebook { top: 65px; }

#root { height: 100%; width: 100%; background-size: 100%; }

#wrapper { width: 500px; margin: 0 auto; position: relative; }

#footer { display: none; }
#footer #members { display: none; }

#projects { position: relative; }
#projects .project { position: relative; height: 140px; }
#projects .project img { opacity: 0.8; position: absolute; height: 120px; }
#projects .project.live:hover img { opacity: 1; }
#projects .project h3 { position: absolute; left: 180px; top: 30px; font-size: 1.4em; color: #cecece; }
#projects .project h3 a { color: #0379bb; text-decoration: none; }
#projects .project p { position: absolute; left: 180px; top: 60px; width: 225px; font-size: 0.9em; line-height: 1.2em; color: #888888; }

h2 { font-size: 1.25em; line-height: 2.5em; color: #454545; }

#team, #source { float: left; }

#team { width: 285px; }
#team h2 { text-indent: 10px; }
#team #members { overflow: hidden; margin-left: 10px; }
#team #members .member { float: left; width: 80px; height: 100px; margin-right: 10px; }
#team #members .member img { opacity: 0.75; }
#team #members .member:hover img { opacity: 1; }
#team #members .member h4 { font-size: 0.75em; line-height: 20px; }
#team #members .member a { color: #005d97; text-decoration: none; }

#source { width: 215px; }
#source p { font-size: 0.75em; color: #454545; }
#source p a { color: #0379bb; }
#source img { padding: 25px; opacity: 0.75; }
#source img:hover { opacity: 1; }