/**
 * @version $Id: layout.css 14401 2010-01-26 14:10:00Z louis $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-OnOff
 * @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

.hidden{
	display:none; /* controllers for images slider */
}

html,body,h1,h2{
	padding:0;
	margin:0;
}
a img{
	border:none;
}

#main h2, ul, ol, #main p{
	padding:0;
	margin:0 0 1em 0;
}
body{
	background:url(../images/bg.jpg) #141414 no-repeat center top;
	color:#ffffff;
	font-family:Arial,sans-serif;
	font-size:100%;
	line-height:1.2;
}
.hidden a{
	position:absolute;
	top:-300px;
	background:white;
	color:black;
	text-decoration:none;
	padding:5px;
	border:3px solid #606060;
}
.hidden a:focus,
.hidden a:hover,
.hidden a:active{
	top:5px;
	left:10px;
}

#header{
	height:220px;
	position:relative;
	margin-bottom:15px;
}
#container{
	width:980px;
	padding:0 43px;
	margin:auto;
}
#nav{
	position:absolute;
	left:0;
	top:0;
	opacity:0.9;
	z-index:1000; /* to go over form fields on login form */
}
div#toggle{
	position:absolute;
	left:-500px;
	top:0;
}
a.trigger,
a.triggerback{
	display:block;
	height:500px;
	width:43px;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	outline:none;
	text-align:right;
	z-index:110;
	outline:none;
}
a.trigger{
	background:url(../images/trigger2.gif) transparent no-repeat 100% 50px;
}
a.triggerback{
	background:url(../images/triggerback2.gif) transparent no-repeat 100% 50px;
}
#page{
	padding-top:20px;
}
#content{
	float:left;
	width:980px;
	margin-bottom:100px;
}

#footer{
	clear:both;
}

/***********************************/


#content h2.contentheading{
	font-size:190%;	
	padding:10px 0;
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
}

#content .col1{
	float:left;
	width:460px;
}
#content .col2{
	float:right;
	width:460px;
}
#content h2.line{
	clear:left;
	padding-top:15px;
	border-top:1px solid #393939;
}
/*****************/

a{
	color:#ffffff;
}
a:focus,
a:hover,
a:active,
li#current a{
	color:#606060;
}

div.error{
	color:white;
	font-weight:bold;
	padding:10px 0;
}
div.error dl#system-message dt.message{
	display:none;
}
div.error dl#system-message dd.message,
div.error dl#system-message dd.message ul,
div.error dl#system-message dd.message ul li{
	list-style:none;
	padding:0;
	margin:0;
}

.imageleft{
	float:left;
	margin-right:10px;
}
.imageright{
	float:right;
	margin-left:10px;
}
.imageleft,
.imageright{
	max-width:720px;
	margin-bottom:10px;
}


/*****************/


#header h1{
	padding-top:35px;
	text-align:center;
}
#header h2{
	position:absolute;
	left:0;
	bottom:4px;
	color:#606060;
	font-size:110%;
	font-weight:normal;
}
#header h2 a{
	color:#606060;
	text-decoration:none;
}
#header ul.menu{
	position:absolute;
	right:0;
	bottom:4px;
	color:#606060;
	font-size:110%;
	font-weight:normal;
	text-align:right;
}
#header ul.menu li{
	display:inline;
}
#header ul.menu li a{
	color:#606060;
	text-decoration:none;
	padding-left:10px;
}

#nav ul.menu-nav{
	margin-bottom:35px;
}
#header ul.menu,
#header ul.menu li,
#nav ul,
#nav ul li,
ul#mainnav,
ul#mainnav li{
	padding:0;
	margin:0;
}
#nav ul li,
ul#mainnav li{
	list-style:none;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.1;
}
#nav ul li{
	font-size:120%;
}
ul#mainnav li{
	font-size:140%;
	letter-spacing:-1px;
}
#nav ul li li{
	font-size:100%; /* 100% of 120% of 16px = 19.2px */
	line-height:1.2;
	text-transform:none;
	letter-spacing:0;
}
#nav ul li a,
ul#mainnav li a{
	text-decoration:none;
}
ul#mainnav{
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
	padding:10px 0;
}
ul#mainnav li{
	display:inline;
	padding-right:10px;
	text-transform:none;
}
#nav ul li li a{
	color:#ffffff;
}
#nav ul li li a:focus,
#nav ul li li a:hover,
#nav ul li li a:active,
#nav ul li li#current a{
	color:#606060;
}

