/*
-------------------------------------
	Spectator Magazine
  http://www.spectator.co.uk/
	author: Wide Area Communications / Leanne Tite
	http://www.widearea.co.uk

  Last updated: 10-03-08

  Global style sheet

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

/* Universal & resets 
------------------------------------*/

body {
	background: #aaa09a url("/images/background-slice.png") center repeat-y;
	background-color:#A59B95;
	margin: 0 auto;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
}
.body-nobg {
	background: #ffffff;
	margin: 0 auto;
	font:62.5% Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
	margin: 0;
	padding: 0;
}
h3 {
	color: #fff;
	font-size: 13px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
	text-decoration: none;
}
.spacer {
	margin-bottom: 10px;
}
.hide {
	visibility: hidden
}
.clear {
	clear: both;
	display:block;
}
.bold,
strong {
	font-weight: bold!important;
}
span.screenreader {
	 position:absolute;
	 left:0px;
	 top:-5000px;
	 overflow:hidden;
}
.right {
	float:right;
}
.left {
	float:left;
}

/* GLOBAL TYPOGRAPHY 
------------------------------------*/
h1 {
	font: normal 28px/100% Georgia, Times, serif;
	color: #c00;
	margin-top: 4px;
	margin-bottom: 10px;
}
h2 {
	font: normal 16px Georgia, Times, serif;
	color: #c00;
	margin-top: 2px;
	margin-bottom: 2px;
}
h2 a {
	color: #c00;
}
h2.black,
h2.black a {
	color: #000;
	font-size: 18px;
}
p
/* blockquote, 
blockquote p,
p blockquote,
*/,.text {
	font: 13px Arial, Verdana, sans-serif;
	color: #000;
} 
p a,
.text a {
	color: #c00;
}
p.quote {
	margin-left: 20px;
}
.article-img,
.article-image {
	float:left;
	margin:10px 10px 10px 0;
}
.article-image {
	margin-top:0;
}
#crumbtrail p {
	margin-top: 2px;
	margin-bottom: 0;
}
#crumbs span,
#date-crumbs p,
#crumbtrail p a {
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #666;
}
#crumbs span {
	text-transform: none;
}
#crumbs span a,
#crumbs span.breadcrumbNoLink {
	color: #c00;
}
#date-crumbs p {
	color: #c00;
	letter-spacing: .5px;
	margin-right: 38px;
}
#ticker-home {
	margin-bottom:-15px;
}
#ticker-home #TICKER {
	width:620px !important;
}
#TICKER_BODY {
	margin-bottom:0 !important;
}
#TICKER_BODY a {
	font-weight:bold;
}
ol {
	margin-bottom:10px;
	padding-left:25px;
}
ol li {
	font-size:13px;
	margin:10px 0;
}

/* LAYOUT 
------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 970px;
	background-color: #fff;
	padding: 4px 10px 12px 10px;
	height: 100%;
}
/* =============== HORIZONTAL BANNER ADS TOP ============*/
#horizontal-banner-top {
	clear:both;
	margin-top: 5px;
}
#banner-top {
	float: left;
	width: 728px;
	height: 90px;
}


/* ======================= MASTHEADS ======================= */
#logo {
	float: left;
	background: #fff url(/images/logo2.png) top left no-repeat;
	height:53px;
	margin:5px 0 0 6px;
	padding:0;
	width:365px;
	
}
#masthead {
	height:62px;
	margin:11px 0 0 0;
}
.sponsor-logo {
	margin:10px 0 0 30px;
	float:left;
}
.sponsor-logo p {
	margin:0;
}


/* ======================= ROTATING TOP LEFT BOXES ======================= */
.rotate-box {
	float: left;
	position: relative;	
	height:85px;
	margin:0 0 0 2px;
	padding:5px 10px 0;
	width:220px;
}
.rotate-box .content {
	float: left;
	height:58px;
	width: 222px;
	overflow: hidden;	
	padding-bottom:0;
}
.rotate-box .content h2 {
	line-height: 100%;
	font-size:1.4em;
	height:42px;
	margin:2px 0;
}
.name,
.name a,
.datepara {
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #666;
}
.rotate-box .name {
	float:right;
}

#coffeehouse-rotate {
	background:url(/images/bg-coffehouse-masthead_books.png) no-repeat left top;
}
img#coffeehouse-play,
img#coffeehouse-next,
img#coffeehouse-back {
	position: absolute;
	top: 71px;
	left: 193px;
}
img#coffeehouse-back {
	left: 169px;
}
img#coffeehouse-next {
	left: 217px;
}
#cappuccinoculture-rotate {
	background:url(/images/bg-cappuccinoculture-masthead.png) no-repeat left top;
}
#cappuccinoculture-rotate img#coffeehouse-play,
#cappuccinoculture-rotate img#coffeehouse-next,
#cappuccinoculture-rotate  img#coffeehouse-back {
	top: 72px;
}
#cappuccinoculture-rotate img#coffeehouse-next {
	left:215px;
}
#cappuccinoculture-rotate  img#coffeehouse-back {
	left:171px;
}

#parliamentarian #logo {
     background-image:url(/images/header-parliamentarian.png);
     width:548px;
     height:59px;
}

#australia #logo {
     background-image:url(/images/logo-spec-aus.png);
     width:202px;
     height:53px;
}



.bloggers-rotate {	
	background:transparent url(/images/bg-blogs2.png) no-repeat left top;
	float:right;
	margin:0;
	padding:32px 0 0 5px;
	position:relative;
	width:225px;
	height:58px;
	overflow:hidden;
}
.bloggers-rotate .content {
	overflow:hidden;
	height:53px;
	width:150px;
}
img#blogs-back,
img#blogs-play,
img#blogs-next {
	position: absolute;
	top:7px;
	left:95px;
	z-index:3;
}
img#blogs-play {
	left:121px;
}
img#blogs-next {
	left:147px;
}
img.blogs-writer {
	position: absolute;	
	left:auto;
	right:0;
	top:15px;
}
.blogs-rotation h2 {
	font-size:14px;
}

