/*
-----------------------------------------------
Monsters and Critics Global Master
Author:   Mark Boulton nad James Wray
----------------------------------------------- */
/*
-----------------------------------------------
Monsters and Critics Structure Master
----------------------------------------------- */
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* SEARCH 
----------------------------------------------- */
/* search */
#search {
	float: right;
	width: 200px;
	margin: 0;
	padding: 7px 0 0 10px;
	border-left: 1px solid #dad7d1;
}

#search input.submit {
	padding: 5px 0 0 0;
}

/* COLUMNS 
----------------------------------------------- */
/* Primary content panel */
#primary {
	border-top: 5px solid #dad7d1;
	clear: both;
	float: left;
	width: 630px;
	margin: 10px 10px 0 0;
}

/* Primary content panel */
#primary-fullwidth {
	border-top: 5px solid #dad7d1;
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0px 0px 0px;
}

/* Secondary content panel Narrow */
#secondary_narrow {
	border-top: 5px solid #a39e94;
	float: right;
	width: 160px;
	margin: 0px 0 0 0;
}

/* Secondary content panel */

#secondary {
	border-top: 5px solid #a39e94;
	float: right;
	width: 320px;
	margin: 10px 0 0 0;
}

.secondary_boxes {
	border-top: 5px solid #a39e94;
	width: 320px;
	margin: 10px 0 0 0;
}

/* Footer */

#footer {
	clear: both;
	float: left;
	margin: 60px 0 0 0;
	padding: 0;
	color: #000;
	background: #e9e5de;
	border-top: 10px solid #2263a1;
}

/* SUB COLUMNS (used in main content block for layout variation
----------------------------------------------- */
.ninecoll {
	float: left;
	width: 576px;
}

/* Eight column column left */
.eightcoll {
	float: left;
	width: 620px;
	margin: 0px 0px 0px 10px;
}

/* Three column column left */
.threecoll {
	float: left;
	width: 192px;
}

/* Three column column right */
.threecolr {
	float: right;
	width: 192px;
}

/* Two column column right */
.twocolr {
	float: left;
	width: 120px;
}

/* Two ad column column left */
.twoadcoll {
	float: left;
	width: 120px;
	text-align: center;
	padding: 0em;
	margin: 1em 0 0 0;
	background: #f7f4ee;
}

/* Two column column right */
.twoadcolr {
	float: right;
	width: 160px;
	text-align: center;
	padding: 0em;
	margin: 1em 0 0 0;
	background: #f7f4ee;
}

/*

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

Monsters and Critics Global Master

Author:   Mark Boulton

Version:  23 October 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;

}

hr {

border: 0;

color: #9E9E9E;

background-color: #9E9E9E;

height: 1px;

width: 100%;

text-align: left;

}

/* 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;

	text-align: center;

}

.people_biog {

	float: right;

	margin: 0.5em 1em 0.5em 0;

	border: 1px solid #999;

}

/* LINKS 

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

a {

	text-decoration: none;

	color: #004276;

	font-weight: bold;

}

a:link {

	text-decoration: none;

	color: #004276;

}

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

}

/* 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 a{

		padding:0 0 0 18px;

		margin:0 3px 0 0px;

	}

/* LISTS

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

ul li {

	list-style: none;

}

/* MASTHEAD 

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

#masthead {

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

	color: #fff;

	width: 960px;

	height: 60px;

	border-top: 10px solid #981b1e

}

#masthead h1

{

	margin: 0 0 0 0;

	padding: 25px 40px 20px 660px;

}

#masthead h1.brand

{

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	display: none;

}

#masthead h2

{

	margin: 0 0 0 0;

	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;

	padding: 10px 40px 12px 700px;

}

/*

#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;

}

/* NAVIGATION

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

#navigation {

	background: #e9e5de;

	border-top: 1px solid #a39e94;

	margin: 2.0px 0 10px 0;

	text-align: center;

}

#navigation ul li {

	display: inline;

	line-height: 1.5em;

}

#navigation ul li a {

	font-size: 100%;

	padding: 0.5em;

	color: #6b6861;

	font-weight: normal;

}

#navigation ul li a:hover {

	background: #2263a1;

	color: #fff;

	border-bottom: 1px solid #2263a1;

}

body#home #navigation ul li#home a,

body#business #navigation ul li#business a,

body#networking #navigation ul li#networking a,

body#security #navigation ul li#security a,

body#software #navigation ul li#software a,

body#hardware #navigation ul li#hardware a,

body#gadgets #navigation ul li#gadgets a,

body#internet #navigation ul li#internet a,

body#entertainment #navigation ul li#entertainment a,

body#miscellaneous #navigation ul li#miscellaneous a,

body#science #navigation ul li#science a {

	background: #fff;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #d8d2c7;

	border-right: 1px solid #d8d2c7;

}

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

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

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

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

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

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

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

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

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

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

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

	color: #6b6861;

}

/* Site navigation blocks */

