*    {
	font-family: verdana, arial, helvetica, sans-serif;
	font: 11px;
}

body {
	margin-top: -0px;
	margin-bottom: -0px;
	margin-left: -0px;
	margin-right: -0px;
/*	text-align: center;
	padding-top: -8px;
	padding-bottom: 0px;*/
	padding-left: 0px;
	padding-right: 0px;
	background-color: white;
	font-family: sans-serif;
}

#left {
	float: left;
	z-index: 0;
	width: 79%;
	border: 1px black solid;
}

#right {
	z-index: 1;
	float: right;
	width: 20%;
	border: 1px black solid;
}

#bottom {
	background-color: #2c3d4d;
	border-top: 2px black solid;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

p#bottom
{
/*  border-top: 1px #ccc solid; */
  color: #ccc;
  text-align: center;
  font-size: 80%;
  font-style: italic;
/*  padding: 0.3em;
  padding-bottom: 5px;*/
}

p#bottom a
{
   color: #ccc;
	font-size: 90%;
   text-decoration: underline;
/*   background-color: #2c3d4d; */
}
p#bottom a:hover {
        color: red;
        text-decoration:none;
}

#footer_div_top {
	background-image : url(/server-look/images/footer_top.png);
        background-attachment: scroll;
        background-repeat: repeat-x;
	height: 25px;
	color: #ffffff;
	width: 100%;
}

#footer_div_mid {
	background-color: #2c3d4d;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	vertical-align: center;
	min-height: 15px;
	font-style: italic;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	letter-spacing: 0.3em;
	word-spacing: 0.1em;
	font: 11px bold;
}

#footer_div_mid a
{
   color: #ccc;
   text-decoration: underline;
}

#footer_div_mid a:hover {
        color: red;
        text-decoration:none;
}

#footer_div_bot {
	background-image : url(/server-look/images/logo_bottom.png);
    background-attachment: scroll;
    background-repeat: repeat-x;
	height: 25px;
	color: #ffffff;
	width: 100%;
}

#header_div_top {
	background-color: black;
/*	margin: 0 0 0 0;*/
	width: 100%;
/*	border: 0;*/
/*	height: 80 px;*/
	vertical-align: center;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
/*	padding-left: -5px;
	padding-right: 0px;*/
}

#header_div_mid {
	background-color: #2c3d4d;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	vertical-align: center;
	text-align: center;
	letter-spacing: 0.3em;
	word-spacing: 0.1em;
    font: 11px bold;
	/*font: 1.2em bold;*/
	font-family: verdana, arial, helvetica, sans-serif;
	color: white;
    min-height: 15px;
}

#header_div_bot {
	background-image : url(/server-look/images/logo_bottom.png);
        background-attachment: scroll;
        background-repeat: repeat-x;
	height: 25px;
	color: #ffffff;
	width: 100%;
}

/* For Netscape & Safary */
*>#contents {
	margin: 5px 0px 5px 15px;
	margin-right: 410px;
	min-height: 805px;
}
/* For IE */
* html #contents {
	margin: 5px 0px 5px 15px;
	margin-right: 410px;
	height: 815px;
}

*>#contents_no_news {
	margin: 5px 0px 5px 15px;
	margin-right: 145px;
	min-height: 805px;
}
/* For IE */
* html #contents_no_news {
	margin: 5px 0px 5px 15px;
	margin-right: 145px;
	height: 815px;
}

*>#projects_index {
	margin: 5px 0px 5px 15px;
	margin-right: 145px;
	min-height: 650px;
}
/* For IE */
* html #projects_index {
	margin: 5px 0px 5px 15px;
	margin-right: 145px;
	height: 650px;
}

h1   { font-size: 100%; border-bottom: 2px black solid; margin: 0.5em 0;
       text-align: left; letter-spacing: 1px; font-weight: bold; padding-top: 10px }
       
h2   { font-size: 80%; border-bottom: 1px black dashed; margin: 0.8em 0;
       text-align: right; letter-spacing: 1px; font-weight: bold; }
       
#news {
	width: 240px;
	z-index: 1;
	position: absolute;
	top: 152px;
	right: 140px;
	text-align: left;
	font-size: 80%;
	border: 2px outset grey;
/*	border-right: 2px grey solid;
	border-bottom: 2px grey solid; */
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: lightgrey;
}

#ads {
	width: 125px;
	z-index: 1;
	position: absolute;
	top: 152px;
	right: 5px;
}

#news h1,h2 { font-family: courier, monospace; text-align: right; letter-spacing: 2px;
			font-weight: bold; }

#news h1{ font-size: 100%; border-bottom: 2px black solid; margin: 0.0em 0; }
       
#news h2 { font-size: 85%; border-bottom: 1px grey dashed; margin: 1em 1em 1em 1em;
       		/*color: #2c3d4d;*/ }

#news p { font-style: oblique; text-align: justify;}
#news a { font-style: oblique; color: #2c3d4d; text-decoration: underline;}
#news a:hover {color: red; text-decoration: none;}

img  { border: none; }

ul {
        background-repeat: no-repeat;
        background-position: 2em center;
        list-style: none;
        margin: 0;
        padding: 1em;
        min-height: 80px;
}
* html ul {
	background-repeat: no-repeat;
	background-position: 2em center;
	list-style: none;
	margin: 0;
	padding: 1em;
	height: 80px;
}

ul li   { text-align: left; padding-left: 120px; }

ul#hosted    { background-image: url("/server-look/images/sites.jpg"); }
ul#me        { background-image: url("/server-look/images/cv.jpg");    }
ul#services  { background-image: url("/server-look/images/stats.jpg"); }
ul#svn       { background-image: url("/server-look/images/svn.jpg");   }
ul#trac      { background-image: url("/server-look/images/trac.jpg");  }
ul#users     { background-image: url("/server-look/images/users.jpg"); }
ul#hacker	 { 
	background-image: url("/server-look/images/hacker.gif");
	padding-left: 90px;		
	background-position: top left;
}

#GoogleSearch {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1;
}