.spectator-live-box {
	background:url(/images/bg-live-box.png) no-repeat top left;
	width:220px;
	height:78px;
	padding-top:10px;
	overflow:hidden;
}
.spectator-live-box p {
	font:bold 13px Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
.spectator-live-box p a {
	color:#000;
}


/* ======================= NAVIGATION ======================= */

#snav-tabs ul {
	overflow:hidden;
	width:970px;
	padding-top:4px;
}
.menu-navigation {
	display:table;
	margin:0 auto;
}
.menu-navigation ul {
	display:table-cell;
}
.snav-bar-container {
	height:16px;
	overflow:hidden;
	border-top:solid 5px #000;
	padding-top:5px;
	margin:-5px 0 10px 0;
	position:relative;
}
.snav-bar {
	/* position:absolute; */
	top:5px;
	left:0;
	width:970px;
	background-color:#fff;
}
#snav-tabs li,
.snav-bar li {
	list-style-type:none;
	float:left;
	margin:0 5px;
}
#snav-tabs li {
	cursor:pointer;
	padding-top:4px;
}
#snav-tabs #last {
	margin-right:0 !important;
}
.snav-bar li {
	font:normal 1.3em Georgia, "Times New Roman", Times, serif;
	border-right:solid 1px #000;
	padding-right:10px;
}
.snav-bar li.border  {
	border-right-width:2px;
}
#snav-tabs li:hover,
#snav-tabs li.on {
	background:url(/images/menu-arrow.png) no-repeat bottom center;
	position:relative;
	z-index:2;
}
#snav-tabs li#no-arrow {
	background:none;
	padding-top:0;
}
#snav-tabs li#nav-events-bar {
	/*background:none !important;*/
}
.snav-bar li.last {
	border-right:none;
	padding-right:0;
}
#snav-tabs a {
	display:block;
	padding-bottom:10px;
	height:20px;
}
.snav-bar a {
	color:#000;
}
#snav-tabs a:hover,
.snav-bar a:hover,
.snav-bar .on a {
	color:#c00;
	text-decoration:none;
}


/* interstate black tabs 

#snav-tabs ul {
	padding-left:10px;
}
#snav-tabs li {
margin:0 18px 0 0;
}
#snav-tabs a:hover,
#snav-tabs .on a {
	background-position:0 -35px !important;
}
#snav-tabs #nav-the-spectator {
	width:82px;
	background:url(/images/nav-spectator.png) no-repeat 0 0;
}
#snav-tabs #nav-magazine {
	width:78px;
	background:url(/images/nav-magazine.png) no-repeat 0 0;
}
#snav-tabs #nav-the-spectator:hover,
#snav-tabs .on #nav-the-spectator,
#snav-tabs #nav-blogs:hover,
#snav-tabs .on #nav-blogs,
#snav-tabs #nav-store:hover,
#snav-tabs .on #nav-store,
#snav-tabs .on #nav-magazine,
#snav-tabs #nav-magazine:hover  {
	background-position:0 -39px !important;
}
#snav-tabs #nav-coffeehouse {
	width:108px;
	background:url(/images/nav-coffeehouse.png) no-repeat 0 0;
}
#snav-tabs #nav-blogs {
	width:45px;
	background:url(/images/nav-blogs.png) no-repeat 0 0;
}
#snav-tabs #nav-books {
	width:50px;
	background:url(/images/nav-books.png) no-repeat 0 0;
}
#snav-tabs #nav-culture {
	width:123px;
	background:url(/images/nav-culture.png) no-repeat 0 0;
}
#snav-tabs #nav-food-and-drink {
	width:107px;
	background:url(/images/nav-food-and-drink.png) no-repeat 0 0;
}
#snav-tabs #nav-store {
	width:43px;
	background:url(/images/nav-store.png) no-repeat 0 0;
}
#snav-tabs #nav-subscribe {
	width:82px;
	background:url(/images/nav-subscribe.png) no-repeat 0 0;
}
#snav-tabs #nav-subscriber {
	width:88px;
	background:url(/images/nav-subscriber.png) no-repeat 0 0;
}
#snav-tabs #nav-events {
	width:55px;
	background:url(/images/nav-events.png) no-repeat 0 0;
}
#snav-tabs #nav-culture:hover,
#snav-tabs .on #nav-culture {
	background-position:0 -45px !important;
}
#snav-tabs #nav-home {
	width:22px;
	background:url(/images/nav-home.png) no-repeat 0 0;
}
#snav-tabs #nav-apps {
	background:url(/images/spectator-plus/nav-apps.png) no-repeat 0 0;
	width:46px;
}
#snav-tabs #nav-apps:hover {
	background-position:0 -39px !important;
}
#snav-tabs .on a#nav-apps {
	background-position:0 -39px !important;
}*/

/**************************************************************
	Spectator Main Navigation Amendment - 06/11
**************************************************************/
#snav-tabs ul {
	padding-left:10px;
}
#snav-tabs li {
	margin: 0 13px 0 0;
}
#snav-tabs a {
	background: url(/images/spectator-nav-sprite.png) 0 0 no-repeat transparent;
}
/*#snav-tabs a:hover,
#snav-tabs .on a {
	background-position:0 -35px;
}*/
#snav-tabs li #nav-home {
	background-position: -10px -4px;
	width: 22px;
}
#snav-tabs li #nav-coffeehouse {
	background-position: -42px -8px;
	width: 91px;
}
#snav-tabs li #nav-blogs {
	background-position: -148px -8px;
	width: 40px;
}
#snav-tabs li #nav-books {
	background-position: -201px -8px;
	width: 43px;
}
#snav-tabs li #nav-culture {
	background-position: -256px -8px;
	width: 102px;
}
#snav-tabs li #nav-business-and-investments {
	background-position: -375px -8px;
	width: 165px;
}
#snav-tabs li #nav-food-and-drink {
	background-position: -554px -8px;
	width: 91px;
}
#snav-tabs li #nav-events {
	background-position: -659px -8px;
	width: 47px;
}
#snav-tabs li #nav-store {
	background-position: -720px -8px;
	width: 35px;
}
#snav-tabs li #nav-magazine {
	background-position: -769px -8px;
	width: 66px;
}
#snav-tabs li #nav-apps {
	background-position: -847px -8px;
	width: 36px;
}
#snav-tabs li #nav-subscribe {
	background-position: -898px -8px;
	width: 67px;
}
#snav-tabs #nav-subscriber {
width: 76px;
background: url(/images/nav-subscriber2.png) no-repeat -7px -3px;
}

