/*
GUIDE
====================================================================================================

COLOURS
--------------------------------------------------

Green                    #88dd33
Dark Grey                #333333

*/


/*
GLOBAL
==================================================================================================== */

html, body { margin: 0; min-height: 100%; padding: 0; width: 100%; }

body { background: #333 url('/images/page-background.gif') repeat-x center bottom; color: #fff; line-height: 1.5; /* text-shadow: 0 1px 1px #000; */ }

#header, .headline, .heading, .punch, .punch-with-border, .impact { text-shadow: 0 1px 1px #000; }

a, a:visited, a:active, a:link { color: #8d3; font-weight: bold; text-decoration: none; }

a:hover, a:focus { color: #fff; }

.skip { left: -99999em; position: absolute; top: -99999em; }

.container { margin: 0 auto; max-width: 90em; min-width: 80em; overflow: hidden; position: relative; }

blockquote { background: url('/images/quote-start.gif') no-repeat left top; border: 1px solid #666; border-width: 1px 0; font-family: 'Georgia', serif; font-size: 1.5em; font-style: italic; font-weight: normal; padding: 1em 2em; text-align: center; }

cite { text-align: right; width: 100%; display: block; font-style: normal; font-weight: bold; margin: 0.5em 0 1.5em; }

html body #layout .alpha { margin-left: 0 !important; }  /* Excessive specifity to override other classes */

html body #layout .omega { margin-right: 0 !important; } /* Excessive specifity to override other classes */

input, input[type], textarea { background: #ccc; border: 1px solid #fff; color: #333; margin: 0.1em 0 1.5em; }

input:focus, input[type]:focus, textarea:focus { background: #fff; color: #000; }

button { background: #88d13d; border: 1px solid #fff; color: #000; font-weight: bold; }

#sfWebDebug { text-shadow: 0 1px 1px #ccc; }


/*
HEADER
==================================================================================================== */

#header { clear: both; float: left; margin: 0 1%; overflow: hidden; width: 98%; }

#header ul { float: right; font-size: 1.5em; height: 3.333em; margin: 3.5em 0 0; overflow: hidden; text-transform: lowercase; }

#header li { border: 1px solid #666; border-width: 0 0 0 1px; float: left; list-style: none; }

#header li:first-child { border: 0; }

#header ul a { padding: 0 1em; line-height: 1.5em; }

#header .logo { background: url('/images/ideahq-logo.png') no-repeat 50% 50%; display: block; float: left; height: 57px; padding: 4em 0; text-indent: -99999em; width: 159px; }


/*
FOOTER
==================================================================================================== */

#footer { border: 1px solid #666; border-width: 1px 0 0; clear: both; float: left; overflow: hidden; margin: 2.5em 1% 0; padding: 1em 0; width: 98%; }

#footer ul { float: left; margin: 0; padding: 0; text-transform: lowercase; }

#footer li { float: left; list-style: none; padding: 0.5em 1.5em; }

#footer .logo { margin: 0 1.5em 0 0; padding: 0; }

#footer .logo a { background: url('/images/ideahq-logo-footer.png') no-repeat 50% 50%; display: block; height: 29px; text-indent: -99999em; width: 80px; }

#footer .copyright { color: #999; float: right; padding: 0.5em 0 0; }


/*
CONTENT
==================================================================================================== */

#content { float: left; margin: 0 1%; overflow: hidden; width: 64.666%; }

.full-width #content { width: 98%; }

.column { float: left; margin: 0 1.546%; width: 48.454%; }

.more:after { content: ' »'; }

#content a:visited { font-weight: normal; }

.form { margin: 0 0 1.5em; padding: 0; }

.form li { list-style: none; margin: 0; padding: 0; }

/*
Who we've helped
-------------------------------------------------- */

#portfolio-list { margin: 0; overflow: hidden; padding: 0; }

#portfolio-list li { display: inline; float: left; margin: 0 1% 1.5em; min-width: 280px; overflow: hidden; padding: 0; width: 31.333%; }

#portfolio-list .alpha { clear: left; }

#portfolio-list .omega { clear: right; }

#portfolio-list img { height: 200px; margin: 0 auto; width: 280px; }

#portfolio-list a { color: #fff; }

#portfolio-list a:hover { color: #ccc; }

#portfolio-list a:hover .heading { color: #fff; }

#portfolio-list p { font-weight: normal; }

/*
Our team
-------------------------------------------------- */

#content #team-list { margin: 0; overflow: hidden; padding: 0; }

#content #team-list li { display: inline; float: left; margin: 0 1.546% 1.5em; padding: 0; width: 48.454%; }

#content #team-list .alpha { clear: left; }

#content #team-list .omega { clear: right; }

#content #team-list img { height: 200px; margin: 0 auto; width: 280px; }

#content #team-list a { color: #fff; }

#content #team-list a:hover { color: #ccc; }

#content #team-list a:hover .heading { color: #fff; }

#content #team-list p { font-weight: normal; }

/*
Our team - Meet...
-------------------------------------------------- */

.profile-image { float: right; height: 200px; margin: 0 0 1.5em 1.5em; width: 280px; }


/*
ASIDE
==================================================================================================== */

#aside { border: 1px solid #666; border-width: 0 0 0 1px; float: left; margin: 0 1%; width: 30.333%; }

#aside.copy { padding: 0 0 0 2%; width: 28.333%; }

#aside .heading { display: block; font-size: 1.8em; font-weight: bold; margin: 0 0 0 6.382%; text-transform: lowercase; }

#aside .heading span { color: #fff; }

/*
Who we've helped
-------------------------------------------------- */

#helped-list { margin: 1.2em 0 0; padding: 0; }

#helped-list li { border: 1px solid #666; border-width: 1px 0 0; list-style: none; overflow: hidden; padding: 1.8em 0 0 6.382%; }

#helped-list .active { background: #333 url('/images/helped-list-active.gif') repeat-y right top; border-left-color: #333; border-width: 1px 1px 0 1px; left: -1px; position: relative; top: 0; }

#helped-list .active:last-child { border-width: 1px; }

#helped-list a { color: #fff; font-size: 0.96em; font-weight: normal; }

#helped-list a:hover { color: #ccc; }

#helped-list img { float: left; margin: 0 1.35em 1.35em 0; padding: 0; }

#helped-list .heading { color: #8d3; line-height: 1.875; margin: 0; text-transform: none; }

#helped-list a:hover .heading { color: #fff; }

#helped-list p { font-weight: normal; margin: 0 0 1.35em; }

/*
Our team
-------------------------------------------------- */

#aside #team-list { margin: 1.2em 0 0; padding: 0; }

#aside #team-list li { border: 1px solid #666; border-width: 0; list-style: none; padding: 1.5em 0 0 6.382%; }

#aside #team-list .active { background: #333 url('/images/helped-list-active.gif') repeat-y right top; border-left-color: #333; border-width: 1px; left: -1px; margin-top: 1.5em; padding-bottom: 1.5em; position: relative; top: 0; }

#aside #team-list .active:first-child { border-width: 0 1px 1px; margin-top: 0; }

#aside #team-list .heading { color: #8d3; font-size: 1.25em; line-height: 1; margin: 0; text-transform: none; }

#aside #team-list a:hover .heading { color: #fff; }

#aside #team-list { border: 1px solid #666; border-width: 1px 0 0; }

/*
Sub-navigation
-------------------------------------------------- */

.subnavigation { margin: 0 0 1.5em; }

#aside .subnavigation .heading { border: 1px solid #666; border-width: 0 0 1px; line-height: 1.875; margin: 0; padding: 0 0 0 6.382%; text-transform: none; }

.subnavigation .subheading { font-size: 1.5em; }

.subnavigation ul ul .subheading { font-size: 1.333em; }

.subnavigation ul { list-style: none; margin: 0; padding: 0; }

.subnavigation ul ul { margin: 0 0 0 1.5em; }

.subnavigation li { margin: 0; padding: 1em 0 0; }

.subnavigation li li { padding: 0; }

.subnavigation .has-current { background: #333 url('/images/helped-list-active.gif') repeat-y right top; border: 1px solid #666; border-left-color: #333; border-width: 1px; left: -1px; margin-top: 1em; padding-bottom: 1em; position: relative; top: 0; }

.subnavigation .has-current:first-child { border-width: 0 1px 1px; margin-top: 0; }

.subnavigation a { padding: 0 0 0 6.382%; }


/*
COPY
==================================================================================================== */

.copy { font-size: 1.1em; }

.copy .headline { color: #8d3; font-weight: bold; font-size: 2.5em; margin: 0 0 0.333em; }

.copy .heading { color: #8d3; display: block; font-size: 1.8em; font-weight: bold; }

.copy .subheading { color: #8d3; display: block; font-size: 1.5em; font-weight: bold; margin: 0; }

.copy .punch { font-family: 'Georgia', serif; font-style: italic; font-size: 1.70em; margin: 0 0 1.5em; }

.copy .punch-with-border { border: 1px solid #666; border-width: 0 0 1px; font-family: 'Georgia', serif; font-style: italic; font-size: 1.70em; padding: 0 0 2em; margin: 0 0 2em; }

.copy .impact { color: #fff; font-size: 2.5em; font-weight: bold; margin: 0 0 0.6em; }

.copy .cite { text-align: right; width: 100%; display: block; font-style: normal; font-weight: bold; margin: 0.5em 0 1.5em; }

.copy .float_left { clear: left; float: left; margin: 0 1.5em 1.5em 0; }

.copy .float_right { clear: right; float: right; margin: 0 0 1.5em 1.5em; }

/* --- TEMP STYLES --- */

#ideahq-network-banner { display: none; }

#aside ul li a.active { color: #fff; }