body {
  font-family: arial, Georgia, 'Times New Roman', Times, 'Bookman Old Style', 'Hoefler Text', Serif;
  font-size: 0.9em;
  margin:50px 50px 0px 50px;
  padding:0px;
/*  background-color: #EEE */
  background-color: #dcdcdc;
}
  
body * {
  font-size: 100%;
}

#header {
  background:#fff;
  text-align: right;
  height:100px;
  padding: 10px 10px 10px 10px;
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
}

html>body #header {
  height:100px;
}

#leftcontent {
  z-index: 1;
  background:#fff;
  position: absolute;
  left: 50px;
  top: 60px;
  width:310px;
  padding-left: 10px;
  border-left:1px solid #000; 
}

#centercontent {
  z-index: 4;
  background:#fff;
  padding-left: 310px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-left:1px solid #000; 
  border-right:1px solid #000; 
  border-bottom:1px solid #000; 
}

#featured {
  background:#fff;
  border-top:1px solid #000; 
}
#whatsnew {
  background:#fff;
  padding-left: 25px;
  padding-right: 20px;
  padding-top: 5px;
}


html>body #centercontent {
  padding-left: 250px;
}

#footer {
  text-align: right;
  height:81px;
  padding: 5px;
  font-size: 0.7em;
}

#description {
  padding-left: 40px;
}

#links {
  z-index: 3;
  position: absolute;
  top: 0px;
  left:10px;
  font-size: 0.8em;
}

div#twitter_div {
	border: 0px solid #000;
	padding-left:25px;
}

ul#twitter_update_list {  
	list-style-type: circle;
	width: 90%;
}

ul#john_status {  
	list-style-type: circle;
}

p,h1,pre {
  margin:0px 10px 10px 10px;
}

h1 {
  font-size:14px;
  padding-top:10px;
}

img {
  border: 0;
  vertical-align: middle;
}

a:link, a:visited, a:active  {
/*  font-weight: bold; */
  text-decoration:underline;
  color: #999999
}   
a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #39f
}
  
ul {
  list-style-type: none;
  margin: 0px;
  width: 100%;
}

li {
  padding-bottom: 0.5em;
}