/* -------------------------------------------------------------- 
  
   RESET
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


body { 
  line-height: 1.5;
}

body.loading {
	opacity: 0;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* -------------------------------------------------------------- 

   TYPOGRAPHY
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { 
  font-size: 11px;
  color: #666666; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  overflow-y: scroll;
}

.ie6 body,
.ie7 body,
.ie8 body {
    overflow-y: auto;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h2, h3, h4 {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h3 {
    text-transform: uppercase;
}

h2, h4 {
	color: #20acb8;
}

h3 {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.4545454545454546em;
	margin-bottom: 1.4545454545454546em;
}

h3 a {
	color: #20acb8;
}

h3 a:hover,
h3 span.hover {
	color: #20acb8;
	border-color: #20acb8;
}

h4 {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1em;
    line-height: 1.4545454545454546em;
    margin-bottom: 1.4545454545454546em;
    text-transform: uppercase; 
}

h4 span {
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

h4 span a {
    color: #000;
}

h5 { font-weight: bold; font-size: 1em; line-height: 1.4545454545454546em; margin-top: -0em; margin-bottom: 1.4545454545454546em; }

h6 { font-weight: bold;font-size: 1em; line-height: 1.4545454545454546em; margin-top: -0em; margin-bottom: 1.4545454545454546em; }



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #666666;  text-decoration: none; }
a           { color: #666666; text-decoration: none; outline: none; }
p a           { color: #ff0000; }

p a           { color: #20acb8; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


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

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }




/* --------------------------------------------------------------
   
   GRID
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 1095px;
  
}

#header.container,
#footer.container {
	padding-left: 17px;
}



/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21 {
  float: left;
  margin-right: 18px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Leaving these classes for reference. */
.span-1  { width: 35px; }
.span-2  { width: 88px; }
.span-3  { width: 141px; }
.span-4  { width: 194px; }
.span-5  { width: 247px; }
.span-6  { width: 300px; }
.span-7  { width: 353px; }
.span-8  { width: 406px; }
.span-9  { width: 459px; }
.span-10  { width: 512px; }
.span-11  { width: 565px; }
.span-12  { width: 618px; }
.span-13  { width: 671px; }
.span-14  { width: 724px; }
.span-15  { width: 777px; }
.span-16  { width: 830px; }
.span-17  { width: 883px; }
.span-18  { width: 936px; }
.span-19  { width: 989px; }
.span-20  { width: 1042px; }
.span-21  { width: 1095px; margin-right: 0; }


/* Misc classes and elements
-------------------------------------------------------------- */


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }


/* -------------------------------------------------------------- 

   FORMS
   
-------------------------------------------------------------- */

label       {  }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
fieldset.mailist-list-fieldset, fieldset#search, fieldset#errorsearch    { padding:0; margin: 0; border: 0; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid transparent; 
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  background-color: #fefefe;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* --------------------------------------------------------------
   
   QUICKSAND font face pack
   
-------------------------------------------------------------- */


@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfontQvsv8Mp8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('fonts/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold-webfont.woff') format('woff'), url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold-webfont.svg#webfontA4fKbYnS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GoodTimesBadTimes0.3ExpandedR';
    src: url('fonts/goodtimesbadtimesexpandedregular-webfont.eot?') format('eot'),
         url('fonts/goodtimesbadtimesexpandedregular-webfont.woff') format('woff'),
         url('fonts/goodtimesbadtimesexpandedregular-webfont.ttf') format('truetype'),
         url('fonts/goodtimesbadtimesexpandedregular-webfont.svg#webfontmVHnjQwr') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#webfontnqJLEELI') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* --------------------------------------------------------------
   
   HEADER
   
-------------------------------------------------------------- */

#header {
  background-color: #d6d6d6;
  height: 181px;
  margin-bottom: 17px;
  z-index: 100;
  overflow: hidden;
  }

.scrolling #header {
  position: fixed;
  top: 0;
  border-bottom: 20px solid #fff;
  opacity: 0;
  z-index: -9999;
}

.scrolling #header + #content {
    top: 198px;
}

.navfixed #header {
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.no-csstransitions #header {
    opacity: 1;
}

.no-csstransitions #expand {
    display: none;
    opacity: 1;
}

.no-csstransitions .navfixed #expand {
    z-index: 9998;
    opacity: 0;
}

.no-csstransitions #header.navfixed {
    z-index: 9999;
    position: fixed;
    top: 0;
}

.no-csstransitions #header.navfixed + #content {
    top: 198px;
}



/* Expander
-------------------------------------------------------------- */

#expand {
  height: 29px;
  background-color: #000;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -9999;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  opacity: 0;
}

.no-csstransitions #expand {
    z-index: 9999;
}

#expand a {
  font-family: "QuicksandBook", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #fff;
  height:32px;
  text-transform:uppercase;
  font-size: 11px;
  margin-right: 6px;
  position: relative;
  top: 7px;
  margin-left: 17px;
}

.scrolling #expand {
    opacity: 1;
    display: block;
    z-index: 9999;
}

.navfixed #expand {
    opacity: 0;
    z-index: -9999;
}


/* Logo
-------------------------------------------------------------- */

#logo {
	width: 28px;
	height: 155px;
	margin-top: 11px;
	float: left;
	margin-right: 42px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}


/* Main navigation
-------------------------------------------------------------- */

#header nav,
#header nav ul {
	width: 240px;
	display: block;
}

#header nav {
    float: left;
}

#header nav ul {
	margin:0 0 10px;
}

#header nav ul li {
	width: 120px;
	height: 32px;
	border-bottom: 1px solid #eaeaea;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#header nav ul li a {	
	color: #fff;
	display:block;
	height:32px;
	position:relative;
	text-transform:uppercase;
	width:120px;
	font-size: 11px;
}

#header nav ul li a span {
	color: #333;
	display:block;
	line-height:12px;
	height: 10px;
	position:relative;
	top:10px;
	width:110px;
}

/* browser specific tweaks */

.ff3 section#header nav ul li a span,
.safari section#header nav ul li a span { /* windows */
	line-height:10px;
}
.ff3.mac section#header nav ul li a span { 
	line-height:11px;
}
.safari.mac section#header nav ul li a span {
	line-height:12px;
}


.ie7 section#header nav ul li a span {
	line-height:10px;
}
#header nav ul li.current a span,
#header nav ul li a:hover span {
	background-color: #20acb8;
	text-indent: 5px;
	color: #fff;
	background-image: url(images/nav-pointer-mask.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#header nav ul li a:active span {
	background-color: #eaeaea;
	color: #333;
}


/* Search (navigation + error)
-------------------------------------------------------------- */

#searchterms {
    padding: 8px 8px 8px 17px;
    background: #EAEAEA;
    border-top: 2px solid white;
    padding-bottom: 1px;
    position: relative;
    top: 6px;
}

#searchterms h4 {
    display: inline;
    font-size: 16px;
}

#searchterms h4 span {
    border: 0;
}

#searchterms h1 {
    display: inline;
    margin: 0;
    
    font-size: 16px;
    line-height: 1.0;
    color: #20acb8;
    font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 1.4545454545454546em;
    margin-bottom: 1.4545454545454546em;
    position:relative;
    left: -3px;
}

fieldset#errorsearch {
	border-top: 1px solid #f2f2f2;
	padding: 18px 0 0 0;
	font-size: 14px;
}

fieldset#search label, fieldset#errorsearch label {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	float: left;
	position: relative;
	top: 3px;
	color: #333;
}

fieldset#search label.activesearch {
    border-bottom: 1px solid #20acb8;
    color: #20acb8;
}

fieldset#search input {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	border:0 none;
	float:right;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	height:15px;
	margin-right:10px;
	padding:3px;
	width:164px;
}

fieldset#errorsearch input {
    -webkit-appearance: none;
	-webkit-box-sizing: content-box;
	border:0 none;
	float:right;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	height:15px;
	margin-right:10px;
	padding:3px;
	width:164px;
	background: #ddd;
	position: relative;
	left: -40px;
	top: 4px;
}

.ie7 fieldset#search input, .ie7 fieldset#errorsearch input {
	position: relative;
	top: -6px;
}


/* Featured content tabs
-------------------------------------------------------------- */

#featured-content {
	float: left;
	width: 623px;
	position: relative;
	padding: .2em;
	zoom: 1;
	padding: 0;
}

#featured-content .panel-wrapper {
    display: block;
    position: relative;
    left: -9px;
}