/**************************************
	Sprite Hovers and Active Nav  
**************************************/
#snav-tabs li #nav-home:hover, #snav-tabs li.on #nav-home {
	background-position: -10px -50px;
}
#snav-tabs li #nav-coffeehouse:hover, #snav-tabs li.on #nav-coffeehouse {
	background-position: -42px -54px;
}
#snav-tabs li #nav-blogs:hover, #snav-tabs li.on #nav-blogs {
	background-position: -148px -54px;
}
#snav-tabs li #nav-books:hover, #snav-tabs li.on #nav-books {
	background-position: -201px -54px;
}
#snav-tabs li #nav-culture:hover, #snav-tabs li.on #nav-culture {
	background-position: -256px -54px;
}
#snav-tabs li #nav-business-and-investments:hover, #snav-tabs li.on #nav-business-and-investments {
	background-position: -375px -54px;
}
#snav-tabs li #nav-food-and-drink:hover, #snav-tabs li.on #nav-food-and-drink {
	background-position: -554px -54px;
}
#snav-tabs li #nav-events:hover, #snav-tabs li.on #nav-events {
	background-position: -659px -54px;
}
#snav-tabs li #nav-store:hover, #snav-tabs li.on #nav-store {
	background-position: -720px -54px;
}
#snav-tabs li #nav-magazine:hover, #snav-tabs li.on #nav-magazine {
	background-position: -769px -54px;
}
#snav-tabs li #nav-apps:hover, #snav-tabs li.on #nav-apps {
	background-position: -847px -54px;
}
#snav-tabs li #nav-subscribe:hover, #snav-tabs li.on #nav-subscribe {
	background-position: -898px -54px;
}


/* ======================= SEARCH/PREFERENCE CENTRE LINKS ======================= */

.search-links {
	float:right;
	width:300px;
	position:relative;
}
.search-links #search-bar {
	float:right;
	background:url(/images/bg-btn-search.png) no-repeat 0 0;
	width:240px;
	height:30px;
}
.search-links input#search {
	float:right;
	width:191px;
	height:15px;
	border:none;
	background:url(/images/blank.gif) repeat 0 0;
	margin-top:6px;
}
.search-links input#search-button {
	padding:0;
	height:30px;
	width:31px;
	float:right;
	border:none;
	background:url(/images/blank.gif) repeat 0 0;
	text-indent:-999em;
	cursor:pointer;
	margin-left:7px;
	font-size:0;
	padding-top:30px;
}
.subscribe-message {
	position:absolute;
	top:40px;
	right:0;
	text-align:right;
	width:420px;
}
.subscribe-message p {
	margin:0;
}
#pref-centre-links {
	float:right;
}
.pref-centre-notloggedin {
	overflow:hidden;
	width:300px;
}
a.btn-register,
a.btn-login,
a.btn-edit-profile,
a.btn-logout {
	display:block;
	width:127px;
	height:27px;
	background:url(/images/btn-register3.png) no-repeat 0 -38px;
	float:right;
	margin:0 -60px 0 0;
	color:#fff;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding-top:11px;
	text-align:center;
}
a.btn-register:hover,
a.btn-login:hover,
a.btn-edit-profile:hover,
a.btn-logout:hover {
	background-position:0 0;
	text-decoration:none;
}
a.btn-login,
a.btn-logout {
	background:url(/images/btn-login4.png) no-repeat 0 -38px;
	margin:0;
	color:#cf1920;
	text-align:right;
	padding-right:18px;
	width:102px;
}


/* ======================= CRUMBTRAIL ======================= */

#crumbtrail {
	background-color:#F0F0F0;
	margin-bottom:10px;
	padding:4px 10px 5px 0;
}
#crumbs {
	float: left;
	margin-left: 10px;
	max-width: 630px;
	margin-top: 2px;
}
#date-crumbs {
	float: right;
}
#rss {
	float: right;
}
.rss-link {
	float: left;
}
#rss img {
	float: left;
	margin:3px 12px 0 4px;
}
#rss img .plusIcon {
	float: left;
	margin: 1px 2px 0 4px;
}
#faqs-link {
	margin-left:12px;
}


/* ======================= CONTENT ======================= */

.module,
.flash-ad-rhs {
	margin-bottom:20px;
}

.button-red {
	display:block;
	cursor:pointer;
	background:url(/images/button-red-right.png) no-repeat bottom right;
}
.button-red span {
	display:block;
	color:#fff;
	width:auto;
	background:url(/images/button-red-left.png) no-repeat bottom left;
	padding:13px 30px 0 30px;
	height:27px;
	font-size:12px;
	left:-26px;
}
.button-red:hover {
	background-position:top right;
	text-decoration:none;
}
.button-red:hover span {
	background-position:top left;
}

/* LEFT HAND SIDE */

#left-vertical {
	float:left;
	margin:0 15px 20px 0;
	width:160px;
}
h4.box {
	color:#000;
	font:bold 11px Arial, Helvetica, sans-serif !important; 
	text-transform:uppercase;
	margin-bottom:5px !important;
}
h4.box a {
	color:#fff !important;	
	font:bold 11px Arial, Helvetica, sans-serif !important; 
}
h4.extra-links {
	clear:none;
	float:left;
	margin:0 6px 0 11px !important;
	text-transform:none !important;
}
h4.extra-links a {
	color:#fff !important;
}
#arts-and-culture h4.extra-links {
	margin:0 2px 0 11px !important;	
}
#current-issue {
	/* border-bottom: solid 1px #d9d9d9; */
	text-align:center;
}
#current-issue .header {
	padding: 5px 5px 4px 8px;
	height:19px;
	/*margin-bottom: 3px;*/
	text-align: center;
}
#current-issue .header h4.box {
	font:16px/140% Georgia, "Times New Roman", Times, serif;
	text-transform:none;
}
#current-issue .header a {
	color:#fff;
}
#current-issue .content {
	padding:0 !important;
	background-color:#394D88;
}
#current-issue img {
	margin:0 auto;
	display: block;
	width: 154px;
	padding-top: 3px;
	padding-bottom: 5px;
}
#current-issue h4 a {
	color:#fff; 
}
.my-spectator {
	margin-bottom:20px;
}
.my-spectator .header {
	background-color:#ddd;
	font:bold 1.6em/140% Georgia, Times, serif;
	padding:5px 5px 4px 8px;
}
.my-spectator h4.box {
	color:#fff;
}
.my-spectator .content {
	padding:8px 4px 0px 8px;
	background:#FFE1E1 /* url(/images/my-s.png) no-repeat right 5px */;
/*	min-height:102px; */
	height:auto !important;
/*	height:102px; */
	border:solid 1px #ddd;
	border-top:none;
}
.my-spectator p {
	margin-top:0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	width:100px;
}
.button-register-pref {
	display:block;
	width:113px;
	height:40px;
	background:url(/images/button-register-small.png) no-repeat 0 -40px;
}
.button-register-pref:hover {
	background-position:0 0;
}

