/* ============================= */
/* Ouch! Sitewide CSS */
/* ============================= */

/* ============================= */
/* General */
/* ============================= */

#blq-main{
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
}

.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.floatLeftImg,
#articles .article img.floatLeftImg{
	float: left;
	margin-right: 10px;
}
.floatRightImg,
#articles .article img.floatRightImg{
	float: right;
	margin-left: 10px;
}
.floatLeftImg, .floatRightImg{

	margin-bottom: 6px;
	margin-top: 0.1em;
}
	
.offscreen{
	position: absolute;
	left: -5000px;
}
#blq-content .rss-icon{
	border: 0;
	vertical-align: middle;
}
/* ============================= */
/* Banner */
/* ============================= */
#banner{
	position: relative;
	width: 100%;
}
#logo{
	position: relative;
	margin: 0 0 0 14px;
}
#logo a{
	display: block;
	width: 230px;
	height: 79px;
	padding-top:40px;
	line-height:79px;
	font-size:79px;
	font-style:italic;
	text-decoration:none;
	overflow:hidden;
}
#logo a span{
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	height: 119px;
}

#strapline{
	position: absolute;
	white-space: nowrap;
	left: 236px;
	bottom: 8px;
	font-size: 1.56em;
	font-weight: bold;
	line-height:1.4em;
}

/* ============================= */
/* Search */
/* ============================= */
#ouch-search{
	position: absolute;
	top: 83px;
	margin-top: 0.2em;
	right: 14px;
	width: 446px;			/* set wider width for non-JS users to fit in auch-search-text (see below) */
	text-align: right;
}
.js #ouch-search{
	width: 296px;			/* set normal width for JS users */
}

#ouch-search-submit{
	width: 102px;
	margin-top: 0.2em;
	font-weight:bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#ouch-search-input{
	float: left;
	font-size: 1em;
	padding: 0.3em 0.2em 0.2em 0.3em;
	margin-top: 0.2em;
	width: 180px;
}

#ouch-search-text{
	font-size: 1em;
	float: left;
	margin-right: 5px;
	margin-top: 8px;
	width: 145px;
}

.js #ouch-search-text{
	display: none;
}

/* ============================= */
/* Layout */
/* ============================= */
#content{
	padding: 10px 0 96px 14px;
	width: 960px;
	clear: both;
	overflow: hidden;
}
#content a{
	text-decoration: underline;
}
#content a:hover{
	text-decoration: underline;
}
#content .article a[href*="facebook.com"]{ /* not IE6 compatible*/
	display:inline-block;
	position:relative;
	padding-left:18px;
	min-height:14px;
	_height:14px;
	background-image:url(/staticarchive/e270c8c8945fed31dbf6dea3e01548e47efc3cc0.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
#content .article a[href*="twitter.com"]{ /* not IE6 compatible*/
	display:inline-block;
	position:relative;
	padding-left:18px;
	min-height:14px;
	_height:14px;
	background:url(/staticarchive/248a7052004eacb07838c70a80e5859c5aa811b5.gif) left center no-repeat;
}

#float-layout{
	float:left;
	position:relative;
}
#float-top { display:block; height:3em; width:640px; }
#float-end { clear:both; display:block; height:12px; width:640px; }

#blq-local-nav {
	float: left;
	width: 142px;
	padding:0 4px;
}

#content-column{
	padding: 0.66em 24px 0 10px;
	float: left;
	width: 466px;
}

#community-panel{
	float: left;
	position:relative;
	width: 296px;
	margin-bottom:-22px;
}
#content #community-panel a{
	font-weight:bold;
}



/* ============================= */
/* Navigation */
/* ============================= */

#blq-local-nav a { text-decoration: none; }
#blq-local-nav a.selected { text-decoration: none; }
#blq-local-nav a:hover{ text-decoration: none; }