#featured-content .panel-wrapper a {
    float: left;
    display: block;
    margin: 0 0 1px 9px;
    border-bottom: 0 !important;
    text-decoration: none;
    position: relative;
    top: 1px;
    width: 195px;
    height: 64px;
}

#featured-content .panel-wrapper a .image {
    float: left;
    width: 64px;
    height: 50px;
    margin: 0 12px 0 0;
    overflow: hidden;
}

#featured-content .panel-wrapper a .title {
    height: 51px;
    overflow: hidden;
}

#featured-content .panel-wrapper a .text {
    float: left;
    width: 80px;
}

#featured-content ul li a {
    float: left; padding: .5em 1em; text-decoration: none;
}

#featured-content .panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

#featured-content ul.ui-tabs-nav {
	margin: 0;
	padding: 0;
}

#featured-content ul.tabs li {
	height:31px;
	border-left: 1px solid #eaeaea;
}

#featured-content ul.tabs li a {
	display: block;
	height:31px;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	position: relative;
}

#featured-content.ui-tabs ul.ui-tabs-nav li {
	margin-right: 0;
}

#featured-content ul.tabs li a span {
	position: relative;
	top:7px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
}

#featured-content ul.tabs li.ui-tabs-selected {
	background-color: #eaeaea;
}

#featured-content ul.tabs li.ui-state-hover {
	background-color: #eaeaea;
}

#featured-content ul.tabs li.ui-tabs-selected a span {
	color: #20acb8;
}

#featured-content ul.tabs li.ui-tabs-selected a span.tabs-fashion-weeks-header {
    color: #ffffff;
}

#featured-content .panel.ui-tabs-panel {
	background-color: #eaeaea;
	height:129px;
	padding: 20px 0 0 10px;
	overflow: hidden;
}


/* Featured content latest issue
-------------------------------------------------------------- */

#featured-content #tab-latest-issue .image,
#featured-content #tab-latest-issue .content {
	float: left;
}

#featured-content #tab-latest-issue .image {
	width: 90px;
	margin-right: 10px;
}

#featured-content #tab-latest-issue .content {
	width: 500px;
}


/* Featured content listings
-------------------------------------------------------------- */

#featured-content .panel.ui-tabs-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#featured-content .panel.ui-tabs-panel ul li {
	float: left;
	height: 64px;
	width: 198px;
	margin-right: 9px;
} /* we use a bit of jquery to remove the right margin from the %3 listing */

#featured-content .panel.ui-tabs-panel ul li .image {
	float: left;
	margin-right: 6px;
}

#featured-content .panel.ui-tabs-panel ul li .image,
#featured-content .panel.ui-tabs-panel ul li .image img {
	width: 62px;
	height: 48px;
	background-color: #d6d6d6;
}

#featured-content .panel.ui-tabs-panel ul li .title {
    width: 126px;
    float: left;
    max-height: 60px;
    overflow: hidden;
}

#featured-content #tab-latest-blog-posts.panel.ui-tabs-panel ul li .title {
    max-height: 53px;
}

#featured-content .panel.ui-tabs-panel ul li a:not(#featured-content .panel.ui-tabs-panel ul li .title a) {
    float: left;
}

#featured-content .panel.ui-tabs-panel ul li .title span a {
	color: #20acb8;
	border-bottom: 1px solid #d6d6d6;	
	
	display:inline-block;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:6px;
	padding-bottom:3px;
	text-transform:uppercase;
}

#featured-content .panel.ui-tabs-panel ul li a:hover .title,
#featured-content .panel.ui-tabs-panel ul li a:hover .title span,
#featured-content .panel.ui-tabs-panel ul li .title span a:hover,
#featured-content .panel.ui-tabs-panel ul li a:hover + .title span a {
	color: #000;
	border-color: #000;
}


/* Featured contributor faux crop
-------------------------------------------------------------- */
#featured-content #tab-latest-contributors ul li a .image {
    width: 64px;
    height: 48px;
    overflow: hidden;
}

#featured-content #tab-latest-contributors a .image img {
    width: 64px;
    height: auto;
    margin: -15px 0 -22px;
}


/* Blog sidebar contributor faux crop
-------------------------------------------------------------- */
#blog #latest-contributors ul li a .image {
    width: 64px;
    height: 48px;
    overflow: hidden;
}

#blog #latest-contributors ul li a .image img {
    width: 64px;
    height: auto;
    margin: -15px 0 -22px;
}


/* Latest Issue image resize
-------------------------------------------------------------- */

#featured-content #tab-latest-issue {
    padding-top: 10px;
    height: 139px;
}

#featured-content #tab-latest-issue .image img {
    width: 85px;
    height: auto;
}
    
   
/* Fashion Weeks Tab
-------------------------------------------------------------- */

#featured-content ul.tabs li.tab-fashion-background-highlight.ui-tabs-selected {
    background-color:#1b1b1b;
}

#featured-content #tab-fashion-weeks {
    position: relative;
    background-color:#1b1b1b;
}

#featured-content #tab-fashion-weeks a {
    color: #808080;
}

#featured-content #tab-fashion-weeks a:hover {
    color: #fff;
}

#featured-content #tab-fashion-weeks a#current-fashion-week {
    text-transform: uppercase;
    width: 328px;
    height: 134px;
    /*background-image: url(images/tabs-fashion-weeks-womenswear-ss2012.png);*/
    background-image: url(images/tabs-fashion-weeks-menswear-aw2012.png);
    position: relative;
    top: 17px;
    left: 0;
}

#tab-fashion-weeks-archive {
    display: block;
    position: absolute;
    right: 1px;
    top: 18px;
    width: 285px;
    font-size: 11px;
    text-transform: uppercase;
}

#tab-fashion-weeks-archive div {
    float: left;
    display: block;
    width: 140px;
}

#tab-fashion-weeks-archive div + div {
}

#tab-fashion-weeks-archive span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
}

#tab-fashion-weeks-archive #tab-fashion-weeks-archive-womenswear span,
#tab-fashion-weeks-archive #tab-fashion-weeks-archive-menswear span {
    height: 13px;
    color:#fff;
    font-weight:bold;
    direction: ltr;
    text-align: left;
    overflow: hidden;
    margin: 0 0 3px;
}

#tab-fashion-weeks-archive-womenswear{
}

#tab-fashion-weeks-archive-menswear{
}


/* Social links
-------------------------------------------------------------- */

#social {
	float:left;
	width:162px;
}

#social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#social ul li {
	height: 32px;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-color: #EAEAEA;
}

#social ul li.satellitevoices-header-wrapper{
    border-left-width:1px;
    border-left-style: solid;
    margin-left:-1px;
}

#social ul li a {
	display: block;
	height: 32px;
	padding-left:10px;	
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#social ul li a:hover {
	color: #000;
	background-color:#EAEAEA;
}

#social ul li.twitter a,
#social ul li.facebook a,
#social ul li a.satellitevoices-header,
#social ul li a.dazedtv-header {
	line-height:32px;
	background-position: 10px center;
	background-repeat: no-repeat;
}

#social ul li a.satellitevoices-header {
	background-image: url(images/header-satellite-voices-small.png);

}

#social ul li a.dazedtv-header {
	background-image: url(images/header-dazedtv-small.png);
}

#social ul li.twitter a{
	background-image: url(images/header-twitter-small.png);
	padding-left:37px;
}

#social ul li.facebook a{
	background-image: url(images/header-facebook-small.png);
	padding-left:37px;
}

#social ul li.newsletter-header{
    border:none;
}

#social ul li.newsletter-header a{
    border:none;
    padding-top:8px;
    padding-bottom:9px;
}


/* --------------------------------------------------------------
   
   CONTENT
   
-------------------------------------------------------------- */

section#content {
	top: 0;
	padding-bottom:170px;
	position:relative;
	z-index:1;
}


/* Infinite Scrolling
-------------------------------------------------------------- */

#infscr-loading {
    text-align: center;
    position: fixed;
    bottom: 100px;
    left: 50%;
    background: #000;
    color: #fff;
    font-family: "QuicksandBook";
    font-size: 11px;
    letter-spacing: 0.1em;
    width: 300px;
    height: 50px;
    margin: 0;
    margin-left: -150px;
    padding: 10px;
    opacity: 0.8;
    z-index: 9998;
    border-radius: 10px;
    -moz-border-radius:10px 10px 10px 10px;
    
}

#infscr-loading img {
    margin: 0;
}


/* Shared elements
-------------------------------------------------------------- */

.advert {
	width: 300px;
	margin-bottom: 17px;
}

#home .article.advert {
    z-index: 9990;
}

