/* @override http://tbwa.lab/assets/styles/tbwa-black.css */

/* -------------------------------------------------------------- 
   
   tbwa-black.css
   * Black version of tbwa.css

   * typography.css and grid.css are part of the Blueprint CSS
     Framework
   * http://bjorkoy.com/blueprint 
  
   © 2007 Alex Torrance
   http://alextorrance.co.uk
  
-------------------------------------------------------------- */

body { background: #000; }

/* Typography Overides
-------------------------------------------------------------- */

/* TBWA\ Header
-------------------------------------------------------------- */

#header p.contact,
#header p.contact a,
#header p.contact a:hover { color: #BBB; }

#header ul.menu, #header ul.menu-icons { border-color: #BBB; }
#header ul.menu li a { color: #BBB; }
#header ul.menu li a:hover, #header ul.menu li a.here {	border-color: #BBB; }

a#search-button { background-image: url(/assets/images/logos/search-button-black.png); background-color: transparent; }

#header #colourway,
#header #colourway a,
#header #colourway a:visited {
	color:#999;
	background-color:black;
}
#header #colourway a:hover {color:#FFF; }
#header #colourway a:hover.black { color:#999; }

ul.sub-menu li a { color: #FFF; }

/* TBWA\ Footer
-------------------------------------------------------------- */

ul.footer-menu li { color: #666;}
ul.footer-menu li a { color: #999; }
ul.footer-menu li a:hover { color: #EEE; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #FFF; }
.section-heading { color: #E13337; }
h1.section-heading { color: #FFF; }
.section-divide { background: #E13337; }
h2 a { background-color: #E13337; color: #FFF; }

/*  Text elements
 -------------------------------------------------------------- */

p, ul, li { color: #999; }
a { color: #E13337; }
p a:hover, ul a:hover, li a:hover { color: #FFF; background: #E13337; }
b, strong { color: #FFF; }
u, em { color: #EEE; text-decoration: underline; background: transparent; font-style: none; }
pre, code { color: #666; }
hr { background: #666; }

/* Custom Classes
 -------------------------------------------------------------- */

.pullquote { border: 1px solid #333; border-width: 1px 0; background: #0C0C0C; }
.pullquote q { color: #666; }
.pullquote cite { color: #999; }

.date { color: #BBB; }
.post-info { color: #FFF; }
.note { border: 1px solid #333; border-width: 1px 0; background: #0C0C0C; }
.note p { color: #666; }
.note a { color: #999; }
.note a:hover { color: #EEE; background: transparent; }

.disabled {	color: #333; }
.disabled:hover { color: #333; background: transparent; }

/* Case Study - Convention, Vision & Dispruption */

.convention { background-image: url(/assets/images/logos/convention-logo-black.png); }
.vision { background-image: url(/assets/images/logos/vision-logo-black.png); }
.disruption { background-image: url(/assets/images/logos/disruption-logo-black.png); }

/* Lists
-------------------------------------------------------------- */

ol.tag-list li a { color: #FFF; }


/* Gallery
-------------------------------------------------------------- */

#gallery h2 { color: #000; }
ul.gallery-nav li { color: #999; }

/* Clients
-------------------------------------------------------------- */

h3.client-logo a { background-position: -130px 0px; }
h3.client-logo a:hover { background-position: -130px -144px; }
h3.client-logo.on a { background-position: -130px -144px; }

/* Search & Filter Sheet
-------------------------------------------------------------- */
.search-sheet h1.section-heading, .search-sheet h2.section-heading {
	color: #999;
}

/* Admin Styles
-------------------------------------------------------------- */

/* Object List
-------------------------------------------------------------- */
ul.object-list { border-color: #333; }
ul.object-list li { border-color: #333;	background: #0C0C0C; }

/* Forms
-------------------------------------------------------------- */

fieldset { border-color: #B4AC9F; }

label, legend { color: #EEE; }

ul.article-list li.published a { color: #ADE8FD; }
ul.article-list li.unpublished a { color: #FCB2B2; }
ul.article-list li.draft a { color: #FCE6B2; }