.button-login-pref {
	display:block;
	width:113px;
	height:40px;
	background:url(/images/button-login-small.png) no-repeat 0 -40px;
}
.button-login-pref:hover {
	background-position:0 0;
}

.button-editprofile-pref {
	display:block;
	width:113px;
	height:40px;
	background:url(/images/button-editprofile-small.png) no-repeat 0 -40px;
}
.button-editprofile-pref:hover {
	background-position:0 0;
}


.button-logout-pref {
	display:block;
	width:113px;
	height:40px;
	background:url(/images/button-logout-small.png) no-repeat 0 -40px;
}
.button-logout-pref:hover {
	background-position:0 0;
}




.my-spectator .button-register-pref,
.my-spectator .button-login-pref,
.my-spectator .button-editprofile-pref,
.my-spectator .button-logout-pref {
	margin:-5px 0 0 -10px;
}
li.progress img {
	display:block;
	margin:0 0 10px 0 !important;
}
#pref-centre-links {
	float:right;
}
#shop-box {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
#shop-box a:hover {
	text-decoration: none;
}
#shopbox-header,
#eventsbox-header,
#lifebox-header {
	background-color: #c5c5c5;
	padding: 2px 4px 2px 8px;
}
#shopbox-header img,
#eventsbox-header img {
	margin-top: 4px;
	margin-bottom: 2px;
}
#shopbox-bottom,
#eventsbox-bottom,
#lifebox-bottom  {
	padding: 6px 5px 10px 6px;
	border-bottom: solid 1px #ddd;
}
#events-box {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
#life-box {
	background-color: #e8e8e8;
	margin-bottom: 14px;
	width: 220px;
	float: right;
}
#staff-picks {
	width: 160px;
	margin-bottom: 20px;
}
#staff-picks-header {
	height: 14px;
	padding: 7px 8px 5px 10px;
	background:url(/images/header-staffpicks.png) 0 0 no-repeat;
}
#staff-picks-body {
	background-color: #fbe4a0;
	width: 145px;
	padding: 1px 5px 8px 10px;
}
#staff-picks-footer {
	width: 160px;
	height: 6px;
	background:url(/images/footer-staffpicks.gif) 0 0 no-repeat;
}
#staff-picks-body img {
	float: left;
	margin-right: 7px;
}
div#staff-picks-body div {
	float: left;
	width: 90px;
}
.box-bold,
.box-bold a {
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #000;
  	margin-top: 9px;
	margin-bottom: 7px;
}

#skyscraper {
	margin-bottom:20px;
}
#special {
	margin-bottom:20px;
	background-color: #e2eaf7;
}
#special-header {
	background-color: #c0c7d2;
	padding: 5px 5px 4px 8px;
	margin-bottom: 8px;
}
#special-header img {
	margin-top: 1px;
}
img#special {
	float: right;
}
#special-bottom {
	padding: 0 4px 6px 8px;
}
#special-bottom img {
	margin: 14px 0 4px 4px;
}
#pick-week {
	background-color: #e2eaf7;
	margin-bottom:20px;
}
#pick-week-header {
	padding: 5px 5px 4px 8px;
	background-color: #c0c7d2;
}
#pick-week1,
#pick-week2,
#pick-week3 {
	padding: 6px 8px 8px 8px;
	border-bottom: solid 1px #fff;
	background-color: #e2eaf7;
}
#pick-week3 {
	border:0;
}
.box-grey {
	color:#333;
	font:bold 11px Arial, Helvetica, sans-serif;
}


/* CENTRE */
#centre {
	border-left:2px solid #E9E9E9;
	border-right:2px solid #E9E9E9;
	float:left;
	margin-right:9px;
	padding:0 9px;
	width:464px;
}
.col-left {
	float:left;
	margin-right:15px;
	width:215px;
}
.col-right {
	float:right;
	width:232px;
}
.listing {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:12px;
	padding-bottom:8px;
}
.listing h2 {
	font:normal 2em Georgia, "Times New Roman", Times, serif;
}
.listing p {
	margin-top:6px;
}


/* COLOURED BOXES */


.box .header {
	padding:5px 6px 4px 12px;
}
.box .header h3 {
	font:18px Georgia, "Times New Roman", Times, serif;
}
.box .header h3,
.box .header h3 a {
	color:#fff;
}
.box .small {
	color:#fff;
	font-size:11px;
	margin-top:6px;
	display:block;
}
.box .content {
	padding:1px 12px 12px 12px;
	margin-bottom: 20px;
}

.box .nopad {
	padding: 0px 2px 2px 2px;
	margin-bottom: 20px;
}

.box .content p {
	margin:12px 0 0 0;
	font-size:13px;
}

.box .content p.stripe {
	margin:0;
	padding: 3px 3px 3px 3px;
	font-size:13px;
	background-color: #fdd;
}


.box .content p.white {
	margin:0;
	padding: 3px 3px 3px 3px;
	font-size:13px;
	background-color: #fff;
}

