body {background:#000;
      margin:0;
	  
	}
	
	/* This changed the scrollbar to black with a ncie artistic effect, but it was at times hard to see on a PC*/
	
	/*  scrollbar-3dlight-color:#222;
      scrollbar-arrow-color:#FFF;
      scrollbar-base-color:#000;
      scrollbar-darkshadow-color:#222;
      scrollbar-face-color:#000;
      scrollbar-highlight-color:#000;
      scrollbar-shadow-color:#000}  */

#outer        				 
	{position: absolute;
	 top: 40%;
	 left: 0px;
	 width: 100%;
	 height: 1px;}

#inner    
	{
	margin-left: -250px;
	position: absolute;
	top: -150px;
	left: 50%;
	width: 500px;
	height: 300px
}

.bgtext 					
		{font-size: 70px;
		 position:absolute;
		 top:50px;
		 left:-110px;
		 right:-80px}

.bgtext, .footertext 
		{color:#333;
		 font-family:verdana;}
		 
.footertext {font-size:12px;
			 position:absolute;
			 top:320px;
			 text-align:center;
			 width:500px;}

/* This is the color of the floating text on the individual pages*/
div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7
         {color:#000033;
		  font-family:Verdana;
		  position:absolute;}

div#text1 {font-size:28px;
		top:6px;
		left:0px;}
		
div#text2 {font-size:50px;
		top:222px;
		left:-104px;}
		
div#text3 {font-size:22px;
		top:62px;
		left:273px;}
		
div#text4 {font-size:34px;
		top:99px;
		left:-85px;}
		
div#text5 {font-size:22px;
		top:182px;
		left:263px;}
		
div#text6 {font-size:38px;
		top:-5px;
		left:200px;}
		
div#text7 {font-size:28px;
		top:206px;
		left:23px;}
		
 div#text1 a:hover span {top: -3px; 
						left: 0px; 
						width:}

 div#text2 a:hover span {top: -8px; 
						left: 0px; 
						width:}
						
 div#text3 a:hover span {top: -2px; 
						left: 0px; 
						width:}

 div#text4 a:hover span {top: -2px; 
						left: 0px; 
						width:}
		
 div#text5 a:hover span {top: -2px; 
						left: 0px; 
						width:}
						
 div#text6 a:hover span {top: -4px; 
						left: 0px; 
						width:}
						
 div#text7 a:hover span {top: -4px; 
						left: 0px; 
						width:}
								   
div#inner a:hover, div#inner2 a:hover
				  {background: none;
				   cursor:auto;}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}


/* This is color of the text on the main page:*/
div#inner a {text-decoration: none;
			 color:#CCCCCC;}



div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}


/* This is the position and size of the text area and the attributes inside*/
div#content {position:absolute;
			 top:-50px;
			 left:-125px;
			 width:auto;
			 /* height: 520px; this eliminates the internal scroll bar, and makes it easier to print*/
			 /* overflow: inherit; */
			 font-family: verdana;
			 font-size: 14px;
			 color:#CCCCCC;
			 text-align:justify;
			 line-height: 1.5em;
			 margin:3px;}

div#inner div#content a:hover {text-decoration:underline;}

div#close, div#top 
          {width:38px;
		   height:17px;
		   background:none;
		   text-align:center;
		   font-family:verdana;
		   font-weight:bold;
		   font-size:12px;
		   border: 1px solid #222}
   
/* This is the position of the little carat on each page */   
div#top {position:relative;
		   left:573px;
		   top:437px}

div#close {position:relative;
		   left:573px;
		   top:-47px;}
		   
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:auto;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:auto;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:auto;}

/* This is the position of the text at the top of the individual pages */
div#urltext {font-family:verdana;
			 font-size:30px;
			 position:absolute;
			 top:-87px;
			 left:-120px} 

div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
   			 {color:#69C}
			 
div#content div#titlebar {border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:#69C}
				
div#content {margin-left:0;}
			 
div#titleblock {font-family:verdana;
				font-size:12px;
				color:#69C;
				font-weight:;
				margin-right:6px;
				margin:6px;
				margin-left:2px;
				border:1px solid #222;
				padding:4px}
				
div#titleblock span {color:#69C}


.blog_date {
	padding-top: 12px;
	letter-spacing: 0.3em;
	font-size: 12px;
	color: #66CCFF;
}

.blog_title {
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #C60;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote {
	font-size: small;
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.super {
	vertical-align: super;
	font-size: 9px;
	color: #66CCFF;
}

img {
	border:0px;
}