body {
	color:#ceebeb;
	background:#F0F0F0 url(./images/binarystrip.jpg) repeat-x 0 0;
	font: Verdana,Arial,Helvetica,sans-serif;
	}

#main{
	width: 1000px;
	margin: 0px;
	padding:0px;
}

#banner { 
	background-image:url('./images/banner2.jpg');
	margin-top:20px;
	width: 700px;
	height: 171px;
	float: left;
} 

#pagetitle {
	float: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 300%;
	padding-left: 100px;
	margin-top: 5px;
}

#datetime {
	float: right;
	color: #ffffff;
	font-weight: bold;
	font-size: 150%;
	text-align: right;
	margin-top: 60px;
	margin-right: 20px;
}

#menu { 
	position: absolute;
	float: left;
	margin-top: 140px;
	padding-left: 120px;
}

#gadgets {
	position: block;
	width: 250px;
	margin-top: 40px;
	margin-left:720px;
}

#content {
	padding: 5px;
	color:#000000;
	position: relative;
	margin-top: 0px; 
	width: 690px;
	float: left;
	clear:left;
	background-image:url('images/lightbinary.jpg'); 
} 

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0 0 10px;
}

.in2 {
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
}

.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:1px;
  font-weight:normal;
}

.ltin {
  left:-5px;
}

.tpin {
  top:-5px;
}

.rtin {
  left:5px;
}

.narrow {
	width:8em;
}

.normal {
	width:180px;
}

.wide {
	width:18em;
}

.image {
	width:412px; padding:0;
}

.image {
	width:412px; padding:0;
}

.gadget {
	width:250px;
	padding:0;
	text-align: center;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
}

.blog {
	width:650px;
	padding:0;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px;
	border-style: dashed;
	border-width: 3px;
}

.smallbox {
	text-align: center;
	color: #000000;
	padding: 3px;
	width: 650px;
}

#blogimage {
	float: left;
	clear: none;
	margin-right: 10px;
}

#blogheading {
	float: left;
	clear: right;
	width: 650px;
}

.bigtext{
	margin-bottom: 25px;
	font-size: 150%;
	font-weight: bold;
	text-align: middle;
}

.hugetext{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1100%;
	text-align: middle;
}

.menulink a:link, a:visited {
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
}

.menulink a:hover, a:active {
	text-align: right;
	color: #D0D0D0;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
}