/** * CSS definition for undergroundhiphop.ch */

/* Three-column layout */
#content {
  width: 990px;
	margin: auto;
}

#leftcol {
	float: left;
	width: 195px;
}

#centercol {
	float: left;
	width: 580px;
	margin:0 10px;
}

#rightcol {
	float: left;
	width: 195px;
}

#rightcol_green {
  float: left;
  width: 195px;
  background-color:#009900;
  color:#EEEEEE;
}

/* Links */
a, a:link, a:visited  {	
  color: #EEEEEE;
  background-color: transparent;
  text-decoration:none;
}

a:hover {
  color:#336699 !important;
  background-color: transparent;
}

/* General */
body {
  margin-top: 10px;
  margin-bottom: 10px;
  color:#444444;
  background-color: #000000;
  font-family: Arial, sans-serif !important;
}

div.titlequote {
  width:80%;
  margin:auto;
  text-align:center;
  font-size:0.7em;
}
  
div.nav {
  text-align:center;
  margin-bottom: 20px;
}

div.navbuttons {
  color: #000000;
  background-color: #000000;
  font-size:0.8em;
}

div.titlequote {
  margin-top:5px auto;
  width:990px;
}

img.headerimg {
  border:0px;
}

div.header {
  position: absolute;
  left: 200px;
  top: 20px;
  padding: 0px;
  width: 500px;
  height: 200px;
  z-index: 1;
}

div.center_box {
  background-color: #C0C0C0;
  color: black;
  margin-bottom:20px;
}

/* The text-body of a center-box, contains the user-supplied text */
div.center_body {
  padding: 0 10px;
}
h2.center_headline {
  background-color:transparent;
  color:#C0C0C0;
  margin-top:0px;
}

a.oldsite_link {
  float: right;
  margin-top:0px;
  text-align: right;
  padding-right: 10px;
  color:#EEEEEE;
  font-size:0.7em;
}

/* Title of the very first center-box (in the box's header) */
div.center_title {
  background-color: #336699;
  color: black;
  padding-left: 10px;
  font-weight:bold;
}

/* Title of each center-box (in the box's header) */
div.frontpost_title_past {
  background-color: #336699;
  color: black;
  padding-left: 10px;
}

div.left_box {
  background-color: #808080;
  color: black;
  text-align:left;
  margin-bottom: 20px;
}

div.left_box div.left_title {
  background-color:  #336699;
  color: #000000;
  font-weight:bold;
  font-size:medium;
}

div.left_body {
  font-size:small;
}

div.left_body img {
  border:0px;
  width:195px;
  height:auto;
}

span.left_link {
  /* color: white; */
  /* background-color: grey; */
}

/* Author & date of each center-box */
div.author_info {
  float: right;
  text-align: right;
  padding-right: 10px;
  color:#C0C0C0;
  font-size:0.7em;
}

div.right_box {
  background-color: #808080;
  color: black;
  margin-bottom: 10px;
  text-align:left;
  font-size:small;
}

div.right_box div.right_title , div.concert_past_box div.right_title{
  background-color:  #336699;
  color: black;
  font-size:small;
}

div.right_body a, div.concert_past_box a {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration:none;
}

/* same as "div.right_box div.right_title", but with bold letters */
div.right_box div.concert_future_title {
  background-color:  #336699;
  color: black;
  font-weight:bold;
  font-size:medium;
}

div.right_body p {
  margin-top: 0px;
}

/* same as "div.right_box", but with a smaller font */
div.concert_past_box {
  font-size:0.7em;
  background-color: #808080;
  color: black;
  margin-bottom: 10px;
  text-align:left;
}

div.edit_box {
  position:relative;
  color:black;
  background-color:transparent;
  width:100%;
  text-align:right;
  font-weight:normal;
}

/* rollover cover in the edit-box and title, i.e. with a blue background, are black */
div.edit_box  a:hover, div.left_title a:hover {
  color:#000000 !important;
  background-color: transparent;
}

span.admin_input_label, label.admin_input_label  {
  width:90px;
  display:block;
  float:left;
}

#rightcol img {
  width:195px;
  height:auto;
}

#rightcol_green img {
  width:195px;
  height:auto;
}

#rightcol_green_preview {
  position:relative;
  top:-10px;
  right:-10px;
  float:right;
  width:220px;
  /* for IE5/WIN */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:200px;
  /* actual value */
  margin:0 50px -10px 0;
  padding:10px;
  background-color:green;
  z-index:99;
}

#rightcol_preview {
  position:relative;
  top:-10px;
  right:-10px;
  float:right;
  width:220px;
  /* for IE5/WIN */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:200px;
  /* actual value */
  margin:0 50px -10px 0;
  padding:10px;
  z-index:99;
}

#centercol_preview {
  position:relative;
  padding:0 0px;
}

#footer {
  position:relative;
  top:1px;
  /*background-color:#808080;*/
  color:#EEEEEE;
  width:990px;
  clear:both;
  margin:auto;
  padding:1% 0;
  text-align:center;
  font-size:small;
}