html {
	height: 100%;
	overflow: hidden;
}

body {
  font-family: "Helvetica", Geneva, Arial, sans-serif;
	height: 100%;
  margin: 0;
  padding: 0;
  background: #202020;
  color: #fff;
}

img {
  border: 0;
}

#wallpaper {
  width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

#header, .header_overlay {
  background: url('../images/wormportal.gif') no-repeat;
  width: 100%;
  height: 78px;
  position: absolute;
  z-index: 10000;
  text-align: right;
  padding: 15px 0 0 0;
}

ul#header_inner, ul.header_overlay_inner {
  position: absolute;
  right: 2em;
  margin: 0;
  padding: 0;
  width: 700px;
}

ul#header_inner li, ul.header_overlay_inner li {
  list-style-type: none;
  float: right;
  margin: -8px 0 0 0;
  padding: 0 2px 0 2px;
}

#header a, #header a:visited {
  color: #fff;
  text-decoration: none;
  background: #000;
  font-weight: bold;
  font-size: 0.95em;
}

#header a:hover {
  background: #E62972; 
}

a.preview {
  position: relative;
  z-index: 10000;
}

a.preview img {
  width: 90px;
  height: 16px;
}

a.preview:hover {
  z-index: 10000; 
}

a.preview span {
  display: none
}

a.preview span img {
  width: auto;
  height: auto;
}

a.preview:hover span {
  display: block;
  position: absolute;
  top: 2em;
  left: -3em;
  height: 131px;
  border: 2px solid #E62972;
}

a#header_worm_agenda, a#header_worm_agenda:visited, a#header_worm_about, a#header_worm_about:visited, a#header_worm_station, a#header_worm_station:visited, a#header_worm_wormshop, a#header_worm_wormshop:visited, a#header_worm_openorg, a#header_worm_openorg:visited, a#header_worm_weekenders, a#header_worm_weekenders:visited, a#header_worm_moddr, a#header_worm_moddr:visited {
  width: 90px;
  height: 16px;
  display: block; 
}

a.header_worm_back, a.header_worm_back:visited, a#header_worm_back, a#header_worm_back:visited {
  width: 125px;
  height: 16px;
  display: block; 
}

a.header_worm_remove_frame, a.header_worm_remove_frame:visited, a#header_worm_remove_frame, a#header_worm_remove_frame:visited {
  width: 109px;
  height: 16px;
  display: block; 
}

a#header_worm_agenda, a#header_worm_agenda:visited {
  background: url("../images/buttons/agenda.png") no-repeat;
}

a#header_worm_about, a#header_worm_about:visited {
  background: url("../images/buttons/about.png") no-repeat;
}

a#header_worm_station, a#header_worm_station:visited {
  background: url("../images/buttons/wormstation.png") no-repeat;
}

a#header_worm_wormshop, a#header_worm_wormshop:visited {
  background: url("../images/buttons/wormshop.png") no-repeat;
}

a#header_worm_openorg, a#header_worm_openorg:visited {
  background: url("../images/buttons/openorg.png") no-repeat;
}

a#header_worm_weekenders, a#header_worm_weekenders:visited {
  background: url("../images/buttons/weekenders.png") no-repeat;
}

a#header_worm_moddr, a#header_worm_moddr:visited {
  background: url("../images/buttons/laboratories.png") no-repeat;
}

a.header_worm_back, a.header_worm_back:visited, a#header_worm_back, a#header_worm_back:visited {
  background: url("../images/buttons/return_home.png") no-repeat;
}

a.header_worm_remove_frame, a.header_worm_remove_frame:visited, a#header_worm_remove_frame, a#header_worm_remove_frame:visited {
  background: url("../images/buttons/remove_frame.png") no-repeat;
}

a#header_worm_agenda:hover {
  background: url("../images/buttons/agenda.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_about:hover {
  background: url("../images/buttons/about.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_station:hover {
  background: url("../images/buttons/wormstation.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_wormshop:hover {
  background: url("../images/buttons/wormshop.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_openorg:hover {
  background: url("../images/buttons/openorg.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_weekenders:hover {
  background: url("../images/buttons/weekenders.png") no-repeat;
  background-position: 0 -17px;  
}

a#header_worm_moddr:hover {
  background: url("../images/buttons/laboratories.png") no-repeat;
  background-position: 0 -17px;
}

a#header_worm_back:hover {
  background: url("../images/buttons/return_home.png") no-repeat;
  background-position: 0 -17px;  
}

a#header_worm_remove_frame:hover {
  background: url("../images/buttons/remove_frame.png") no-repeat;
  background-position: 0 -17px;
}

#content {
  padding: 0 0 0 0;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
}