#blq-local-nav ul li.nav-top { position:absolute; left:4px; top:4px; width:142px; }
#blq-local-nav ul li.nav-top a, #blq-local-nav ul li.nav-top a.selected { text-decoration:underline; }
#blq-local-nav ul li.nav-top a:visited { text-decoration:none; }
#blq-local-nav ul li.nav-top a:hover { text-decoration:underline; }
#blq-local-nav ul li.nav-top a:active { text-decoration:none; }

#blq-local-nav ul{
	padding: 4px 0px;
}
#blq-local-nav li{
	font-size: 1.17em;
	margin-bottom: 4px;
}
#blq-local-nav li a{
	display: block;
	font-weight: bold;
	padding:0.53em 8px;
	_zoom: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#blq-local-nav li.messageboards{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#blq-local-nav li.messageboards a, #blq-local-nav li.messageboards a:visited{
	background:none;
	background-color:transparent;
}
#blq-local-nav li.messageboards ul.topics{
	margin:0;
	padding:0 0 0.33em 8px;
}
#blq-local-nav li.messageboards ul.topics li{ font-size:1em; }
#blq-local-nav li.messageboards ul.topics li a{
	background:none;
	background-color:transparent;
	padding:0.2em 8px;
	font-weight:normal;
	text-decoration:underline;
}
#blq-local-nav li.messageboards ul.topics li a:visited{
	text-decoration:none;
}
#blq-local-nav li.messageboards ul.topics li a.current-section{ font-weight:bold; }

#blq-local-nav p{ font-size: 1.25em; }
#blq-local-nav p a{
	display: block;
	background-position: 0 0.15em;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 0.65em 0 0.65em 10px;
	font-weight: bold;
}


/* ============================= */
/* Crumb */
/* ============================= */

#blq-content #ouch-crumb{
	position:absolute;
	top:0;
	padding-top:4px;
	font-weight:bold;
	width:466px;
	height:2.66em;
	line-height:2.66em;
	overflow:hidden;
}
#ouch-crumb a{
	text-decoration: none;
}
#ouch-crumb a:hover{
	text-decoration: underline;
}
#ouch-crumb a[href='/ouch/'], #ouch-crumb a[href='/ouch'] { position:absolute; left:-2500px; }		/* NOTE: cross-browser, doesn't work in IE */


/* ============================= */
/* Main content */
/* ============================= */

#blq-content h1, .main-heading{
	font-size: 1.66em;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 0.33em;
}

/* ====================== */
/* Main promo */
/* ====================== */
#main-promo {
	position:relative;
	width:466px;
	overflow:hidden;
	margin-bottom:0.33em;
}
#main-promo h2{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
#main-promo h2 a{
	text-decoration: none;
}
#main-promo #main-promo-img{
	float:left;
	margin:0 10px 1em 0;
}
#main-promo-text{
	margin-bottom: 1em;
}

#main-promo-text strong{
	display: block;
	margin-bottom: 0.17em;
	font-size: 1em;
	font-weight: normal;
}
#main-promo-text p{
	margin: 0 0 0.33em 0;
	font-size: 1em;
	line-height: 1.4em;
}
#main-promo-text p.news-source{
	margin-top: 0.1em;
	font-size: 0.9em;
}

/* ====================== */
/* simple content */
/* ====================== */
#blq-content #simple-content{
	clear: both;
	margin: 16px 0 16px 0;
}
#blq-content #simple-content p{
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 1.2em;
}
#blq-content #simple-content p.first-para{
	font-weight: bold;
	font-size: 1.2em;
}
#blq-content #simple-content ol{
	font-size: 1em;
	list-style: decimal;
	line-height: 1.4em;
	margin-left: 20px;
	margin-bottom: 1em;
}
#blq-content #simple-content ol li{
	margin-bottom: 0.5em;
}
/* error pages */
#blq-content #simple-content.error{
	background: url(/staticarchive/6e957e597c58a0a201dd091e8d7def55605faeae.gif) bottom right no-repeat;
	padding-bottom: 100px;
}


/* ====================== */
/* content blocks */
/* ====================== */