#nav{
	background:url(../images/nav-bg2.gif) transparent no-repeat 100% 100%;
	padding-right:43px;
}
#nav ul{
	background:#424242;
	width:217px;
	padding:12px 0;
	border-bottom:3px solid #141414;
	border-right:3px solid #141414;
}
#nav ul#um1,
#nav ul#um2{
	border-bottom-width:0;
}
#nav ul#um1 li,
#nav ul#um2 li{
	text-transform:none;
}
#nav ul li ul{
	border-width:0;
}

#nav ul li{
	padding:0 15px;
}
#nav ul li ul{
	width:auto;
}
#nav ul li ul li{
	padding:0;
}




#footer2{
	background:url(/images/sponsors-footer.gif) transparent no-repeat 0 12px;
	height:50px;
	padding-top:13px;
}
#footer2 ul#social{
	float:right;
	padding:0;
	margin:0;
}
#footer2 ul#social li{
	display:inline;
	list-style:none;
	padding-right:0;
	padding-left:5px;
}


/*****************/

div.componentheading{
	font-size:190%;
	font-weight:bold;
}

div#main h1{
	font-size:190%;
	margin-bottom:10px;
}


/*****************/

/* 	SCHEDULE */
.schedule {
	margin: 0px;
	padding: 0px;
}
.schedule .left {
	clear:left;
	float: left;
	width: 300px;
}
.schedule .right {
	clear: right;
	float: right;
	width: 300px;
	margin-left: 15px;
}
.schedule .schedulehead {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.schedule .scheduledate,
.schedule .scheduledatebottom{
	min-width:100px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	display: block;
	margin: 0px;
}
.schedule .scheduledatebottom{
	padding-top:10px;
}
.schedule .schedule-entry {
	font-size:90%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #393939;
}
/* 	END OF SCHEDULE */


/*****************/

/* 	CATWALK */

.cwbox{
	overflow:hidden;
}
.cwimg{
}
.cwimg img{
	margin-bottom:10px;
}
#main .cwimg h2{
	font-size:180%;
	line-height:1.2;
	margin-bottom:10px;
}
#main p.cwinfo,
#main p.cwinfo1,
#main p.cwinfo2,
#main p.cwinfo3{
	float:left;
	width:200px;
	font-size:75%;
	padding-right:20px;
	_overflow:hidden; /* only for IE6 */
}
#main p.cwinfo4{
	float:left;
	width:640px;
	font-size:75%;
	padding-right:25px;
	_overflow:hidden; /* only for IE6 */
	_margin-right:-3px; /* only for IE6 */
}
#main p.cwinfo3,
#main p.cwinfo4{
	padding-right:0;
}
.cwtopofpage{
	clear:both;
	text-align:right;
	padding-top:20px;
	padding-bottom:0px;
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
}
.cwtopofpage a img{
	border:none;
}

/* 	END OF CATWALK */

/* CATWALK NEW SEPT 2011 */