#home .article.advert .advert script + script + div {
    min-height: 250px;
}

#home .article.advert.advert-top {
    z-index: 9999;
}

.advert .advertisement {
	margin-bottom: 9px;
}

.advert .advertisement a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 4px;
}

.mailing-list {
	width: 270px;
	margin-bottom: 17px;
}

.mailing-list {
	background-color: #20acb8;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px;
}

.mailing-list p {
	margin-bottom: 14px;
}

.mailing-list input.text {
	width: 230px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.mailing-list input.image {
	margin-left: 10px;
}

#article .article.mailing-list .mailing-list,
#blog .article.mailing-list .mailing-list {
    width: 270px;
    /*position: relative;
    left: -10px;*/
    padding: 10px 0;
    margin-bottom: 0;
}

.article div.mailing-list input.text {
    width: 230px;
    margin: 0;
}

.ie7 div.mailing-list input.image {
	position: relative;
	top: -10px;
}

.ie8 #article-grid .advert {
    min-height: 250px;
    height: 250px;
}

.ie8 #article-grid .advert-top {
    min-height: 600px;
    height: 600px;
}

.more-link {
	text-align: center;
}

.more-link a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #20acb8;
	padding-bottom: 4px;
	border-bottom: 1px solid #20acb8;
}

.more-link a:hover {
    color: #666;
    border-color: #666;
}



/* Article grid
-------------------------------------------------------------- */

#article-grid {
	width: 1113px;
}

#article-grid .article {
	float: left;
	width: 141px;
	margin-bottom: 17px;
	padding-left: 17px;
	z-index: 1;
}

/*
#article-grid .article {
    -webkit-transition: top .2s ease-in-out .2s, left .2s ease-in-out;
	-moz-transition: top .2s ease-in-out .2s, left .2s ease-in-out;
	-ms-transition: top .2s ease-in-out .2s, left .2s ease-in-out;
	-o-transition: top .2s ease-in-out .2s, left .2s ease-in-out;
	transition: top .2s ease-in-out .2s, left .2s ease-in-out;
}
*/

#article-grid .article img {
	/*border-bottom: 6px solid #fff;*/
	/*margin-bottom: -6px;*/
}

#article-grid .article.featured,
#article-grid .article.advert {
	width: 300px;
}

#article-grid .article.mailing-list {
	margin-bottom:17px;
	margin-left:17px;
	padding: 10px;
	width:280px;
}

#article-grid .article.mailing-list .mailing-list {
	margin-bottom: 0;
}

#article-grid .article.mailing-list input.text {
	margin-left: -10px;
}

#article-grid .article p.image {
	margin-bottom: 5px;
	position: relative;
}

#article-grid .article .overlay {
	display:none;
	height:11px;
	left:5px;
	margin-bottom:-11px;
	position:relative;
	top:5px;
	width:100%;
	z-index:10;
}

#article-grid .article.video .overlay  {
	background-image: url(images/video-icon.png);
	background-repeat: no-repeat;
	display: block;
}

#article-grid .article h3 {
	margin-bottom: 9px;
	font-size: 1em;
}

#article-grid .article h3 a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

#article-grid .article h2 {
	margin-bottom:7px;
}

#article-grid .article h2 a {
	color: #20acb8;
	
	font-family:"QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.18;
	margin-bottom:0;
}

#article-grid .article p.pub_date {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#article-grid .article p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
	margin-right: 5px;
}

div#page-nav {
	height: 30px;
	background-color: #eee;
	visibility: hidden;
}


.no-js #page-nav {
    visibility: visible;
}




/* Latest Special Project Widget
--------------------------------------------------------------*/
.special-project-widget {
	width: 300px;
	display: block;
	margin-bottom: 35px;
}

.special-project-widget .dazed-logo {
	background-color: #2F2F2F;
	background-image: url("images/special-project-widget-dazed-logo.gif");
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 54px;
	display: block;
}

.special-project-widget a img {
	border-bottom: none;
	height: 224px;
	width: 300px;
	display: block;
}

.special-project-widget .readmore {
	font-family: "QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	color: #fff;
	text-align: right;
	padding: 5px 10px;
	line-height: 15px;
	background-color: #2F2F2F;
	display: block;
	text-transform: uppercase;
}

.special-project-widget a:hover .readmore {
	color: #808080;
	text-transform: uppercase;
} 


/* Latest Feature Widget
-------------------------------------------------------------- */
.latest-feature {
	margin-bottom: 17px;
}

.latest-feature .title {
    margin-bottom: 4px;
    padding: 5px 0 5px 5px;
    background-color: #20ACB7;
    color: #fff;
    font-family: "QuicksandBold",sans-serif;
    text-transform: uppercase;
}

.latest-feature img {
	border-bottom: none;
	width: 195px;
}

.latest-feature img {
	float: left;
	margin-right: 5px;
	display: block;
}

.latest-feature a .latest-feature-info {
    display: block;
    float: left;
    width: 95px;
    height: 136px;
    background-color: #262626;
    padding: 5px 0 5px 5px;
}

.latest-feature a:hover .latest-feature-info {
    background-color: #20ACB7;
}

.latest-feature a:hover .latest-feature-info .readmore {
    color: #262626;
}

.latest-feature .latest-feature-info .title {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background: none;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	text-transform: none;
}

.latest-feature .readmore {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #BCBCBC;
	font-weight: bold;
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
}

.latest-feature a:hover .readmore {
	color: #eaeaea;
}



/* Most Viewed Widget
---------------------------------------------------------------*/
.most-viewed-widget{
    background: #262626;
}
	
.most-viewed-widget-title{
    color: #fff;
    font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 5px 0 2px 10px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
	
.most-viewed-widget-single-item{
    padding: 0px 10px 10px 10px;
    height: 63px;
}

.most-viewed-widget-single-item a:hover .most-viewed-widget-readmore{
    color: #5F5F5F;
}
	
.most-viewed-widget-single-item .most-viewed-widget-title{
    border-bottom: none;
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: none;
    padding: 0 0 2px 0;
    margin-bottom: 0px;
    display: block;
}
	
.most-viewed-widget-info{
    width: 185px;
}

.most-viewed-widget img {
    border-bottom:none;
    float: left;
}
	
.most-viewed-widget-readmore{
    font-weight: bold;
    color: #20acb8;
    font-size: 10px;
}
	
.most-viewed-widget-single-item .most-viewed-widget-info{
    float: left;
    margin: 0 0 0 10px;
    display: block;
}


/* More From Widget
--------------------------------------------------------------*/

.widget.more-from {
	display: block;
	width: 370px;
	position: relative;
	overflow: hidden;
}

.widget.more-from .arrow {
	background-image: url(images/fashionweeks/widget-morefrom-arrows.png);
	width: 22px;
	height: 22px;
	position: absolute;
	top: 90px;
	z-index: 999999;
}

.widget.more-from .more-from-prev {
	background-position: top left;
	left: 0;
}

.widget.more-from .more-from-prev:hover {
	background-position: bottom left;
}

.widget.more-from .more-from-next {
	background-position: top right;
	right: 0;
}

.widget.more-from .more-from-next:hover {
	background-position: bottom right;
}

.widget.more-from .slides {
	width: 370px !important;
	overflow: hidden;
}

.widget.more-from .slide {
	display: block;
	width: 380px;
	margin: 0 0 0 -11px;
}

.widget.more-from .slides a {
	display: block;
	width: 179px;
	float: left;
	margin: 0 0 0 11px;
}

.widget.more-from .slides a img {
	width: 179px;
	height: 134px;
}

.widget.more-from .slide a .title {
	font-family: 'BebasNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1;
	color: #000;
}

.widget.more-from .slide a:hover .title {
	color: #e2353d;
}

	

/* Search terms
-------------------------------------------------------------- */

#searchtermscontainer {
    position: absolute;
    max-width: 462px;
    width: 462px;
    z-index: 999;
    display: block;
}

#searchtermscontainer + #article-grid {
    padding-top: 40px;
}

#searchterms {
    padding: 0 8px 18px 0;
    background: transparent;
    max-width: 460px;
    width: auto;
    position: absolute;
    left: 0px;
    top: -45px;
    margin-bottom: 17px;
    margin-top: 30px;
    background: #eaeaea;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 8px 8px 8px 17px;
    dispaly: inline;
}

#searchterms h4 {
    text-transform: uppercase;
}

#searchterms h1 {
    margin: 0 0 0 6px;
}

#searchterms h4 span {
    color: #333;
}

/* Article page
-------------------------------------------------------------- */

#article section#content {
	padding-left: 17px;
}

