/*

-----------------------------------------------

Monsters and Critics Global Master

Author:   Mark Boulton

Version:  23 Oc tober 2006

Revision: 

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

/* Global whitespace reset */

* {

	margin:0;

	padding:0;

}

body {

	text-align: center;

}

/* Floats and clears */

.fl {

	float: left;

}

.fr {

	float: right;

}

.cl {

	clear: left;

}

.cr {

	clear: right;

}

.cb {

	clear: both;

}

/* Hidden */

.hidden {

	display: none;

}

/* IMAGES

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

img {

	border: 0px none;

}

/* Floated thumbnails images within primary content area */

.thumbnail {

	float: left;

	margin: 0.5em 1em 0.5em 0;

	border: 1px solid #999;

}

.thumbnail_item_main {

	float: left;

	margin: 1em 1em 1em 1em;

	border: 1px solid #999;

}
.people_biog {

	float: right;

	margin: 0.5em 1em 0.5em 0;

	border: 1px solid #999;

}
/* LINKS 

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

a {

	text-decoration: none;

	color: #005689;

	font-weight: bold;

}

a:link {

	text-decoration: none;

	color: #005689;

}

a:visited {

	text-decoration: none;

}

a:hover {

	color: #000;

	text-decoration: underline;

}

a:active {

	text-decoration: none;

	color: #2263a1;

}

	a.mastheadcat {color: #ffffff; font-weight: bold;text-decoration: none;  }
	a.mastheadcat:link {color: #ffffff; font-weight: bold;text-decoration: none; }
	a.mastheadcat:visited {color: #ffffff; font-weight: bold;text-decoration: none;  }
	a.mastheadcat:active {color: #ffffff; font-weight: bold;text-decoration: none;  }
	a.mastheadcat:hover {color: #ffffff; font-weight: bold;text-decoration: underline;  }

/* Media links */

a.print {

	background: url('../img/icon_print.gif') no-repeat;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:2px

}

a.email {

	background: url('../img/icon_envelope.gif') no-repeat;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0

}

a.rss {

	background: url('../img/icon_rss.gif') no-repeat;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0

}

a.talkback {

	background: url('../img/icon_comment.gif') no-repeat;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0}

a.newsvine {

	background: url('../img/icon_newsvine.gif') no-repeat;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0

}




/* Social Media links Horizontal*/

.social{
		clear:both;
		position:relative;
		padding:3px;
		margin:5px 0 5px 0;
	}
	.social p {
		padding:0;
		margin:0;
	}
	.social p a{
		position:absolute;
		top:0px;
		right:0px;
		padding:3px 5px 0 0;
	}
	.social h3{
		padding:0 3px 0 0;
		margin:0;
		margin:0 5px 0 3px;
		font-size:0.88em;
		font-weight:normal;
	}
	.social ul{
		font-size: 90%;
		text-align:center;
		list-style:none;
		margin:6px 0 4px 0;
		padding:0;
	}
	.social ul li{
		font-size: 85%;
		text-align:center;
		display:inline;
		padding:0 4px 6px 0 ;
	}
	.social ul li.delicious{
		background:url("../img/delicious.gif") no-repeat 0 0;
	}
	.social ul li.digg{
		background:url("../img/digg.gif") no-repeat 0 0;
	}
	.social ul li.reddit{
		padding:0 0 0 2px;
		background:url("../img/reddit.gif") no-repeat 0 0;
	}
	.social ul li.facebook{
		background:url("../img/facebook.gif") no-repeat 0 0;
	}
	.social ul li.stumbleupon{
		background:url("../img/stumbleupon.gif") no-repeat 0 0;
	}
	.social ul li.slashdot{
		background:url("../img/slashdot.gif") no-repeat 0 0;
	}
	.social ul li.fark{
		background:url("../img/fark.gif") no-repeat 0 0;
	}

	}
	.social ul li.mixx{
		background:url("../img/mixx_button.png") no-repeat 0 0;
	}
	.social ul li a{
		padding:0 0 0 18px;
		margin:0 3px 0 0px;
	}