.biggrey{
	_height:380px;
	min-height:380px;
	background:#6b6b6b;
	color:#fff;
	font-size:80%;
	padding:10px;
	margin-bottom:55px;
}
.biggrey.video{
	_height:360px;
	min-height:360px;
}
.biggrey a:focus,
.biggrey a:hover,
.biggrey a:active{
	color:#fff;
	text-decoration:none;
}
.biggrey .placeholder{
	float:left;
	width:640px;
	height:380px;
	background:black;
	margin-right:22px;
}
.biggrey .catimg119{
	float:left;
	width:640px;
	margin-right:22px;
}
ul.catwalkblocks{
	border-top:1px solid #393939;
	padding-top:20px;
	padding-bottom:20px;
	list-style:none;
	min-height:194px;
}
ul.catwalkblocks.standalone{
	border-top-width:0;
	border-bottom:1px solid #393939;
}
ul.catwalkblocks li{
	float:left;
	width:313px;
	text-align:center;
	padding-bottom:5px;
	margin-right:20px;
}
ul.catwalkblocks li.last{
	margin-right:0;
}
ul.catwalkblocks li img{
	display:block;
	margin-bottom:5px;
}

/* fanzine */

p.fanzine img.fanzineleft,
p.fanzine img.fanzineright{
	margin-bottom:25px;
}
p.fanzine img.fanzineleft{
	float:left;
}
p.fanzine img.fanzineright{
	float:right;
}
p.fandownload{
	font-size:130%;
	font-weight:bold;
}


/*****************/


/* CB pages */
/* login */

.cb_comp_outer{
	padding:0 !important;
}

#cb_cb_comp_login .componentheading{
	display:none;
}

#mod_login_username,
#mod_login_password{
	float:left;
	width:234px;
	height:40px;
	background:#141414;
	color:#606060;
	font-size:140%;
	padding-left:10px;
	border-color:#606060;
	border-style:solid;
	border-width:0 0 1px 1px;
	margin-right:20px;
}
#mod_loginform input.button{
	float:left;
	background:#141414;
	color:#ffffff;
	font-size:160%;
	font-weight:bold;
	padding-top:4px;
	*padding-top:0; /* IE7 */
	border:none;
	margin-bottom:20px;
	cursor:pointer;
}
#mod_loginform a.mod_login{
/*	text-decoration:none; */
}
#mod_loginform{
	position:relative; /* to keep remember me stuff in the right position. */
	overflow:hidden;
	_height:1px;
	_overflow:visible;
	padding-bottom:20px;
	*padding-bottom:40px;/* IE7 */
}
#mod_login_remember{
	position:absolute;
	bottom:0;
	left:0;
}
#mod_login_remembermetext{
	position:absolute;
	bottom:0;
	left:22px;
}
p.forgot{
	clear:left;
	padding:10px 0;
}
#mod_login_noaccount{
	border-left:1px solid #606060;
	padding-left:8px;
}


/* registration */

#cbcheckedadminForm{
	padding-top:20px;
}
#registrationTable{
	border-collapse:collapse;
}
.titleCell, 
.captionCell, 
table.content_table td.titleCell,
table.content_table td.captionCell {
    font-weight: bold;
    padding: 3px 3px 4px 0;
    text-align: left;
    vertical-align: top;
}
.titleCell{
	width:auto;
}

input.inputbox{
	float:right;
	width:250px;
}
#cbcheckedadminForm input.button{
	float:right;
	background:#141414;
	color:#ffffff;
	font-size:160%;
	font-weight:bold;
	text-align:left;
	padding-left:0;
	padding-top:4px;
	*padding-top:0; /* IE7 */
	border:none;
	margin-bottom:20px;
	cursor:pointer;
}
#cbIconsBottom{
	padding-top:20px;
}

/* profile */

#cbProfileInner{
	position:relative;
	padding-bottom:3em;
}
div#cb_tabid_17{
	position:absolute;
	bottom:0;
}
div#cbProfileTitle{
	font-size:130%;
	font-weight:bold;
}

.cb_online {
    background: none;
    color: #ffffff;
    padding: 0;
}

/* blog styles */