#article article  {
	width: 777px;
	margin-right: 18px;
	float: left;
}

#article h1 {
    font-size: 24px;
    line-height: 1.18;
    margin-bottom: 9px;
    color: #20acb8;
    font-family: "QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

#article article #editorial {
	float: right;
	width:390px;
	margin-left: 17px;
	font-size: 12px;
}

#article article #editorial.editorial-feature {
	width: 777px;
}

#article article #editorial header p.category a,
#article article #editorial-feature header p.category a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

#article article #editorial header p.pub_date,
#article article #editorial-feature header p.pub_date {
	margin-bottom: 12px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#article article #editorial header p.pub_date span,
#article article #editorial-feature header p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
	margin-right: 5px;
}

#article article #editorial header h2,
#article article #editorial-feature header h2 {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 1.18;
	margin: 0 0 1.5em;
}

#article article #editorial-feature header h2 {
    display: block;
    clear: both;
}

#article article #editorial header ul.credits,
#article article #editorial-feature header ul.credits {
	border-bottom: 1px solid #d6d6d6;
	list-style:none outside none;
	margin:0 0 15px;
	padding:0 0 10px;
}

#article article #editorial header ul.credits li,
#article article #editorial-feature header ul.credits li {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
}

#article article #editorial header ul.credits li a,
#article article #editorial-feature header ul.credits li a {
	color: #20acb8;
}

#article article #editorial-feature p.pub_date {
    margin: 0 12px 0 0;
    float: left;
}

/*#article article #editorial-feature p.pub_date:after {
	content: " / ";
}*/

#article article #editorial-feature ul.credits {
	height: 12px;
}

#article article #editorial-feature ul.credits li {
    float: left;
    margin: 0 12px 8px 0;
}

#article article #editorial-feature ul.credits li:last {
    float: left;
    clear: both;
}



/* Article Navigation (Previous & Next) */
#article #articlenav {
	width: 390px;
	padding: 14px 0 0;
	border-top: 1px solid #d6d6d6;
	position: relative;
}

#article #articlenav a {
	width: 165px;
	float: left;
	padding: 0 10px;
}

#article #articlenav a.articlenavnext {
    text-align: right;
    padding-right: 20px;
}

#article #articlenav a.articlenavprev {
	padding-left: 20px;
}

#article #articlenav span {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#article #articlenav h3 {
	color: #20ACB8;
	font-size: 14px;
    text-transform: none;
    margin: 0;
}

#article #articlenav a:hover h3 {
	color: #666;
}

#article #articlenav .arrow {
    height: 9px;
    width: 12px;
    display: inline-block;
    position: absolute;
    top: 19px;
    background-image: url('images/highlight-arrows.png');
}

#article #articlenav a.articlenavnext .arrow {
    background-position: top right;
    right: 0;
}

#article #articlenav a.articlenavprev .arrow{
    background-position: top left;
    left: 0;
}


/* More From Widget */




/* pagination */
#article article #editorial footer #pagination,
#article article #editorial-feature footer #pagination {
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	color: #20acb8;
	
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	height:27px;
	margin-bottom:17px;
	text-transform:uppercase;
}

#article article #editorial footer #pagination a,
#article article #editorial footer #pagination span,
#article article #editorial-feature footer #pagination a,
#article article #editorial-feature footer #pagination span {
	border-right: 1px solid #d6d6d6;
	display:inline-block;
	height:27px;
	line-height:28px;
}

#article article #editorial footer #pagination span,
#article article #editorial-feature footer #pagination span {
	width: 35px;
	padding-right:7px;
}

#article article #editorial footer #pagination a,
#article article #editorial-feature footer #pagination a {
	text-align:center;
	width:25px;
}

/* paging (next previous) */
#article article #editorial footer #pager,
#article article #editorial-feature footer #pager,
#blog #blog-posts #pager {
	border-bottom: 1px solid #d6d6d6;
	height: 30px;
	position: relative;
	margin: 36px 0 18px;
}

#article article #editorial footer #pager a,
#article article #editorial-feature footer #pager a,
#blog #blog-posts #pager a {
	display:block;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	/*height: auto;*/
	min-height: 30px;
	text-transform:uppercase;
	background-repeat: no-repeat;
	color: #20acb8;
	position: absolute;
	top: auto;
	left: 0;
	
}

#article article #editorial footer #pager a:hover,
#article article #editorial-feature footer #pager a:hover,
#blog #blog-posts #pager a:hover {
    color: #666;
}

#article article #editorial footer #pager a span,
#article article #editorial-feature footer #pager a span,
#blog #blog-posts #pager a span {
	width:12px;
	height: 9px;
	background-image: url(images/highlight-arrows.png);
	position: absolute;
	top: -12px;
}

/*
#article article #editorial footer #pager a.next,
#article article #editorial-feature footer #pager a.next,
#blog #blog-posts #pager a.next {
	text-align: right;
	background-image: url(images/highlight-arrow-right.png);
	background-position: top right;
	margin-left: 210px;
}
*/

#article article #editorial footer #pager a.next,
#article article #editorial-feature footer #pager a.next,
#blog #blog-posts #pager a.next {
	text-align: right;
	left: auto;
	right: 0;
}

#article article #editorial footer #pager a.next span,
#article article #editorial-feature footer #pager a.next span,
#blog #blog-posts #pager a.next span {
	background-position: -12px 0;
	left: auto;
	right: 0;
}

/*
#article article #editorial footer #pager a.previous,
#article article #editorial-feature footer #pager a.previous,
#blog #blog-posts #pager a.previous {
	background-image: url(images/highlight-arrow-left.png);
	background-position: top left;
	margin-right: 30px;
}
*/

#article article #editorial footer #pager a.previous,
#article article #editorial-feature footer #pager a.previous,
#blog #blog-posts #pager a.previous {
	margin-right: 30px;
}

#article article #editorial footer #pager a.previous span,
#article article #editorial-feature footer #pager a.previous span,
#blog #blog-posts #pager a.previous span {
	background-position: 0 0;
}

#article article #editorial footer #pager a,
#article article #editorial-feature footer #pager a,
#blog #blog-posts #pager a {
	color: #20acb8;
}

/* share buttons */
#article article .share-container {
	margin: 18px 0;
	padding: 6px 0 3px;
	display: block;
}

#article article #editorial footer .share-container a,
#article article #editorial-feature footer .share-container a {
	color: #20acb8;
	float: left;
	background-repeat:no-repeat;
	display:block;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:37px;
	line-height:1.3;
	margin: 0 0 1.5em;
	padding-left:48px;
	text-transform:uppercase;
	width:123px;
}

#article article #editorial footer #share a.twitter,
#article article #editorial-feature footer #share a.twitter {
	background-image: url(images/twitter-colour.png);
}
#article article #editorial footer #share a.facebook,
#article article #editorial-feature footer #share a.facebook {
	background-image: url(images/facebook-colour.png);
}
#article article #editorial footer #share a.tumblr,
#article article #editorial-feature footer #share a.tumblr {
	background-image: url(images/tumblr-colour.png);
}

#article #related-articles h3 {
    line-height: 1;
    text-transform: none;
    margin: 0 0 1px;
}

#article #related-articles a h3 {
    color: #20acb8;
}

#article #related-articles a:hover h3 {
    color: #000;
}

/* gallery */
#article article #article-gallery {
	float: right;
	width:370px;
	margin-top: 17px;
}

#article aside {
	width:300px;
	float: left;
}


#article article #article-gallery p.main {
	margin-bottom: 4px;
}

#article article #article-gallery p.main a {
	display: block;
}

#article article blockquote {
    display: block;
    padding: 0;
    text-align: left;
    font-size: 1.5em;
    font-family: 'GoodTimesBadTimes0.3ExpandedR';
    font-style: normal;
    line-height: 1.3;
    clear: both;
    color: #000;
}

#article article blockquote p {
    display: inline;
    margin: 0;
}

#article article blockquote:before {
    content: '\201C';
    font-size: 1.3em;
    line-height: 1;
}

#article article blockquote:after {
    content: '\201D';
    font-size: 1.3em;
    line-height: 1;
}

#thumbnails {
	margin: 0;
	padding: 0;
	margin-bottom: 35px;
	position: relative;
	left: -10px;
	width: 380px;
}

#gallery #thumbnails {
    width: 570px;
    margin: 20px 0 0;
}

#thumbnails a {
	float:left;
	display: block;
	margin-bottom:5px;
	margin-left:10px;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	transition: opacity .1s linear;
}

