*{
	padding:0;
	margin:0;
}
.hidden{
	position:absolute;
	top:-5000px;
}
a{
	color:black;
}
a:focus,
a:hover,
a:active{
	color:#AEAEAE;
}
a img{
	border-width:0;
}
body{
	background:white;
	color:black;
	font-family:'Century Gothic', Arial, sans-serif;
	font-size:100%;
}
#header{
	height:117px;
	padding-top:10px;
	margin-bottom:74px;
	position:relative;
}
/* the stuff inside the header */
#header ul#social{
	position:absolute;
	top:0;
	right:0;
}
#header ul#social li{
	display:inline;
	list-style:none;
}
#header h1{
	float:left;
	margin-left:6px;
	margin-right:23px;
}
#header #nav{
	position:absolute;
	bottom:0;
	right:0;
	width:735px;
	border-bottom:3px solid black;
}
#header #nav #topnav{
	position:absolute;
	right:0;
	bottom:0;
	line-height:2.6em;
	text-align:right;
}
#header #nav #subnav{
	position:relative;
	bottom:-3em;
	line-height:2.6em;
	text-align:right;
}
#header #nav .menu li,
#footer #mainnav li{
	display:inline;
	list-style:none;
}
#header #nav .menu li a,
#footer #mainnav li a{
	color:black;
	font-size:118.75%;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:16px;
}
/* temp style for catwalk live
#header #nav .menu li.item153 a{
	background:url(/season/templates/onoff_sept12/images/live.gif) no-repeat scroll left center transparent;
	padding-left:35px;
}
*/
/* temp style for fanzine live
#header #nav .menu li.item155 a{
	background:url(/season/templates/onoff_sept12/images/live.gif) no-repeat scroll left center transparent;
	padding-left:35px;
}
*/
/* temp style for party live
#header #nav .menu li.item156 a{
	background:url(/season/templates/onoff_sept12/images/live.gif) no-repeat scroll left center transparent;
	padding-left:35px;
}
*/

#wrapper{
	position:relative;
	width:95%;
	width:1100px;
	padding:0 8px 0 8px;
	margin:auto;
	overflow:hidden;
}
#container{
	float:right;
	width:1030px;
	min-height:546px;
	padding-bottom:100px;
}
#container.homepage{
	width:1100px;
	padding-bottom:12px;
}
#container.homepage div#page{
	float:left; /* for IE7, but may be needed for other browsers too (not for Firefox)*/
}
#homeleft{
	width:730px;
}
#homeleft a{
	float:left;
	display:block;
	width:342px;
	height:342px;
	margin-right:23px;
	margin-bottom:23px;
}
#twitter,
#pinterest,
#modPinterestpinsdisplay{
	background:white;
	overflow:hidden;
	margin-bottom:23px;
}

#twitter,
#pinterest{
	border:1px solid black;
	width:368px;
	height:340px;
}

a.pinTip2{
	
}
/* as long as the header and footer of the twitter widget don't change in height, these styles will fill the box till 342px */
.twtr-bd{
	height:287px; /* 260 if twtr-ft is left in */
}
.twtr-ft{
	display:none;
}

/* following styles based on 66px thumbs, and making the box exactly 342px high if 4 rows of thumbs */
.cbfixpscpinbox{
	border-width:0;
	background:white;
	padding:6px 0 0 6px;
}
.cbfixpscpin{
	border-color:black;
	margin-right:4px;
	margin-bottom:4px;
}
#cbpinfollowus{
	padding:7px 0 0 0;
}
div.pinTip-tip *{
	position:relative;
	background:white;
	z-index:100;
}
div.pinTip-tip div{
	border:1px solid black;
	padding:4px;
}
div.pinTip-tip div div{
	border-width:0;
	padding:0;
}

.contentpaneopen_edit{
	position:absolute;
	left:8px;
	top:145px;
}
div.error{
	position:absolute;
	left:78px;
	top:145px;
}

#sideways{
	position:absolute;
	top:201px;
	left:8px;
	width:62px;
	height:522px;
	background:black;
	color:white;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	margin-right:8px;
	margin-bottom:8px;
}
#sideways h1{
	display:block;
	width:100%;
	padding-top:7px;
/*	position:absolute;
	bottom:8px;
	left:0;
*/
}
#sideways img{
	max-width:90%;
}
#tabbedcontent{
	float:right;
	width:1030px;
	min-height:538px;
	padding-left:0;
}
body#artid222 #tabbedcontent{
	min-height:711px;
}
#content{
	float:right;
	width:735px;
	min-height:538px;
	padding-left:0;
}
#video{
	float:right;
	width:735px;
	margin-bottom:20px;
	position:relative; /* for the counter */
}
#video p{
	margin-bottom:0;
}
#video ul.thumbs3d li{
	list-style:none;
	float:left;
	margin-right:15px;
}
#video ul.thumbs3d li.last{
	margin-right:0;
}
#text{
	clear:both;
	float:right;
	width:735px;
}
#videothumbs{
	min-height:280px;
}
#videothumbs a{
/* 	float:left;
	margin-right:12px;
*/
	margin-bottom:12px;
}
#videothumbs a.last{
	margin-right:0;
}
.colleft{
	float:left;
	width:356px;
}
.colright{
	float:right;
	width:356px;
}
h2{
	font-size:200%;
	text-transform:uppercase;
	line-height:1;
	margin-bottom:1em;
}
h2.smaller{
	font-size:137.5%;
	line-height:1.2;
}
h3,
p.h2large{
	font-size:137.5%;
	line-height:1;
	margin-bottom:0;
}
p{
	line-height:1.4;
	margin-bottom:1.2em;
}
div#content.contacts h2{
	font-size:100%;
	font-weight:bold;
	margin-bottom:.4em;
}
div#content.contacts p{
	margin-bottom:.4em;
}
div#content.contacts p.lastpara{
	margin-bottom:2em;
}
div#content.contacts div.colright p{
	font-size:87.5%;
	margin-bottom:1.2em;
}