.box .content p a {
	font:bold 13px Arial, Helvetica, sans-serif;
}
.box .content p.more a {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}
.box .content .body-words {
	margin-top:0;
}
.box .content .name {
	display:block;
}
.box .content .name a {
	color:#666;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.box .content a {
	color:#333;
}
.box .content p.article-body {
	margin-top:0;
}
.box .col-left {
	width:200px;
	margin-right:0;
}
.box .col-right {
	width:220px;
}
.box .content ul li {
	list-style-type: none;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.box .content ul li a {
	color: #000;
}
.pink .header {
	background-color:#873852;
}
.pink .content {
	background-color:#F6E1EA;
}
.blue .header {
	background-color:#394D88;
}
.blue .content {
	background-color:#E2EAF7;
}
.yellow .header {
	background-color:#868738;
}
.yellow .content {
	background-color:#F6F3E1;
}
.grey .header {
	background-color: #333;
}
.grey .content {
	background-color: #ddd;
}
.gold .header {
	background-color:#8B722C;
}
.gold .content {
	background-color:#D7CEBB;
}
.pink-grey .header {
	background-color:#ddd;
}
.pink-grey .content {
	background-color:#ffe1e1;
	border:solid 1px #ddd;
	border-top:none;
}

.spec-red .header {
	background-color:#c00;
}
.spec-red .content {
	background-color:#c00;
	border:solid 1px #c00;
	border-top:none;
}



.cartoon .content {
	padding:0;
	background:none;
}
p.cartoon {
	text-align:center;
}

/* RIGHT HAND SIDE */
#right-vertical {
	float:left;
	width:300px;
}
#mpu {
	margin-bottom:20px;
}
.advertisement {
	color:#8C8C8C;
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	margin:0 0 4px 85px;
	text-transform:uppercase;
}
.sl-header {
	border-bottom:2px solid #CCCCCC;
	margin-bottom:8px;
}
.sl-header h2 {
	color:#000;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0 0 4px;
	text-transform:uppercase;
}

.module input#search {
	border-left:1px solid #9A9A9A;
	border-top:1px solid #9A9A9A;
	float:left;
	height:15px;
	margin:0 8px 0 0;
}
.module input#search-button {
	margin-top:3px;
}
.tagcloudElement {
	color:#000 !important;
}
.tagcloudElement:hover {
	color:#c00 !important;
	text-decoration:none !important;
}

/* BOXES */

#right-vertical .box .content p {
	font:bold 12px Arial, Helvetica, sans-serif;
}
#right-vertical .box .content p a {
	color:#000;
}
.module .content {
	padding-top:12px;
}
.module .article p {
	margin:0;
}
.module .article {
	padding-bottom:10px;
}
.module .header h3 {
	font-size:16px;
}
.toggleheader {
	background:url(/images/bg-module-arrow.png) no-repeat left center;
	padding-left:20px !important;
	width:274px;
	overflow:hidden;
}
.toggleheader h3 {
	float:left;
	width:200px;
}
span.arrow {
	display:block;
	float:right;
	cursor:pointer;
	height:12px;
	margin-top:4px;
	width:60px;
}
.togglelink .open,
.toggle .closed .closed {
	background:url(/images/module-arrow.png) no-repeat 0 0;
}
.togglelink .closed,
.toggle .closed .open {
	background:url(/images/module-arrow.png) no-repeat 0 -12px;
}
.latest-blogger-post {
	padding-bottom:10px;
}
.latest-blogger-post img {
	display:block;
	float:left;
	margin:0 14px 7px 0;
}
.latest-blogger-post a {
	color:#000;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.redbold,
.box .content .redbold {
	color:#C00;
}
#module-cartoons img {
	display:block;
	margin:0 auto;
}


/* ==================== MOST POPULAR/COMMENTED ON BOX ============================= */


#most-popular-stories .content {
	padding:12px 0 0 0;
	background-color:#fff;
	border:solid 1px #ddd;
}
#most-popular-stories .module {
	margin:0;
}
#popular-stories .tabs {
	overflow:hidden;
	width:300px;
}
#popular-stories li {
	float:left;
	font:15px Georgia, "Times New Roman", Times, serif;
	background:url(/images/popular-tab-left.png) no-repeat bottom left;
	list-style-type:none;
}
#popular-stories li a {
	display:block;
	padding:4px 15px 4px 8px;
	padding-right:0;
	margin-left:10px;
	border-top:solid 1px #eaeaea;
	border-right:solid 1px #eaeaea;
	color:#666;
}
#popular-stories li a:hover {
	color:#fff;
}
.tabs a:hover,
#popular-stories .on a {
	background-color:#333;
	color:#fff;
	text-decoration:none;
}
#popular-stories #most-read {
	width:100px;
}
#popular-stories #most-commented-on {
	width:185px;
}
#popular-stories #last {
	border-bottom:solid 1px #eaeaea;
	background:none;
	padding-top:8px;
	width:15px;
	margin-top:17px;
}
#popular-stories .digit {
	color:#4D4D4D;
	border:solid 1px #eaeaea;
	padding:3px 8px;
	margin-right:10px;
	display:block;
	float:left;
	width:16px;
	text-align:center;
}
#popular-stories .module-content {
	padding:6px;
	/*border:solid 1px #eaeaea;
	border-top:none;*/
	display:none;
}
#popular-stories .module-content p {
	width:286px;
	overflow:hidden;
	margin:5px 0;
}
#popular-stories .module-content a {
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	width:240px;
	display:block;
	float:left;
}
#popular-stories .active {
	display:block;
}



/* ==================== SPECTATOR BOXES BOTTOM =================== */
#spectator-bottom {
	clear: both;
	padding: 20px 0 20px 0;
	border-bottom: solid 4px #ccc;
	margin-bottom: 10px;
	width: 970px;
	border-top: solid 3px #ccc;
	border-top:none;
	padding-top:0;
}
#spectator-bottom img {
	display:block;
}
#spectator-bottom-left {
	float: left;
}
#spectator-recommends-header {
	margin-right: 8px;
}
#spectator-recommends-body {
	height: 100px;
	overflow: hidden;
	width: 335px;
	padding: 0 0 0 12px;
	border-left: solid 4px #999;
	border-right: solid 4px #999;
	position:relative;
}
#spectator-recommends-body .recommends-ad {
	position:absolute;
	top:0;
	left:0;
}
#spectator-recommends-body-left {
	float: left;
	width: 155px;
	margin: 0 12px 6px 0;
}
#spectator-recommends-body-right {
	float: left;
	width: 151px;
	margin: 0 8px 6px 0;
}
#spectator-bottom-right {
	float: left;
	width: 606px;
}
#spectator-classifieds-body {
	height: 100px;
	float: left;
	border-left: solid 4px #999;
	border-right: solid 4px #999;
	padding: 0 0 0 12px;
}
#spectator-classifieds-body-left {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 20px 6px 0;
	width: 175px
}
#spectator-classifieds-body-centre {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 20px 6px 0;
	width: 175px
}
#spectator-classifieds-body-right {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 21px 6px 0;
	width: 174px;
}

