/* Normalize default styles */

* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), [hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-family: sans-serif; -webkit-font-smoothing: subpixel-antialiased; }
button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { font-size: 2em; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: yellow; color: black; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 75%; }
sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-top: 0; }
p { margin-top: 0; }
ul, ol { margin-left: 0; padding: 0; list-style: none; }
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }

.content p:before { content: ""; display: block; }
.content p:after { content: ""; display: block; clear: both; }
.content p { zoom: 1; }

.cf:before { content: ""; display: block; }
.cf:after { content: ""; display: block; clear: both; }
.cf { zoom: 1; }

/* Grid */

.container { padding-left: 20px; padding-right: 20px; }
.row { width: 90%; width: 960px; margin: 0 auto; overflow: hidden; padding-left: 30px; padding-right: 30px; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; margin-right: 30px; float: left; min-height: 1px; }

.row .onecol { width: 4.85%; width: 52px; }
.row .twocol { width: 13.45%; width: 134px; }
.row .threecol { width: 22.05%; width: 216px; }
.row .fourcol { width: 30.75%; width: 298px; }
.row .fivecol { width: 39.45%; width: 380px; }
.row .sixcol { width: 48%; width: 462px; }
.row .sevencol { width: 56.75%; width: 544px; }
.row .eightcol { width: 65.4%; width: 626px;}
.row .ninecol { width: 74.05%; width: 708px; }
.row .tencol { width: 82.7%; width: 790px;}
.row .elevencol { width: 91.35%; width: 872px; }
.row .twelvecol { width: 100%; width: 954px; float: left; min-height: 1px; }

.last { margin-right: 0px; }
img, object, embed { max-width: 100%; }
img { height: auto; }

/* Smaller screens */

/* Mobile */
@media handheld, only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; }
  .row, body, .container { width: 700px; min-width: 0; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; }
  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } }

/* WOW styles */

