body
{ font-family: Helvetica, sans-serif;

  
  font-size: .78em;
 background: #6699CC repeat-y center top;
  color: #555;
text-align: center;
}

#listing {
text-align: left;
}
#listing li {
padding: 2px;
}
#listing a {
color: #666666;
padding: 5px;
background: #E7F1F8;
text-decoration: none;
}
#listing a:hover {
color: black;
background: #FFFFFF;
}
#csslisting {
text-align: center;
}
#csslisting img {
text-align: center;
border-style: solid;
border-width: 4px;
border-color: #0066CC;
position: relative;
width: 10%;
height: 10%;
}
#csslisting img:hover{
border-color: #3399FF;
}
#asktheme a {
color: white;
font: 50%;
position: absolute;
top: .5em;
right: 0em;
left: auto;

}
#asktheme a:hover {
text-decoration: none;
opacity: .7;
}

#searchbox1 {
text-align: right;
float: right;
position: relative;
border-right: solid;
border-color: #E7F1F8;
}

#banner {
background: #70B1EB;
font-size: 3em;
color: white;
height: 3em;
border-bottom: #70B1EB;
text-align: left;
padding: 3px;
}

#banner a {
font-size: 1em;
text-decoration: none;
color: #666666;
top: 5.4em;
background: #E7F1F8;
padding: 5px;
position: relative;
}

#banner a:hover {
background: #FFFFFF;
color: black;
}



#rightside {
position: relative;
width: 19%;
color: black;
text-align:left;
background: #E7F1F8;
padding: 5px;
height: 5em;
}
#rightside li{
display:block;
}
#rightside a {
color: #666666;
text-decoration: none;
background: #E7F1F8;
}
#rightside a:hover {
text-decoration: bold;
background: #FFFFFF;
border-bottom: dotted;
border-color: black;
border-width: 1px;
color: black;
}

#mainpage {
position: relative;
width: 100%;
color: #666666;
text-align: right;
padding: 10px;
background: #E7F1F8;


}

#footer  {
color: black;
text-size: .2em;
padding: 4px;
}
#footer a {
color: black;
text-size: .2em;
padding: 4px;
}
#pagetop {
color: green;
text-size: .2em;
border-style: solid;
border-width: 1px;
border-bottom: white;
margin: 0;


}


#content {
text-align: center;
width: 900px;
margin: 0 auto;

}


}