#blq-content #blocks{
	clear: both;
	margin-top: 0.3em;
	margin-bottom: 16px;
}
#blq-content #blocks .block{
	margin: 0 0 1.2em 0;
	line-height: 1.6em;
}
#blq-content #blocks .block.first-para{
	font-weight: bold;
}
#blq-content #blocks .block.alert{
	margin:10px;
	padding:10px;
	border:2px solid #999;
}

#blq-content #blocks img.centred{
	margin-left: 64px;
}

/* styling for subheading in content blocks */
#blq-content #blocks .block h2{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}

#blq-content #blocks .block h3, #blq-content #blocks .block h4{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.4em;
	padding-top: 0.4em;
}

/* unordered list in content block */
#blq-content #blocks .block ul{
	margin-left: 3px;
	margin-bottom: 1em;
}
#blq-content #blocks .block ul li{
	padding-left: 11px;
	line-height: 1.4em;
	margin-bottom: 0.3em;
	font-size: 1em;
}

/* ordered list in content block */
#blq-content #blocks .block ol{
	list-style: decimal;
	margin-left: 22px;
	_margin-left: 26px;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 1em;
}
#blq-content #blocks .block ol li{
	margin-bottom: 0.2em;
}

#blq-content #blocks p{
	line-height: 1.4em;
	font-size: 1em;
}
#blq-content #blocks .blockText,
#blq-content #blocks blockquote{
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 1.2em;
}
#blq-content #blocks .blockText p{
	margin-bottom: 1.2em;
}
#blq-content #blocks blockquote{
	margin-left: 20px;
	margin-right: 20px;
}

#blq-content #blocks .smallprint{
	font-size: 0.9em;
	font-weight: normal;
}

/* Hide caption title for non-JS */
#blq-content #blocks p.captionTitle{
	display: none;
}

/* Show caption title for JS */
.js #blq-content #blocks p.captionTitle{
	display: block;
	font-weight: bold;
	cursor: pointer;
}

/* Hide caption text for JS */
.js #blq-content #blocks p.captionText{
	display: none;
}

/* Caption text without a title */
#blq-content #blocks .captionTextNoTitle{
	text-align: center;
}

#blq-content #blocks .youtube, #blq-content #blocks .flash{
	text-align: center;
}

#blq-content #blocks .youtube-text{
	text-align: center;
	margin: 0.8em 0 0.8em;
}

/* No border for audio highlight icon */ 
#blq-content #blocks .audio-highlight img{
	border: none;
}


/* ====================== */
/* homepage banner */
/* ====================== */

div.home-banner{
	clear: both;
	margin-bottom: 1em;
}

/* homepage text banner */
#content .home-banner-text{
	clear: both;
	_float: left;
	_display: inline;
	width: 436px;
	margin: 0 14px 1em 10px;
	padding: 0.6em 10px 0.6em 10px;
	border: solid;
	border-width: 4px 0;
	font-weight: bold;
	font-size: 1.1em;
}
#content .home-banner-text a{
	font-weight: bold;
	text-decoration: none;
}
#content .home-banner-text a:hover{
	text-decoration: underline;
}

/* ====================== */
/* articles */
/* ====================== */

#articles{
	clear: both;
}
#blq-content.page-news #desc{
	width:auto;
	overflow:hidden;
}
#blq-content.page-news #desc img{
	float:left;
	margin:0.2em 10px 1em 0;
}
#blq-content.page-news #desc p{
	margin-bottom:0.66em;
}
#blq-content.page-news #desc p.rss-feed a span{
	display:block;
	float:left;
	width:35px;
	height:32px;
	background:url(/staticarchive/6570273a57f511054a3654d3f93711d5cbabdab9.png) left top no-repeat;
}
#blq-content.page-news #articles{
	padding-top:10px;
}

#articles .article{
	margin: 0 0 1.1em 0;
	width: 466px;
	overflow: hidden;
}
#blq-content.page-news #articles .article{
	padding-top:2.8em;
	position:relative;
}
#blq-content.page-news #articles .article.hide{
	display:none;
}

#articles hr{
	height: 0.3em;
	border: 0;
}

#blq-content.page-news #articles hr{
	clear:both;
}