#agenda {
  font-size: 0.75em;
  top: 0;
  color: #fff;
  width: 255px;
  position: absolute;
  z-index: 10000;
  float: right;
  right: 0;
  margin: 100px 35px 0 0;
}

#agenda ul {
  margin: 0;
  padding: 0;
}

#agenda li {
  list-style-type: none;
}

.agenda_title {
  font-size: 1.2em;
  font-weight: bold;
  background: #fff;
  display: inline;
  text-transform: uppercase;
  padding: 0 5px 0 5px;
}

.agenda_date {
  font-size: 0.9em;
  color: #808080;
  background: #fff;
  display: inline;
  padding: 0 5px 0 5px;
}

.agenda_subtitle {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #808080;
  background: #fff;
  display: inline;
  padding: 0 5px 0 5px;
}

.agenda_item {
  margin: 2px 0 0 0;
  padding: 5px; 
  background: url('../images/news.gif');  
}

ul#agenda li a {
  color: #2D85F9;
}

ul#agenda li a:hover {
  color: #E62972;
}

ul#agenda li a:active {
  color: #000;
}

ul#agenda li.agenda_bottom a, ul#agenda li.agenda_bottom a:visited {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding: 2px 5px 2px 5px;
  background: #2D85F9;
  text-decoration: none;
}

ul#agenda li.agenda_bottom a:hover {
  background: #E62972;
}

ul#agenda li.agenda_bottom a:active {
  background: #000;
}


#agenda_title {
  background: #2D85F9;
  padding: 2px 2px 0 5px;
}

.worm_images, .worm_links {
  position: absolute;
}

a.worm_links {
  color: #E62972;
}

#agenda_collection {
  position: absolute;
  z-index: 9000;
}

.worm_agenda_item {
  position: absolute;
  z-index: 100000;
  width: 350px;
  cursor: move;
  border: 1px solid #000;
}

.worm_agenda_item_body {
  padding: 10px 5px 10px 5px;
}

.worm_agenda_item_footer {
  background: #2D85F9;  
  padding: 0 0 2px 0;
}

.worm_agenda_item a {
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  padding: 0 5px 0 10px;
}

.worm_agenda_item a:hover {
  background: #000;
}

a.worm_links:hover, .worm_agenda_item a:hover {
  color: #2D85F9;
}

.worm_agenda_item h1 {
  font-size: 1.2em;
  margin: 0;
  color: #E62972;
}

.worm_agenda_item h2 {
  color: #fff;
  margin: 0;
  font-size: 0.8em;
}

.worm_agenda_item h3 {
  color: #000;
  margin: 0;
  font-size: 0.8em;
}

#flickr_group {
  position: absolute;
  top: 0;
  margin: 25px 0 0 20px;
  z-index: 1000;
}

#myspace_group {
  position: absolute;
  top: 0;
  margin: 0 0 0 220px;  
  z-index: 999;  
}

.flickr {
  position: absolute;
  cursor: move;
}

a.flickr_thumb {
  background: #000;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  background: url('../images/thumb.png') no-repeat;
  cursor: pointer;
}

.flickr_attribution {
  background: #000;
  color: #fff;
  font-size: 0.8em;
}

.flickr_attribution a {
  cursor: pointer;
}

.flickr_inner {
  padding: 35px 25px 20px 25px;
}

.flickr a {
  color: #E62972;
}

.flickr a:visited {
  color: #7F7F7F;
}

.flickr a:hover {
  color: #2D85F9;
}

.flickr a:active {
  color: #2670D2;
}

.worm_data {
  padding: 10px 25px 10px 25px;
  font-size: 1.6em;
  background: url('../images/flickr.gif');
}

.worm_data_footer {
  padding: 10px 25px 10px 25px;
  background: #E62972;
}

.worm_data_footer a {
  color: #fff;
}

.worm_data_footer a:visited {
  color: #3b3b3b;
}

.worm_data_footer a:hover {
  color: #2D85F9;
}

.worm_data_footer a:active {
  color: #000;
}

.myspace {
  background: #2D85F9;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  width: 100px;
  text-decoration: none;
  cursor: move; 
  position: absolute;
}

