/* @override 
	http://dev.mysterynet.com/includes/v2/css/global.css
*/
@import "ads.css";

/* MysteryNet.com home page styles */
/* 20040915 copied from mnmp.css */
/* added noodleincident styles */
body {
	margin:4px 0px 0px 2px;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;/* font sizing in ems,. if you want to change anything, just change this.*/
	/*At 75% and lower, opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. */
	color:#000;
	background-color:#600;
	background-image: url(http://www.mysterynet.com/images/mn/clear.gif);/*use full url so both ie45mac and nn4 can find it.*/
	background-repeat: no-repeat;
	background-position: top left;
	}

/* To adjust for hard copies*/
@media print {
  body { background:white; color:black;}
} 
div#page {width:804px;}

/*typography*/
a, a:link, a:visited, a:hover, a:active {
	color:#600;
	font-size:1em;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#006;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	font-size:1em;
	color:#006;
	font-weight:bold;
	text-decoration:none;
}
h1 a:hover, h1 a:active {
	text-decoration:underline;
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	margin-bottom:1em;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	font-size:1em;
	color:#600;
	font-weight:bold;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#006;
	margin-top:1.5em;
}
h3.title {
	font-family:Times New Roman, serif;
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	margin-top:0em;
}
div.rnav h3 {
	font-size:1.0em;
	text-align:center;
}
h4 {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
	font-size:1em;
}
h4.edition {
	font-size:1.0em;
	color:#666;
	font-weight:bold;
	margin-top:0em;
}
h5 {
	font-size:1em;
	font-weight:bold;
	color:#666;
}
h6 {
	font-size:0.8em;
	font-weight:normal;
}
img {
	border:0;
}
p {
	font-size:1em;
	margin-bottom:1em;
	line-height:1.3em;
}
ul {
	margin-bottom:14px;
	margin-left:6px;
}
li {
	list-style:none;
	padding:0px 0px 2px 14px;
	background-image:url(/images/mn/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 0.5em;
}
blockquote {
	padding:0 1pc 0 1pc;
	border:1px solid #ddd;
	background-color:#F0F0F0;
	background-image:url(http://www.mysterynet.com/images/mn/double-quotes.png);
	background-repeat:no-repeat;
	background-position:-10px -7px;
}
.first {
	margin-top:0;
}
/* Prop Hack: to guarantee a height http://www.greywyvern.com/code/min-height-hack.html */
.prop {float:right; width:1px;}
.clear {clear:both; height:1px; overflow:hidden;}
.min160px {height:160px;}
/* Prop Hack End */

/* ============================================================ */
/* ============================================================ */

/* text formatting*/
/* Basic paragraph indent */
/* p.indent {text-indent:16px;} */
div.textbody p {text-indent:16px; clear:left;}
div.textbody p.line1 {text-indent:0px; clear:left;}
div.textbody p.line2 {clear:left;}
/* Changed to basic paragraph style:just in case don't want indent */
/* p.p {text-indent:16px;} */
p.q {color:#039; font-weight:bold;} /* in Solve-it 268+ 20040202 */
p.movieslist {margin-left:74px; margin-top:0px;}

.capsolveit {font-size:4em; font-family:Courier New, Courier, serif; display:block; float:left; margin-right:2px; line-height:0.8em; clear:left; font-weight:bold;}
.captwist {font-size:4em; font-family:Georgia, serif; display:block; float:left; margin-right:2px; line-height:0.8em; clear:left;}
.capflash {font-size:4em; font-family:Georgia, serif; display:block; float:left; margin-right:2px; line-height:0.8em; clear:left;}

/* Indent w/o extra space */
div.tab {text-indent:16px;}
 
/* Text */
a.seonav:link, a.seonav:visited {font-size:9px; color:#666; text-decoration:none;}

/* #################
   Column widths
   ################# */

div#logo 		{float:left; width:168px;}
div#tagline 	{float:left; width:340px; text-align:center; color:#c99; font-style:italic; font-weight:bold; font-size:14px;}
div#adminnav 	{float:right; width:245px; text-align:right; padding-top:0.8em;}
img.logounder	{/*margin-left:2px;*/}


table.outer {width:804px; border-left:2px solid black; border-right:2px solid black;}
#hnav {padding:0; margin:0; background-color:#000; height:38px;}
#main {background-color:#e1e1e1;}
#hnav, #main, div.precontent {width:528px;}
.textnav {padding-top:1em; line-height:1.3em;}


div.postcontent  {padding:2em 0; clear:left; clear:right;}
div.content  {background-color:#e1e1e1; padding-left:8px; padding-right:4px; padding-top:8px; float:left; display:inline;}
div.cnav {width:133px; float:left; display:inline; margin:38px 0 0 14px;}
td.rnav		{width:272px; background-color:#000;}
div.rnav	{width:122px;margin:0 3px 0 0; float:right; display:inline;}



div.wrapleft {float:left; width:240px; margin-bottom:1.0em; clear:left;}
div.wrapright {float:right; width:190px; clear:right;}


/* Previous subnav copied from topic, bg is different */

/* @group Signup box */
div.signup {background-color:#903; text-align:center; width:185px; float:right;	clear:right; padding:3px; color:#fff;}
div.signup a:link, div.signup a:visited {color:#fff; text-decoration:underline;	font-size:0.8em;}
div.signup form {margin:0px; padding:0px;}
/* @end */

/* @group solveit_entry */
div#solveit_entry {background-color:#ccc; padding-top:5px;}
div#solveit_entry div#l {float:left; width:200px; padding:0 15px;}
div#solveit_entry div#r {float:left; width:200px; padding-right:10px;}
/* @end */

/* @group 1up */
/* id can begin with number, class cannot */
div.oneup {width:250px; text-align:center; margin:20px auto; background-color:#e9e9e1; padding:5px;}
div.oneup a:link, div.oneup a:visited, div.oneup a:hover, div.oneup a:active {font-weight:bold;}
/* @end */

/* @group twoup */
div#twoup {text-align:center; margin-bottom:10px; clear:both;}
div#twoup a:link, div#twoup a:visited, div#twoup a:hover, div#twoup a:active {font-weight:bold;}
div#twoupl {float:left; width:auto; margin:0 auto; background-color:#e9e9e1; padding:5px;}
div#twoupr {float:right; width:auto; margin:0 auto; background-color:#e9e9e1; padding:5px;}
div#twoupl p, div#twoupr p {width:200px;}
/* @end */

/* @group products */
/* ex:TV Profiles Columbo */
div.item_l {float:left; width:120px; text-align:center; padding-right:8px; margin-bottom:15px;}
div.item_l img {margin-bottom:3px;}
div.item_r {float:right; width:340px; margin-bottom:15px; font-size:1.0em;}
div.item_r p {font-size:1.0em;}
div.item_r a:link, div.item_r a:visited, div.item_r a:hover, div.item_r a:active {
	font-weight:bold; font-size:100%;
}
div.item_c {width:120px; text-align:center; padding:3px;}
div.item_c img {margin-bottom:3px;}
/* @end */

/* @group Previous subnav */
div.prev_subnav {width:185px; font-size:76%; float:right; clear:right; padding:5px; background-color:#ccc; margin-top:3px; margin-bottom:3px;}
div.prev_subnav a:link, div.prev_subnav a:visited, div.prev_subnav a:hover, div.prev_subnav a:active {font-size:100%; font-weight:bold; color:#900;}
div.prev_subnav a:hover, div.prev_subnav a:active {background-color:#efefef;}
div.prev_subnav p {font-size:1.0em; margin:0px;}
/* @end */

/* Topic subnav - fussed a lot with the relative sizes and now they work:div is 1.2em, the rest relative. Can change size of a and p by changing p. */

/* @group Topic subnav */
div.topic_subnav { width:155px; margin-top:8px; margin-left:8px; margin-bottom:8px; background-color:white; float:right; clear:right; font-size:76%;}
div.topic_subnav_in {padding:8px;}
div.topic_subnav p.hed { margin-top:10px; margin-bottom:3px; margin-left:0px; font-size:1.0em; font-weight:bold;}
div.topic_subnav a.hed:link, div.topic_subnav a.hed:visited { color:#000000; font-size:100%; font-weight:bold; text-decoration:none;}
div.topic_subnav p.subhed { margin-top:13px; margin-bottom:3px; margin-left:0px; font-size:1.0em; font-weight:bold;}
div.topic_subnav a.subhed:link, div.topic_subnav a.subhed:visited { color:#000000; font-size:100%; font-weight:bold; text-decoration:none;}
div.topic_subnav p { margin-top:5px; margin-bottom:3px; margin-left:7px; font-size:1.0em;}
div.topic_subnav p a:link, div.topic_subnav p a:visited { color:#660000; font-size:100%;}
div.topic_subnav ul.level1 {margin-top:0;}
div.topic_subnav ul.level1 li {margin-top:6px; margin-bottom:6px; font-weight:normal; margin-left:-20px;}
div.topic_subnav ul.level2 {margin-top:0; margin-bottom:10px;}
div.topic_subnav ul.level2 li {margin-top:6px; margin-bottom:6px; font-weight:normal;}
/* @end */

/* Continue story box (e.g. Twist, CML...) */

div.cont {float:right; padding:8px; margin:10px; text-align:center; background-color:#ccc; width:200px; height:80px;}
div.cont a:link, div.cont a:visited, div.cont a:hover, div.cont a:active {font-weight:bold;}

/* div.pic {float:right; background-color:#e9e9e1; border:1px solid #ccc; color:#666; text-align:center; padding:4px;}
*/
div.pic {float:right; padding:8px; background-color:#e9e9e1; border:1px solid #ccc; color:#666;}
div.pic p {text-align:center; font-weight:bold;}
div.picwide {margin:0 8px; background-color:#e9e9e1; border:1px solid #ccc; color:#666; padding:4px; clear:both;}
div.picwide img {margin:0.2em auto; display:block;}
div.picwide p {margin:0.2em; text-align:center;}
div.picwide div {}

div.movies_left {width:120px; float:left; margin:5px;}
div.movies_left img {margin:5px;}
div.movies_left div {background-color:#fff; margin-top:5px; padding:2px; text-align:center;}
div.movies_left a:link, div.movies_left a:visited, div.movies_left a:hover, div.movies_left a:active {font-size:0.9em;}



IMG.book_cover { border:1px solid black; float:right; margin-left:10px; margin-bottom:5px; }
IMG.prev_books { float:left; clear:left; margin-right:10px; border:1px black solid; }
DIV.book { clear:left; margin-top:25px; }








/* Footer */
a.copy:link{font-size:100%; color:#333; text-decoration:underline;}
a.copy:visited {font-size:100%; color:#333; text-decoration:underline;}
a.copy:hover {font-size:100%; color:#333; text-decoration:underline;}
.copyright_gray {  font-size:9px; color:#333;}

/* Foot */
div.footer {
	background-color:black;
	border-top:0;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:10px solid black;
}

div#foot {font-size:76%;}
div#foot div {background-color:#ccc;}
div#foot p {font-size:1.0em; margin-bottom:0em; margin-top:0em;}
div#foot p.hed {font-size:1.4em; margin-bottom:0em; margin-top:0.2em; font-weight:bold;}
div#foot p.hed a.hed:link, div#foot p.hed a.hed:visited, div#foot p.hed a.hed:hover, div#foot p.hed a.hed:active {
	font-size:100%; color:#000; font-weight:bold; margin-bottom:0em; margin-top:0em; text-decoration:none; margin-left:2px;}
div#foot a:link, div#foot a:visited, div#foot a:hover, div#foot a:active {
	font-size:11px; color:#900; text-decoration:underline;}
div#foot_copy {padding:5px;}
div#foot_copy p {text-align:center;}
div#foot_copy a:link, div#foot_copy a:visited, div#foot_copy a:hover, div#foot_copy a:active {font-size:1.1em; color:#333; text-decoration:underline;}

div.footcol {float:left; width:120px;  border-left:1px solid #eee; padding-left:2px;}
div.footindent {margin-left:0px; line-height:1.4em; padding-left:2px;}

.subnav {
	margin-right:10px;
	float:right;
	clear:right;
	display:inline;
	width:220px;
	background-color:#eee;
	padding:5px 3px 0 5px;
	margin-left:7px;
}
.subnav h5 {
	font-size:12px;
}
.subnav h5 a:link, .subnav h5 a:visited, .subnav h5 a:hover, .subnav h5 a:active {
	font-size:1em;
	color:black;
	text-decoration:none;
}
.subnav h6 {
	font-size:12px;
	padding-top:2px;
	padding-left:6px;
}
.subnav h6 a:link, .subnav h6 a:visited, .subnav h6 a:hover, .subnav h6 a:active {
	font-size:1em;
	color:#333;
	text-decoration:none;
}
.subnav ul {
	padding-top:3px;
}
.subnav li {
	font-size:10px;
}
.subnav a:link, .subnav a:visited {
	text-decoration:none;
}
.subnav a:hover, .subnav a:active {
	text-decoration:underline;
}


/* ////////////////////////////////////////////////////////////

	New styles introduced with the October 2003 Redesign for home page ONLY

//////////////////////////////////////////////////////////// */

#mainMenu {	position:absolute;	z-index:1;	left:0px;	top:-210px;}
#secondMenu {	position:absolute;	z-index:0;	left:0px;	top:-210px;}
#botcover {	position:absolute;	z-index:2; 	top:0px; 	left:0px;}
#m1 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
#m2 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
#m3 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
#m4 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
#m5 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
#m6 {	position:absolute; 	top:73px; 	left:2px;	visibility:hidden;} 
span.menu {	background-color:transparent;	left:0px;	padding:0px 1px 1px 0px;	position:absolute;	top:2px;	visibility:hidden;	z-index:101;}
span.menu a.menuItem {	background-color:#D7D5A5;	color:#000000;	display:block;	padding:1px 1em;	text-decoration:none;	white-space:nowrap;	font-weight:normal; 	color:#666;	font-size:10px; text-align:left;}
span.menu a.menuItemSmall {	background-color:#D7D5A5;	color:#000000;	display:block;	padding:0px 1em;	text-decoration:none;	white-space:nowrap;	font-weight:normal; 	color:#666;	font-size:9px;	text-align:left;}
span.menu a.menuItem:hover {	background-color:#E5E6C9;	color:#CC6600;}
span.menu a.menuItemSmall:hover {	background-color:#E5E6C9;	color:#CC6600;}
.LightMenu {	background-color:#E5E6C9;	margin:0px 0px;}
.DarkMenu {	background:#D7D5A5;	margin:0px 0px;}
.TDddBG {color:#FFFFFF; font-size:0.8em; background:#000000;}