html,
body                { background:#303030; color:#FFF9E1; margin-top:0; font-family:'Helvetica Neue', Helvetica, Arial; }
body                { font-size:14px !important; -webkit-text-size-adjust:none; }

a                   { color:#FFF9E1; }
p                   { font-weight:200; line-height:150%; letter-spacing:1.1px; -webkit-text-size-adjust:150%; }
p.spaced			{ line-height:210%; margin-bottom:20px;}
blockquote          { padding-left:60px; font-style:italic; }
h1,h2,h3,h4,h5      { text-transform:uppercase; font-weight:600; margin-bottom:20px;}
h2                  { font-size:40px; line-height:40px; display:block; }
h2 small            { font-size:22px; line-height:20px;}
strong              { font-weight:bold; }
.back               { padding-left:16px; background:url('../images/back.png') 0px 4px no-repeat; }
div.preview         { background:url('../images/preview.png') top right no-repeat !important; }


/*header*/
#header             { margin-top:42px; border-bottom:12px solid #FFF9E1; }
#logo               { margin-top:0; margin-bottom:0; padding:0; }
#logo a             { display:block; background:url('../images/logo.png') 0 0 no-repeat; width:538px; height:78px;}
#logo a span        { display:none; }
#contact            { font-size:10px; text-transform:uppercase; letter-spacing:1px; line-height:1.5em; margin:8px 0 10px 0px; -webkit-text-size-adjust:160%; }
#contact a          { text-decoration:none; }
.tel, .twitter      { padding-left:20px; }


/*nav*/
#nav                { margin-top:35px; overflow:visible; }
#nav ul             { margin-left:-5px; padding:0; overflow:visible; }
#nav ul li          { float:left; display:block; margin:0; margin-left:8px; }
#nav ul li.first    { margin-left:0px; }
#nav ul li a        { display:block; padding:5px 12px; font-size:16px; font-family:Arial, 'Helvetica Neue', Helvetica; text-decoration:none; }
#nav ul li a.active,
#nav ul li a:hover  { background:#FFF9E1; color:#303030; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

/*content styles*/
#content            { padding:50px 0; }
h2 a                { display:block; text-decoration:none; }
.title_image        { margin-bottom:0; padding-bottom:0; }
.title_image span   { display:none; }
h2.title            {  }
h2.title span       { display:none; }

/*blog*/
#blog .post         { padding-bottom:20px; border-bottom:1px solid #FFF9E1; margin-bottom:50px; }
#blog .post p       { margin-bottom:20px; }
#blog .post .right  { float:right; margin-left:20px; }
#blog .post .left   { float:left; margin-right:20px; }
#blog .post img     { margin-bottom:20px; }
#blog .post:last-child { border-bottom:none; }

/*toys (new work section)*/
#toys .banner       { background:url('../images/tool_box.png') 575px 0px no-repeat; min-height:260px; margin-left:10px;}
#toys .banner p     { font-size:14px;}
#toys .toy-summary  { background:#3b3a39; height:auto; margin-bottom:20px; }
#toys .toy-summary h3 { margin-bottom:10px; font-size:20px; font-weight:500; }
#toys .toy-summary h3 a { text-decoration:none; }
#toys .toy-summary p { line-height:140%;  }
#toys .toy-summary p:last-of-type { margin-bottom:0px; }
#toys .toy-summary-content { padding:10px 10px 10px 10px; height:375px; }
#toys .toy-summary-content p { display:block; margin-top:10px; font-size:13px; }
#toys .toy-body p { margin-bottom:20px; }
#toys h2.thelibraryoftoysandprojects { display:block; width:425px; height:57px; background:url('../images/the_library_of_toys_and_projects.png') 0 0 no-repeat; margin-top:13px; margin-bottom:11px; }
#toys .more         { background:url('../images/next.png') right 3px no-repeat; text-decoration:none; font-weight:normal; font-size:13px; position:absolute; bottom:10px; }
#toys .project-back { margin-top:-35px; height:200px; }

/*work*/
#work .projects { padding-left:20px; }
#work .project-thumb{ width:300px; display:inline; float: left; position: relative; background:url('../images/work_project_thumb_bg.png') 0 0 no-repeat;}
#work .project-thumb-content { padding:20px; margin:0; }
#work .project-thumb-content img { padding:0; margin:0 0 5px 0; }
#work .project-thumb-content a { text-decoration:none; }
#work h3.project-title { margin:0; -webkit-text-size-adjust:140%; }
#work span.project-client { text-transform:uppercase; font-weight:bold; color:#61605b; -webkit-text-size-adjust:140%; }
#work span.project-client a { color:#595853; }
#work .project-media img,
#work .project-media object,
#work .project-media iframe { line-height:100% !important; margin-bottom:12px; margin-top:0px; display:block; float:left; }
#work .project-media a,
#work .project-media p { margin:0; padding:0; }
#work .project-back { margin-top:-35px; height:200px; }
#work .project-body p { margin-bottom:20px; }

/*flatpages what we do*/
#what-we-do #content{ background:url('../images/rocket_ship.png') 545px 81px no-repeat; padding-top:40px; }
#what-we-do .quote{ background:url('../images/custom_tailors.png') 0px 0px no-repeat; padding-top:180px; margin-left:-12px; }
#what-we-do .body{ margin-left:-12px; }
#what-we-do h2 { display:none; }

/*flatpages jobs*/
#jobs #content      { background:url('../images/brain.png') 0px 70px no-repeat; padding-top:160px;  }
#jobs .whats-it-like{ background:url('../images/jobs_paper_clip.png') 52px 0px no-repeat; }
#jobs .eleven-months{ background:url('../images/jobs_calendar.png') 52px 28px no-repeat; }
#jobs .lots-of-things{ background:url('../images/jobs_army_knife.png') 52px 30px no-repeat; }
#jobs #content h2#looking-for-some { width:351px; height:72px; background:url('../images/looking_for_some.png') 0px 20px no-repeat; display:block; }
#jobs #content h2 em {display:none;}
#jobs #content ul { margin-left:15px; }
#jobs #content ul li { list-style:disc; margin-bottom:5px;}
#jobs #content ul.two-column-list { width:180px; float:left; }
#jobs .job-listing h3 { margin-bottom:0px; }
#jobs .job-listing { margin-top:200px; }
#jobs .job-listing p { margin:10px 0; font-size:12px; }
#jobs .job-listing li { font-size:12px; }
h2.whatitslike { display:block; width:220px; height:43px; background:url('../images/what_its_like_to_work_here.png') 0 0 no-repeat; }
h2.everyoneworks { display:block; width:308px; height:45px; background:url('../images/everyone_works_eleven_months.png') 0 0 no-repeat; margin-top:30px; }
h2.lotsofthings  { display:block; width:260px; height:46px; background:url('../images/we_all_do_lots_of_things.png') 0 0 no-repeat; margin-top:30px; }

/*pagination*/
#pagination_wrapper { padding-top:30px; }
.pagination         { text-align:center; }
.pagination a, 
.pagination span    { padding:2px 8px 3px 8px; margin:0px 3px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#3B3A39; text-decoration:none;}
.pagination a:hover,
.pagination .current { background:#FFF9E1; color:#303030; }
.pagination .disabled { color:#666; }

/*forms*/
.verbalizer_form p { margin-bottom:10px !important; }
.verbalizer_form label { width:170px; display:block; float:left; }
.verbalizer_form input { width:220px; background:#FFF9E1;}
.verbalizer_form .errorlist { color:red; }
.verbalizer_form .submit_btn { width:100px; margin-top:10px;}

.verbalizer_giveaway_form p { margin-bottom:10px !important; }
.verbalizer_giveaway_form label { width:170px; display:block; float:left; }
.verbalizer_giveaway_form input { width:220px; background:#FFF9E1;}
.verbalizer_giveaway_form textarea { width:320px; background:#FFF9E1;}
.verbalizer_giveaway_form .errorlist { color:red; }
.verbalizer_giveaway_form .submit_btn { width:100px; margin-top:10px;}


form .submit_link { padding:5px 12px; font-size:16px; font-family:Arial, 'Helvetica Neue', Helvetica; text-decoration:none; }
form .submit_link  { background:#FFF9E1; color:#303030; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
form .blur  { color:#666; font-style:italic; }

/*footer*/
#footer             { height:50px; -webkit-text-size-adjust:150%; }
#footer #twitter_label { width:260px !important; height:60px; padding-top:6px; }
#footer #twitter_content { border:0px solid #FFF9E1; float:left; padding:4px 6px; max-width:655px; display:none; }

/*debug*/
.debug_css_grid .d_green { background: url('../images/debug_green.png') !important; }
.debug_css_grid .d_blue { background: url('../images/debug_blue.png') !important; }


