@import url(header.css);

body, td, p {
   font-family: Corbel, Arial, helvetica, sans-serif;
   color: #000000;
   font-size: small;
   }
body {
   /*background-color:#ffff99;*/
   color: rgb(0, 0, 0);
   margin:0px;
   padding: 10px;
   }
H1, H2, H3, H4, H5, H6 {
	margin:0;
	line-height:80%;
	}
H1 {font-size:190%;}
H2 {font-size:170%;}
H3 {font-size:150%;}
H4 {font-size:130%;}
H5 {font-size:110%;}
H6 {font-size:85%;}
H1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none !important;
	}
OL {
   margin-top:0; margin-bottom:0;
	}
UL {
   margin-top:0; margin-bottom:0;
	}
hr {
	border:none;
	height:4px; 
	background-color:#FFFF00; 
	margin-bottom:0; 
	margin-left:75px;
	border-width:0;
	}


/************ LAYOUT SECTIONS ******************************/
#topdiv {
	width:100%;
	position:absolute;
	left:77px;
	white-space:nowrap;
	max-height:160px;
	z-index:1000;
	/*float:left;
	width: 916px;
	height: 170px;*/
	}
#topdiv+* {
	margin-top:125px;
	}
/*#vglogotop {float:left;}*/
div#bodydiv {
	position:absolute;
/*	left: 5px;
	top: 135px;
*/	z-index:100;
	background-image: url(/images/vg/stars-side.png);
	background-repeat: repeat-y;
	min-height: 450px;
	width:850px;
	padding-left: 135px;
	padding-top:0px;
	text-align:left;
	}
div#updates {
  }
#pagehead {
	float:left;
	width:200px;
	}
#intro {
	width:566px;
	margin-top: 3.4ex;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 215px;
	}
#links {
	border:medium dashed #0066CC;
	padding:5px;
	margin-left:4%;
	/*clear:left;*/
	float:left;
	width:30%;
	}
	         /* The following are settings for making the descriptions appear next to the links */
#links li {position:relative; z-index:5;} 
#links li div {
	position:absolute;
	left:8em;
	top:-1em;
	padding:.5em;
	width:15em;
	background-color:#FFF;
	font-size:85%;
	z-index:10;
	border:1px solid #0808b8;
	display:none;
	}
#links li:hover {z-index:10;}
#links li:hover div {display:block;}
div#updated {
	text-align:right;
	clear:both;
	}


/***************** STYLES FOR NORMAL PAGES ***********************/
div.vgcreations {
	width:60%;
	clear:left;
	float:left;
	}
.vgcreations * {margin-top:0;}
div.creation {
	min-height:75px;
	margin-bottom:15px;
	} 
div.category .creation {width:550px;}
.creationimg {
	float:left;
	border:2px solid #3d3dbd;
	}
.creationdesc {
	/*width:315px;*/
	margin-left:85px;
	}
.creationdesc a {
	font-weight:bold;
	}

/**************** CATEGORIES (FOR THE HOME PAGE) ********************/
#starguys {
	margin-top:-10px;
	float:left;
	}
div.category {
	margin-left:260px;
	margin-top:30px;
	width:575px;
	position:relative;
	}
.category h3, .category h4, .category h5, .category h6 { margin-bottom: 1ex;}
.catmoreimg {
	position:absolute;
	border:0;
	bottom:0;
	right:0;
	}
.category .creation {
	width:550px;
	}
.category .creationdesc {
	width:315px;
	}



/************ STYLES FOR NO SIDE STARS ************/
div.galore {
	padding:6px;
	padding-left:85px;
	position:relative;
	height:75px;
	overflow:visible;
	}
.galore > img {
	position:absolute;
	left:0;
	top:0;
	border-width:2px;
	border-style:none;
	border-style:hidden;
	border-color:#3d3dbd;
	/*border:2px hidden #3d3dbd;*/
	}
	
/**************** USEFUL CLASSES ******************/
.indent {
	margin-left:20px;
	}
.right {
	display:block;
	float:right;
	margin-left:10px;
	}
.sidenote { font-size: 80%; }