body.bcblog #main h2{
	margin-bottom:5px;
}
body.bcblog #main p.iteminfo,
body.bcblog #main p.articleinfo{
	font-size:80%;
}
body.bcblog #main h2{
	width:500px;
}
#main .blogcontent,
#main .blogcontentintro{
	width:500px;
}
#main .blogcontent.wide{
	width:720px;
}
body.bcblog #main h2.art93,
body.bcblog #main #page h2.art153,
body.bcblog #main #page h2.art164,
body.bcblog #main #page h2.art165,
body.bcblog #main h2.parisblog{
	width:720px;
}
body.bcblog div.blogsidebar{
	width:230px;
	float:left;
}
body.bcblog div#page,
body.bcblog div.blogblog{
	width:720px;
	float:right;
}
body.bcblog div.blogbacklink{
	clear:both;
	float:right;
	width:720px;
	font-size:80%;
	text-align:left;
	padding-top:25px;
}
body.bcblog #main div.blogbacklink p{
	padding-top:5px;
	border-top:1px solid #393939;
}

body.bcblog #main ol{
	padding-left:1.5em;
}

#main .blogsb,
#main .blogsbintro{
	float:right;
	width:206px;
	position:relative;
	top:-4.5em;
	*top:-3.5em;
}
#main .blogsbintro{
	background:#363636;
	color:#ffffff;
	padding-top:13px;
	top:-3.5em;
	margin-bottom:-2.5em;
	margin-left:10px;
}
#main .blogsbintro img{
	display:block;
	background:black;
	margin:0 auto 13px auto;
}
#main .blogsb .whowherewhat{
	background:#363636;
	color:#ffffff;
	padding-bottom:1em;
	margin-bottom:15px;
}
#main .blogsb .backstage{
	background:#ffffff;
	color:#000000;
	padding-bottom:1em;
}
#main .blogsb .backstage a{
	color:#666666;
}
#main .blogsb h3{
	font-size:80%;
	text-transform:uppercase;
	padding:13px;
	border-bottom:1px solid #666666;
}
#main .blogsb p{
	font-size:80%;
	padding:0 13px;
}
#main .blogsb p.iteminfo{
	font-style:italic;
}
#main .blogsb img{
	display:block;
	margin:0 auto 1em auto;
	background:black; /* temp */
}
#main .blogcontent h3{
	font-size:80%;
	text-transform:uppercase;
	padding:13px 0;
	border-bottom:1px solid #ffffff;
}
#main .blogcontent p.caption{
	background:#606060;
	color:#ffffff;
	font-size:80%;
	padding:8px;
}
#main .blogcontent p.caption span{
	float:right;
	*position:relative;
	*top:-1.8em;
	*right:8px;
}
#main .blogcontent p.caption a:focus,
#main .blogcontent p.caption a:hover,
#main .blogcontent p.caption a:active{
	color:#000000;
}
#main .blogcontent img{
	display:block;
	background:black;
	margin-bottom:15px;
}
#main .blogcontent .imgset,
#main .blogwide .imgset{
	overflow:hidden;
	*margin-bottom:18px;
}
#main .blogcontent .imgset img,
#main .blogwide .imgset img{
	float:left;
	margin-right:18px;
	margin-bottom:16px;
}
#main .blogcontent .imgset img.last,
#main .blogwide .imgset img.last{
	margin-right:0;
}
#main #blogheader{
	height:78px;
	background:transparent;
	padding:5px 0 2px 0;
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
	margin-bottom:10px;
}
#main span.article_separator{
	display:block;
	width:980px;
	height:1px;
	border-top:1px solid #393939;
}
body.bcblog #main span.article_separator{
	width:720px;
	clear:both;
}
#main span.row_separatorblog{
	display:block;
	height:10px;
	overflow:hidden;
}

div.balloons img{
	margin-bottom:16px;
}
div.balloons img.imageright{
	margin-left:16px;
}


/* blog navigation */

div.blog_moreblog{
	display:none;
}
p.counter{
	display:none;
}
ul.pagination{
	clear:both;
	text-align:center;
	font-size:80%;
}
ul.pagination li{
	display:inline;
	padding:2px 5px;
}
ul.pagination li a{
	text-decoration:none;
}


/* gallery thumbnail page */

