/* --- Global ------------------------------------------------------------------------------------------------------------------------------------- */
html { /* -webkit-text-size-adjust: none;  Prevent font scaling in landscape */ }

.container { width: 100%; margin: 0; padding: 0; }

.primary { width: 100%; float: none; margin: 0; }

.secondary { width: 100%; float: none; }

h2 { line-height: 100%; }

nav, h1, h2, h3, h4, h5, blockquote, p, ul#mantra li, ul { padding-left: 10px; padding-right: 10px; }

hr.stripes { margin: 10px 0; }

header { height: auto; margin: 0 auto 20px; overflow: hidden; }
header nav { float: left; overflow: hidden; font-weight: bold; font-size: 13px; list-style: none; width: 320px; margin: 10px 0 0; }
header nav li { float: left; width: 95px; margin: 0; }
header nav li a { padding-left: 25px; }

blockquote { font: 16px/140% Georgia, 'Baskerville', Serif; margin-bottom: -20px; }
blockquote cite { font-size: 14px; }
blockquote.about { background: none; padding: 0 10px; margin-left: 0px; }
blockquote.about cite { margin-left: 0; }
blockquote.team { padding-bottom: 20px; }

/* --- Home page ---------------------------------------------------------------------------------------------------------------------------------- */
#featured_project { display: none; }

section#steps h4 { margin: 20px 0 0; }
section#steps .step { width: 100%; float: none; margin-right: 0; }
section#steps .step p { margin: 0 0 20px; }

section#banners { text-align: center; }
section#banners h4 { text-align: left; }
section#banners a { margin: 0; padding: 5px 10px; }
section#banners p { margin-top: -5px; text-align: left; }
section#banners p a { margin: 0; }

#twitter a.twitter { display: none; }
#twitter ul { margin: 0; }
#twitter ul li { width: 100%; float: none; padding: 0; list-style: none; margin: 0; }
#twitter ul li.last { margin-right: 0; }
#twitter ul li span { display: block; font-size: 12px; }
#twitter ul li span a { color: #666; }
#twitter ul li ul li { margin-bottom: 10px; }

section#info article { float: none; width: 100%; }

/* --- About page --------------------------------------------------------------------------------------------------------------------------------- */
ul#mantra { padding: 0; }
ul#mantra li h5 { padding-left: 0; padding-right: 0; }

img.large { width: 90%; margin: 0 10px; }

.credits { padding: 10px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

section#people section.person { width: 100%; }
section#people section.person img { padding-left: 10px; margin: 0 10px 0 0; }

section#open_source { margin-bottom: 0; }
section#open_source ul { padding: 0; }
section#open_source ul li { width: 100%; margin-right: 0; float: none; }
section#open_source ul li h4 { padding-left: 10px; padding-right: 10px; }
section#open_source ul li ul li { padding: 10px 5%; margin: 0 0 10px; width: 90%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* --- Team page ------------------------------------------------------------------------------------------------------------------------------------

--- */
/* --- Work page ---------------------------------------------------------------------------------------------------------------------------------- */
section#portfolio section img { float: none; width: 100%; margin: -10px 0; }
section#portfolio section .info { float: none; width: 100%; }
section#portfolio section .info img, section#portfolio section .info p { display: none; }
section#portfolio section blockquote img { float: none; }

/* --- Contact page ------------------------------------------------------------------------------------------------------------------------------- */
form.formtastic { padding: 0 10px; }
form.formtastic fieldset.inputs li { padding: 0 10px 0 0; }
form.formtastic fieldset.inputs li label { width: 100%; float: none; font-size: 14px; }
form.formtastic fieldset.inputs li input { width: 100%; border: auto; padding: auto; }
form.formtastic fieldset.inputs li textarea { width: 100%; border: auto; height: 100px; margin-right: 0; max-width: auto; padding: 5px; }
form.formtastic fieldset.buttons input { margin-left: 0; }

p.flash { margin: 10px; }

#map { padding: 0 10px; }
#map h4 { padding-left: 0; padding-right: 0; }
#map iframe { width: 100%; }

img.avatar.contact { margin-left: 10px; }

.contact-page-ribbon { margin: 0 0 -84px 7px; }

.vcard { margin-left: 10px; }

/* --- Blog page ---------------------------------------------------------------------------------------------------------------------------------- */
section#blog article { margin-bottom: 20px; overflow: hidden; }
section#blog article header { height: auto; background: none; padding-bottom: 0; margin: 0; }
section#blog article footer { float: none; width: 100%; background: none; color: #111; padding: 0; margin: 10px 10px 0; }
section#blog article article { width: 100%; float: none; }

/* --- Footer ------------------------------------------------------------------------------------------------------------------------------------- */
footer small { font-size: 10px; }