/* ===================== HORIZONTAL BANNER BOTTOM ============ */
#horizontal-banner-bottom {
	border-bottom: solid 4px #ccc;
	padding-bottom: 12px;
}
#links {
	float: left;
	padding: 4px 8px;
	margin-right: 16px;
	width: 208px;
	background-color: #f0f0f0;
}
#banner-bottom {
	width: 728px;
	height: 90px;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 16px;
}
#spectator-recommends-body p,
#spectator-classifieds-body p { 
	margin-top: 4px;
	font-size: 10px
}
#spectator-recommends-body h2, 
#spectator-classifieds-body h2 {
	font-size: 14px
}
#links p,
#links p a {
	margin-bottom: 9px;
	font-size: 10px;
	color: #666;
}


/* articles */

#subline {
	margin: 10px 0 14px 0;
	border-top: solid 2px #ccc;
	background-color: #f0f0f0;
	padding: 4px 8px;
}
#subline #name {
	float: left;
}
#subline #date {
	float: right;
}
#article-image img {
	float: left;
	margin: 0 12px 4px 0
}
#text,
#bodyText {
	margin-bottom: 30px;
	font:13px Arial, Verdana, sans-serif;
	color: #000;
}
#text blockquote {
	clear: both;
}
#text a {
	color:#c00;
}
#text img {
	float: left;
	margin-right: 12px;
}
#bodyText p {
	font-size: 13px;
}
#actions {
	margin-bottom: 20px;
}
.actions {
	margin-bottom: 12px;
}
#jump {
	margin-bottom: 40px;
}
#jump p,
#jump p a {
	display: inline;
	font-weight: bold;
	color: #333;
}
#previous-page {
	float: left;
}
#page-number {
	float: left;
	text-align: center;
}
#previous-page {
	margin-right: 70px
}
.page-number, .page-number-on {
	margin-right: 20px;
}
img#arrow-left {
	float: left;
	margin: 2px 6px 0 0;
}
img#arrow-right {
	float: right;
	margin: 2px 0 0 6px;
}
#next-page {
	float: right;
}
#subscribe-now img {
	margin-left: 140px;
	margin-bottom: 30px;
}


/* Coffeehouse style blog */

.date {
	border-bottom:2px solid #CCC;
	margin-bottom:16px;
	padding-bottom:4px;
}
.date h3 {
	font:15px Georgia, "Times New Roman", Times, serif;
}
.date h3 a {
	color:#666;
}
.story {
	border-bottom: solid 3px #ccc;
	margin-bottom: 20px;
	color: #000;
	font:13px Arial, Helvetica, sans-serif;
}
.story a {
	color: #c00;
}
.story .name-black a {
	color: #000;
}
.story-last {
	border-bottom: 0;
	margin-bottom: 0;
}
.story ul,
#text ul {
	padding-left:25px;
	margin-bottom:10px;
}
.story img, .story-last img {
	float: left;
	margin: 4px 14px 4px 0;
}
a.arrow-link {
	background: url("../images/page-arrowR.png") right no-repeat;
	padding-right: 16px;
}
.name-black {
	text-transform: uppercase;
	color: #000;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.name-black a {
	color: #000;
}
.time {
	color: #666;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.entry {
	color: #666;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.entrya {
	color: #c00;
}
.redbold, .blue-box .redbold {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #c00;
}
a.redbold, .blue-box a.redbold {
	color: #c00;
}
#coffeehouse-masthead {
	float: left;
	position: relative;
	width: 273px;
	height: 111px;
	padding: 14px 14px 0 14px;
	margin-bottom: -7px;
	background: transparent url("/images/bg-coffeehouse-masthead.png") 0 0 no-repeat;
}
#coffeehouse-masthead h2 {
	font: 13px Georgia, Times, serif;
	color: #c00;
}
#article-image p {
	color:#C00;
	font:bold 14px/130% Arial, Helvetica, sans-serif;
}

/* odometer */

#odometer h3 a {
	font-size:15px;
}
#odometer .header {
	padding-left:6px;
	padding-right:0;
}
#odometer .content {
	padding-bottom:0;
}
#odometer .debt {
	width:276px;
	overflow:hidden;
	padding-bottom:10px;
}
#odometer .debt * {
	float:left;
	display:block;
	margin:0;
}
#odometer .debt img {
	margin-right:10px;
}
#odometer .pound {
	font:bold 1.8em Arial, Helvetica, sans-serif;
	margin:-2px 5px 0 0;
}
#odometer #odometerDiv2 {
	margin-right:10px;
}

/* --------------- COMMENTS BOX ---------- */
#comments {
	margin-top: 30px;
}
.comments-header,
.post-header {
	background-color: #d7cebb;
	background-color:#fff;
	padding: 4px 6px 4px 12px;
}

.comments-box,
.post-box {
	margin: 0 0 12px 4px;
}
.comment {
	padding: 8px 0 8px 0;
	border-bottom: solid 1px #ccc;
}
.comment-last {
	padding-top: 8px;
}
.comment .column1,
.comment-last .column1,
.post-box .column1 {
	float: left;
	width: 150px;
	margin-right: 16px;
}
.comment .column2,
.comment-last .column2,
.post-box .column2 {
	float: left;
	width: 280px;
}
.comment .column1 a {
	display:block;
	font-size:11px;
	color:#c00;
	margin-top:10px;
}
#comments h3 {
	color: #000;
	font-size: 14px;
}
#comments h4,
#post h4,
#post .post-header h3,
.comment h4 {
	color: #000;
	font:bold 13px Arial, Helvetica, sans-serif;
	margin-top: 12px;
}
#post .post-header h3 {
	margin-top: 0;
}
.comment-date {
	display: block;
	margin-top: 0;
	color: #999;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#post p {
	margin: 0;
}
.post-header {
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-top:10px solid #ccc;
	padding:10px 0;
}
.post-header img {
	display:block;
}

