/*Declaring the font size here allows me to play with the size of the fonts below*/

	body 
		{
		font-size:100%;
		}

/*By putting the background image in the html attribute, the entire page is covered with background*/
/*This avoids the white-border problem*/
/*Also note the use of the COVER attribute; I have to declare it for all of the major browser types*/

	html
		{
		background: url(http://richardparent.net/media/portal-bg.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:repeat-y;
		}

/*STYLE FOR MY MAIN PAGE*/

/*This DIV is for the logo and enter link*/

	div.comein
		{
		width:390px;
		height:510px;
		position: absolute;
		top: 38%;
		left: 43%;
		}

/*I want all of my links to glow when you mouse-over them*/

	a.glow, a.glow:hover, a.glow:focus
		{
		text-decoration: none;
		color: #10D8F0;
		text-shadow: none;
		-webkit-transition: 500ms linear 0s;
		-moz-transition: 500ms linear 0s;
		-o-transition: 500ms linear 0s;
		transition: 500ms linear 0s;
		outline: 0 none;
		}

	a.glow:hover, a.glow:focus
		{
		color: #fff;
		text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
		}

/*I don't want underlines for my links; the glow should be plenty of notice*/

	a
		{
		display:block;
		width:210px;
		text-decoration:none;
		}