#articles .article img{
	float: left;
	margin: 0 8px 0.66em 0;
}
#articles .article.hasImage h2, #articles .article.hasImage h3, #articles .article.hasImage strong, #articles .article.hasImage p{
	margin-left: 96px;
}

#articles .article.second{
	padding: 10px 0;
}

#articles h2, #articles h3{
	font-size: 1.17em;
}

#articles strong{
	margin-top: 2px;
	display: block;
	font-size: 1em;
	font-weight: normal;
}

#articles p{
	margin-top: 0.52em;
	font-size: 1em;
	line-height: 1.4em;
}
#articles p strong{
	font-weight: bold;
}

#articles p.comment{
	font-size: 0.9em;
}
#blq-content.page-news #articles .article h2{
	font-size:1.2em;
}
#blq-content.page-news #articles .article h2, #blq-content.page-news #articles .article p{
	margin-left:10px;
	margin-right:10px;
}
#blq-content.page-news #articles p.news-source{
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0 10px;
	width:446px;
	height:2.2em;
	line-height: 2.2em;
	overflow:hidden;
	font-size: 1em;
	background-color:#f1f1f1;
}
#blq-content.page-news #articles .pagination{
	clear:both;
	padding:0 10px;
	height:2.2em;
	line-height:2.2em;
	text-align:right;
	background-color:#ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#blq-content.page-news #articles .pagination a {
	font-weight:bold;
	padding:0 3px;
}
#blq-content.page-news #articles .pagination a.selected {
	color:#000;
	text-decoration:none;
}

/* ====================== */
/* Promo boxes */
/* ====================== */

.articles-box{
	clear: both;
	margin: 0 0 1.5em 0;
	width: 464px;
	position: relative;
	float: left;
	_display: inline;
}
.articles-box h2{
	padding: 7px 9px 8px 9px;
	font-size: 1.2em;
}
#content .articles-box p.header-addon{
	position: absolute;
	top: 7px;
	right: 10px;
	font-size: 1em;
}
.articles-box ul{
	float: left;
	padding: 8px 9px 4px 9px;
}

.articles-box ul li{
	margin: 0;
	float: left;
	width: 201px;
	padding-bottom: 0.6em;
	font-size: 1em;
	line-height: 1.4em;
}
.articles-box ul li.col1{
	clear: left;
	_display: inline;	
	margin-right: 34px;
}

/* ====================== */
/* Promos */
/* ====================== */

.promo{
	clear: both;
	margin: 1.5em 0;
	border-top:1px dotted #666;
}
.promo h2{
	margin: 0.56em 0;
	font-size: 1.17em;
}
#content .promo h2 a{
	text-decoration: none;
}
#content .promo h2 a:hover{
	text-decoration: underline;
}

.promo img{
	float: left;
	margin:0 8px 0.33em 0;
}
.promo h3{
	font-size: 1em;
	margin-bottom: 8px;
}

.promo p{
	font-size: 1em;
	line-height: 1.4em;
}

.promo p.comment{
	font-size: 0.9em;
}
.promo.news p.comment{
	margin-top: 1em;
}

.promo ul{
	margin-bottom: 0.8em;
}
.promo ul li{
	margin-bottom: 0.3em;
	font-size: 1em;
	line-height: 1.4em;
}

.promo.small{
	clear: none;
	float: left;
	_display: inline;
	width: 226px;
	margin: 0 0 1.5em 0;
	border-top:1px dotted #666;
}
.promo.small.col1{
	clear: left;
	margin-right: 14px;
}


/* ------------------------- */
/* related and more articles */
/* ------------------------- */

#related-links, #more-articles{
	margin: 0 0 2em 0;
	width: 226px;
	float: left;
	_display: inline;
	border-top:1px solid #999;
}
#related-links h2, #more-articles h2{
	font-size: 1.17em;
	line-height: 1.4em;
	margin: 0.66em 0;
}
#related-links{
	clear: both;
	margin-right:14px;
}

