body { 
   background-color: #8b8b8b; color:#111111;
   margin: 0px; padding: 5px;
   font-family : Tahoma, Verdana, Arial, sans-serif;	font-size :0.9em;
}
a, a:link {	color: #C32A00; text-decoration: none;}
a:visited {color: #881f00;  text-decoration: underline;  }
a:hover, a:active {color: #000000; background: #FF6600; text-decoration: none;}

p { padding: 5px; font-size: 90%;}
li { list-style-image: url(http://blogplates.net/images/dot.gif); font-size: 90%;  }

#banner {
background-color:#9e9e9e;
   background-image: url(http://blogplates.net/images/bp.gif); height: 130px;
   background-repeat: no-repeat; width: 440px;
   margin-left: 160px;
   }
#banner h1 { display:none; }

#container {width: 630px; margin-right: auto; margin-left: auto;  
      background-color: #9e9e9e; border: 1px outset #848484;
}
#content {
   margin-left: 165px; width: 435px;
   background-color:#bbbbbb; border: 1px inset #848484; padding: 5px;
}
#menu {  float:left;padding: 0px; margin: 0px; width: 155px; background-color:#9e9e9e;}
#menu ul, #menu li { list-style-type: none; list-style-image: none; padding: 0px; margin: 0px; }

#menu li a { display:block; width: 153px; 
      text-decoration:none; 
      background-repeat: no-repeat;}
#menu li a:hover { background-image: none;  background-color: transparent !important; }      

.home a { background-image: url(http://blogplates.net/images/home.gif); height: 34px; }
.home { background-image: url(http://blogplates.net/images/home-over.gif); }
.join a { background-image: url(http://blogplates.net/images/join.gif); height: 35px;}
.join { background-image: url(http://blogplates.net/images/join-over.gif); }
.tutorials a { background-image: url(http://blogplates.net/images/tutorials.gif); height: 39px;}
.tutorials { background-image: url(http://blogplates.net/images/tutorials-over.gif); }
.members a { background-image: url(http://blogplates.net/images/members.gif); height: 38px;}
.members { background-image: url(http://blogplates.net/images/members-over.gif); }
.forums a { background-image: url(http://blogplates.net/images/forums.gif); height: 39px;}
.forums { background-image: url(http://blogplates.net/images/forums-over.gif); }
.contact a { background-image: url(http://blogplates.net/images/contact.gif);  height: 36px;}
.contact { background-image: url(http://blogplates.net/images/contact-over.gif); }
.links a { background-image: url(http://blogplates.net/images/links.gif);  height: 46px; }
.links { background-image: url(http://blogplates.net/images/links-over.gif); }
.empty { display:none;}

.top, .bottom { display:block; width: 153px;background-repeat: no-repeat; }
.top { background-image: url(http://blogplates.net/images/top.gif); height: 51px;  background-position: bottom;  background-color:#9e9e9e;  vertical-align: bottom;   }
.bottom { background-image: url(http://blogplates.net/images/bottom.gif);height: 52px; }

.donate {  padding-top: 15px; font-size: 75%; text-align:center; color:#333333;}

#footer {
   clear:both; padding-top: 10px;
   text-align:center; font-size: 75%; color:#333333;
}
form {   margin: 0px; padding: 0px;}
input, textarea, select {
   border: outset 1px #848484; background-color: #c5c5c5; color: #333333; 
   font-size: 0.9em; font-family: Tahoma, Verdana, Arial, sans-serif;
   padding: 2px; margin: 1px; 
   -moz-border-radius-topright: 12px;
}
input:focus, textarea:focus {
   background-color:#d5d5d5; border-color:#333333;
}
label {
   font-size: .9em; font-weight:bold; 
   color:gray;
   margin-bottom: -2px; padding-left: 20px; 
}
label em {
   font-weight:normal; font-size: .8em; color:#333333; font-style:italic;
}
#joinform { padding: 10px;}

.infloat { float: left; padding-right: .5em;  }
div.inputfloat {
   color:#c30000; font-size: .75em; font-style:italic;  text-align: center;
   float: left; margin: 0 0 0 1em; padding:0;  width: 5em;  
}
div.inputfloat2 {
   color:#c30000; font-style:italic; font-size: 0.75em; 
}

h2, h3, h4 {
 font-family: Arial, Helvetica, Tahoma, sans-serif; padding-bottom: 2px; padding-top: 5px;  margin-bottom: 0px;
}
h2 { letter-spacing: 0.05em; font-weight:bold; color:black; text-transform:uppercase;}
h3 { border-bottom: solid 1px #666666; }
h4 {  letter-spacing: 0.05em; color:#333333;    padding-left: 14px; 
   background-image: url(http://blogplates.net/images/dot.gif);
   background-position: left; background-repeat: no-repeat;}
   
ul.row0, ul.row1 { list-style-type:none; list-style-image: none; padding: 0px; margin: 0px 20px; clear: both;}
.row0 li, .row1 li {list-style-type:none; list-style-image: none; font-size: 75%; border: outset 1px #999999; margin: 4px; padding: 2px;  }
.row0 li { float:left; background-color:#b5b5b5; width: 180px;}
.row1 li { float:left; background-color:#c5c5c5; width: 180px;}
li h4 {  padding-left: 14px;
   margin-bottom: 0px; margin-top: 2px;  
   border-bottom: 1px solid #848484;
   text-align:left; letter-spacing: 0.1em; font-weight:bold;
   background-image: url(http://blogplates.net/images/dot.gif);
   background-position: left; background-repeat: no-repeat;
}
li.col {text-align:right; font-size: 88%; }
li.col em {  font-size: 75%; color:#666666; font-style:italic;}


#updates {
   border: outset 1px #848484;
   background-color:#bbbbbb; padding: 3px;
   float:right; width: 180px;
}
#updates h2 { background-color: #ff6600; color:black; font-weight:bold; margin:0px; padding: 1px 5px; font-size: 1em; }
.posted {
   text-align:right; font-size: 80%; padding-bottom: 5px;
}
#updates p {padding-top: 2px; margin-top: 0px;
   margin-bottom: 1px; padding-bottom: 1px; 
}
#updates .powered {
   text-align:center; font-size: .8em; font-style:italic;
}
.comnum {
   font-size: 22px; color:#a3a3a3; font-weight:bold; font-style:italic; float:left; font-family:georgia, "Times New Roman", serif; }
.comnum a, .comnum a:link, .comnum a:visited { font-size: 22px; color:#a3a3a3; border: solid 1px #bbbbbb; }
.comnum a:hover {
   color:#a3a3a3; background-color:#cccccc; border: solid 1px #999999;
}