/* LISTS

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

ul li {

	list-style: none;

}



/* MASTHEAD 

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

#masthead {

	background: #000 url('../img/masthead_mandc.gif');

	color: #fff;

	width: 960px;

	height: 86px;
display: block;

	border-top: 10px solid #2263a1

}

#masthead h1
{

	margin: 0 0 0 0;
	padding: 40px 40px 20px 600px;

}

#masthead h1.brand
{

	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: none;

}

#masthead h2
{

	margin: 0 0 0 0;
	font: 18px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	padding: 40px 40px 20px 600px;

}

/*

#masthead h1 a {

	width: 480px;

	height: 86px;

	display: block;

	float: left;

	text-indent: -9999px;



}

#masthead h2 a {

	width: 480px;

	height: 86px;

	display: block;

	float: right;

	text-indent: -9999px;

	overflow: hidden;

}

#masthead p {

	text-indent: -9999px;

}

#masthead h4 {
	margin: 0 0 0 0;
	padding: 25px 40px 20px 660px;

}




/* NAVIGATION

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

#navigation {

	background: #e9e5de;

	border-top: 1px solid #a39e94;

	margin: 2px 0 0px 0;

	text-align: center;

}

#navigation ul li {

	display: inline;

	line-height: 2.5em;

}

#navigation ul li a {

	font-size: 110%;

	padding: 0.5em;

	color: #6b6861;

	font-weight: normal;

}

#navigation ul li a:hover {

	background: #2263a1;

	color: #fff;


}


#navigation_sub {

	background: #dedede;

	margin: 0px 0 5px 0;

	text-align: center;
	border-bottom: 1px solid #a39e94;


}

#navigation_sub ul li {

	display: inline;

	line-height: 1.5em;

}

#navigation_sub ul li a {

	font-size: 90%;

	padding: 0.5em;

	color: #6b6861;

	font-weight: normal;

}

#navigation_sub ul li a:hover {

	background: #2263a1;

	color: #fff;

	border-bottom: 1px solid #a39e94;

}

body#arts #navigation ul li#arts a,

body#books #navigation ul li#books a,

body#blogs #navigation ul li#blogs a,

body#dvd #navigation ul li#dvd a,

body#forums #navigation ul li#forums a,

body#home #navigation ul li#home a,

body#lifestyle #navigation ul li#lifestyle a,

body#movies #navigation ul li#movies a,

body#music #navigation ul li#music a,

body#news #navigation ul li#news a,

body#people #navigation ul li#people a,

body#gaming #navigation ul li#gaming a,

body#science #navigation ul li#science a,

body#soundtracks #navigation ul li#soundtracks a,

body#sport #navigation ul li#sport a,

body#tech #navigation ul li#tech a,

body#smallscreen #navigation ul li#tv a,

body#onlinegames #navigation ul li#onlinegames a,

body#weather #navigation ul li#weather a {

	background: #dedede;

	border-bottom: 1px solid #dedede;

	border-left: 1px solid #d8d2c7;

	border-right: 1px solid #d8d2c7;

}

body#arts #navigation ul li#arts a:hover,

body#books #navigation ul li#books a:hover,

body#blogs #navigation ul li#blogs a:hover,

body#dvd #navigation ul li#dvd a:hover,

body#home #navigation ul li#home a:hover,

body#forums #navigation ul li#forums a:hover,

body#lifestyle #navigation ul li#lifestyle a:hover,

body#movies #navigation ul li#movies a:hover,

body#music #navigation ul li#music a:hover,

body#news #navigation ul li#news a:hover,

body#people #navigation ul li#people a:hover,

body#gaming #navigation ul li#gaming a:hover,

body#science #navigation ul li#science a:hover,

body#soundtracks #navigation ul li#soundtracks a:hover,

body#sport #navigation ul li#sport a:hover,

body#tech #navigation ul li#tech a:hover,

body#smallscreen #navigation ul li#tv a:hover,

body#onlinegames #navigation ul li#onlinegames a:hover,

body#weather #navigation ul li#weather a:hover {

	color: #6b6861;

}

/* Site navigation blocks */

.sitenavigation {

	background: #f4f1e9;

}

.sitenavigation h3 {

	padding: 3px 0 10px 5px;

}

.sitenavigation dl {

	width: 50%;

	color: #000;

	font-size: 95%;

}

.sitenavigation dl dt {

	text-transform: uppercase;

	border-top: 1px solid #a39e94;

	font-weight: bold;

	text-indent: 0.5em;

}

.sitenavigation dl dd a {

	color: #828280;

	display: block;

	text-indent: 0.5em;

	font-weight: normal;

}

.sitenavigation dl dd a:hover {

	background: #828280;

	color: #fff;

	display: block;

}

/* Site navigation blocks main page and zero cat */

.sitenavigation_main {

	background: #f4f1e9;

}

.sitenavigation_main h3 {

	padding: 3px 0 10px 5px;

}

.sitenavigation_main dl {

	width: 100%;

	color: #000;

	font-size: 95%;

}

.sitenavigation_main dl dt {

	text-transform: uppercase;

	border-top: 1px solid #a39e94;

	font-weight: bold;

	text-indent: 0.5em;

}

.sitenavigation_main dl dd a {

	color: #828280;

	display: block;

	text-indent: 0.5em;

	font-weight: normal;

}

.sitenavigation_main dl dd a:hover {

	background: #828280;

	color: #fff;

	display: block;

}

/* Item page navigation  */