/* on their own */
#related-links.solo,
#more-articles.solo{
	width: 466px;
	float: none;
	margin-right: 0;
}
#more-articles.solo{
	clear: both;
}

/* -- related links -- */
#related-links ul li{
	font-size: 1em;
	line-height: 1.4em;
}

/* -- more articles (tags) -- */
#more-articles p{
	font-size: 1em;
	line-height: 1.4em;
}


/* ====================================== */
/* More from Ouch & Bookmark (socialbars) */
/* ====================================== */

#more, #bookmark, #mb-help{
	clear: both;
	position: relative;
	margin-top:1.5em;
	border-top:1px solid #999;
	width: 466px;
	overflow:hidden;
}
#more h2, #bookmark h2, #mb-help h2{
	font-size: 1.17em;
	margin: 0.56em 0;
}

#more ul, #bookmark ul, #mb-help ul{
	position: relative;
	width: 466px;
	overflow:hidden;
}
#more ul li, #bookmark ul li, #mb-help ul li{
	float:left;
	display:block;
	width:186px;
	margin:0 0 0.5em 0;
	padding:0 0 0 40px;
	position:relative;
}
#more ul li.col1, #bookmark ul li.col1, #mb-help ul li.col1{
	margin-right:14px;
}
#more ul li a, #bookmark ul li a, #mb-help ul li a{
	font-size: 1.1em;
	font-weight:bold;
}
#more ul li a span, #bookmark ul li a span, #mb-help ul li a span{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:30px;
	height:30px;
}
#more .mo-twitter a span{
	background:url(/staticarchive/d942723b38b89e26ae06de2d55488fbfa270c2b1.png) 0 0 no-repeat;
}
#more .mo-youtube a span{
	background:url(/staticarchive/cab52b685636ceacd2ef8bce4e4155fcecdb4991.png) 0 0 no-repeat;
}
#more .mo-flickr a span{
	background:url(/staticarchive/9e408f6191abb1e1d5db305538e8f847ab3f80cd.png) 0 0 no-repeat;
}
#more .mo-facebook a span, #bookmark .bm-facebook a span{
	background:url(/staticarchive/bfcdc3b544af24263b04ae3213b4f7d1b5dd2ce6.png) 0 0 no-repeat;
}
#bookmark .bm-delicious a span{
	background:url(/staticarchive/e57577cac886a7f4c9434ce8737315a85dfd1073.png) 0 0 no-repeat;
}
#bookmark .bm-digg a span{
	background:url(/staticarchive/bd5f503b5dbda87e4ebfa243e0efb9e5ee4b2d7a.png) 0 0 no-repeat;
}
#bookmark .bm-stumbleupon a span{
	background:url(/staticarchive/b2d8775ba3c47d2b99194072e731f22d9d6e66af.png) 0 0 no-repeat;
}
#bookmark .bm-reddit a span{
	background:url(/staticarchive/76db6060e03559906a38a13487e1f342b11126c5.png) 0 0 no-repeat;
}
#mb-help .mb-mydiscussion a span{
	background:url(/staticarchive/8b33c6318f3d597da716f0622e7154f9d3667d0c.png) 0 0 no-repeat;
}
#mb-help .mb-houserules a span{
	background:url(/staticarchive/503da46077c2faf4fe23b382558d2b1816d41b03.png) 0 0 no-repeat;
}
#mb-help .mb-faq a span{
	background:url(/staticarchive/8c348a803f3a6e6cfe2502bddb694b94292f4da3.png) 0 0 no-repeat;
}
#mb-help .mb-smileyguide a span{
	background:url(/staticarchive/e108ac40dbf28616868ec8ba3d2c2c40bcba63b7.png) 0 0 no-repeat;
}

#bookmark p.header-addon{
	position: absolute;
	font-size: 0.9em;
	top: 9px;
	right: 0;
}
#bookmark p.header-addon a{
	text-transform:uppercase;
	text-decoration:none;
}
#bookmark p.header-addon a:visited{
	text-decoration:none;
}
#bookmark p.header-addon a:hover{
	text-decoration:underline;
}


