body {background:url(images/FraxDesk.jpg); background-repeat:no-repeat; background-color:#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: -300px;
	position: absolute;
	top: -150px;
	left: 50%;
	width: 600px;
	height: 300px
}

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

.bgtext2 					
		{font-size: 14px;
		 position:absolute;
		 top:50px;
		 left:-1px;
		 right:-80px;
		 color:#ccc;
		 font-family:Verdana, Geneva, sans-serif;
		 text-align:left;
		 text-shadow:0px 2px 2px #000;
		 }


.bgtext, .footertext 
		{
	color:#ccc;
	font-family:verdana;
	text-align: center;
}
		 
.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
         {
	font-family:Verdana;
	position:absolute;
	width: 477px;
}

div#text1 {
	font-size:18px;
	top:200px;
	left:5px;
	letter-spacing: 0.2em;
	text-shadow:0px 2px 2px #000;
}
		
div#text2 {font-size:50px;
		top:222px;
		left:-104px;
		}
		
div#text3 {
	color:#000033;
	font-size:96px;
	top:0px;
	left:274px; 
	text-shadow:0px 2px 2px #000;
	
}
		
div#text4 {font-size:34px;
		top:99px;
		left:-85px;}
		
div#text5 {
	font-size:36px;
	top:110px;
	left:0px;
	letter-spacing: 0.3em;
	text-shadow:0px 2px 2px #000;
	}
		
div#text6 {
	color:#ffffff;
	font-size:96px;
	top:0px;
	left:0px;
	text-shadow:0px 2px 2px #000;
}
		
div#text7 {
	font-size:28px;
	height:80px;
	top:314px;
	left:116px;
	text-align:right;
	background:url(images/ying.gif); 
	background-repeat:no-repeat;
	background-position:right;
}
		
 div#text1 a:hover span {top: -2px; 
						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: auto;
			 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;
}
