html { background: white url(/images/bg.png) 0 0 repeat; color: #000; }

h1, h2, h3, h4 { font-weight: bold; font-family: Helvetica Neue, Arial, sans-serif; letter-spacing: -1px; }

h1 { font-size: 3.8em; }

h2 { font-size: 3.2em; }

h3 { font-size: 2.0em; }

h4 { font-size: 1.6em; }

label { font-family: Helvetica Neue, Arial, sans-serif; font-weight: bold; font-size: 1.1em; }

input[type='text'], input[type='password'] { border: 1px #000 solid; background: #000; color: #fff; padding: 8px; }

a.button { height: 44px; display: block; margin: 0 0 -26px -20px; text-decoration: none !important; font-family: Helvetica Neue, Arial, sans-serif; font-size: 1.1em; color: #fff !important; }
a.button div { float: left; height: 44px; }
a.button div.left { width: 10px; background: transparent url(/images/buttons/part-left-black.png) 0 0 no-repeat; }
a.button div.middle { background: transparent url(/images/buttons/part-middle-black.png) 0 0 repeat-x; padding: 17px 12px 0 6px; height: 27px; }
a.button div.right { background: transparent url(/images/buttons/part-right-black.png) 0 0 repeat-x; width: 18px; }
a.button:hover div.left, a.button:hover div.middle, a.button:hover div.right { background-position: 0 100%; }

a.read_more { color: #000 !important; margin: 10px 0 10px -20px; }
a.read_more div.left { background: transparent url(/images/buttons/part-left-white.png) 0 0 no-repeat; }
a.read_more div.middle { background: transparent url(/images/buttons/part-middle-white.png) 0 0 repeat-x; }
a.read_more div.right { background: transparent url(/images/buttons/part-right-white.png) 0 0 repeat-x; }
a.read_more:hover { color: #fff !important; text-decoration: none !important; }

a.body_button { margin: 10px 0 10px -20px; }

.clear { clear: both; }

.flash { width: 1014px; margin: 0 auto 10px auto; text-align: center; padding: 6px; color: #fff; }
.flash.notice { background: #00B806; }
.flash.error, .flash.alert { background: #ff0000; }

p.empty { text-align: center; background: #fff; margin: 20px 0; padding: 10px; width: 660px; color: #aaa; }

.errors { border: 1px #ff0000 solid; margin: 10px 0; }
.errors h2 { font-size: 2em; background: #ff0000; padding: 10px !important; }
.errors ul { font-family: Helvetica Neue, Arial, sans-serif; margin: 6px 0; }
.errors ul li { padding: 2px 10px; }

#header, #footer { background: transparent url(/images/header-bg.png) 50% 0 repeat-y; margin: 20px 0; }
#header .inner, #footer .inner { width: 1024px; margin: 0 auto; }

#header a { display: block; height: 100px; width: 100px; background: white url(/images/bird-black-large.png) 50% 50% no-repeat; }
#header a span { display: none; }
#header img { float: right; margin: 26px 460px 0 0; }

#footer .inner div { background: white url(/images/bird-grey-small.png) 28px 20px no-repeat; color: #aaa; font-weight: bold; font-size: .8em; width: 600px; padding: 70px 0 20px 0; }
#footer .inner div p { margin: 0 0 12px 0; }
#footer .inner div p a { color: #aaa; }
#footer .inner div p.social_links { color: #ddd; }
#footer .inner div p.social_links a { padding: 0 6px 0; }
#footer .inner div p.social_links a.first { padding-left: 0; }
#footer .inner div p.made_by_stac { margin-bottom: 0; }
#footer .inner div p.made_by_stac a { text-decoration: none; }
#footer .inner div p.made_by_stac img { padding: 0 0 0 2px; }

#navigation { width: 1024px; margin: 10px auto 20px; border-bottom: 4px #fff solid; }
#navigation div.social_links a { display: block; float: right; margin: 0 0 0 6px; }
#navigation ul li { display: inline; font-size: 2em; margin: 0 10px 0 0; }
#navigation ul li a { color: #000; padding: 0 0 1px 0; text-decoration: none; position: relative; }
#navigation ul li a.selected, #navigation ul li a:hover { text-decoration: none; border-bottom: 5px #000 solid; }

#wrapper { width: 1024px; margin: 0 auto; }
#wrapper div.box h2, #wrapper div.trans_box h2 { padding: 0 0 0 4px; position: relative; }
#wrapper div.box h2 a, #wrapper div.trans_box h2 a { color: #000; text-decoration: none; }
#wrapper div.box h2 a:hover, #wrapper div.trans_box h2 a:hover { color: #ffb53c; }
#wrapper div.box .inner, #wrapper div.trans_box .inner { margin: 0 0 30px 0; font-family: "Courier New", Courier, monospace; line-height: 1.5em; }
#wrapper div.box .inner p, #wrapper div.trans_box .inner p { margin: 0 0 20px 0; }
#wrapper div.box .inner p:first-child, #wrapper div.trans_box .inner p:first-child { margin-top: 0 !important; }
#wrapper div.box .inner p:last-child, #wrapper div.trans_box .inner p:last-child { margin-bottom: 0 !important; }
#wrapper div.box .inner a, #wrapper div.trans_box .inner a { color: #ffb53c; text-decoration: underline; }
#wrapper div.box .inner a:hover, #wrapper div.trans_box .inner a:hover { text-decoration: none; }
#wrapper #content { width: 700px; margin: 0 20px 0 0; float: left; }
#wrapper #content div.box h2.header { width: 600px; margin: 0 0 -20px 0; }
#wrapper #content div.box .inner { width: 660px; background: #fff; color: #000; padding: 30px 10px 10px 10px; }
#wrapper #content div.box .inner h3 { margin: 0 0 20px 0; }
#wrapper #content div.trans_box h2, #wrapper #content div.trans_box .inner { width: 580px; }
#wrapper #content div.trans_box h2 { margin: 0 0 10px 0; }
#wrapper #content div.trans_box .inner { background: transparent url(/images/trans-bg.png) 0 0 repeat; color: #fff; padding: 10px; }
#wrapper #content div.trans_box .inner p { margin: 16px 0; }
#wrapper #content div.trans_box .inner p.timestamps { margin: 0; text-transform: uppercase; font-size: .9em; margin: 16px 0 0 0; color: #999; }
#wrapper #sidebar { width: 304px; float: left; }
#wrapper #sidebar div.box h2 { margin: 0 0 -20px 0; }
#wrapper #sidebar div.box .inner { background: #fff; color: #000; padding: 30px 10px 10px 10px; }

.textile strong, .box strong { font-weight: bold; }
.textile em, .box em { font-style: italic; }

#tweets { position: relative; }
#tweets .loading { text-align: center; padding: 40px 0; }
#tweets ul { margin: 16px 0 0 0; }
#tweets ul li { border-top: 1px #ccc dotted; padding: 6px 0; }
#tweets ul li h5, #tweets ul li a { color: #ffb53c; }
#tweets ul li a:hover { text-decoration: none; }
#tweets ul li h5 { font-weight: bold; font-size: 1.2em; font-family: Helvetica Neue, Arial, sans-serif; margin: 0 0 10px 0; }
#tweets ul li a.date { display: block; margin: 10px 0 0 0; text-decoration: none; }

#clients .client, #clients_inactive .client { background: #fff; float: left; padding: 6px; }
#clients .client.last, #clients_inactive .client.last { margin-right: 0; }
#clients .client a, #clients_inactive .client a { color: #000; text-decoration: none; }
#clients .client a:hover, #clients_inactive .client a:hover { color: #ffb53c; }
#clients .client h5, #clients_inactive .client h5 { font-weight: bold; padding: 6px 6px 0 6px; text-align: center; }

#clients .client { width: 200px; margin: 0 22px 20px 0; }
#clients .client img { height: 200px; width: 200px; }
#clients .client h5 { font-size: 1.2em; }

#clients_inactive .client { width: 140px; margin: 0 24px 20px 0; }
#clients_inactive .client img { height: 140px; width: 140px; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
#clients_inactive .client h5 { font-size: 1em; }

#client img { float: right; margin: 0 0 20px 20px; }

#releases .release { margin: 0 0 20px 0; }
#releases .release img { border: 1px #000 solid; }
#releases .release:last-child a.body_button { margin-bottom: -10px; }

#release img, #project img, .project img { margin: 0 0 10px 0; }

.pagination { background: #fff; width: 668px; padding: 6px; text-align: center; color: #ddd; }
.pagination a { color: #ffb53c; text-decoration: none; }
.pagination a:hover { text-decoration: underline; }

.post img { width: 100%; }

.post img.main { margin: 0 0 10px 0; }

.section { background: transparent url(/images/section-bg.png) 100% 0 no-repeat; height: 21px; width: 674px; text-transform: uppercase; font-size: .8em; font-weight: bold; color: #ffb53c; padding: 2px 3px 0 3px; }

#disqus_thread #dsq-global-toolbar, #disqus_thread #dsq-new-post h3, #dsq-comments-title h3 { display: none !important; }

.dsq-options { margin: 20px 0 !important; }

.dsq-options span { margin: 0 4px 0 0 !important; }

input:focus { outline: none; }