html,body,img,#header h1,#header ul,#header li,#navigation ul,#navigation li,#navigation h3,#randomquote 
{ 
	border : 0; 
	margin : 0; 
	padding : 0; 
}

body {
	background : #000;
	color : #DEDEDE;
	font : 12px/16px 'Verdana', 'Tahoma', 'Arial', sans-serif;
}

a,a:active,a:link,a:visited {
	color : #9A9A9A;
	text-decoration : none
}

a:hover {
	color : #FFF;
}

#document {
	position : relative;
	width : 100%;
}

#header {
	background : url('/images/topheaderfill.gif') repeat-x;
	
}


#header ul {
	list-style : none;
	overflow : hidden;
}
#header li {
	float : left;
}
#header li a {
	display : block;
	margin-left : 4px;
	outline : 0;
}

#topnavbuttons {
	position : absolute;
	right : 9px;
	top : 12px;
}

#topnavlinks {
	font-weight : bold;
	position : absolute;
	right : 10px;
	top : 60px;
}

#topnavlinks li a { margin-left : 8px; }

#topnavlinks li.current a {
	/*background : url('/images/downcurve2.gif') no-repeat 0 100%;*/
	color : #DDD;
	padding-left : 12px;
}

#topnavparanormallinks {
	font-size : 11px;
	position : absolute;
	right : 73px;
	top : 75px;
}

#topnavparanormallinks li.current a {
	color : #C5C5C5;
}



a.current
{
	color:#c5c5c5;
}

#randomquote {
	color : #ddd;
	font-size : 10px;
	font-style : italic;
	padding-bottom : 26px;
	padding-left: 25px;
}

#contenttitle,h1 {
	background : #9A9A9A;
	color : #000;
	font : bold 16px/25px 'Tahoma', 'Arial', sans-serif;
	height : 25px;
	text-align : center;
	vertical-align : middle;
}

#main {
	background : #333;
	color : #C6C6C6; 
	
	height: auto !important;
	min-height:700px;
	height:700px;
}

#navigation {
	font-size : 10px;
	left : 12px;
	padding-top: 15px;
	line-height : 12px;
	position : absolute;
	width : 15%;
}

/*#navigation h3 {
	color : #FFF;
	font-size : 10px;
	font-weight : normal;
	text-align : center;
	text-decoration : underline;
}*/

#navigation h3
{
		color : #cccccc;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	padding-bottom:4px;
	padding-top:4px;
	text-decoration : none;
	background-color:#353535;
	width:75%;
}

#navigation ul {
	font-weight : bold;
	padding-bottom : 16px;
	list-style:none;
}

#navigation a,#navigation a:active,#navigation a:link,#navigation a:visited { color : #9A9A9A; }

#navigation a:hover { text-decoration : underline; }

#content {
	font-size : 13px;
	margin : 0 10px 0 16%;


}

#content a {
	/*color : #EEE;*/
	color:#fff;
	font-weight : bold;
}

#content a:hover {
	color : #FFF;
	text-decoration : underline;
}

#content h2 {
	background : #D6D6D6;
	border : 2px solid #9A9A9A;
	color : #363636;
	font-size : 14px;
	font-weight : bold;
}

#content h3.mainpage, #content h3.mainpage a
{
	text-align:right;
	font-size:11px;
	font-variant:small-caps;
	padding:0px;
	width:100%;
	color:#555555;
	margin:0px;
	text-decoration:none;
	padding-right:2px;

}

#content h3.mainpage
{
		border-top: dotted 1px #414141;
		border-right: dotted 1px #414141;
		
}

#content ul
{
	/*list-style:none;*/
}

#sections a,#otherlinks a {
	padding-left : 11px;
}

#sections a {
	background : url('/images/leftlink.gif') no-repeat;
}

#otherlinks a {
	background : url('/images/leftlink2.gif') no-repeat;
}

#footer
{
text-align:center;
color: #cccc00;
font-size: 10px;

}

#footer a, #footer a:hover
{
color: #839ace;
}