/* ==================== PAGINATION ============================= */
div.pagination-top,
div.pagination-bottom {
	margin: 0 6px 20px;
	padding: 4px 0 3px;
	height: 20px;
	text-align: center;
	clear: both;
	font:bold 13px Arial, Helvetica, sans-serif;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}
div.pagination-top img,
div.pagination-bottom img  {
	margin-bottom: -2px;
}
div.pagination-bottom {
	margin: 6px 0;	
}
span.prev-link {
	width: 85px;
	text-align: left;
	float: left;
	padding: 0;
	margin: 0;
}
span.pages-bar {
	width: 260px;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 0 0 40px;
}
span.next-link {
	width: 60px;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}
span.page-number {
	padding: 0;
	margin: 0;
}
div.pagination-top a,
div.pagination-bottom a {
	text-decoration: none;
	color: rgb(204,0,0)
}
.articleNav {
	clear: both;
	padding: 4px 0 0 0;
	margin: 12px 0 0;
	text-align: right;
	border-top: solid 2px #ccc;
	font-size: 12px;
}
.articleNav a {
	color: #c00;
}
.articleNav span {
	padding:0 6px;
	font-weight: bold;
}


/* ==================== RHS BITS ============================= */

#blogroll .content {
	padding-top:12px;
}
#blogroll .content p {
	margin:0;
}

/* ------------------------- CARTOONS ----------------------- */
#browse-cartoons {
	border: solid 1px #999;
	margin: 0 0 12px 3px;
	width: 460px;
}
#cf-header {
	border-bottom: solid 1px #999;
	width: 440px;
	background-color: #666;
	padding: 5px 10px;
}
#cf-header form {
	float: right;
}
#cartoon {
	background-color: #fff;
	padding: 10px 3px 20px 3px;
}
#cartoon-thumbs {
	height: 45px;
	border-top: solid 1px #999;
	background-color: #d0d0d0;
	padding: 8px;
}
img.thumb {
	float: left;
	margin-right: 15px;
	border: solid 1px #999;
}
#cartoon-next {
	float: right;
	margin-top: 10px;
}
#cartoon-back {
	float: left;
	margin-right: 16px;
	margin-top: 10px;
}
#note {
	width: 400px;
	margin-left: 45px;
	text-align: center;
}
#main-cartoon {
	text-align: center;
	height: 450px;
	vertical-align: middle;
	line-height: 450px;
	overflow: hidden;
}
#main-cartoon div.hideable {
	display: inline;
	height: 450px;
	line-height: 18px;
}
#main-cartoon div.hideable p {
	padding-top: 10px;
	color:rgb(180,180,180);
	font:italic 16px "Times New Roman", Times, serif;
}
/* --- to fix the borders on the central column - removed from #centre and put on #right-vertical and #left-vertical. Delete below to return to normal -----------------------*/
#cartoons #header, #cartoons #centre {
	border: 0;
}
#cartoons #left-vertical {
	min-height: 900px;
	border-right: solid 2px #e9e9e9;
	padding-right: 15px;
	margin-right: 0;
	margin-bottom: 0;
}
#cartoons #right-vertical {
	min-height: 1100px;
	border-left: solid 2px #e9e9e9;
	padding-left: 8px;
	margin-bottom: 0;
}
#cartoons #centre {
	margin-right: 0;
}
#cf-header h3 {
	float: left;
	color: #fff;
	margin: 0;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
}

#subcribers input.button-submit {
	background:url(/images/button-submit-pink2.png) no-repeat 0 -40px;
	border:none;
	cursor:pointer;
	height:40px;
	width:150px;
	color:#BF1C24;
	text-indent:-9999em;
	padding:0;
	margin:10px 0 0 -8px;
	padding-top:40px;
	font-size:0;
}
#subcribers input.button-submit:hover {
	background-position:0 0;
	color:#e71c24;
}

.button-continue {
	display: block;
	float:right;
    background:url(/images/button-continue2.png);
    width: 150px;
    height: 40px;
}



/*--essays--*/
.essays-right {
	float: right;
	border: solid 1px #ccc;
	padding: 0;
}

.current-issue-box p {
	width:452px;
	overflow:hidden;
	position:relative;
}
.current-issue-box a {
	float:left;
	width:300px;
}
.current-issue-box a.author {
	position:absolute;
	right:2px;
	bottom:2px;
	float:none;
	width:auto;
}

/* -- flutter --*/
#ch-flutter p {
	margin-top:0;
	height:63px;
}
/*#ch-flutter .header,*/
#ch-flutter .content {
	background:none;
}
#ch-flutter .header {
	border:solid 1px #8B722C;
}
#ch-flutter .content {
	border:solid 1px #ccc;
	border-top:none;
}

.flutter {
	display: block;
	width: 220px;
	padding-left:10px;
	float: left;
}


.button-flutter {
	float:right;
    width:113px;
    height:40px;
    background:url(/images/button-flutter.png) no-repeat 0 -40px;
	margin:5px -10px -5px 0;

}
.button-flutter:hover {
	background-position:0 0;
}

.button-flutter-now {
     display:block;
     width:113px;
     height:40px;
     background:url(/images/button-flutter-now.png) no-repeat 0 -40px;
	 margin:-5px auto 5px auto;
}
.button-flutter-now:hover {
     background-position:0 0;
}

.clear hr {
	border:none;
	height:1px;
	background-color:#ccc;
	color:#ccc;
	margin:5px 0 10px 0;
}

/* Coffee House Twitter Widget */

#twtr-widget-1 {
	margin:0 auto 20px;	
}

#twtr-widget-1 .twtr-hd a,#twtr-widget-1 h3,#twtr-widget-1 .twtr-tweet a {
	font-family:Georgia,Times,Serif;	
}

.twtr-widget .twtr-tweet {
	border:1px solid #ccc;
}

body#alex-massie .blogroll-aboutam .content img {
margin-right:10px;	
}

/***************** Spectator Plus 01/09/2010 *****************/

/* #spec-plus #logo  {
background-image:url("/images/spectator-plus/spec-plus-header.png");
height:56px;
margin-right:10px;
width:186px;
} */

#spectator-plus-module  {
margin-bottom:10px;
padding:0 0 10px;
}

