/* 
////////////////////////////////////////////////////////////
// 
//   namesuppressed Frontpage Stylesheet 2.0.0
//   7th June 2004
//   by Kohan "SyneRyder" Ikin
//   www.namesuppressed.com/syneryder
//   syneryder@namesuppressed.com
//
//   Stylesheet designed for the main index page of the
//   namesuppressed website.
//
////////////////////////////////////////////////////////////
*/



/***********************************************************
  General layout definitions
***********************************************************/

#maincontent {
  padding: 0px;
  border:  0px;
  color:        #000000;
  width:        776px;
  margin-left:  auto;
  margin-right: auto;
  border-collapse: collapse;
  background-color: #ffffff;
  background-image: url("gfx/texture.gif");
  border-style: none;
  text-align: left;
}

#textcontent {
  padding-left: 7%;
  padding-right: 7%;
}

.heroes {
  margin: 0px;
  padding: 10px;
  color: #cfcfcf;
  text-shadow: 0px 0px 2px black;
  height: 280px;
  vertical-align: middle;
}

.cafe {
	background-color: #4e2720;
	background-image: url("gfx/hero-bg-800px-280px-cafe.jpg");
	background-size: cover;
}

.heroes h2 {
  color: #ffffff;
  text-shadow: 1px 1px 3px black;
  font-size:   36px;
  line-height: 38px;
  text-align:  center;
}

.heroes a {
  color: #ffffff;
  text-decoration: none;
}


.newsalert {
	margin: 0px;
	padding: 2px;
	height: 42px;
	background-color: #bb0000;
}

.newsalert p {

}

.newsalert a {
	color: #cccccc;
}





#banner {
  margin: 10px;
  padding: 4px;
  color: #eedddd;
  background-color: #773333;
  background-image: url("gfx/redback.gif");
  border: 1px solid #000000;
}

#banner .left {
  padding-right:  5px;
  padding-bottom: 5px;
}

#banner a {
  color: #ffffff;
  font-weight: bold;
}

#blocks {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#blocks td {
  width:  180px;
  height: 160px;
  border-right:   1px dotted #cccccc;
  padding:        5px;  /* If we make this 6 pixels, it screws IE in 800x600 and we have to change the maincontent width from 776px. */
}

#blocks td.last {
  width:  180px;
  border-right:  none;
}

#blocks h2 {
  text-align: center;
}

#blocks p {
  font-size:   12px;
  line-height: 14px;
  color: #4F4F4F;
}

table.detail {
  margin-left:  auto;
  margin-right: auto;
  color: #4F4F4F;
}

table.detail h2 {
  color: #000000;
  text-align: center;
}

table.detail td {
  width:          180px;
  border-right:   1px dotted #999999;
  padding:        6px;
  vertical-align: top;
}

table.detail td.last {
  width:        180px;
  border-right: none;
}

table.detail h2 a, #blocks h2 a {
  color: #000000;
}

table.detail h2 a:hover, #blocks h2 a:hover {
  color: #ff0000;
}



/***********************************************************
  Feedback form
***********************************************************/

fieldset {
  border:  0px;
}

fieldset label {
  font-size:   .8em;
  font-weight: bold;
}

fieldset input, fieldset textarea {
  display:          block;
  margin-bottom:    8px;
  width:            300px;
}

fieldset .feedback input, fieldset .feedback textarea {
  color:            #000000;
  background-color: #F9F9F9;
}




/***********************************************************
  Search form
***********************************************************/

#searchform {
  color:          #000000;
  background:     #CCCCCC;
  border-top:     1px solid black;
  border-bottom:  1px solid black;
  padding-top:    7px;
  padding-bottom: 7px;
  text-align:     center;
  font-size:      16px;
  margin-bottom:  20px;
}

#searchform input.text {
  color: #000000;
  background-color: #ffffdd;
  font-weight: bold;
}

#searchform input:focus {
  color: #000000;
  background-color: #ffffee;
}