/* ============================= */
/* Community Panel */
/* ============================= */
#community-panel hr{
	position: absolute;
	left: -5000px;
}
#community-panel .panel {
	position:relative;
	padding:0 0 12px 0;
	margin-top:30px;
	margin-bottom:10px;
}
#community-panel #podcast-panel.panel{
	padding-top:0;
}
#community-panel .header{
	min-height: 2.75em;
	_height:2.75em;
	border-bottom:4px solid #fff;
}
#community-panel #blogs-panel.panel .header{
	margin-top:-3em;
}

#community-panel h3{
	padding: 0.7em 88px 0.4em 10px;
	font-size: 1.25em;
	min-height: 1em;
	_height: 1em;
}
#community-panel h3 a { text-decoration: underline; }
#community-panel h3 a:visited { text-decoration: none; }
#community-panel h3 a:hover { text-decoration: none; }
#community-panel h3 a:active { text-decoration: none; }
#community-panel h3 span{
	display:block;
	width:85px;
	height:55px;
	position:absolute;
	right:0;
	top:-7px;
}
#community-panel .content{
	padding: 7px 10px;
}
#community-panel .content strong{
	font-weight: bold;
}
#community-panel #podcast-panel p{
	margin:0 0 10px 0;
	padding:0 0 0 37px;
	position:relative;
}
#community-panel #podcast-panel p a span{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:27px;
	height:27px;
}
#community-panel #podcast-panel p.what{
	padding-left:20px;
	background:url(/staticarchive/414766dd0f1cd5026c8d7fd97d000c2970e7d1aa.gif) left center no-repeat;
}
#community-panel #podcast-panel p.what a{
	color:#666c6f;
	font-size:0.9em;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}
#community-panel #podcast-panel p.what a:hover{
	text-decoration:underline;
}
#community-panel #podcast-panel p.what a span{
	width:20px;
	height:1.4em;
}
#community-panel #podcast-panel p.download{
	background:url(/staticarchive/f8b36ab63bb2b9e15a0a910829f5344a2f9191a4.png) left top no-repeat;
}
#community-panel #podcast-panel p.feed{
	margin-bottom:0;
	background:url(/staticarchive/6570273a57f511054a3654d3f93711d5cbabdab9.png) left top no-repeat;
}

#community-panel p.subheading{
	font-size: 1em;
	margin-bottom: 0.2em;
}

#community-panel p.created{
	float: right;
}

#community-panel .links{
	clear: left;
}

#community-panel .links p{
	padding-bottom: 0.6em;
}

#community-panel #blogs-panel span.clear,
#community-panel #mboard-panel span.clear{
	display: block;
}

/* Podcast panel */
#community-panel #podcast-panel ul{
	margin-top: 7px;
	overflow: hidden;
	font-size: 1.2em;
	min-height:2em;
	_height:2em;
}
#community-panel #podcast-panel ul li{
	margin-right: 4px;
	float: left;
}
#community-panel #podcast-panel ul li p{
	font-weight: bold;
	margin: 2px 0 0 11px;
}
#community-panel #podcast-panel ul li p a{
	text-decoration: underline;
}

/* blog and board and more bbc panels */
#community-panel #blogs-panel .item, #community-panel #mboard-panel .item, #community-panel #more-bbc-panel .item {
	clear: left;
	display: block;
	min-height: 58px;
	_height: 58px;
	overflow: hidden;
}
#community-panel #blogs-panel .item a img, #community-panel #mboard-panel .item a img, #community-panel #more-bbc-panel .item a img {
	float:left;
	margin:0 8px 0.5em 0;
}

/* vote panel ... redundant */
#community-panel #vote-panel #vtngTitle{
	display: none;		/* hide the "vote" title as this is already displayed */
}
#community-panel #vote-panel .vtngText{
	/*margin-left: 10px;*/
}
#community-panel #vote-panel p{
	line-height: 1.4em;
}
#community-panel #vote-panel p#vtngQuestion{
	font-weight: bold;
	/*margin: 0.75em 10px 0 10px;*/
}
#community-panel #vote-panel ol{
	margin: 1em 10px 1em 10px;
}
#community-panel #vote-panel li{
	margin-bottom: 0.3em;
}
#community-panel #vote-panel li label{
	vertical-align: text-top;
	font-size: 0.95em;
	margin-left: 5px;
}
#community-panel #vote-panel div#vtngButtonBox{
	text-align: center;
}

