@charset "UTF-8";

body {
	margin:0;
	padding:0;
	background:url('bg.gif');
	text-align:center;  
}

h1 {
  font-family: georgia, times, serif;
  text-indent:10px;
	font-size:1.1em;
	color: #000;
	border-bottom:4px solid #ddd;
	font-variant: small-caps;
}

a {
  font-weight:bold;
  color: #000;
  text-decoration: underline;

}

a:hover {
  font-weight:bold;
  color: #333333;
  text-decoration:none;
}

p {
  margin:10px;
}

h1:first-letter {
	font-size:1.2em;
	font-weight:bold;
}

#about, #members {
  display: none;
}
#main {
  display:block;
}

#container {
	border-left:3px solid #21282d;
	border-right:3px solid #21282d;
	border-bottom:15px solid #21282d;
	text-align:left;
	margin: 0 auto;
	width:888px;  
	background-color:#efefef;
}

#top {
	background:url('banner.jpg');
	background-repeat: no-repeat;
	width:895px;
	height:203px;
}

#sidebox {
  float:right;
  width:300px;
  padding:0;
  
}

.postinfo {
  font-size: 1.1em;
  font-family: georgia, times, serif;
  font-variant: small-caps;
  margin-top:-11px;
  margin-right:2px;
  color: #b3b3b3;
  float:right;
}
.memberinfo {
  font-size: 1.1em;
  font-family: georgia, times, serif;
  font-variant: small-caps;
  margin-right:2px;
  color: #b3b3b3;
  float:right;
}

.sideentry {
  border: 1px solid #dddddd;
  background-color:#fff;  
  margin:10px;
}

.entry {
  border: 1px solid #dddddd;
  background-color:#fff;
  width:530px;
  padding:0;
  margin:10px;
}

#java {
  border: 1px dotted #a6000c;
  font-size:1.2em;
  color: #a6000c;
  width:520px;
  margin:10px;
  background-color:#fff;
  font-weight:bold;
  padding:5px;

}

#content {
	padding:15px;
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#menu {
	background:url('menuback.gif');
	background-repeat: repeat-x;
	width:100%;
	height:20px;
	border-top:2px solid #0c1013;
	display:table;
  
}

#menu ul
{
	width:100%;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:0.8em;
	color: white;
	text-align: center;
	margin: 0;
	display:table-row;
}


#menu li
{
	display: table-cell;
	width:24.9%;
}

#menu a
{
  color: white;
	padding-top:1px;
	padding-bottom:0px;
	display: block;
	width: 100%;
	vertical-align: middle;
	text-decoration: none;
}

#menu a:hover
{
	background: url('menuback2.gif');
	color: white;
	background-position:30px 80px;
}

* html #menu li { /* MacIE */
	display: inline-block;
	width: 24.7%;
}

/* The IE trick (hidden from MacIE) \*/
* html #menu li {
	display: inline;
	width: 24.8%;
}
/* */

img {
  border: 1px #d2d2d2 solid;
  padding:2px;
	max-width: 500px;
	/* Change 525 to the desired width value */
}

img {
	_width: expression(this.width > 500 ? 500: true);
	/* IE6 fix for max-width */
	/* Change both 525s to the desired width value */
}

.active { 
	margin-bottom:0px;
  margin-left:-3px;
	background: url('menuback2.gif');
	border-left: 3px solid #21282d;
	border-right: 4px solid #21282d;
}

* html .active { /* Fuck you IE */
  margin-left:0px;
}

.inactive {
	border-bottom:4px solid #21282d;
}

/* Table at memberlist */
.members {
  padding-left:15px;
}
.members table {
  width:500px;
  border-collapse:collapse;
}
.members tr {
  border-bottom:1px solid #d2d2d2;
}
tr.odd { 
  background-color: #e5e5e5; 
}