.myspace:hover {
  background: #E62972;  
}

.myspace:active {
  background: #333;
}

.myspace h1 {
  margin: 0;
  padding: 10px;
  color: #fff;
  font-size: 1em;
  background: url('../images/myspace.gif');  
}

.myspace a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  padding: 0 5px 0 10px;
}

.myspace a:hover {
  background: #000;
}

a.myspace:active h1 {
  color: #CCC;
}

.subsites {
  width: 20%;
  height: 250px;
  position: absolute;  
}

#wormweb {
}

#wormstreamer {
  margin: 0 0 0 20%;
}

#wormstation {
  margin: 0 0 0 40%;
}

#openorg {
  margin: 0 0 0 60%;
}

#wormshop {
  margin: 0 0 0 80%;  
}

.worm_content {
  position: absolute;
}

#dance {
  margin: 200px 0 0 -200px;
  z-index: 10000;
}

.lbOn, .lbOn img {
  position: absolute;
  display: block;
}

#lbContent {
  width: 660px;
  background: #000;
  text-align: right;
}

#lbContent iframe {
  width: 660px;
  height: 500px;
}

#lbContent a {
  color: #fff;
  font-weight: bold;
  font-size: 0.8em;
  text-decoration: none;
}

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

.stereotype, .stereotype img {
  position: absolute;
  z-index: 900;
}

.stereotype_overlay {
  position: absolute;
  z-index: 10000;
  background: #000;
  width: 100%;
}

.stereotype_image {
  display: block;  
  text-align: center;
  cursor: pointer;
}

#audioplayer {
  margin: 150px auto 0 auto;
  overflow: visible;
  position: absolute;
  z-index: 10000;
  bottom: -10px;
  width: 407px;
}

.games, .lbOn {
  position: absolute;
  z-index: 900;
  width: 10px;
  height: 10px;
}

#livecast {
  position: absolute;
  background: #D100BF;
  margin: 180px 0 0 35%;
  width: 300px;
  z-index: 10000;
}

#livecast_title {
  background: #000;
  padding: 3px 10px 0 10px;
}

#livecast_body {
  padding: 10px;
  font-weight: bold;
}

#livecast_body h1 {
  font-size: 1.5em;
  margin: 0;
  color: #fff702;  
}

#livecast_body h2 {
  font-size: 1em;
  margin: 5px 0 15px 0;
}

#livecast_body a {
  color: #000;
}

#livecast_body a:visited {
  color: #333;
}

#livecast_body a:hover {
  color: #fff702;
}

#livecast_body a:active {
  color: #0008ff;
}

#livecast_close {
  float: right;
  margin: 5px 0 0 0;
}

#livecast hr {
  margin: 0 0 15px 0;
  border-width: 0;
  height: 0;
  border-top-width: 1px;
  border-style: solid;
  border-color: #fff;
}

#livecast ul {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: square;
  font-size: 0.9em;
  text-transform: uppercase;
}

#livecast ul li {
  margin: 0 0 5px 0;
}

.wordpress, .wordpress img {
  position: absolute;
  color: #E62972;
  top: 0;
  left: 0;
}

a.wordpress:hover {
  position: absolute;
  color: #2D85F9;
}

ul#worm_news {
  background: #000;
  position: absolute;
  top: 150px;
  left: 100px;
  list-style-type: none;
  width: 400px;
  padding: 0;
  margin: 0;
  z-index: 9000;
}

ul#worm_news li {
  margin: 0 0 5px 0;
  padding: 5px;
  background: url("../images/news.gif");
}

#worm_news .date, #worm_news .title, #worm_news .body {
  background: #fff;
}

#worm_news .date {
  font-size: 0.9em;
  color: #808080;
}

#worm_news a .title {
  font-size: 2em;
  line-height: 1em;
  color: #E62972;
  text-transform: uppercase;
  font-weight: bold;
}

#worm_news a:hover .title {
  color: #2D85F9;
}

#worm_news .body {
  font-size: 0.8em;
  color: #808080;
}

#worm_news .news_bottom {
  background-image: none;
  padding: 0;
  font-size: 0.8em;
}

#worm_news .news_bottom a, #worm_news .news_bottom a:visited {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding: 2px 5px 2px 5px;
  background: #E62972;
  text-decoration: none;
}

#worm_news .news_bottom a:hover {
  background: #2D85F9;
}

#worm_news .news_bottom a:active {
  background: #000;
}
