/* Tsky.net Site interface construct */
/* V3.0.1 */ 
/* Screen layout - Projector and CRT/LCD */

body{
  font: 12pt arial, verdana, sans-serif;
  color: #000000;
  background: #ffffff;
  background-image: url('../images/bnwgradient.jpg');
  background-position: bottom left;
  background-repeat: repeat-x;
  background-attachment: fixed;
  margin: 0px;
  padding: 0px;
}

h1{
  font: 24pt arial, verdana, sans-serif;
  color: #ffffff;
  background: #336699;
  margin: 0px 0px 15px 0px;
  padding: 2px;
  display: block;
}

h2{
  font: 14pt arial, verdana, sans-serif;
  color: #336699;
  font-weight: 900;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.navigation{
  position: absolute;
  top: 0px;
  left: 50%;
  width: 150px;
  margin-left: -555px;
  height: auto;
  color: #333333;
  font-weight: 600;
  text-align: right;
  padding: 2px 0px 0px 0px;
  z-index: 20;
}

.navigation a{
  color: #333333;
  font-weight: 600;
  text-decoration: none;
}

.navigation a.visited{
  color: #333333;
  font-weight: 600;
  text-decoration: none;
}

.navigation a:hover{
  color: #666666;
  text-decoration: underline;
}


.content{
  position: absolute;
  background: transparent;
  left: 50%;
  margin-left:-400px;
  top: 0px;
  height: 100%;
  width: 800px;
  padding: 0px 15px 20px 15px;
  z-index: 10;
}


#friendlist{
  font: 12pt arial, verdana, sans-serif;
  text-decoration:!important;
}

#friendlist a{
  text-decoration: none;
  font: 8pt arial, verdana, sans-serif;
}

#friendlist a.visited{
  text-decoration: none;
}

#friendlist a:hover{
  text-decoration: underline;
}


.searchButton{
  font: 8pt arial, sans-serif, verdana;
  color: #333333;
  border: 1px solid #666666;
  background: #cccccc;
}
.searchInput{
  font: 8pt arial, sans-serif, verdana;
  color: #333333;
  border: 1px solid #666666;
  background: #cccccc;
  background-image: url('../images/searchicon.gif');
  background-repeat: no-repeat;
  background-position: left center;
  text-align: right;
}

.responsespan{
  font: 8pt arial, sans-serif, verdana;
  color: #ff8000;
}
.responsespan a{
  font: 8pt arial, sans-serif, verdana;
  color: #666666;
  text-decoration: none;
}
.responsespan a.visited{
  font: 8pt arial, sans-serif, verdana;
  color: #666666;
  text-decoration: none;
}
.responsespan a:hover{
  font: 8pt arial, sans-serif, verdana;
  color: #666699;
  text-decoration: underline;
}

.searchterm{
  width: 100%;
  border: 1px solid #666666;
  background: #cccccc;
  font: 10pt arial, verdana, sans-serif;
  color: #333333;
  padding: 20px;
  margin-bottom: 30px;
}

.highlightterm{
  background: #cceeff;
  border: 1px solid #6699cc;
}


.responseBoxes{
  background: #ccccff;
  border: 1px solid #336699;
  padding: 15px;
}

.blogBox{
  background: #ccccee;
  border: 1px solid #336699;
}