/* this takes the default margins (blank space around) and padding (blank space inside) off of everything */
* {margin: 0; padding: 0;}

/* this is how we make a gradient background. have to make an image with the gradient in it */
body {background-image: url(/styleimage/bggradient.png);
  background-repeat: repeat-x;
  /* the solid color that's used if the background like doesn't load or something */
  background-color: #423C3D;
}

/* don't worry if you don't understand this, it's a shitty hack to center stuff */
div#main {
	position: absolute;
  /* move shit so that the top left corner is in the center... */
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 600px;
  /* then move it up by half of its height/width so that the center is in the center */
	margin-top: -300px;
	margin-left: -500px;
	border: 1px solid #ccc;
}

/* the white cutout shape */
div#cutout {
  width: 806px;
  height: 531px;
  position: absolute;
  top: 32px;
  left: 191px;
  background-image: url(/styleimage/cutout.png);
  background-repeat: no-repeat; /* don't tile it */
  border: 1px solid #ccc;
}

/* the content area inside the white content shape */
div#content {
  height: 467px;
  width: 742px;
  position: absolute;
  top: 32px;
  left: 32px;
  border: 1px solid black;
  /* this makes scrollbars appear if the content won't all fit in the box */
  overflow: auto;
}

div#nav {
  background-image: url(/styleimage/headerfeef.png);
  background-repeat: no-repeat;
  border: 1px solid black;
  width: 190px;
  height: 600px;
}