html, *
{
  margin: 0;
  padding: 0;
}

html
{

}

body
{
  color: #003300;
  font-family: georgia;
  background: #fddf52 url('../images/bg_yelyel.jpg') repeat-x;
}

body.thebook
{
  background: #a2dfca url('../images/bg_yelblu.jpg') repeat-x;
}

body.zone
{
  background: #85c170 url('../images/bg_yelgrn.jpg') repeat-x;
}

body.downloads
{
  background: #ff9a66 url('../images/bg_yelorange.jpg') repeat-x;
}

body.pictures
{
  background: #dfa2ca url('../images/bg_yelpurple.jpg') repeat-x;
}

body.games
{
  background: #fca2e8 url('../images/bg_yelpink.jpg') repeat-x;
}

label
{
  margin-bottom: 5px;
}

fieldset 
{
  border: medium none;
}

legend 
{
  display: none;
}

input, textarea, select 
{
  border: 3px solid #fff;
  font-size:14px;
  margin-bottom:10px;
}

.friend input, .friend textarea, .friend select 
{
  border-color: #fddf52;
}

.pictures input, .pictures textarea, .pictures select 
{
  border-color: #cb99cc;
}

a
{
  color: #fd0100;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

img
{
  border: 0;
}

p
{
  margin-bottom: 10px;
}

h1.pagetitle
{
  color: #fd0100;
  padding-left: 40px;
  margin-bottom: 25px;
  background: transparent url('../images/bullet.gif') left center no-repeat;
  font-weight: normal;
}

.articleimage
{
  float: left;
  padding: 0 10px 10px 0;
}

.listitem
{
  margin-bottom: 15px;
  clear: both;
}

.listitem img
{
  float: left;
  padding-right: 10px;
  margin-top: 10px;
}

.listitem .listtext
{
  float: right;
  width: 390px;
}

.listitem h2, .listitem h2 a
{
  color: #fd0100;
  text-decoration: none;
}

.listitem h2 a:hover
{
  text-decoration: underline;
}

.sectionitem
{
  height: 130px;
  padding-left: 5px;
}

.sectionitem h2
{
  margin-top: 5px;
}

.thebook .sectionitem
{
  background: transparent url('../images/bg_item_thebook.gif') right bottom no-repeat;
}

.zone .sectionitem
{
  background: transparent url('../images/bg_item_zone.gif') right bottom no-repeat;
}

.downloads .sectionitem
{
  background: transparent url('../images/bg_item_downloads.gif') right bottom no-repeat;
}

.games .sectionitem
{
  background: transparent url('../images/bg_item_games.gif') right bottom no-repeat;
}

.pictures .sectionitem
{
  background: transparent url('../images/bg_item_pictures.gif') right bottom no-repeat;
}

.box
{
  float: left;
  width: 300px;
  height: 220px;
  margin: 0 0 5px 5px;
  padding: 10px;
  background: transparent url('../images/bg_box.gif') center top no-repeat;
}

.box h1
{
  margin-top: 10px;
}

.box h1, .box h1 a
{
  color: #fd0100;
  text-decoration: none;
}

.box h1 a:hover
{
  text-decoration: underline;
}

.col1, .col2
{
  width: 290px;
}

.col1
{
  float: left;
}


.col2
{
  float: right;
}

#container
{
  width: 970px;
  margin: 0 auto;
  padding: 10px;
}

#head img#logo
{
  float: left;
}

ul#pencilnav
{
  float: right; 
}

ul#pencilnav li
{
  list-style-type: none;
}

#main
{
  padding-top: 15px;
}

#leftsidebar
{
  float: left;
  width: 320px;
}

#leftsidebar ul
{
  margin-top:  20px;
}

#leftsidebar ul li
{
  list-style-type: none;
}

#leftsidebar ul li a
{
  display: block;
  width: 260px;
  height: 35px;
  padding: 10px 0 0 40px;
  font-size: 20px;
  color: #003300;
  text-decoration: none;
}

#leftsidebar ul li a:hover
{
  text-decoration: underline;
}

#leftsidebar ul li.active a
{
  background: transparent url('../images/bullet.gif') 10px center no-repeat;
}

.thebook #leftsidebar ul li.active a, 
.thebook #leftsidebar ul li:hover a
{
  background-color: #99cccc;
}

.zone #leftsidebar ul li.active a,
.zone #leftsidebar ul li:hover a
{
  background-color: #99ff99;
}

.pictures #leftsidebar ul li.active a,
.pictures #leftsidebar ul li:hover a
{
  background-color: #cb99cc;
}

.downloads #leftsidebar ul li.active a,
.downloads #leftsidebar ul li:hover a
{
  background-color: #ff9a66;
}

.games #leftsidebar ul li.active a,
.games #leftsidebar ul li:hover a
{
  background-color: #fca2e8;
}

.friend #leftsidebar ul li.active a,
.friend #leftsidebar ul li:hover a
{
  background-color: #fddf52;
}

#boat
{
  height: 352px;
  margin-top: 0px;
  background: transparent url('../images/boat.png');
}

#content
{
  float: right;
  width: 610px;
  margin: 0 0 20px 20px;
  padding: 10px;
}

.homepage #content
{
  width: 650px;
  padding: 0 0 30px 0;
  margin: 0;
}

.thebook #content
{
  background-color: #a2dfca;
}

.zone #content
{
  background-color: #99ff99;
}

.downloads #content
{
  background-color: #ff9a66;
}

.pictures #content
{
  background-color: #cb99cc;
}

.games #content
{
  background-color: #fca2e8;
}

#content.list
{
  width: 590px;
  margin: 0 0 20px 20px;
  padding: 10px;
  border: 10px solid #99cccc;
  background-color: #fff;
}

.thebook #content.list
{
  border-color: #a2dfca;
}

.zone #content.list
{
  border-color: #99ff99;
}

.downloads #content.list
{
  border-color: #ff9a66;
}

.games #content.list
{
  border-color: #fca2e8;
}

.pictures #content.list
{
  border-color: #cb99cc;
}

.friend #content.list
{
  border-color: #fddf52;
}

#paging
{
  clear: both;
  padding-top: 15px;
}

#contentfoot
{
  float: right;
  height: 30px;
  width: 650px;
  background: transparent url('../images/bg_foot.gif') 500px bottom no-repeat;
}

#foot
{

}

#head, #main, #foot
{
  clear: both;
}