/*
-----------------------------------------------
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 1px 0;
}
/* 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;
}