.lfwday{
/*	min-height:180px;
	_height:180px;
*/	padding:36px 0px 0px 36px;
	*padding-bottom:36px;
	margin-bottom:20px;
	background:#818181;
	overflow:hidden;
	_overflow:show;
	_height:130px;
}
.lfwday h3{
	color:#000000;
	font-size:90%;
	margin:0 0 5px 0;
}
.lfwday img{
	background:black;
}
.lfwoverall{
	clear:both;
	border-top:1px solid #606060;
	padding-top:20px;
	overflow:hidden;
	_overflow:show;
	_height:310px;
}
.gallerythumb {
	background-color: #818181;
	color: black;
	float: left;
	font-size: 11px;
	height: 200px;
	line-height: 14px;
	margin-bottom: 36px;
	margin-right: 36px;
	padding: 0px;
	text-align: center;
	width: 200px;
}
div.lfwday .gallerythumb{
	width:200px;
	height:auto;
	padding:0;	
}
div.lfwday .gallerythumb img{
	display:block;
	width:200px !important;
	height:200px !important;
}

.gallerythumb.last {
	margin-right: 0;
}
.gallerythumb img {
	margin-bottom: 4px;
	display:block;
}
.gallerythumb a {
	color: white;
	text-decoration:none;
}
/*
.gallerythumb a strong{
	text-decoration:underline;
}
*/
.gallerythumb a:focus, .gallerythumb a:hover, .gallerythumb a:active {
    text-decoration: none;
}
p.plslogin{
	font-size:90%;
}
p.plslogin,
p.plslogin a{
	color:#818181;
}

/* rankin gallery on /season/sept11/london/photos.html */

div.rankingallery{
	text-align:center;
}
div.rankingallery div.gallery{
	width:975px;
	height:780px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#505050;
	margin:0 auto 10px auto;
}
body#artid157 div.rankingallery div.gallery{
	height:1950px;
}
body#artid158 div.rankingallery div.gallery{
	height:585px;
}
body#artid160 div.rankingallery div.gallery{
	height:975px;
}
body#artid161 div.rankingallery div.gallery{
	height:975px;
}
body#artid162 div.rankingallery div.gallery{
	height:1170px;
}
body#artid163 div.rankingallery div.gallery{
	height:1365px;
}
body#artid167 div.rankingallery div.gallery{
	height:380px;
}
body#artid168 div.rankingallery div.gallery{
	height:585px;
}
body#artid170 div.rankingallery div.gallery{
	height:390px;
}




div.rankingallery div.gallery div{
	float:left;
	width:195px;
	height:195px;
}
div.rankingallery div.gallery div img{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
}
div.rankingallery a{
	color:#fff;
}
div.rankingallery p.fandownload {
	width:975px;
	font-size: 130%;
	font-weight: bold;
	padding:40px 0;
	margin:auto;
}
#main div.rankingallery p.attribution{
	clear:both;
	padding-top:10px;
}

#main .qrcoder{
	float:right;
	width:300px;
	text-align:center;
}
#main .qrcodec{
	width:300px;
	text-align:center;
	margin:auto;
}
body.bcblog #main .qrcoder,
body.bcblog #main .qrcodec{
	width:230px;
	font-size:80%;
	margin-top:0;
	padding-top:0;
}
.qrcoder img,
.qrcodec img{
	margin-bottom:5px;
}

body#artid157 div.dark_square .pp_description,
body#artid158 div.dark_square .pp_description,
body#artid160 div.dark_square .pp_description,
body#artid161 div.dark_square .pp_description,
body#artid162 div.dark_square .pp_description,
body#artid163 div.dark_square .pp_description,
body#artid166 div.dark_square .pp_description,
body#artid167 div.dark_square .pp_description,
body#artid168 div.dark_square .pp_description,
body#artid170 div.dark_square .pp_description{
	display:none !important;
}

@media screen and (max-width: 500px) {
	#nav{
		position:static;
		margin-bottom:10px;
	}
}