#itemnav {

	background: #e9e5de;

	border-top: 1px solid #a39e94;

	padding: 2px;

	margin: 0 0 2em 0;

}

#itemnav ul li {

	display: inline;

	padding: 0;

}

#itemnav ul li a {

	color: #6b6861;

	text-transform: uppercase;

	padding: 10px;

}

#itemnav ul li a.current {

	color: #6b6861;

	background: #fff;

	text-transform: uppercase;

	border-bottom: 2px solid #fff;

}

#itemnav ul li a:hover {

	color: #000;

}

/* Item page alphabetic navigation  */

#itemnav ul.alpha li a {

	color: #6b6861;

	text-transform: uppercase;

	padding: 5px;

}

#itemnav ul.alpha li a.current {

	color: #6b6861;

	background: #fff;

	text-transform: uppercase;

	border-bottom: 2px solid #fff;

}

#itemnav ul.alpha li a:hover {

	color: #000;

}

/* Image navigation  */

#primary #imagenav {

	overflow: hidden;

  padding: 0 0 0 250px;

}

#primary-fullwidth #imagenav {

	overflow: hidden;

  padding: 0 0 0 400px;

}

#imagenav ul li {

	float: left;

}

#imagenav ul li a {

	display: block;

	width: 24px;

	height: 24px;

	margin: 5px;

	text-indent: -9999px;

	overflow: hidden;

}

#imagenav ul li#previous a {

	background: url('../img/back_button.gif');

}

#imagenav ul li#previous a:hover {

	background: url('../img/back_button_over.gif');

}

#imagenav ul li#gallery a {

	background: url('../img/gallery_button.gif');

}

#imagenav ul li#gallery a:hover {

	background: url('../img/gallery_button_over.gif');

}

#imagenav ul li#info a {

	background: url('../img/info_button.gif');

}

#imagenav ul li#info a:hover {

	background: url('../img/info_button_over.gif');

}

#imagenav ul li#next a {

	background: url('../img/next_button.gif');

}

#imagenav ul li#next a:hover {

	background: url('../img/next_button_over.gif');

}

/* CONTENT BLOCKS

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

/* Main story */

.mainstory {

	margin: 10px 0 10px 0;

	height: 167px;

}

.mainstory_small {

	margin: 8px 0 0  0;

	height: 140px;

}
.mainstory h5 {

	clear: none;

	font-family: "Georgia", "Times New Roman", serif; 

	font-size: 220%;

	padding: 0;

	margin: 0.5em 0 0.5em 0;

	line-height: 1.1em;

}

.mainstory h5 a {

	font-weight: normal;

}

	

.mainstory img {

	margin: 0 10px 10px 0;

}

/* Sub story */

.substory {

	margin: 5px 0 5px 0;

	height: 100px;

}

.sub h5 {

	clear: none;

	font-family: "Georgia", "Times New Roman", serif; 

	font-size: 110%;

	padding: 0;

	margin: 0.5em 0 0.5em 0;

	line-height: 1.1em;

}

.substory h5 a {

	font-weight: normal;

}

	

.substory img {

	margin: 0 5px 5px 0;

}


.bloginclude {

	font-size: 90%;

}

/* Top Article Image */

.toparticleimage {

	margin: 10px 0 10px 0;

	height: 167px;

	

	font-size: 80%;

}

/* Misc presentational elements */

.date {

	color: #666;

}

#primary ul {

	margin: 1em 0 0 0;

}

/* Media Latest */

.medialatest {

	font-size: 80%;

}

/* Article Mainimage */

.contentimage {

	width: 512px;

	margin: 0 0 1em 0;

}

/* Content image */

.contentimageimage {

	width: 250px;

	float: left;

	margin: 0 1em 1em 0;

}

/* Content imagecaption */

.contentimagecaption {

	float: right;

	margin: 0 0 1em 1em;



}


/* Headlines Right Column */