.plus-offer img {
float:right !important;
margin:5px 5px 0;
}

.plus-offer h2 a {
color:#000;
}

#spectator-plus-module h2 a:hover {
color:#c80000;
}

#spec-plus #spectator-plus-module, .shop #spectator-plus-module {
background:url("/images/spectator-plus/wide-tab.png") no-repeat scroll center top transparent;
padding:10px 10px 0;
height:150px;
}

#spec-plus #spectator-plus-module .clear  {
height:20px;
}

.spectator-plus-link {
	float:left;
	height:120px;
	width:320px;
}
 
#spectator-plus-module a button, .plus-offer a button {
border:2px solid #fff;
margin:10px 10px 5px 0;
padding:2px 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
color:#fcfcfc;
cursor:pointer;
font-weight:bold;
font-size:12px;
float:right;
clear:right;
width:90px;
background-color:#c80000;
}

.plus-offer a button {
clear:none;
margin:10px 5px 5px 10px
}

#spectator-plus-module a {
text-decoration:none;
}

#spectator-plus-module a button:hover, .plus-offer:hover a button {
color:#000;
background-color:#cccccc;
}

.plus-offer {
border:2px solid #CCCCCC;
margin-bottom:10px;
overflow:hidden;
padding:5px;
}

#right-vertical .plus-offer {
border:2px solid #CCCCCC;
margin-bottom:10px;
padding:5px;
}

.plus-logo {
float:left;
margin:5px 10px 10px 0;
}

#right-vertical .plus-logo, #spec-plus-art .plus-logo {
display:block;
margin:0 0 20px 0;
float:none;
}

.plus-offer:hover {
background:url("/images/spectator-plus/plus-offer-bg.png") repeat-x bottom left;
}

.plus-offer:hover img {
-moz-box-shadow:0 0 15px #fff;
-webkit-box-shadow:0 0 15px #fff;
}

.plus-offer:hover h2 a, .plus-offer:hover a.info, .plus-offer:hover a#info {
color:#c80000 !important;
}

.plus-heading span  {
display:block;
margin:5px 0;
color:#000;
}

.plus-more-link {
margin:10px 0;
}

.shop #spectator-plus-module img {
float:left;
margin:0 10px 10px 0;
}

.spec-benefits  {
background:url("/images/bg-featured-offer.gif") no-repeat scroll left bottom transparent !important;
margin-bottom:10px;
padding:10px;
}

#right-vertical .spec-benefits {
background:none repeat scroll 0 0 transparent !important;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin-bottom:0;
}
.spec-benefits p {
	margin:0;
}

#right-vertical .spec-benefits-bottom {
background:url("/images/bg-featured-offer.gif") no-repeat scroll left bottom transparent !important;
height:5px;
margin-bottom:10px;
}

h2#spec-benefits, h2.spec-benefits-headings {
background:url("/images/featured-offer-header-right.gif") no-repeat scroll right top transparent;
color:#FFFFFF;
font:bold 1.4em Arial,Helvetica,sans-serif;
padding:6px 10px 4px;
}

h2.spec-benefits-headings a {
color:#FFFFFF;
cursor:pointer;
font:bold 1em Arial,Helvetica,sans-serif;
padding:6px 10px 4px 0;
}

.spec-benefits ul {
list-style-type:disc
}

.spec-benefits li {
font-size:13px;
margin:0 0 10px 12px;
padding:0 0 0 5px;
}

.plus-offer a#info {
color:#000000;
float:left;
font-size:12px;
margin:15px 0 0;
}
.plus-offer a.info {
background:url("/images/button-click-here-trans.png") no-repeat scroll 0 -40px transparent;
display:block;
height:35px;
width:110px;
}

.plus-offer a.info:hover {
background-position: 0 0;
}

.my-spectator-plus  {
}

.my-spectator-plus img  {
border-top:2px solid #CCCCCC;
margin:0 0 5px 3px;
padding-top:7px;
}

.my-spectator-plus .controls {
border:2px solid #CCCCCC;
padding:10px 5px;
background:url("/images/spectator-plus/plus-offer-bg.png") repeat-x bottom left;
}

.plus-offer .button-register-pref, .plus-offer .button-login-pref {
float:right;
clear:none;
}

.listing  a img {
float:left;
}

.app-ad {
border:2px solid #CCCCCC;
float:right;
padding:5px;
width:65px;
}

.spec-benefits .listing h2 {
clear:both;
display:block;
font-size:1.6em;
}

.listing .apptext {
margin:6px 0 0;
text-align:center;
color:#c80000
}

.intro p {
color:#000;
font-family:georgia,times New Roman,serif;
font-size:1.6em;
}

.intro em {
color:#c80000
}

#spectator-plus-module .plus-subscribe {
background:url("/images/button-subscribe-trans.png") no-repeat scroll 0 -40px transparent !important;
float:right;
clear:right;
height:35px;
width:113px;
}

#spectator-plus-module .plus-login {
background:url("/images/button-login-trans.png") no-repeat scroll 0 -40px transparent !important;
clear:right;
float:right;
height:35px;
margin-top:5px;
width:113px;
}

#spectator-plus-module .plus-logout {
background:url("/images/button-logout-trans.png") no-repeat scroll 0 -40px transparent !important;
float:right;
clear:right;
height:35px;
width:113px;
}

#spectator-plus-module .plus-logout:hover, #spectator-plus-module .plus-login:hover, #spectator-plus-module .plus-subscribe:hover {
background-position:0 0 !important;
}

#spec-plus-index {
/* border:2px solid #CCCCCC; */
margin-bottom:10px;
/* padding:10px 5px; */
}

#spec-plus-art #spectator-plus-module img {
margin:20px 20px 20px 0;
}

.subscribe-plus {
float:left !important;
padding-top:30px;
width:350px;
}

.app-unit {
background:url("/images/spectator-plus/plus-offer-bg.png") repeat-x scroll left bottom transparent;
border:2px solid #CCCCCC;
margin:20px 0;
padding:20px 10px;
}

.app-unit img {
float:left;
margin:0 10px 10px 0;
}

.article_body a.external {
	margin:0 !important;
}


.sorry {
	border:solid 2px #C00;
	margin-bottom:20px;
	padding:1px 10px;
}