/* results */
#community-panel #vote-panel ol#vtngResultsList{
	/*margin-left:20px;*/
}
#community-panel #vote-panel ol#vtngResultsList li{
	width: 240px;
	overflow: hidden;
	margin-bottom: 1em;
}
#community-panel #vote-panel .vtngLabel{
	margin-bottom: 0.2em;
}
#community-panel #vote-panel .vtngBarContainer{
	clear: left;
	float: left;
	margin-right: 5px;
}
#community-panel #vote-panel .vtngBar{
	height: 0.58em;
	vertical-align: middle;
}
#community-panel #vote-panel .vtngPercent{
	float: left;
}
#community-panel #vote-panel p#vtngTotal{
	clear: left;
	font-weight: bold;
	margin:0 10px;
}
#community-panel #vote-panel p#vtngDisclaimer{
	margin-top: 0.75em;
	font-size: 1em;
}

/* most commented panel */
#most-commented-panel li{
	line-height: 1.5em;
}

#most-commented-panel a{
	font-weight: bold;
	margin-right: 3px;
}

/* nav badge sub-panel */
#navigation-badge h2{
	display:none;
}
#navigation-badge li{
	line-height: 1.5em;
}

#navigation-badge a{
	font-weight: bold;
	margin-right: 3px;
}

/* ============================= */
/* Mini site */
/* ============================= */

#minisite-banner{
	margin: 0 0 0.3em 0;
	float: left;
	_display: inline;
	width: 466px;
}
#blq-content #minisite-banner h1,
#blq-content #minisite-banner #minisite-heading{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0.5em 10px 0 10px;
	padding: 0;
	background: none;
}
#minisite-banner .images{
	float: right;
	margin-left: 10px;
}
#minisite-banner img{
	float: left;
	border: none;
	margin-left: 1px;
}

ul#minisite-nav{
	margin: 0 0 1.1em 0;
	padding: 0.3em 0 0.4em 10px;
	border-width: 1px 0;
	border-style: solid;
	clear: both;
	font-size: 1em;
}
ul#minisite-nav li{
	display: inline;
	background: transparent url(/staticarchive/46314c322144a9fcd96c70a85c874fdbf416a547.gif) no-repeat 0.1em 1px;
	padding-left: 0.5em;
}
ul#minisite-nav li.first{
	background: none;
	padding: 0;
}
ul#minisite-nav a{
	text-decoration: none;
}
ul#minisite-nav strong{
	text-decoration: underline;
	font-weight: normal;
}

#nav-info{
	margin: 0 14px 1.6em 10px;
}


/* ============================= */
/* Ouch! Comments CSS */
/* ============================= */

#comments.comments{
	clear: both;
	position:relative;
	margin: 0 0 2em 0;
	border-top:1px solid #999;
	width: 466px;
}

#comments.comments h3{
	position: relative;
	font-size: 1.17em;
	margin: 0.25em 0 0.5em 0;
	_zoom: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#comments.comments h3 a{
	position: absolute;
	right: 8px;
	top: 0.5em;
	font-size: 0.8em;
}
#comments.comments p.dna-commentbox-userstate{
	font-size: 1em;
	position: relative;
	width: 466px;
	text-indent: -800em;
	margin-bottom: 0.5em;
}
#comments.comments p.dna-commentbox-userstate a {
	position:absolute;
	right:0;
	top:0;
	padding-right:1em;
	text-transform:capitalize;
	text-align:right;
	font-weight:bold;
	color:#999;
	width:7em;
}
#comments.comments p.dna-commentbox-userstate a[xmlns="http://www.w3.org/1999/xhtml"] { text-transform:none; }
#comments.comments p.dna-commentbox-userstate a[xmlns="http://www.w3.org/1999/xhtml"]  { right:6em; z-index:2; width:30em; }
#comments.comments p.dna-commentbox-userstate a.identity-login { right:6em; z-index:2; width:30em; }