.headlines_right_column {

	font-size: 90%;

	font-decoration: none;

}
	a.headlines_right_column {color: #005689; font-weight: normal;text-decoration: none;  }
	a.headlines_right_column:link {color: #005689; font-weight: normal;text-decoration: none; }
	a.headlines_right_column:visited {color: #005689; font-weight: normal;text-decoration: none;  }
	a.headlines_right_column:active {color: #2263a1; font-weight: normal;text-decoration: none;  }
	a.headlines_right_column:hover {color: #000000; font-weight: normal;text-decoration: underline;  }



/* Alt Top Design */

.alttopdesign {

	float: left;
	width: 250px;
	margin: 0 1em 1em 0;
	font-size: 80%;

}



/*Inline Content*/

.inline_content {

	width: 338px;



	float: left;


}



/* Box advertisement in article bottom */

.ad_article_bottom {
		text-align: center;
	clear:both;
	P { text-align: center }

	margin: 1em 1em 1em 0;

}



/* Box advertisement in article top left */

.ad_article_top_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-left: 7em;

}


.article_related {
	float: right;
	display:inline;
	margin-right: 1em;
	margin-left: 1em;
	width: 300px;

}

/* Box advertisement adengage  in article top left */

.ad_article_top_left_adengage {
    width: 336px;
	float: left;
	margin: 0em 1em 0em 0em;

}

/* Box advertisement in article top right */

.ad_article_top_right {
	clear:both;
	float: right;
	margin: 1em 1em 1em 0;

}


/* Box advertisement in article top center */

.ad_article_top_center {
	clear:both;
	text-align: center;
	margin: 1em 1em 1em 0;

}

/* Box advertisement in article gallery bottom */

.ad_article_gallery_bottom_left {
float: left; /* Our column is going to be right aligned */ 
width: 250px; /* Our total width - content width is 260px */ 
	text-align: center;
}

.ad_article_gallery_bottom_right {
float: right; /* Our column is going to be right aligned */ 
width: 250px; /* Our total width - content width is 260px */ 
	text-align: center;
}

/* Content image */

.item_box_image {

	float: left;

	margin: 0 0.5em 0.5em 0;

}

/* article summary image left aligned */

.article_summary_image_left {

	float: left;

	margin: 0 0.5em 0 0;

}

/* article image left aligned */

.article_image_left {

	float: left;

	margin: 0 1em 1em 0;

}

/* article image left aligned */

.article_image_center {

	text-align: center;

	margin: 0 1em 1em 0;

}

/* article image left aligned */

.article_image_right {

	float: right;

	margin: 0 0 1em 1em;

}

/* Article service links */

#primary .twocolr ul {

	margin: 0;

}

#primary .twocolr ul li {

	line-height: 2em;

}

#primary dl dt {

	margin-top: 0.5em;

}

/* Article footer - for things like related, partner or affiliate links */

/* Talkback */

#talkback {

	/* font-size: 90%;*/

	border-top: 1px solid #a39e94;

	margin: 3em 0 0 0;

}

#talkback h3 {

	background: #fff;

}

span.date {

	margin: 0 0 0 2em;

}

.usercomment {

	margin: 1em 0 1em 0;

	padding: 0 0 1em 0;

	border-bottom: 1px solid #ddd;

}

.nocomments {

	font-size: 110%;

}

div.usercomment p.userreport {

	font-size: 80%;
	text-align: right;

}

p.author{

	font-size: 110%;
	font-weight: bold;

}

.small_latest {

	font-size: 90%;

}


/* Media links (for use on index's) */

dl.media {

	width: 48%;

	margin: 2em 0 0 0;

	float: left;

}

dl.media dt {

	margin: 0 0 1em 0;

	border-top: 1px solid #ddd;

	text-transform: uppercase;

}

dl.media dd img {

	padding: 1px;

	border: 2px solid #fff;

}

dl.media dd img:hover {

	border: 2px solid #2263a1;

}

/* TABLES

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

table {

	border-collapse: collapse;

	width: 100%;

	margin: 1em 0 1em 0;

}

table thead th,

table tfoot th {

	background: #fff;

	padding: 1em 0 1em 0.5em;

}

table td {

	padding: 0.5em;

}

table td a img {

	border: 3px solid #fff ;

}

table td a:hover img {

	border: 3px solid #2263a1 ;

}

table.itemdetail td {

	width: 50%;

}

/* ADVERTISING

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

/* mastheadadspace */

#mastheadadspace .bannerad {


	float: left;
}



/* secondary nav adspace */

.adspace {

	clear: both;
	text-align: center;
	padding: 0em;
	margin: 1em 0 0 0;
	background: #f7f4ee;




}

.adspace_narrow {

	clear: both;

	text-align: center;

	background: #f7f4ee;


}

/* FOOTER

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

#footer h3 {

	padding: 0.5em 0 1em 10px;

	border-top: none;

}

#footer ul,

#footer dl {

	float: left;

	width: 30%;

	padding: 0 0 0 10px;

}

#footer dl dt {

	text-transform: uppercase;

	border-top: 1px solid #333;

}

#footer p {

		padding: 0 10px 0 10px;

}
#itemdetail2 ul li {

	list-style-type: circle;

}

/* EXTERNAL WEATHER

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

div.wxsearchmain {margin-top:3px;padding: 3px 0px 3px 4px;}
div.wxsearchmain form input{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #999999;
	color:#333333;
	font-size:11px;
	margin:0 5px;
	padding:3px;
}

div.wxsearchmain form input.btn {
	color:#000000;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:2px;
}

div.wxsearchmain form label {
	font-size:11px;
	font-weight:bold;

}

.imagefloat {
float: left;
margin: 4px 4px 4px 4px;
}