#thumbnails a:hover {
    opacity: 0.5;
}

#article article #article-gallery h4#single-video-title{
    color:#666;
    padding:2px 0 5px 0;    
}


/* New article issues
-------------------------------------------------------------- */

#article article #editorial-feature #bestdescription {
    margin: 36px auto 19px;
    height: 305px;
}

#article article #editorial-feature #bestdescription .bestcoverimg {
    margin: 0 19px 0 0;
    float: left;
    width: 230px;
    height: 300px;
}

#article article #editorial-feature #bestdescription .bestdescriptiontext {
    margin: 0;
    width: 500px;
    float: left;
}

#article article #editorial-feature #bestdescription p {
    font-family: 'Clarendon','Georgia','Times New Roman',Times,serif;
    font-size: 13px;
}

#article article #editorial-feature #bestdescription p#mainimg {
    margin: 0 auto 18px;
    font-family: 'GoodTimesBadTimes0.3ExpandedR', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 2.9em;
    line-height: 1.0;
    text-transform: uppercase;
    color: #101010;
}

#article article #editorial-feature #bestdescription p#mainimg img {
    display: block;
    position: relative;
    left: -9px;
}

#article article #editorial-feature #bestarticle-container .bestarticle {
    margin: 0 19px 0 0;
    padding: 0;
    display: block;
    width: 230px;
    float: left;
}

#article article #editorial-feature #bestarticle-container .bestarticle p.image {
    margin: 0 0 9px;
    padding: 0;
    display: block;
    width: 230px;
}

#article article #editorial-feature #bestarticle-container .bestarticle p.image img {
    width: 230px;
    height: auto;
    display: block;
}

#article article #editorial-feature #bestarticle-container .bestarticle p.title {
    font-family: 'GoodTimesBadTimes0.3ExpandedR', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    margin: 0 0 8px;
    padding: 0;
    display: block;
    width: 230px;
    color: #101010;
    line-height: 1.0;
    text-transform: uppercase;
}

#article article #editorial-feature #bestarticle-container .bestarticle p.summary {
    font-family: 'Clarendon','Georgia','Times New Roman',Times,serif;
    font-size: 13px;
    display: block;
}


/* Article list sidebar panel
-------------------------------------------------------------- */

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

ul.article-list li {
	margin-bottom: 18px;
	min-height: 50px;
}

ul.article-list li .image {
	margin-right:8px;
	width:64px;
}

ul.article-list li .image,
ul.article-list li .content {
	float: left;
}

ul.article-list li .content {
	width: 227px;
}

#gallery ul.article-list li .content {
	width: 298px;
}

ul.article-list li .content p {
	margin-bottom: 0;
}


/* User Profile
-------------------------------------------------------------- */
#home article#userprofile {
    width: 777px;
    float: left;
    }
    
#home aside#useraside {
    width: 280px;
    float: left;
}

#home article header #userinfo {
    width: 370px;
    float: left;
}

#userimage {
    width: 300px;
    height: 160px;
    float: left;
    background: url(images/stripe.jpg) repeat;
    margin: 0 27px 0 27px;
    padding: 0;
    text-align: right;
    border-right: 2px solid #D6D6D6;
}

#userimage img {
    margin: 0 8px 0 0;
    padding: 0;
}

#usercontributions {
    width: 370px;
    float: left;
    margin: 0 0 0 354px;
    padding: 6px 0 0 0;
    border-top: 1px solid #ccc;
    display: block;
}

#usercontributions li {
    display: block;
}

#usercontributions li span.timeago {
    width: 80px;
    display: inline-block;
}

#usercontributions a {
    color: #20ACB8;
}

#usercontributions a:hover {
    color: #666;
}

#home article .summary {
    font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 1.18;
	margin: 0 0 11px 0;
}

#home article ul.credits {
    border-bottom: 1px solid #d6d6d6;
	list-style:none outside none;
	margin: 0 0 15px;
	padding: 0 0 10px;
}

#home aside#useraside .article.mailing-list .mailing-list {
    padding: 10px 0;
}

/* Project grid
-------------------------------------------------------------- */

#projects #article-grid {
	width: 1113px;
}

#projects #article-grid .article {
	float: left;
	width: 353px;
	min-height: 360px;
	margin-bottom: 17px;
	padding-left: 17px;
	z-index: 1;
}

#projects #article-grid .article img {
	border-bottom: 6px solid #fff;
	margin-bottom: -6px;
}

#projects #article-grid .article.hover img {
	border-color: #20acb8;
}

#projects #article-grid .article.featured,
#projects #article-grid .article.advert {
	width: 300px;
}

#projects #article-grid .article.mailing-list {
	margin-bottom:17px;
	margin-left:17px;
	padding:0 10px 0 0;
	width:290px;
}

#projects #article-grid .article.mailing-list .mailing-list {
	margin-bottom: 0;
}

#projects #article-grid .article p.image {
	margin-bottom: 5px;
	position: relative;
}

#projects #article-grid .article .overlay {
	display:none;
	height:11px;
	left:5px;
	margin-bottom:-11px;
	position:relative;
	top:5px;
	width:100%;
	z-index:10;
}

#projects #article-grid .article.video .overlay  {
	background-image: url(images/video-icon.png);
	background-repeat: no-repeat;
	display: block;
}

#projects #article-grid .article p.category {
	margin-bottom: 9px;
}

#projects #article-grid .article p.category a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

#projects #article-grid .article p.title {
	margin-bottom:7px;
}

#projects #article-grid .article p.title a {
	color: #20acb8;
	
	font-family:"QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.18;
	margin-bottom:0;
}

#projects #article-grid .article .pub_date {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#projects #article-grid .article .pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
	margin-right: 5px;
}

#page-nav {
	height: 30px;
	background-color: #eee;
	clear: both;
	width: 100%;
	font-size: 16px;
	font-family: "QuicksandBook";
	padding: 6px 9px 8px 9px;
	text-align: center;
}



/* Blog
-------------------------------------------------------------- */

#blog section#content {
	padding-left: 17px;
}

#blog h2 {
    font-size: 24px;
    line-height: 1.18;
    margin-bottom: 9px;
    text-transform: uppercase;
}

#blog #blog-posts h3,
#blog #twitter h3 {
    font-size: 1em;
}

#blog #blog-posts h3 span,
#blog #twitter h3 span {
    border-bottom: 1px solid #666;
    padding-bottom: 4px;
}

#blog #blog-posts h3 a,
#blog #twitter h3 a {
    color: #000;
}

#blog #blog-posts h3 a:hover,
#blog #twitter h3 a:hover {
    color: #20acb8;
}

#blog ul.article-list li .content h3 {
	line-height: 1;
    text-transform: none;
    margin: 0 0 1px;
    color: #20ACB8;
}

#blog ul.article-list li a:hover .content h3 {
	color: #000;
}

#blog #latest-contributors a p.title {
    padding-bottom: 1px;
    font-size: 16px;
    line-height: 1.0;
    margin-top: -0em;
    margin-bottom: 0;
    font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #20acb8;
}

#blog #latest-contributors a:hover p.title {
    color: #666;
}

#blog #blog-posts {
	float:left;
	margin-right:17px;
	width:407px;
}

#blog article header p.pub_date,
#blog #twitter article.tweet p.pub_date {
	margin-bottom: 12px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#blog article header p.pub_date span,
#blog #twitter article.tweet p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
}

#blog #twitter {
	float:left;
	margin-right:18px;
	width:353px;
}

#blog #twitter p.introduction {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 18px;
}

#blog #twitter article.tweet {
	margin-bottom: 36px;
}

#blog #twitter article.tweet a img {
	border-bottom: 3px solid #fff;
}

#blog #twitter article.tweet img:hover {
	border-color: #20acb8;
}

#blog #twitter article.tweet a {
	color: #20acb8;
}

#blog #twitter article.tweet a:hover {
	color: #20acb8;
	text-decoration: underline;
}

#blog #twitter #twittercontainer article.tweet img {
	width: 48px;
	height: auto;
	float: left;
    margin: 0 10px 0 0;
}

#blog #twitter article.tweet p {
	/*border: 1px solid #20acb8;*/
	margin-bottom: 0;
}

#blog #twitter article.tweet p.pub_date {
	margin-top: 0;
	margin-bottom: 2px;
	margin-left: 60px;
}

#blog #twitter #twittercontainer2 article.tweet p.pub_date {
	margin-left: 0px;
}

#blog #twitter article.tweet p.pub_date a {
	color: #666666;
}

