html
{
  height: 100%;
}
body
{
  margin: 0;
  height: 100%;
  background-color: #246;
  background-image: url(bg.gif);
  background-position: 50% 0;
  text-align: center;
  font-size: 11px;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  color: #CCC;
  line-height: 1.4em;
}
td,input,select,textarea
{
  font-size: 11px;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
input,select,textarea
{
  font-size: 10px;
  padding: 2px;
  color: #FFF;
  background-color: #333;
  border: 1px solid #666;
}
h1,h2,h3,ul,form
{
  margin: 0;
  padding: 0;
}
h1,h2,h3
{
  text-align: center;
  color: #FFF;
}
h2
{
  font-size: 18px;
}
h3
{
  font-size: 13px;
  display: inline;
}
a
{
  color: #9BD;
  text-decoration: none;
}
a:hover
{
  color: #FFF;
}
p
{
  margin: 0 0 10px;
  text-indent: 20px;
}
img
{
  border: 0;
}
#wrap
{
  width: 775px;
  min-height: 100%;
  margin: auto;
  background-color: #444;
  background-image: url(middle.gif);
  background-repeat: repeat-y;
  background-position: 0 153px;
}
* html #wrap{height: 100%;}
#header
{
  height: 153px;
  background-image: url(header.gif);
  position: relative;
}
.header
{
  width: 721px;
  height: 100px;
  position: absolute;
  top: 20px;
  left: 27px;
}
.pxc
{
  width: 100px;
  height: 100px;
  position: absolute;
  top: 20px;
  left: 27px;
  background-image: url(pxc.gif);
}
#header h1
{
  display: none;
}
#nav
{
  width: 775px;
  position: absolute;
  top: 127px;
  left: 0;
  text-align: center;
}
#nav li
{
  list-style: none;
  display: inline;
}
#nav li a
{
  margin: 1px;
  padding: 3px 10px 4px;
  color: #FFF;
  font-weight: bold;
}
#nav li a:hover
{
  margin: 0;
  color: #000;
  background-image: url(hover.gif);
  border: 1px solid #689;
  border-width: 0 1px;
}
#left
{
  float: left;
  width: 34px;
}
#main
{
  position: relative;
  margin-left: 34px;
}
#right
{
  float: right;
  width: 34px;
}
#content
{
  margin-right: 34px;
  text-align: left;
}
#clearfooter
{
  clear: both;
  height: 55px;
  overflow: hidden;
}
#footer
{
  height: 35px;
  margin-top: -35px;
  text-align: center;
}
#footer iframe {
	display: block;
	margin: 0 auto;
}
#path, #path a, #footer, #footer a
{
  text-indent: 0;
  color: #999;
}
#welcome
{
  font-size: 13px;
  color: #FFF;
}
#news li
{
  list-style: none;
  padding: 10px 0 0;
}
#news p
{
  margin: 0;
  padding: 5px;
  border: 1px solid #666;
  border-width: 1px 0 1px;
}
#news i
{
  display: block;
  text-align: right;
}
#categories
{
  padding: 5px 25px;
}
#categories li
{
  list-style: circle;
  padding: 2px;
}
#tutorials li
{
  list-style: none;
}
#tutorials i
{
  display: block;
  text-align: right;
  clear: both;
}
#tutorials img
{
  float: left;
  border: 1px solid #000;
  margin: 0 5px;
}
#tutorials a
{
  color: #CCC;
  width: 100%;
  padding: 5px 0;
  border: 1px solid #666;
  border-width: 1px 0;
  overflow: auto;
  display: block;
}
#tutorials a:hover
{
  background-color: #333;
  display: block;
}
#tutorial
{
  padding: 5px 25px;
}
#tutorial li
{
  list-style: decimal;
  padding: 2px;
}
#tutorial img
{
  margin: 5px;
  border: 1px solid #000;
  display: block;
}
#tutorial p
{
  overflow: auto;
}
#code
{
  display: block;
  border: 1px solid #666;
  padding: 2px;
  margin: 2px 0px 10px;
}
#wallpapers
{
  margin-top: 5px;
}
#wallpapers li
{
  list-style: none;
  color: #CCC;
  width: 215px;
  padding: 5px 0;
  border: 1px solid #666;
  overflow: auto;
  display: block;
  float: left;
  margin: 5px;
  text-align: center;
}
#wallpapers img
{
  float: left;
  border: 1px solid #000;
  margin: 0 5px;
}

/* Thanks Sean Landman! */
#stars
{
  width: 125px;
  height: 25px;
  position: relative;
  background-image: url(star.gif);
  margin: 0 0 15px;
}
#stars div
{
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
#stars a
{
  height: 25px;
  display: block;
  overflow: hidden;
}
#stars a:hover
{
  background-image: url(star_hover.gif);
}
#star1{width: 25px; z-index: 5;}
#star2{width: 50px; z-index: 4;}
#star3{width: 75px; z-index: 3;}
#star4{width: 100px; z-index: 2;}
#star5{width: 125px; z-index: 1;}

#tinystars
{
  width: 50px;
  height: 10px;
  display: block;
  float: right;
  background-image: url(tinystar.gif);
  margin: 3px 0 0 5px;
}
#tinystars span
{
  height: 10px;
  display: block;
  background-image: url(tinystar_active.gif);
}