div#content table.mailformtable td{
	padding-right:10px;
	padding-bottom:10px;
}

ul.archivemenu{
	list-style:none;
	font-size:200%;
	line-height:1;
	text-transform:uppercase;
}
ul.archivemenu li a{
	color:black;
	font-weight:bold;
	text-decoration:none;
}
ul.archivemenu li a:focus,
ul.archivemenu li a:hover,
ul.archivemenu li a:active{
	color:#AEAEAE;
}

#thumbnails{
}
#thumbnails img,
#thumbnails .thumb,
#tabbedcontent .thumb{
	display:block;
	float:left;
	width:62px;
	height:70px;
	background:#AEAEAE;
	margin-right:8px;
	margin-bottom:8px;
}
#thumbnails img.grid{
	width:272px;
	height:538px;
}
#thumbnails.supporters{
	width:272px;
	text-align:center;
}
#thumbnails.supporters a{
	padding:15px;
}
#thumbnails.supporters img{
	display:inline;
	float:none;
	width:auto;
	height:auto;
	background:transparent;
	vertical-align:middle;
	margin-bottom:20px;
}
.colright img.doll{
	margin-bottom:7px;
}

#tabbedcontent .thumb1{
	background:#FFC0CB;
}
#tabbedcontent .thumb2{
	background:#EEC0CB;
}
#tabbedcontent .thumb3{
	background:#DDC0CB;
}
#tabbedcontent .thumb4{
	background:#CCC0CB;
}
#tabbedcontent .thumb5{
	background:#BBC0CB;
}
#tabbedcontent .thumb6{
	background:#AAC0CB;
}
#tabbedcontent .thumb7{
	background:#99C0CB;
}
#tabbedcontent .thumb8{
	background:#88C0CB;
}
#tabbedcontent .thumb9{
	background:#77C0CB;
}
#tabbedcontent .thumb{
	width:272px;
	position:relative;
}
body#artid220 #tabbedcontent .thumb{
	height:179px;
}

#tabbedcontent .thumb span{
	position:absolute;
	top:0;
	left:0;
	width:272px;
	height:70px;
	background:rgba(255,255,255,0.7);
	color:black;
	font-size:20px;
	text-transform:uppercase;
	line-height:70px;
	text-align:center;
	display:none;
}
#tabbedcontent .thumb:hover span,
#tabbedcontent div.st_vertical ul.st_tabs a.st_tab_active .thumb span{
	display:block;
}
#tabbedcontent .st_tab_view{
	width:735px;
	height:538px;
}
body#artid222 #tabbedcontent .st_tab_view{
	height:711px;
}
#tabbedcontent .st_tab_view .timelineimg{
	float:left;
	width:356px;
	height:538px;
	overflow:hidden; /* this is to avoid the whole thing being pushed up 8px */
}
#tabbedcontent .st_tab_view .timelineimg img{
	display:block;
	margin-bottom:8px;
}
#tabbedcontent .st_tab_view .text{
	float:right;
	width:356px;
	height:538px;
}
body#artid222 #tabbedcontent .st_tab_view .text{
	height:711px;
}
body#artid220 #tabbedcontent .st_tab_view span{
	display:block;
	font-size:75%;
	text-align:center;
	padding-top:28px;
}
body#artid220 #tabbedcontent{
	margin-bottom:20px;
}
body#artid220 #tabbedcontent .st_tab_view{
	position:relative;
}
body#artid220 #tabbedcontent .st_tab_view a.prevtab{
	position:absolute;
	left:0;
	bottom:0;
}
body#artid220 #tabbedcontent .st_tab_view a.nexttab{
	position:absolute;
	right:0;
	bottom:0;
}

body#artid222 div.st_vertical div.st_view_container{
	height:711px !important;
	/* should have been 538, but needs more height for higher text */
}


/* titles inside the lightbox */

html body#artid222.bc div.pp_details p.pp_description,
html body#artid229.bc div.pp_details p.pp_description{
	display:none !important;
}

#footer{
	clear:both;
	background:white;
	border-top:3px solid black;
	margin-bottom:45px;
}
#footer #joinmailinglist{
	float:left;
	line-height:3em;
}

#footer #mainnav{
	line-height:3em;
	text-align:right;
}
/* footer nav styles are the same as top nav styles */

/* countdown */

#countdown{
	display:none;
	position:absolute;
	top:0;
	left:0;
	clear:both;
	width:735px;
	height:100px;
	padding-top:235px;
	margin-bottom:20px;
	
}
.countdown{
	width:300px;
	font-size:75%;
	margin:auto;
}
.countdown span{
	display:block;
	float:left;
	width:100px;
	color:white;
	text-align:center;
}
.countdown span span{
	float:none;
	font-size:529%;
}


#content h2 span,
#content .uppercase span{
	text-transform:none;
}