#blog #twitter article.tweet p.pub_date a:hover {
	color: #20acb8;
	text-decoration: none;
}
#blog #twitter article.tweet p.pub_date a:hover span {
	border-color: #20acb8;
}

#blog #twitter ul.tweettabs li.ui-tabs-selected a h3 span {
    color: #20acb8;
    border-color: #20acb8;
}

#blog #twitter ul.tweettabs li.ui-tabs-selected a h3 {
    color: #20acb8;
}

#blog aside {
	float:left;
	width:300px;
}


/* Gallery page
-------------------------------------------------------------- */

#gallery section#content {
	padding-left: 17px;
}

body#gallery article #image-advert-editorial-wrapper{
    position:relative;
}

#gallery article  {
	float: left;
	position:relative;
}

#gallery article #editorial {
	float:right;
	width:477px;
}

body#gallery article #editorial header {
	margin-top:5px;
}

body#gallery article #editorial header h1 {
	font-size:18px;
	color: #20acb8;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.18;
	margin-bottom: 9px;
}


body#gallery article #editorial header p.category a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

#gallery article #editorial header p.pub_date {
	margin-bottom: 12px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#gallery article #editorial header p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
	margin-right: 5px;
}

#gallery article #editorial header h2 {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	line-height: 1.18;
	margin: 0 0 1.5em;
}

#gallery article #editorial .more-link {
	text-align: left;
}



/* gallery */
#gallery article #main-gallery {
	float:right;
	margin-right:18px;
	width:600px;
}

body#gallery article #main-gallery header{
    padding-bottom:11px;
    padding-top: 5px;    
}

body#gallery article #main-gallery h3.gallery {
	background-image:url("images/gallery-icon.png");
	background-position:left top;
	background-repeat:no-repeat;
	border:medium none;
	height:20px;
	margin-bottom:0;
	padding-left:30px;
	float: left;
	max-width: 480px;
	font-size: 1em;
}

#gallery article #main-gallery h3.gallery span {
	border: none;
}

#gallery article #main-gallery #controls {
	float:right;
}

#gallery article #main-gallery #controls .pager a {
	display:inline-block;
	height:9px;
	width:12px;
	background-image:url(images/highlight-arrows.png);
}
#gallery article #main-gallery #controls .pager a.prev {
	margin-right:4px;
}
#gallery article #main-gallery #controls .pager a.next {
	margin-left:4px;
	background-position: -12px 0;
}
#gallery article #main-gallery #controls .pager span {
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 1.18;
}
#gallery article #main-gallery #controls a.thumbnails {
	background-image:url("images/thumbnail-icon.png");
	display:inline-block;
	height:24px;
	margin-left:10px;
	width:24px;
	display:none;
}


#gallery article #main-gallery p.main {
	margin-bottom: 4px;
}

#gallery #gallery-image{
    position:relative;
}

#gallery #gallery-image a {
	display: inline-block;
}

#gallery #gallery-image div {
	display: inline-block;
}

#gallery .enlarge {
	position: absolute;
	top: 6px;
	left: 6px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	padding: 1px 6px;
	-webkit-transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-ms-transition: opacity .1s ease-in-out;
	-o-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out;
	opacity: 1;
	display: block;
}

#gallery #gallery-image a:hover .enlarge {
	opacity: 0;
}


#gallery article #main-gallery ul.thumbnails {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 35px;
	display: none;
	
}

#gallery article #main-gallery ul.thumbnails li {
	float:left;
	margin-bottom:10px;
	margin-right:15px;
}

#gallery article #main-gallery ul.thumbnails li a {
	display: block;
	width: 85px;
	height: 63px;
}

#gallery article #main-gallery ul.thumbnails li.selected {
	opacity: .5;
}

#gallery article .advert {
	float: right;
	margin:25px 0 0 0;
}

/* social links */
#gallery .social {
    display: block;
    width: 165px;
    float:left;
    margin: 20px 0 0;    
}

body#gallery .social a.tumblr-share{
    margin-top:5px;
}

body#gallery .social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#gallery .social ul li {
	height: 26px;
}

#gallery .social ul li a {
	display: block;
	height: 26px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#gallery .social ul li a:hover {
	color: #000;
}

#gallery .social ul li.twitter,
#gallery .social ul li.facebook {
	padding-left: 40px;
	margin-bottom: 19px;
	background-position: center left;
	background-repeat: no-repeat;
}

#gallery .social ul li.twitter {
	background-image: url(images/twitter.png);
}
#gallery .social ul li.facebook {
	background-image: url(images/facebook.png);
}

.tumblr-share {
    background-image: url(images/tumblr-share.png);
    width: 81px;
    height: 20px;
}

body#gallery .social .fb_edge_widget_with_comment{
    margin-bottom:8px;
}

/* Fancybox */
#fancybox-overlay {
    background-color: #c1c1c1 !important;
    opacity: 0.75 !important;
}

#fancybox-close {
    width: 27px !important;
    height: 27px !important;
    top: 0px !important;
    right: 0px !important;
    background-position: -70px 0px !important;
}

#fancybox-close:hover {
  background-position: -70px -27px !important;
}



/* Video player
-------------------------------------------------------------- */

#video section#content {
	padding-left: 17px;
}

#video h1 {
    font-size: 24px;
    line-height: 1.18;
    margin-bottom: 9px;
    color: #20ACB8;
    text-transform: uppercase;
    font-family: "QuicksandBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#video h2 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
}

#video h3 {
    text-transform: none;
    line-height: 1.2;
}

#video #slides h3 {
    margin-bottom: 7px;
}

#video #slides h3 a:hover {
    color: #666;
}

/* the video player */
#video #player-container {
	background-color: #000;
	
	float:left;
	margin-right:18px;
	padding:17px;
	width:744px;
}

#video #player-container header {
	float: right;
	width: 240px;
}

#video #player-container #videoPlayer {
	float: left;
	width: 480px;
	margin-top: 18px;
}


#video #player-container header p.category a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 4px;
}

#video #player-container header p.pub_date {
	margin-bottom: 12px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #eaeaea;
}

#video #player-container header p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #eaeaea;
	margin-right: 5px;
}

#video #player-container header p.summary {
	color: #eaeaea;
}


#video #player-container #share {
	margin-top:110px;
}

#video #player-container #share a {
	color: #eaeaea;

	background-repeat:no-repeat;
	display:block;
	float:left;
	font-family:"QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	height:32px;
	padding-left:39px;
	padding-top:5px;
	text-transform:uppercase;
}

#video #player-container #share a.twitter {
	background-image: url(images/twitter.png);
}
#video #player-container #share a.facebook {
	background-image: url(images/facebook.png);
}


/* latest videos */
#video aside {
	float: left;
	width: 299px;
}


#video ul.videos {
	list-style: none;
	margin: 0;
	padding: 0;
}

#video ul.videos li .image,
#video ul.videos li .content {
	float: left;
}

#video ul.videos li .image {
	width: 141px;
	margin-right: 10px;
}

#video ul.videos li .content {
	width: 148px;
}

#video ul.videos li p.category {
	margin-bottom: 9px;
}

#video ul.videos li p.category a {
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

#video ul.videos li p.title {
	margin-bottom:7px;
}

#video ul.videos li p.title a {
	color: #20acb8;
	
	font-family:"QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:16px;
	line-height:1.18;
	margin-bottom:0;
}

#video ul.videos li p.pub_date {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#video ul.videos li p.pub_date span {
	width: 19px;
	display: inline-block;
	border-bottom: 1px solid #666666;
	margin-right: 5px;
}

#video #slides {
	width: 1095px;
	height: 600px;
	overflow: hidden;
	/*border: 1px solid #ff0000;*/
}

#video .slide {
	margin: 0 0px 0 0;
	width: 1113px;
	height: 600px;
	/*border: 1px solid #ff0000;*/
}

#video .slide ul.videos li {
	float:left;
	margin-right:18px;
	width:141px;
	max-height: 272px;
	min-height: 272px;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
}

#video .slide ul.videos li span.overflow {
    position: absolute;
    bottom: 0;
    height: 18px;
    width: 141px;
    background: transparent url(images/video-li-bg.png) repeat-x bottom;
    z-index: 9997;
}

#video .controls {
	height:55px;
	/* margin:41px 0 0;*/
	margin: 0;
	position: relative;
	display: block;
	width: 1095px;
}




/* filters */
#video #filters {
	padding:5px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-family: "QuicksandBold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	max-width: 800px;
	display: none;
}

#video #filters * {
	margin-right: 31px;
}

#video #filters a {
	color: #20acb8;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-top: 3px;
}