.sitenavigation {

	background: #f4f1e9;

}

.sitenavigation h3 {

	padding: 3px 0 10px 5px;

}

.sitenavigation dl {

	width: 100%;

	color: #000;

	font-size: 90%;

}

.sitenavigation dl dt {

	text-transform: uppercase;

	border-top: 1px solid #a39e94;

	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;

}

/* Item page navigation  */

#itemnav {

	background: #e9e5de;

	border-top: 1px solid #a39e94;

	padding: 5px;

	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;

}

.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;

}

/* Headline Lists*/

.small_headlines {

	

		font-size: 80%;

}

/* Top Article Image */

.toparticleimage {

	margin: 2px 0 0px 0;	

	font-size: 80%;

}

/* Misc presentational elements */

.date {

	color: #666;

}

.subheadline {

	color: #000;

}

#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;

}

/* Alt Top Design */

.alttopdesign {

	float: left;

	width: 250px;

	margin: 0 1em 1em 0;

	font-size: 80%;

}

/* Box advertisement in article bottom */

.ad_article_bottom {

	clear:both;

	P { text-align: center }

	margin: 1em 1em 1em 0;

}

/* Box advertisement in article top left */

.ad_article_top_left {

	clear:both;

	float: left;

	margin: 1em 1em 1em 1em;

}

.ad_article_top_left_adengage {

    width: 300px;

	float: left;

	margin: 0em 1em 0em 0em;

}

/* Content image */

.item_box {

	margin: 1em 1em 1em 0;

}

/* 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.4em 0.5em 0 0;

}


.article_list_block {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #9E9E9E;
}

/* article summary image center aligned */

.article_summary_image_center {

	text-align: center;

	margin: 0 0.5em 0 0;

}

/* article image left aligned */

.article_image_left {

	float: left;

	margin: 0 1em 1em 0;

}

/* article image center aligned */

.article_image_center {

	text-align: center;

	margin: 0 1em 1em 0;

	font-size: 80%;

}

/* article image right 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;

}

/* 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%;

}

table.itemdetailmini td {

	width: 50%;

	padding: 0.2em;

	font-size: 80%;

	

}

table.amazonimage {

	width: 300px;

	font-size: 80%;

}

/* 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;

}

/*
-----------------------------------------------
Monsters and Critics Typography Master
----------------------------------------------- */
body, table {
	font: 12px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	color: #000;
	background: #fff;
}

h1, h2, h3 {
	font-family: "Georgia", "Times New Roman", serif; 
	font-weight: normal;
}

h1 a, h2 a, h3 a {
	font-family: "Georgia", "Times New Roman", serif; 
	font-weight: normal;
}

h1.articleheading {
	text-transform: none;
	font-family: "Georgia", "Times New Roman", serif; 
	font-size: 160%;
	background: none;
	margin-top: 5px;
	padding: 0px;
}

h1.articleheading a {
	text-transform: none;
	font-family: "Georgia", "Times New Roman", serif; 
	font-size: 160%;
	background: none;
	margin-top: 5px;
	padding: 0px;
}

h1.articleheadingindex {
	text-transform: none;
	font-family: "Georgia", "Times New Roman", serif; 
	font-size: 180%;
	background: none;
	margin: 0px 0px 5px 0px;
}

h3 {
	clear: left;
	font-size: 150%;
	border-top: 5px solid #dad7d1;
	margin: 0.5em 0 0 0;
	padding: 0.1em 0 0 0;
}

h4, h5, h6 {
	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	font-weight: normal;
}

h4 {
	clear: left;
	text-transform: uppercase;
	background: #f7f4ee;
	border-top: 1px solid #dad7d1;
	margin: 2em 0 0 0;
	padding: 0 0 0 1em;
}

h4.sectionheading {
	text-transform: none;
	font-family: "Georgia", "Times New Roman", serif; 
	font-size: 120%;
	background: none;
	margin: 0;
	padding: 0;
}

h4.sectionheading a {
	font-weight: normal;
}

h5 {
	clear: left;
	font-size: 110%;
	font-weight: none;
	padding: 0.5em 0 0 0;
	margin: 0.5em 0 0 0;
}

h5.littletext {
	clear: left;
	font-size: 90%;
	font-weight: none;
	padding: 0.5em 0 0 0;
	margin: 0.5em 0 0 0;
}

p {
	padding: 0 0 10px 0;
}

#footer {
	font-size: 95%;
}

/* content template typographic styles */
div.content p, table.itemdetail {
	font-size: 120%;
	line-height: 140%;
}

div.articlelist p {
	font-size: 100%;
	line-height: 140%;
}

div.content p.date {
	font-size: 100%;
}

div.content .contentimage p {
	font-size: 100%;
	color: #666;
}

div.content h3 {
	border-top: none;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0.5em 0;
	font-size: 220%;
	line-height: 120%;
	border-bottom: 1px solid #dad7d1;
}