body { font-family: Helvetica, Droid Sans, Arial, sans-serif; background: white url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/dots.png) repeat; }
h1, h2, h3, h4, h5 { font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; }
.threecol h2 { padding: 0.2em 0.4em; display: inline-block; *display: inline; *zoom: 1; background: #ccdc34; text-transform: uppercase; }
a:link, a:active, a:visited, a:focus, a:hover { text-decoration: none; }
a:link, a:visited { color: #8cc540; padding: 0em 0.1em; }
a:active, a:focus, a:hover { background: #8cc540; color: black; }
a.logo:hover { background: none;}
h1.fuel { vertical-align: middle; display: inline; }
img.fuel { display: inline; vertical-align: middle; }
.presents { margin-bottom: 7px;}

/* Header styles */
.header { border-top: 10px solid black; padding-top: 30px; padding-bottom: 30px; position: relative; height: 100%; }
.header .last { text-align: right; }
.header .search { width: 70%; display: inline-block; *display: inline; *zoom: 1; position: relative; }
.header .date { padding: 0.3em 0.5em; background: #ccdc34; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase; }

.logo.pp { width: 70%; }
.logo.wow { display: inline-block; *display: inline; *zoom: 1; width: 40%; margin-right: -10px; margin-bottom: 0.5em; padding-top: 3em; }
.venue { margin-top: -0.2em; display: block; float: right; }
.featured_p, .twitter_feed, .post, .main, .tag { border-top: 3px solid black; padding-top: 30px; padding-bottom: 30px; background: white; }
.featured_p { padding-bottom: 60px; }
.twitter_feed, .post, .tag { border-bottom: 3px solid black; }

/* Info */
.info { padding-top: 30px; padding-bottom: 20px; background: white; border-top: 3px solid black; } 
.info p { padding-bottom: 1em; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; font-size: 1.5em; }
.nav li { margin-bottom: 1em; }
.nav li a { background: #8cc540; color: white; font-size: 1.8em; padding: 0.05em 0.2em; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; text-transform: uppercase; line-height: 1.2em; margin-bottom: 10px; }
.nav li a:hover { color: black; background: #CCDC34; }  



/* Featured */
.slide { width: 48.1%; margin-right: 3.8%; float: left; height: 350px; overflow: hidden; position: relative; }
.slide img { width: 100%; }
.slide.last { margin-right: 0; }
.slide .name { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 3em; position: absolute; bottom: 30px; }
.slide h2 { background: #8cc540; color: white; padding: 0.2em 0.4em; }
.slide h3 { background: black; color: white; padding: 0.3em 0.5em; }
.slides a:link, .slides a:visited { padding: 0;} 

.flex-control-nav { margin: 1.2em auto 0; text-align: center; position: relative; bottom: -350px; height: 17px; color: transparent; }
.flex-control-nav li { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; width: 25px; height: 17px; }
.flex-control-nav a { width: 25px; height: 17px; background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/dot.png) no-repeat; display: inline-block; *display: inline; *zoom: 1; }
.flex-control-nav a:hover { color: transparent; cursor: pointer; background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/completely_black_dot.png) no-repeat; }
.flex-control-nav a.active { background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/black_dot.png) no-repeat; }

/* Categories */
ul.categories { margin-top: 1em; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; text-transform: uppercase; line-height: 1.2em; }
ul.categories a:link, ul.categories a:visited { color: black; padding: 0.05em 0.2em; }
ul.categories a:active, ul.categories a:focus, ul.categories a:hover { background: #8cc540; }

/* Tweets */
.tweet { width: 30%; float: left; margin-right: 5%; margin-bottom: 1.3em; font-size: 0.75em; min-height: 115px; display: inline-block; *display: inline; *zoom: 1; }
.tweet:nth-child(3n+3) { margin-right: 0; }
.tweet.last { margin-right: 0; }
.tweet .avatar { box-sizing: border-box; width: 30%; float: left; padding: 0 0.5em 0.2em 0; }

/* Post */
.post .img { max-height: 500px; overflow: hidden; vertical-align: middle; margin-bottom: 1.5em; }
.post p { margin-bottom: 1em; }
.post h2 { font-size: 2.875em; line-height: 1.2; text-transform: uppercase; padding: 0.05em 0.1em; background: #ccdc34; display: inline; *display: inline; *zoom: 1; margin-bottom: 0.3em; }

.metadata { padding: 15px 0;} 
.metadata h3 { font-size: 1.875em; padding-bottom: 0.2em; }
.metadata .category { font-size: 1em; text-transform: uppercase; padding-bottom: 0.5em; }
.metadata .category a { color: black; }
.metadata .category a:hover { background: none; }
.metadata .date { font-size: 0.875em; }

.tumblr_social { border-top: 3px solid black; margin-top: 2em; padding-top: 15px; }
.tumblr_social img { padding-right: 2.5%; vertical-align: middle; }
.tumblr_social a { color: #8cc540; }
.tumblr_social a:hover { color: black; }
.tumblr_social a span { padding: 0.1em 0.2em; color: #8cc540; }
li.note { margin: 1em 0;}
.note blockquote { width: 90%; font-size: 0.875em; background: white; padding: 0; font-family: Helvetica, Droid Sans, Arial, sans-serif; margin-top: 5px; margin-top: 15px; margin-left: 35px;}

.quote h3 { font-size: 2em; text-transform: none;}
.quote .img { max-height: 500px; overflow: hidden; vertical-align: middle; margin-bottom: 1.5em; }
.quote .metadata .date { padding-bottom: 1em; }
.quote .title 

.comic .img { margin-bottom: 1.5em; }

.postcard span.tagline { display: block; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; font-size: 1.8em; }
.postcard .post_meta h3 { font-size: 2em; text-transform: uppercase; margin-bottom: 0.5em; }
.postcard .meta h3 span { text-transform: none; }
.postcard .meta .date { margin-bottom: 2em; }
/*.postcard .content p { font-size: 2em; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; }*/

blockquote { font-size: 1em; margin: 0em; padding: 9px; line-height: 1; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; width: 190px; height: 100%; box-sizing: content-box; background: #8cc540; color: white; }

.quote .nominator_meta { padding-bottom: 20px; margin-bottom: 5px; border-bottom: 3px solid black;  }
.quote .nominator_meta img { float: left; box-shadow: 4px 4px 0px #ccdc34; width: 30%; margin-right: 7%; margin-bottom: 10px; }
.quote .nominator_meta h3 { font-size: 1.8em; padding-bottom: 0.5em;}
.quote .nominator_meta h3.nominator { font-size: 1.5em; line-height: 1; text-transform: uppercase; padding-bottom: 0; }

p.results { font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; font-size: 2em; margin-bottom: 1.2em; }

.social { border-top: 3px solid black; padding: 30px 0; border-bottom: 3px solid black; }
.social_button { display: inline-block; *display: inline; *zoom: 1; width: ;}
.social_button.f { margin-right: 5px; width: 85px;}

/* Thumbs */
.post_thumb { width: 30%; width: 210px; float: left; margin-right: 4%; margin-right: 35px; background: black; margin-bottom: 2em; display: inline-block; *display: inline; *zoom: 1; }
.post_thumb img { width: 100%; height: auto;}
.post_thumb .thumb { width: 100%; width: 209px; max-height: 200px; overflow: hidden;}
.post_thumb:nth-child(3n+3) { margin-right: 0; }
.post_thumb a { display: inline-block; *display: inline; *zoom: 1; color: white; width: 100%; width: 209px; }
.post_thumb a:hover { box-shadow: 4px 4px 0px #ccdc34; background: black; }
.post_thumb.quote a:hover { box-shadow: 4px 4px 0px #8CC540; }
.post_thumb h2 { padding: 0.185em 0.45em 0 0.45em; font-size: 1.25em; color: #ccdc34;  display: block;}
.post_thumb h3 { padding: 0 0.6em 0.2em 0.6em; font-size: 1em; }
.post_thumb h4 { padding: 0.2em 0.7em 0.2em 0.7em; font-size: 0.75em; text-transform: uppercase; background: #686868; }
.posts { overflow: hidden; }
.posts div.a { width: 745px;} 
.results { width: 745px;} 
.posts .quote .meta h2 { background: #8CC540; color: white; }

.related, .results { margin-top: 1em; }
.related h2, .results h2 { background: black; text-transform: none; margin-bottom: 0px; display: block; }
.related { width: 670px;padding-top: 30px; margin-top: 30px; border-top: 3px solid black; }
.related .post_thumb { width: 185px; }
.related .post_thumb h4 { width: 168px;}
.related .thumb, .related .post_thumb a { width: 184px; }
.related .meta { margin-top: 3px; }
.content { overflow: hidden; }

.prev, .next { width: 33px; height: 26px; display: inline-block; *display: inline; *zoom: 1; bottom: 0px; text-indent: -9999px;}
.next { float: right; }
.prev { background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/arrows.png) no-repeat 0px -26px; }
.prev:hover { background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/arrows.png) no-repeat 0px 0px; }
.next { background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/arrows.png) no-repeat -35px -26px; }
.next:hover { background: url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/arrows.png) no-repeat -35px 0px; }


/* Footer styles */
.footer { padding-top: 30px; padding-bottom: 30px; }
.footer a { display: inline-block; *display: inline; *zoom: 1; margin-right: 25px; vertical-align: middle; background: none; }
.fuel { max-width: 115px; }
.southbank { max-width: 140px; }
.caper { max-width: 85px; }
.ac { max-width: 110px; }
a.why { float: right; background: #8cc540; color: white; font-size: 1.2em; padding: 0.05em 0.2em; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; text-transform: uppercase; line-height: 1.2em; margin-top: 25px;  margin-right: 0px;}
a.why:hover { color: black; background: #CCDC34; }  

/* Inputs */
::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
input[type=text] { border: 1px solid #ccdc34; background: white; box-shadow: 4px 4px 0px black; padding: 10px; width: 90%; }
input[type=text]:focus { border: 1px solid black; outline: none; }
.wrapper { position: relative; }
button.search_btn { padding: 10px; background: #ccdc34 url(https://s3-eu-west-1.amazonaws.com/wow-2012/tumblr_files/images/magnifying_glass.png) 20px 10px no-repeat; border: none; width: 60px; position: absolute; right: 0px; top: 1px; text-indent: -9999px; }
.search_meta { position: relative; }
.search_meta .wrapper { width: 90%; float: left; }
.search_meta button.search_btn { top: auto; }
input.gsc-input { border: 1px solid #ccdc34; box-shadow: 4px 4px 0px black; padding: 10px; position: relative; right: 0px;}
.gsc-clear-button {display: none;}
table.gsc-search-box td.gsc-input { padding-right: 0px; }
.gsc-branding-text, .gsc-branding-img { display: none;}
.gsc-search-button input[type="submit"] {
  padding: 2px;
  background: #CCDC34;
  border: none;
  width: 60px;
  position: absolute;
  right: 41px;
  top: 30px;
  border-radius: 0px; }

/* No js */

.no-js .twitter_feed {display: none;}
.no-js .main { border-bottom: 3px solid black; }
.no-js .main .post { padding: 0; }
.no-js .main .post { border-bottom: 3px solid black; border-top: none; margin-bottom: 30px; padding-bottom: 20px;} 
.no-js .main .post .meta { border-bottom: none; border-top: none;} 
.no-js .main .post .meta .metadata { padding-top: 30px;} 
.no-js .main .post h2 { color: black; }
.no-js .main .post .content {padding-top: 20px;} 
.no-js .main .quote .nominator_meta { padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.no-js .main .quote .nominator_meta h3 { padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.no-js .main .quote span.tagline { display: block; font-family: "Abel", Helvetica, Droid Sans, Arial, sans-serif; font-size: 1.8em; }
.no-js .main .quote .meta h3 { font-size: 2em; text-transform: uppercase; margin-bottom: 0.5em; }
.no-js .main .quote .meta h3 span { text-transform: none; }


/* Media queries */

@media handheld, only screen and (max-width: 767px) { 
	
	.threecol h2 { margin-bottom : 1em; }
	ul.categories { margin-top: 0; margin-bottom: 1.5em;}
	li.category { display: inline-block; *display: inline; *zoom: 1; }
	ul.categories a:link, ul.categories a:visited { padding: 0.1em 0.3em; }
	.header .sixcol { width: 48%; margin-right: 3.8%; } 
	.header .onecol { width: 4.85%; margin-right: 3.8%; }
	.header .fivecol { width: 39.45%; }
	.header .sixcol, .header .onecol, .header .fivecol { float: left; padding: 0; } 
	.header { padding: 20px 20px; box-sizing: border-box; }
	.slide h2 { font-size: 1.2em; }
	.slide h3 { font-size: 1em; }
	.content { margin-top: 2em; }
	.quote .nominator_meta img { width: 10%; margin-right: 1.5em; }
	.tumblr_social { padding-top: 30px; }
	.logo.wow { width: 56%; }
	.post_thumb { width: 200px; overflow: hidden; margin-right: 30px;}
	.post_thumb .thumb, .post_thumb .thumb a {width: 199px;}
  .related .post_thumb { width: 193px; }
  .related .post_thumb h4 { width: 176px;}
  .related .thumb, .related .post_thumb a { width: 192px; }
}


@media handheld, only screen and (max-width: 500px) { 
	
	body { -webkit-text-size-adjust: none; font-size: 0.875em; }
  .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
  .venue { width: 50%;}
  .logo.wow { width: 30%; margin-top: -5em; }
  .posts div.a { width: 100%;}
  .results {width: 100%; } 
  .post_thumb { width: 100%; float: none; margin-right: 0; margin-bottom: 2em; }
  .post_thumb .thumb, .post_thumb a {width: 100%; }
  .related {width: 100%;}
  .related .post_thumb { width: 100%; float: none;}
  .related .post_thumb h4 { width: 100%;}
  .related .thumb, .related .post_thumb a { width: 100%; }
  .tweet { width: 100%; float: none; margin-right: 0; min-height: 10px; min-height: 70px; }
  .tweet .avatar { width: 20%; padding: 0 1em 0.4em 0; }
  .footer a { margin-right: 10px; margin-bottom: 5px;}
  .fuel { width: 60px; }
  .southbank { width: 80px; }
  .caper { width: 60px; }
  .ac { width: 60px; }
  .social_button { margin-right: 0px; width: 60px;} 
  .social { padding: 15px 0; }
  .content { margin-top: 1.5em; }
  .quote .nominator_meta { padding: 0px 0px 10px 0px; margin-bottom: 10px; }
  .quote .metadata .date { padding-bottom: 0px; } 
  .quote .nominator_meta img { width: 20%; margin-bottom: 0.5em; }
  blockquote { width: 100%;}
  .tumblr_social {  ipadding-top: 15px; }
  .slide { width: 100%; margin-right: 0; float: none; height: 350px; overflow: hidden; margin-bottom: 10px; }
  #cse-search-form { display: none;}
  .flex-control-nav { bottom: -740px; }
  .nav li:nth-child(2n+2) { position: absolute; top: 235px; }


 }