#video #filters a.current {
	border-color: #20acb8;
}

#video #filters a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

/* the slider */
#video #pager {
	color: #000;
	font-family:"QuicksandBold","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:12px;
	position:absolute;
	text-transform:uppercase;
	top:9px;
	left: auto;
	right: 0;
	width: 400px;
	text-align: right;
}

#video #pager a {
	display:inline-block;
	height:9px;
	width:12px;
	background-image: url(images/highlight-arrows.png);
}

#video #pager a:hover {
    cursor: pointer;
}

#video #prev {
	background-position: 0 0;
	margin-right:4px;
}
#video #next {
	background-position: -12px 0;
	margin-left:4px;
}
#video #pager span span {
	text-transform: lowercase;
}



/* --------------------------------------------------------------
   
   FOOTER
   
-------------------------------------------------------------- */

#footer {
	background-color: #000;
	height: 29px;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

.iphone #footer,
.ipad #footer {
	position: relative;
}


/* Footer navigation
-------------------------------------------------------------- */

#footer nav,
#footer #footer-top {
	position: relative;
	top: 7px;
}

#footer nav {
	position: absolute;
	top: 8px;
	right: 6px;
}

#footer nav a {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "QuicksandBook", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	margin-right: 6px;
	cursor: pointer;
	display: block;
	margin: 0 3px;
}

#footer a {	
	font-family: "QuicksandBook", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	height:32px;
	position:relative;
	text-transform:uppercase;
	font-size: 10px;
}

#footer a span {
    margin: 0 3px 0 0;
}

#footer nav a:hover span {
	border-bottom: 1px solid #d6d6d6;
}

#footer-top {
	cursor:pointer;
	display:block;
	float:left;
}

/* Social links
-------------------------------------------------------------- */

#social-links {
	background: #2f2f2f;
	bottom:29px;
	height:30px;
	left:812px;
	padding-left:10px;
	position:fixed;
	width:290px;
	z-index:90;
	overflow: hidden;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.iphone #social-links,
.ipad #social-links {
	display: none;
}

#social-links a {
	color: #fff;
	
	cursor:pointer;
	display:inline-block;
	font-family:"QuicksandBook","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:10px;
	padding-top:3px;
	position:relative;
	text-transform:uppercase;
	top:7px;
}

#social-links a.twitter,
#social-links a.facebook {
	background-position: center right;
	background-repeat: no-repeat;
	padding-right:16px;
}

#social-links #footer-newsletter {
	margin-right:34px;
	width:74px;
}

#social-links a.twitter {
	width:56px;
	background-image: url(images/twitter-small.png);
	margin-right:10px;
}
#social-links a.facebook {
	width: 66px;
	background-image: url(images/facebook-small.png);
	margin-right: 0;
}


/* --------------------------------------------------------------
   
   NEWSLETTER
   
-------------------------------------------------------------- */

#fancybox-inner .article.mailing-list {
    width: 300px;
    overflow: hidden;
    background-color: #20acb8;
}



/* --------------------------------------------------------------
   
   NEWSLETTER SLIDEUP
   
-------------------------------------------------------------- */

#newsletter-slideup {
    display: block;
    position: fixed;
    height: 210px;
    width: 460px;
    padding:30px 30px 0 30px;
    bottom: -216px;
    left: 100px;
    background: #2f2f2f;
    z-index: 60;
    border:none;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    -webkit-transition: bottom .6s linear;
	-moz-transition: bottom .6s linear;
	-o-transition: bottom .6s linear;
	transition: bottom .6s linear;
}

#newsletter-slideup.open {
    bottom: 0;
    visibility: visible;
}

#newsletter-slideup-title {
    font-family: 'GoodTimesBadTimes0.3ExpandedR';
    font-size: 15px;
    font-weight:normal;
    text-transform:uppercase;
    color: #fff;
    position: relative;
    line-height:22px;
}

#newsletter-slideup-info{
    width:340px;
    float:right;
}

#newsletter-slideup-info p{
   font-size:12px;
   color:#ffffff;
}

#newsletter-slideup-preview-image{
    width:100px;
    height:100px;
    float:left;
}

#newsletter-slideup-email {
    font-family: 'QuicksandBold';
    font-size: 14px;
}

#newsletter-slideup #newsletter-slideup-forms{
    height:28px;
    clear:both;
    width:450px;
    position:relative;
}

#newsletter-slideup input#newsletter-slideup-email{
    height:14px;
    line-height:14px;
    border:none;
    padding:7px 10px;
    margin:0;
    position:absolute;
    bottom:0;
}

#newsletter-slideup input#newsletter-slideup-submit{
    height:28px;
    line-height:28px;
    border:none;
    padding:0 10px;
    margin:0;
    position:absolute;
    bottom:0;
}

#newsletter-slideup input#newsletter-slideup-email{
    left:0;
    width:300px;
}

#newsletter-slideup input#newsletter-slideup-submit{
    left:335px;
    width: 100px;
}

input#newsletter-slideup-submit{
    background:#d6d6d6;
    color:#000;    
    border:none;
    font-family: 'QuicksandBold', Sans-Serif; 
    text-transform:uppercase;
    font-weight:normal;   
}

/*.ie input#newsletter-slideup-submit {
    top: -7px;
}*/

input#newsletter-slideup-submit:hover{
    background: #20ACB8;
    color:#fff;
    cursor:pointer;
}


#newsletter-slideup-close {
    display: block;
    width:23px;
    height:23px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 1.2em;
    background:url(images/newsletter-slideup-close-btn.png) center center no-repeat;
}

a#newsletter-slideup-close:hover{
    background:#d6d6d6 url(images/newsletter-slideup-close-btn.png) center center no-repeat;    
}

/* --------------------------------------------------------------
   
   IPAD
   
-------------------------------------------------------------- */

.ipad section#footer,
.iphone section#footer,
.ipad #newsletter-slideup,
.iphone #newsletter-slideup {
	display: none;
}

.ipad section#header fieldset#search {
	display: block;
	width: 230px;
}


/* --------------------------------------------------------------
   
   FASHION WEEKS SINGLE
   
-------------------------------------------------------------- */

/* old */
body.fashionweeks {
    background-color: #000;
    color: #f6f6f6;
}

.fashionweeks #header {
    background-color: #363636;
    border-color: #000;
}

.fashionweeks #logo {
    background-image: url(images/logofashionweek.png);
}

.fashionweeks #header nav ul li {
	border-bottom: 1px solid #1B1B1B;
	float: left;
}

.fashionweeks #header nav ul li a {	
	color: #fff;
}

.fashionweeks #header nav ul li a span {
	color: #fff;
}

.fashionweeks #header nav ul li.current a span,
.fashionweeks #header nav ul li a:hover span {
	background-color: #E6514D;
	background-image: url(images/nav-pointer-maskfashionweek.png);
}

.fashionweeks #header nav ul li a:active span {
	background-color: #eaeaea;
	color: #333;
}

.fashionweeks fieldset#errorsearch {
	border-top: 1px solid #f2f2f2;
}

.fashionweeks fieldset#search label,
.fashionweeks fieldset#errorsearch label {
	color: #D6D6D6;
}

.fashionweeks fieldset#search input {
	background-color: #000;
	color: #D6D6D6;
}

.fashionweeks fieldset#errorsearch input {
    background: #ddd;
}

.fashionweeks #featured-content ul.tabs li {
	border-left: 1px solid #1B1B1B;
}

.fashionweeks #featured-content ul.tabs li a span {
	color: #D5D5D5;
}

.fashionweeks #featured-content ul.tabs li.ui-tabs-selected {
	background-color: #1B1B1B;
}

.fashionweeks #featured-content ul.tabs li.ui-state-hover {
	background-color: #1B1B1B;
}

.fashionweeks #featured-content ul.tabs li.ui-tabs-selected a span {
	color: #E6514D;
}

.fashionweeks #featured-content .panel.ui-tabs-panel {
	background-color: #1B1B1B;
}

.fashionweeks #featured-content .panel.ui-tabs-panel ul li .image,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li .image img {
	background-color: #d6d6d6;
}

.fashionweeks #featured-content .panel.ui-tabs-panel ul li .title span a {
	color: #d6d6d6;
	border-bottom: 1px solid #d6d6d6;	
}

.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover .title,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover .title span,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li .title span a:hover,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover + .title span a {
	color: #000;
	border-color: #000;
}

.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover .title,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover .title span,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li .title span a:hover,
.fashionweeks #featured-content .panel.ui-tabs-panel ul li a:hover + .title span a {
	color: #000;
	border-color: #000;
}

