body {
	text-decoration: none;
	background-color:#d1d1d1;
	margin:30px 0px 30px 30px;
	font: 100% serif;
}

#title {
	font-size: 30px;
	color: #b9b9b9;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	padding-left:0px;
	position: absolute;
	left: 70px;
	top: 54px;
	margin:0px 0px 0px 0px;
}

#subtitle {
	font-size: 15px;
	color: #797979;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	padding-left:0px;
	position: absolute;
	left: 120px;
	top: 90px;
	margin:0px 0px 0px 0px;
}

#linkbar {
	border-top:1px solid #000;
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	padding-left:0px;
	padding-top:10px;
	position: absolute;
	left: 70px;
	top: 120px;
	margin:0px 0px 0px 0px;
	width:550px;
	height:30px;
}

.header {
	font-weight: bold;
	color: #a1a1a1;
}

#textbox {
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	padding-left:0px;
	position: absolute;
	left: 70px;
	top: 200px;
	margin:0px 0px 0px 0px;
	width:380px;
}

#sidebox {
	background-color: #dedede;
	border-top:0px solid #000;
	border-bottom:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	padding:5px 5px 5px 5px;
	position: absolute;
	left: 460px;
	top: 200px;
	margin:0px 0px 0px 0px;
	width:150px;
}

#sidebox-head {
	background-color:#d1d1d1;
	font-weight: bold;
	color:#a1a1a1;
	padding: 5px 5px 5px 5px;
}

div.spacer {
	clear: both;
}

.blogbutton {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
  border:1px solid #aaa;
}

.blogbutton a,
.blogbutton a:link,
.blogbutton a:visited,
.blogbutton a:hover {
  display:block;
  width: 100%;
  text-decoration: none;
}
.blogbutton span.firstbox {
    padding: 0 0.4em;

  
}
.blogbutton span.secondbox {
  
}
span.info{
    position:relative; /*this is the key*/
    z-index:24;
	}
span.info:hover{z-index:25;
	}
span.info span{display: none}

span.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

A		{text-decoration: none; color: #CC6633; font: 100% serif}
A:link		{text-decoration: none; color: #223366; font: 100% serif}
A:visited	{text-decoration: none; color: #223366; font: 100% serif}
A:active	{text-decoration: none; color: #223399; font: 100% serif}
A:hover		{text-decoration: underline;}
#A.hlink	{background: transparent;}
#A.hlink:hover	{background: #fcc;}
IMG		{border-width: 0; background: transparent;}
TEXTAREA	{border-color: #000000}
INPUT		{border-color: #000000}