#comments.comments ul.pagination{
	text-align: right;
	padding: 0.3em 5px 0.3em 5px;
}
#comments.comments ul.pagination li{
	display: inline;
	padding-left: 0.4em;
}
#comments.comments ul.pagination li.previous span,
#comments.comments ul.pagination li.next span{
	display: none;
}

#comments.comments ul.forumthreadposts{
	margin: 2px 0 2px 0;
}

#comments.comments ul.forumthreadposts li{
	padding: 9px 0 0 0;
	position:relative;
}
#comments.comments ul.forumthreadposts li span.comment-number { padding-left:10px; }
#comments.comments ul.forumthreadposts li cite{
	font-size: 0.9em;
	width: 275px;
	display: inline-block;
	vertical-align: text-top;
}

#comments.comments ul.forumthreadposts li p{
	font-size: 1em;
	line-height: 1.4em;
	margin: 0.7em 8px 0 8px;
	padding: 0 0 0.7em 0;
}

#comments.comments ul.forumthreadposts li p.flag{
	font-size: 0.9em;
	position: absolute;
	top: 9px;
	right: 10px; 
	text-align: right;
	width: 155px;
	margin: 0;
	padding: 0;
	background: none;
}

#comments.comments p.dna-commentbox-rss{
	margin-top: 0.6em;
}
#comments.comments p.dna-commentbox-rss a{
	display:inline-block;
	font-size: 1.1em;
	padding: 0 0 0 32px;
	line-height: 2.2em;
	background-image:url(/staticarchive/6570273a57f511054a3654d3f93711d5cbabdab9.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#comments.comments #dnaacs{
	padding: 2em 0 0.5em 0;
}
#comments.comments #dnaacs label{
	display: block;
	font-weight: bold;
	margin-top: 1em;
}
#comments.comments #dnaacs textarea{
	width: 454px;
	height: 120px;
	padding: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top: 0.5em;
}
#comments.comments #dnaacs .dna-invisible{
	position: absolute;
	left: -5000px;
}
#comments.comments #dnaacs #dna-commentbox-preview{
	margin-right: 10px;
}
#comments.comments #dnaacs #dna-commentbox-submit{
	margin-top: 1em;
}
#comments.comments ul#dna-commentbox-previewArea{
	margin-top: 0.5em;
}
#comments.comments #dna-commentbox-countdown{
	display: block;
	margin-top: 0.5em;
}


/* ============================= */
/* Captioned Text */
/* ============================= */

/* Hide caption title for non-JS */
#blq-content #blocks p.captionTitle{
	display: none;
}

/* Centre captioned image titles */
#blq-content #blocks p.captionImageTitle{
	text-align: center;
}

/* Show caption title for JS */
.js #blq-content #blocks p.captionTitle{
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: 1.2em;
}

/* Hide caption text for JS */
.js #blq-content .captionText{
	display: none;
}

.js #blq-content .captionTitle a{
	text-decoration: none;
}



/* BBC-only link to page in CMS */
#cms{
	padding: 10px;
}




/* ============================= */
/* Left-hand Promos*/
/* ============================= */

div#lh-promos{
	margin: 26px 24px 0 10px;
	padding: 0;
}
div#lh-promos div.lh-promo-text,
div#lh-promos div.lh-promo-img{
	margin-bottom: 10px;
	border-style: solid;
}
div#lh-promos div.lh-promo-img{
	border-width: 4px 0;
}
div#lh-promos div.lh-promo-img img{
	display: block;
}

div#lh-promos div.lh-promo-text{
	padding: 0.4em 10px 0.6em 10px;
	border-width: 4px 0;
}
div#lh-promos p a{
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}
div#lh-promos p{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 0.3em;
}
div#lh-promos p.heading{
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
}