.fashionweeks #content h1,
.fashionweeks #content h1 span {
    color: #E6514D;
}

.fashionweeks p,
.fashionweeks h3,
.fashionweeks h4,
.fashionweeks h4 span a {
    color: #f6f6f6;
}

#article.fashionweeks #related-articles a h3 {
    color: #e6514d;
}

#article.fashionweeks #related-articles a:hover h3 {
    color: #666;
}

#gallery.fashionweeks article #editorial header h2 {
    color: #fff;
}

.fashionweeks h4 span {
    color: #fff;
    border-color: #fff;
}

.fashionweeks h4 span a {
    color: #fff;
}

#article.fashionweeks article #editorial header h2,
#article.fashionweeks article #editorial-feature header h2 {
	color: #fff;
}

#article.fashionweeks article #editorial header ul.credits,
#article.fashionweeks article #editorial-feature header ul.credits {
    border: 0;
}

#article.fashionweeks article #editorial header ul.credits li a,
#article.fashionweeks article #editorial-feature header ul.credits li a {
	color: #E6514D;
}

#article.fashionweeks article #editorial header p.category a,
#article.fashionweeks article #editorial-feature header p.category a {
    color: #fff;
    border:0;
    margin: 17px 0 0;
    text-align: left;
    direction: ltr;
    text-indent: -9999em;
    display: block;
    width: 300px;
    height: 58px;
    background-image: url(images/fashionweeks-article-header.png);
    background-repeat: no-repeat;
    position: relative;
    left: -10px;
}

.fashionweeks p a {
    color: #E6514D;
}

.fashionweeks p a:hover,
#article.fashionweeks article #editorial header ul.credits li a:hover,
#article.fashionweeks article #editorial-feature header ul.credits li a:hover {
    color: #666;
}

.fashionweeks #social ul li a {
	color: #D5D5D5;
}

.fashionweeks #social ul li a:hover {
	color: #D5D5D5;
	background-color:#1B1B1B;
}

.fashionweeks #social ul li {
    border-color: #000;
}

.fashionweeks #social ul li a.satellitevoices-header {
	background-image: url(images/header-satellite-voices-small-white.png);

}

.fashionweeks #social ul li a.dazedtv-header {
	background-image: url(images/header-dazedtv-small-white.png);
}

#gallery.fashionweeks article #editorial header p.summary {
    color: #fff;
}

.fashionweeks .more-link a {
    border-color: #E6514D;
}

.fashionweeks .more-link a:hover {
    border-color: #666;
}

#article.fashionweeks article #editorial footer #pager a.next,
#article.fashionweeks article #editorial-feature footer #pager a.next {
    background-position: -12px -9px;
}

#article.fashionweeks article #editorial footer #pager a.previous,
#article.fashionweeks article #editorial-feature footer #pager a.previous {
    background-position: 0 -9px;
}

#gallery.fashionweeks article #main-gallery #controls .pager a {
	background-repeat:no-repeat;
	background-image: url(images/highlight-arrows.png);
	display:inline-block;
	height:9px;
	width:12px;
}

#gallery.fashionweeks article #main-gallery #controls .pager span {
	color: #fff;
}

#gallery.fashionweeks article #main-gallery #controls .pager a.prev {
	background-position: 0 -9px;
}

#gallery.fashionweeks article #main-gallery #controls .pager a.next {
	background-position: -12px -9px;
}

.fashionweeks #fancybox-outer {
    background-color: #000;
}

.fashionweeks #fancybox-overlay {
    opacity: 0.8 !important;
    background-color: #000 !important
}

.fashionweeks #fancybox-close {
    background-position: -70px -54px !important;
    right: -17px !important;
}

.fashionweeks #fancybox-close:hover {
  background-position: -70px -81px !important;
}

.fashionweeks #thumbnails a:hover {
    opacity: 0.2;
}

.fashionweeks h4 {
    color: #E6514D;
}

.fashionweeks h4:hover {
    color: #666;
}

#article.fashionweeks #articlenav h3 {
	color: #E6514D;
}

#article.fashionweeks #articlenav a:hover h3 {
	color: #fff;
}

#article.fashionweeks #articlenav a.articlenavnext .arrow {
	background-position: bottom right;
}

#article.fashionweeks #articlenav a.articlenavprev .arrow {
	background-position: bottom left;
}

#article.fashionweeks article blockquote:before {
	color: #fff;
}

#article.fashionweeks article blockquote:after {
	color: #fff;
}


/* new */
.fashionweek #content h1,
.fashionweek #content h1 span {
    color: #e2353d;
    font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
    font-weight: bold;
    font-size: 28px;
}

#article.fashionweek #content h2 {
	font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
}

#article.fashionweek #related-articles a h3 {
    color: #e2353d;
}

#article.fashionweek #related-articles a:hover h3 {
    color: #666;
}

#article.fashionweek article #editorial header ul.credits,
#article.fashionweek article #editorial-feature header ul.credits {
    border-color: #000;
}

#article.fashionweek article #editorial header ul.credits li a,
#article.fashionweek article #editorial-feature header ul.credits li a {
	color: #e2353d;
}

#article.fashionweek article #editorial header p.category {
	margin: 0 0 .5em;
}

#article.fashionweek article #editorial header p.category a,
#article.fashionweek article #editorial-feature header p.category a {
    color: #fff;
    border:0;
    margin: 17px 0 0;
    text-align: left;
    direction: ltr;
    text-indent: -9999em;
    display: block;
    width: 126px;
    height: 17px;
    background-image: url(images/fashionweeks/article-header.png);
    background-repeat: no-repeat;
    position: relative;
}

.fashionweek p a {
    color: #e2353d;
}

.fashionweek p a:hover,
#article.fashionweek article #editorial header ul.credits li a:hover,
#article.fashionweek article #editorial-feature header ul.credits li a:hover {
    color: #666;
}

.fashionweek .more-link a {
    border-color: #e2353d;
}

.fashionweek .more-link a:hover {
    border-color: #666;
}

#article.fashionweek article #editorial footer #pager a.next,
#article.fashionweek article #editorial-feature footer #pager a.next {
    background-position: -12px -9px;
}

#article.fashionweek article #editorial footer #pager a.previous,
#article.fashionweek article #editorial-feature footer #pager a.previous {
    background-position: 0 -9px;
}

#gallery.fashionweek article #main-gallery #controls .pager a {
	background-repeat:no-repeat;
	background-image: url(images/highlight-arrows.png);
	display:inline-block;
	height:9px;
	width:12px;
}

#gallery.fashionweek article #main-gallery #controls .pager a.prev {
	background-position: 0 -9px;
}

#gallery.fashionweek article #main-gallery #controls .pager a.next {
	background-position: -12px -9px;
}

.fashionweek #thumbnails a:hover {
    opacity: 0.2;
}

.fashionweek h4 {
    color: #e2353d;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: bold;
}

.fashionweek h4 span {
	color: #000;
}

.fashionweek h4:hover {
    color: #666;
}

#article.fashionweek article #editorial {
	float: right;
	width: 390px;
	margin-right: 0;
	margin-left: 17px;
}

#article.fashionweek article #article-gallery {
	float: right;
	width: 370px;
}

#article.fashionweek #articlenav h3 {
	color: #e2353d;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: bold;
}

#article.fashionweek #articlenav span {
	color: #000;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: bold;
}

#article.fashionweek #articlenav a.articlenavnext .arrow {
	background-position: bottom right;
}

#article.fashionweek #articlenav a.articlenavprev .arrow {
	background-position: bottom left;
}


/* --------------------------------------------------------------
   
   TESTS
   
-------------------------------------------------------------- */

/* 
TEST 01: BIGGER TEXT-SIZE
*/

.font-2 #editorial {
    font-size: 12px;
}

.font-2 #editorial .category,
.font-2 #editorial .pub_date,
.font-2 #editorial .summary,
.font-2 #editorial .credits {
    font-size: 11px;
}


/*
TEST 02: GALLERY + EDITORIAL SWAP
*/

#article article #editorial {
	float: left;
	width: 390px;
	margin-right: 17px;
	margin-left: 0;
}

#article article #article-gallery {
	float: left;
	width: 370px;
}

/* Masonry ad */
/*
#homepage-ad-right {
    float: right;
    width: 300px;
    margin-bottom: 17px;
    z-index: 1;
    height: 600px;
    background-color: red;
    color: white;
}

#homepage-ad-right p {
    width: 280px;
    margin: 10px auto;
    display: block;
}
*/