p.right
{
	text-align:right;
}

p.center  /*smaller font size as it's meant primarily for images */
{
	
	text-align:center;
	font-size:10px;
	font-style:italic;
	margin-left:auto;
	margin-right:auto;
}


p.subtitle
{
	font-size:10px; 
   padding-left: 7pt;
   margin:0px;
}

img.floatLeft 
{ 
    float: left; 
    margin: 4px; 
}

img.floatRight 
{ 
    float: right; 
    margin: 4px; 
}

ul
{
	vertical-align:top;
}




div#divArticlesList
{
	width: 100%;
	clear:both;
	height:100%;
	min-height:200px;
	height: auto !important;
	
}

div.articlelistleft
{
	width:40%;
	margin:0px auto;
	min-width:19em;
	color:#ccc;
	float:left;
 	left:10%;
 	padding:5px;
 	padding-bottom:20px;
 	
 	
}

div.articlelistright
{
	width:40%;
	/*margin:0px auto;*/
	min-width:19em;
	color:#ccc;
	float:right;
 	padding:5px;
 	padding-right:10%;
 	padding-bottom:20px;
 	
	
}


/* For the paranormal page boxes */
#ArticleBox
{
	width:100%;
	display:block;
	height: 1000px;

	
}

.ArticleBoxRow
{
	width: 100%;
	clear:both;
	float:right;
}

.dialog {
 width:25%;
 margin:0px auto;
 min-width:19em;
  color:#fff;
 float:left;
 	position:relative;
 	left:10%;
 	padding:5px;
 	
}

.dialog .s
{
	height: auto !important;
	height:200px;
	min-height:200px;
	border: solid 1px black;
	margin:0px 8px 0px 4px;
	padding:1em;
	
}

.dialog .boxUFO
{

 background:#181818 url(/images/msUFO.jpg) repeat-x 0px 0px;

}


.dialog .boxProphecy
{

 background:#181818 url(/images/msProphecy.jpg) repeat-x 0px 0px;

}

.dialog .boxCryptozoology
{

 background:#181818 url(/images/msCryptozoology.jpg) repeat-x 0px 0px;

}

.dialog .boxParascience
{

 background:#181818 url(/images/msParascience.jpg) repeat-x 0px 0px;

}

.dialog .boxConspiracy
{

 background:#181818 url(/images/msConspiracy.jpg) repeat-x 0px 0px;

}

.dialog .boxMythology
{

 background:#181818 url(/images/msMythology.jpg) repeat-x 0px 0px;

}

.dialog .boxMystery
{

 background:#181818 url(/images/msMystery.jpg) repeat-x 0px 0px;

}

.dialog .boxGhosts
{

 background:#181818 url(/images/msGhosts.jpg) repeat-x 0px 0px;

}

.dialog .boxOther
{

 background:#181818 url(/images/msOther.jpg) repeat-x 0px 0px;
 

}



/* content-specific */

.dialog h3 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px; /*0px*/
 margin-top:-0.6em;
 font-size:16px;
 color: #555555;
 text-align:right;

}


#ArticleBox .ArticleBoxRow .dialog .s h3 a 
{
	color:#555555;
	text-decoration:none;
}

#ArticleBox .ArticleBoxRow .dialog .s a 
{
	color:#a7a7a7;
	
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

#ArticleBox > .ArticleBoxRow > .dialog > * > p > a
{
	color:#a7a7a7;
}

/*
form div#sendtoafriend
{
display:none; 
overflow:hidden; 
height:75px; 
position:absolute; 
top:30px; 
float:right; 
right:30px; 
background:black; 
border:solid 2px gray;

}*/

/*
form div#contactme
{
	
	display:none; 
	width: 350px; 
	overflow:hidden; 
	height:175px; 
	position:absolute; 
	top:30px; 
	float:right; 
	right:0px; 
	background:black; 
	border:solid 2px gray;
}
*/

span.italics
{
	font-style: italic;
}

span.bold
{
	font-weight:bold;
}

span.underlined
{
	text-decoration:underline;
}