/*
(c) Higgs Design Co. 2010
[w] http://higgsdesign.com
[t] @higgsdesign
*/

/*
Really Dark Green: #073032
Dark Green: #062526
Light Beige: #E6E9D8
Beige + 0.1 Opacity Black: #CDCDC1;
Beige + 0.2 Opacity Black: #B4B4AA;
Red: #BA334F
*/

/* GENERAL */

html, body {background:#073032 url(../img/bg.jpg) no-repeat fixed 50% 0;font:14px/1 "museo-sans-1","museo-sans-2", Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}

#wrapper, #header, #navigation, #content, #footer, .section {overflow:hidden;zoom:1;clear:both;}
#wrapper {width:960px;margin:16px auto;padding:24px 32px 24px;background:#e6e9d8 url(/img/bg-tile.png) repeat 0 0;color:#062526;z-index:1;position:relative;}

/* HEADER */

#branding {float:left;width:400px;margin-bottom:16px;margin-left:4px;}
#branding a {display:block;}
#branding .page-title,
#branding .strap-line {position:absolute;left:-9999px;overflow:hidden;}

#contact_badge {float:right;width:300px;text-align:right;background:url(../img/contact-badge-bg.png) no-repeat 100% 0;width:272px;height:52px;text-transform:uppercase;color:#d5d7c3;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;font-weight:500;font-size:12px;padding:8px 8px 0 0;letter-spacing:0.5pt;}
#contact_badge a {color:#e6e9d8;}
#contact_badge li.tel {font-weight:700;padding:4px 0 5px;color:#e6e9d8;}

/* NAVIGATION */

#navigation {margin-bottom:16px;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;font-weight:500;font-size:11px;}
#navigation ul {overflow:hidden;zoom:1;background-color:#CDCDC1;background-color:rgba(0,0,0,0.1);padding-left:12px;}
#navigation ul li {float:left;}
#navigation ul li a {float:left;display:block;padding:9px 12px;text-transform:uppercase;color:#555;text-decoration:none;}
#navigation ul li a:hover,
#navigation ul li a:focus {background:#b4b4aa;background: rgba(0,0,0,0.2);color:#000;}
#navigation ul li.this-page a span,
#navigation ul li.this-page a:hover span,
#navigation ul li.this-page a:focus span {color:#000;}

/* CONTENT */

#content {min-height:492px;}

#content a,
#content a {color:#222;}
#content a:hover,
#content a:focus {color:#ba334f;}

#content p, #content ul, #content ol, #content table {line-height:1.5;margin-bottom:1em;}
#content p.cta-link a {display:block;background:#ba334f url(../img/noise.png);color:#FFF;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:6px 12px;font-size:12px;letter-spacing:1pt;-webkit-transition:0.3s;}
#content p.cta-link a span {background: url(../img/white-trans-bullet.png) no-repeat 0 48%;padding-left:24px;display:block;height:18px;}
#content p.cta-link a:hover,
#content p.cta-link a:focus {background-color:#222;}

#content ul li {list-style: outside disc;}

#content #page_intro {background:#ba334f url(../img/noise.png);color:#FFF;font-family: "museo-slab-1","museo-slab-2",sans-serif;font-size:21px;line-height:34px;padding:21px 24px 12px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500;margin-bottom:24px;}
#content #page_intro h1 {font-size:28px;margin-bottom:12px;}
#content #page_intro p {margin-bottom:0.5em;}
#content #page_intro a {color:#e6e9d8;}
#content #page_intro a:hover {color:#FFF;}

/* FOOTER */

#footer {font-size:10px;color:#999;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;line-height:1.5;background-color:#CDCDC1;background:rgba(0,0,0,0.1) url(../img/noise.png);margin:4px -33px -32px;padding:16px 32px 24px;}
#footer a {color:#999;-webkit-transition:0.3s;}
#footer a:hover {color:#222;}
#footer p#licence {float:left;width:50%;overflow:hidden;zoom:1;padding-top:8px;}
#footer p#licence abbr {float:left;height:39px;line-height:25px;display:block;}
#footer p#licence a {width:200px;height:39px;background:url(../img/higgs-design-co-written.png) no-repeat 8px 0;text-indent:-9999px;overflow:hidden;display:block;float:left;padding:0 8px;}
#footer #company_detail {float:right;width:50%;text-align:right;}

/* PAGE SPECIFIC */

/* -- Home -- */

#homepage_intro {float:left;overflow:hidden;zoom:1;width:528px;}

#homepage_intro h2 {background:#ba334f url(../img/noise.png);color:#FFF;font-family: "museo-slab-1","museo-slab-2","Trebuchet MS",sans-serif;font-size:21px;line-height:34px;padding:21px 24px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500;margin-bottom:16px;margin-right:16px;-webkit-text-size-adjust:none;}
#homepage_intro h2 strong {font-weight:700;}

#homepage_preview {overflow:hidden;zoom:1;margin-bottom:0 !important;}
#homepage_preview li {float:left;margin-bottom:16px;list-style:none !important;}
#homepage_preview li a {float:left;width:160px;margin-right:16px;height:96px;overflow:hidden;display:block;}
#homepage_preview li a img {position:relative;left:0;top:0;-webkit-transition:0.3s;}
#homepage_preview li a:hover img,
#homepage_preview li a:focus img {left:-20px;}

#homepage_big_preview {width:432px;float:left;}
#homepage_big_preview ul {width:432px;height:322px;overflow:hidden;zoom:1;margin-bottom:16px;}
#homepage_big_preview ul li {width:432px;height:322px;float:left;display:block;list-style:none;}
#homepage_big_preview ul li a {width:432px;height:322px;display:block;float:left;position:relative;text-decoration:none;overflow:hidden;}
#homepage_big_preview ul li a img {position:relative;top:0;left:0;-webkit-transition:0.3s;z-index:0;}
#homepage_big_preview ul li a:hover img,
#homepage_big_preview ul li a:focus img {left:-58px;}
#homepage_big_preview ul li a h3 {position:absolute;z-index:1;top:16px;right:-3px;display:block;background:#073032 url(../img/noise.png);color:#FFF;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-align:right;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:6px 15px 6px 12px;font-size:12px;letter-spacing:1pt;opacity:0.5;-webkit-transition:0.5s;}
#homepage_big_preview ul li a h3 em {display:block;font-size:10px;font-style:normal;color:#CCC;}
#homepage_big_preview ul li a:hover h3,
#homepage_big_preview ul li a:focus h3 {opacity:1;}
#homepage_big_preview ul li a h3:hover,
#homepage_big_preview ul li a h3:focus {background-color:#ba334f;}

a#homepage_services_list {display:block;float:left;width:416px;margin-right:16px;overflow:hidden;zoom:1;padding:10px 16px 0;background-color:#cdd2c6;background-color:rgba(0,0,0,0.1);margin-bottom:16px;font-size:12px;text-decoration:none;}
a#homepage_services_list h3 {background-color:#ba334f;background-image: url(../img/noise.png);margin:-10px -16px 10px;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:1pt;padding:10px 0 10px 16px;font-weight:700;}
a#homepage_services_list:hover,
a#homepage_services_list:focus {color:#073032;}
a#homepage_services_list h3 span {display:block;background: url(../img/white-right-arrow.png) no-repeat 460px 50%;color:#e6e9d8;-webkit-transition:0.3s;}
a#homepage_services_list:hover h3 span,
a#homepage_services_list:focus h3 span {background-position:404px 50%;color:#FFF;}
#homepage_services_list ul li {padding:0.1em 0 0.1em 20px;background: url(../img/green-white-bullet.png) no-repeat 0 50%;line-height:1.4;list-style:none;}
#homepage_services_list ul.primary {float:left;width:256px;}
#homepage_services_list ul.secondary {float:left;width:128px;}

.home-page #content_primary {border-bottom:1px solid #CCC;margin-bottom:15px;padding-bottom:0px;}

#homepage_news,
#homepage_about_us {float:left;overflow:hidden;zoom:1;width:208px;padding:10px 16px 0;margin-bottom:16px;font-size:12px;}

#homepage_news {margin-right:16px;}


#homepage_services_list,
#homepage_news,
#homepage_about_us {min-height:116px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}


a#homepage_about_us {text-decoration:none;}
a#homepage_about_us h3 span {background: url(../img/white-right-arrow.png) no-repeat 256px 50%;-webkit-transition:0.3s;display:block;}
a#homepage_about_us:hover h3 span,
a#homepage_about_us:focus h3 span {background-position:196px 50%;}
a#homepage_about_us p.read-more {background:#FFF url(../img/office-small.jpg) no-repeat 0 0;-webkit-transition:0.4s;color:#FFF;display:block;margin:-10px -16px 0;height:92px;text-decoration:none;opacity:0.6;}
a#homepage_about_us:hover p.read-more {background-position:0 -64px;opacity:1;}
a#homepage_about_us p.read-more span {margin:56px -3px 0 0;background:#ba334f;display:block;float:right;padding:3px 16px 3px 12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

a#homepage_news {text-decoration:none;}
a#homepage_news:hover {color:#073032;}
a#homepage_news h3,
a#homepage_about_us h3 {background:#073032 url(../img/noise.png);font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:1pt;margin-bottom:10px;}
a#homepage_news h3 span {display:block;padding:10px 16px 0 16px;margin:-10px -16px 0;}
a#homepage_news:hover h3 span {background:#073032 url(../img/update-ani.gif) no-repeat 5px 0;}
a#homepage_news h3 em {color:#CCC;text-transform:uppercase;font-size:10px;display:block;float:right;font-style:normal;padding-right:16px;line-height:12px;}
a#homepage_news p.read-more {text-decoration:underline;margin-top:-0.5em;color:#073032;}
a#homepage_news:hover p.read-more {color:#ba334f;}

#homepage_services_list h3,
#homepage_news h3,
#homepage_about_us h3 {color:#e6e9d8;display:block;margin:-10px -16px;padding:10px 0 10px 16px;}
#homepage_news:focus h3,
#homepage_news:hover h3,
#homepage_about_us:hover h3,
#homepage_about_us:focus h3,
#homepage_services_list:hover h3,
#homepage_services_list:focus h3 {color:#FFF;}

/* -- Services -- */

.services-page .service {overflow:hidden;zoom:1;position:relative;}
.services-page .service h2 {display:block;background:#073032 url(../img/noise.png);color:#FFF;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
.services-page .action-box {clear:both;display:block;background:#ba334f url(../img/noise.png);color:#FFF;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
#service_list {width:264px;overflow:hidden;zoom:1;float:left;padding-bottom:16px;}
#service_list li {font-size:14px;font-family: "museo-slab-1","museo-slab-2",sans-serif;margin-bottom:4px;padding-right:27px;border-right:1px solid #CCC;}
#service_list li a {background: rgba(255,255,255,0) url(../../img/red-white-bullet.png) 12px 50% no-repeat;padding:4px 4px 4px 32px;text-decoration:none;display:block;-webkit-transition:0.4s;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; 6px;outline:0;}
#service_list li a:hover,
#service_list li a:focus {background-color:rgba(255,255,255,0.4);color:#073032;}
#service_list li a.this-service {background-color:rgba(255,255,255,1);color:#ba334f;cursor:default;}
#services {width:694px;float:left;position:relative;}
#services .service {overflow:hidden;zoom:1;padding-left:32px;width:662px;padding-bottom:32px;}
#services .service img {position:absolute;left:36px;top:0;}
#services .service .content {width:364px;float:right;min-height:261px;overflow:hidden;zoom:1;}
#services .service .content p,
#services .service .content ul,
#services .service .content h3 {padding:0 16px;}
#services .service .content h3 {margin-bottom:1em;font-size:14px;font-weight:700;font-family: "museo-slab-1","museo-slab-2",sans-serif;}
#services .service .content ul li {background: url(../../img/green-white-bullet.png) 0 50% no-repeat;padding-left:20px;list-style:none;}

.js #services .service {top:900px;position:absolute;height:500px;}
.js #services #frontend-design {top:0;}

/* -- Contact -- */

#contact_form {float:left;width:584px;overflow:hidden;zoom:1;margin:0 64px 24px 0;border-bottom:1px solid #CCC;padding:0 0 24px;}
#contact_form .field,
#contact_form .buttons {clear:both;overflow:hidden;zoom:1;}
#contact_form .buttons {width:150px;float:right;text-align:right;}
#contact_form #required_note {width:410px;float:left;text-align:left;color:#666;font-size:11px;padding-top:4px;}
#contact_form label {display:block;margin-bottom:0.75em;text-transform:uppercase;font-size:12px;margin-left:8px;}
#contact_form input {margin-bottom:1em;width:256px;padding:8px;background:#FFF;background: rgba(255,255,255,0.4);border:0;color:#ba334f;}
#contact_form textarea {margin-bottom:1em;width:568px;padding:8px;background:#FFF;background: rgba(255,255,255,0.4);border:0;color:#ba334f;}
#contact_form #prevent {position:relative;left:-9999px;overflow:hidden;}
#contact_form  .primary,
#contact_form  .secondary {float:left;width:276px;}
#contact_form  .secondary {margin-left:32px;}
#contact_form .error {padding-bottom:6px;background: transparent url(../img/error-down-arrow.png) no-repeat 16px bottom;display:block;width:272px;overflow:hidden;zoom:1;clear:both;margin-bottom:0.5em;}
#contact_form .error div {background:#ba334f url(../img/noise.png);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 12px;color:#e6e9d8;overflow:hidden;zoom:1;clear:both;}
#contact_form .error p {margin:0;line-height:1;}
#contact_form .error.wide {width:583px;}
#contact_form button.send-it {padding: 8px 34px;border:0;background:#ba334f url(../img/noise.png);font-size:14px;font-family: "museo-slab-1","museo-slab-2",sans-serif;font-weight:500;color:#FFF;cursor:pointer;-webkit-transition:0.3s;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow: 0 0 3px #FFF;-moz-box-shadow: 0 0 3px #FFF;-webkit-box-shadow: 0 0 3px #FFF;}
#contact_form button.send-it:hover {background-color:#062526;}
#where_we_are {float:left;width:276px;}
#where_we_are dl {padding-bottom:1em;overflow:hidden;zoom:1;}
#where_we_are h3 {margin-bottom:1em;color:#ba334f;font-weight:700;}
#where_we_are dl dt {float:left;width:70px;display:block;margin-bottom:1em;font-weight:700;line-height:1.5;}
#where_we_are dl dd {margin-bottom:1em;float:left;display:block;width:200px;line-height:1.5;}
#where_we_are dl dd a {text-decoration:none;}
#registered_office {opacity:0.4;-webkit-transition:0.3s;}
#registered_office:hover {opacity:1;}
.contact-page #content_primary {padding-top:24px;border-top:1px solid #CCC;}

/* -- Folio -- */

#content ul.secondary-work-previews {overflow:hidden;zoom:1;margin-left:-32px;margin-bottom:16px;clear:both;overflow:hidden;zoom:1;}
#content ul.secondary-work-previews li {float:left;margin-left:32px;position:relative;overflow:hidden;width:216px;height:166px;margin-bottom:16px;}
#content ul.secondary-work-previews li a {display:block;text-decoration:none;}
#content ul.secondary-work-previews li a img {display:block;padding-bottom:8px;position:absolute;top:0;left:0;-webkit-transition:0.5s;}
#content ul.secondary-work-previews li a:hover img,
#content ul.secondary-work-previews li a:focus img {left:-32px;}
#content ul.secondary-work-previews li a span.img {display:block;overflow:hidden;width:248px;height:122px;position:absolute;left:0;top:0;}
#content ul.secondary-work-previews li a div {display:block;clear:both;position:absolute;top:126px;left:0;}
#content ul.secondary-work-previews li a p {color:#888;font-size:12px;}

.folio-page #content .hgroup {overflow:hidden;zoom:1;border-bottom:1px solid #CCC;margin-bottom:20px;padding-bottom:16px;padding-left:4px;}
.folio-page #content .hgroup h2 {font-family: "museo-slab-1","museo-slab-2",sans-serif;font-size:18px;font-weight:500;float:left;width:600px;}
.folio-page #content .hgroup h2 a {text-decoration:none;color:#073032;}
.folio-page #content .hgroup h3 {font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;font-size:12px;margin-top:3px;text-transform:uppercase;color:#888;font-weight:500;float:right;width:300px;text-align:right;margin-bottom:0;}


/* -- Folio Projects -- */

#folio_navigation {width:132px;float:left;padding-right:20px;font-size:12px;position:relative;}
#folio_navigation h3 {margin-bottom:1em;padding-left:3px;font-family: "museo-slab-1","museo-slab-2",sans-serif;color:#888;padding-top:5px;}
#folio_navigation ul {margin-bottom:0.5em;}
#folio_navigation ul li {margin-bottom:4px;}
#folio_navigation ul li a {display:block;padding:4px 0 4px 8px;text-decoration:none;outline:0;}
#folio_item_description {width:152px;float:left;padding-right:33px;overflow:hidden;zoom:1;font-size:12px;}
#folio_item_plinth {width:622px;float:left;overflow:hidden;zoom:1;}
#folio_item_plinth ul li {list-style:none;}
#folio_item_plinth img {padding:16px;background:#FFF;background:rgba(255,255,255,0.4);margin-bottom:16px;float:left;}

.folio-page h1 {font-family: "museo-slab-1","museo-slab-2",sans-serif;font-size:14px;font-weight:500;margin-bottom:1em;}
.folio-page #content p.cta-link a {font-size:11px;padding-bottom:5px;margin-bottom:1px;}
.folio-page #content p.cta-link a span {height:17px;}

#folio_item_description h1 {line-height:1.5;}
#folio_item_description #deliverables {color:#062526;padding-bottom:0.5em;}
#folio_item_description #deliverables ul li {padding-left:20px;background:url(../img/green-white-bullet.png) no-repeat 0 50%;line-height:16px;margin:0.25em 0 0.75em 0;list-style:none;}

#folio_item_description p.cta-link {line-height:17px;}
#folio_item_description p.cta-link a {line-height:16px;background-color:#333;color:#FFF;}
#folio_item_description p.cta-link a:hover,
#folio_item_description p.cta-link a:focus {background-color:#ba334f;color:#FFF;}

#all_projects_back a {display:block;background:#ba334f url(../img/noise.png);color:#FFF;font-size:11px;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:4px 12px;-webkit-transition:0.3s;text-align:center;-webkit-transition:0.2s;padding-top:5px;}
#all_projects_back a:hover,
#all_projects_back a:focus {background-color:#222;color:#FFF;}


#content #folio_shift {overflow:hidden;zoom:1;}
#content #folio_shift li {float:left;width:50%;list-style:none;}
#content #folio_shift li a {display:block;-webkit-transition:0.2s;}
#content #folio_shift li.previous {width:74px;}
#content #folio_shift li.next {width:54px;border-left:1px solid #BBB;}
#content #folio_shift li.previous a {background: url(../img/prev-browse-arrow.png) no-repeat 4px 50%;padding-left:18px;}
#content #folio_shift li.previous a:hover,
#content #folio_shift li.previous a:focus {background-position:0 50%;}
#content #folio_shift li.next a {background: url(../img/next-browse-arrow.png) no-repeat 40px 50%;text-align:right;padding-right:18px;}
#content #folio_shift li.next a:hover,
#content #folio_shift li.next a:focus {background-position:44px 50%;}
#content p.addendum, #content p.addendum a {color:#888;}
p.with-and-for {line-height:29px;}
p.with-and-for img {position:relative;top:9px;margin-left:4px;}

.js #project_list {position:absolute;top:0;left:-9999px;overflow:hidden;width:512px;background:#FFF;padding:16px;border:16px solid #ba334f;box-shadow: 0 5px 20px #333;-webkit-box-shadow: 0 5px 20px #333;-moz-box-shadow: 0 5px 20px #333;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.js #project_list ul {overflow:hidden;zoom:1;padding:0;margin:0;clear:both;}
.js #project_list ul li {float:left;width:128px;list-style:none;padding:0;}
.js #project_list ul li.this-page a {font-weight:bold;color:#ba334f;}
.js #project_list ul li a:hover,
.js #project_list ul li a:focus {background: #DDD;background: rgba(0,0,0,0.1);}
.js #project_list h3 {font-size:18px;float:left;width:200px;}
.js #project_list p.close-project-list {float:right;cursor:pointer;font-weight:bold;}

/* -- About Us -- */

#about_copy {float:left;width:464px;margin-right:32px;overflow:hidden;zoom:1;}
#additional_about_copy {float:left;width:464px;overflow:hidden;zoom:1;}

#about_copy p,
#additional_about_copy p {padding-left:16px;padding-right:16px;}

.about-page h2 {display:block;background:#CDCDC1 url(../img/noise.png);background-color:rgba(0,0,0,0.1);color:#062526;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}

#where-we-work img {margin-bottom:8px;}

.about-page .section {margin-bottom:16px;}

#about-andy img {float:left;margin:4px 16px 8px 0;background:#FFF;background: rgba(255,255,255,0.4);padding:8px;}
#with_logos {padding:8px 0 12px 20px;}
#the_office {padding: 8px;background:#FFF;background: rgba(255,255,255,0.4);}

#personal_social_media {background:#FFF;background: rgba(255,255,255,0.4);padding:16px;margin-bottom:16px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#personal_social_media h3 {margin-bottom:16px;font-family: "museo-slab-1","museo-slab-2",sans-serif;color:#062526;}
#personal_social_media ul {overflow:hidden;zoom:1;margin:0;}
#personal_social_media li {margin-top:4px;float:left;width:25%;list-style:none !important;}
#personal_social_media li a {padding-left:24px;background: none no-repeat 0 0;line-height:16px;text-decoration:none;}
#personal_social_media li.twitter a {background-image:url(../img/social-media-icons/twitter-16x16.png);}
#personal_social_media li.flickr a {background-image:url(../img/social-media-icons/flickr-16x16.png);}
#personal_social_media li.foursquare a {background-image:url(../img/social-media-icons/foursquare-16x16.png);}
#personal_social_media li.gowalla a {background-image:url(../img/social-media-icons/gowalla-16x16.png);}
#personal_social_media li.linkedin a {background-image:url(../img/social-media-icons/linkedin-16x16.png);}
#personal_social_media li.dribbble a {background-image:url(../img/social-media-icons/dribbble-16x16.png);}
#personal_social_media li.blog a {background-image:url(../img/social-media-icons/feed-16x16.png);}
#personal_social_media li.twitter a {background-image:url(../img/social-media-icons/twitter-16x16.png);}
#personal_social_media li.tumblr a {background-image:url(../img/social-media-icons/tumblr-16x16.png);}

/* -- News Tweets -- */

ol#news_tweets {display:block;overflow:hidden;padding-bottom:16px;}
ol#news_tweets li {padding:16px 32px 0;}
ol#news_tweets li.item-0 {background:#FFF;padding:32px 32px 12px;margin:0 0 16px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ol#news_tweets li.item-0 h3 {font-size:18px;margin-bottom:8px;}

#tweets {float:left;overflow:hidden;zoom:1;width:576px;margin-left:48px;}
#tweets time {text-transform:uppercase;font-size:11px;}

/* -- Privacy Policy -- */

.privacy-policy-page .content p {padding-left:16px;padding-right:16px;}
.privacy-policy-page .content h2 {display:block;background:#CDCDC1 url(../img/noise.png);background-color:rgba(0,0,0,0.1);color:#062526;font-family: "museo-sans-1","museo-sans-2","Trebuchet MS",sans-serif;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}

#privacy_content {float:left;width:592px;}
#privacy_padlock {float:left;width:260px;margin-left:64px;}

/* -- 404 Error Page -- */

#error_page {background:#ba334f url(../img/noise.png);color:#FFF;font-family: "museo-slab-1","museo-slab-2",sans-serif;padding:35px 48px 8px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500;margin-bottom:12px;overflow:hidden;zoom:1;margin-left:300px;}
#error_page h1 {font-size:26px;line-height:34px;margin-bottom:0.5em;}
#error_page h2 {font-size:18px;line-height:34px;margin-bottom:1em;}

#error_page ul li {padding-left:20px;background:url(../img/green-white-bullet.png) no-repeat 0 50%;line-height:12px;margin:0.25em 0 0.75em -20px;list-style:none;}

#error_report_form {float:left;width:584px;overflow:hidden;zoom:1;clear:both;background:#062526 url(../img/noise.png);padding:24px 48px;margin:16px -48px -8px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
#error_report_form .field,
#error_report_form .buttons {clear:both;overflow:hidden;zoom:1;}
#error_report_form .buttons {width:100px;float:left;}
#error_report_form #required_note {width:410px;float:right;text-align:right;color:#222;font-size:11px;}
#error_report_form label {display:block;margin-bottom:0.75em;text-transform:uppercase;font-size:12px;margin-left:8px;}
#error_report_form input {margin-bottom:1em;width:236px;padding:8px;background:#FFF;background: rgba(255,255,255,0.4);border:0;color:#062526;}
#error_report_form textarea {margin-bottom:1em;width:544px;padding:8px;background:#FFF;background: rgba(255,255,255,0.4);border:0;color:#062526;}
#error_report_form #prevent {position:relative;left:-9999px;overflow:hidden;}
#error_report_form  .primary,
#error_report_form  .secondary {float:left;width:276px;}
#error_report_form  .secondary {margin-left:32px;}
#error_report_form .error {padding-bottom:6px;background: transparent url(../img/error-down-arrow.png) no-repeat 16px bottom;display:block;width:272px;overflow:hidden;zoom:1;clear:both;margin-bottom:0.5em;}
#error_report_form .error div {background:#ba334f url(../img/noise.png);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 12px;color:#e6e9d8;overflow:hidden;zoom:1;clear:both;}
#error_report_form .error p {margin:0;line-height:1;}
#error_report_form .error.wide {width:583px;}

#error_socket {position:absolute;left:44px;top:156px;}