*{
  margin: 0;
  padding: 0;
}

html{
  font-size: 100%;
}

body{
  background: rgb(0, 0, 0);
  font-size: 1em;
  text-align: center;
  width: 50em;
  margin: auto;
}

img{
  border: none;
}

hr {
  border: 0;
}

input{
  margin: 1px;
}

form{
  vertical-align: middle;
}

h2{
  font-size: 2em;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

h3{
  font-size: 1.5em;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

a:visited, a:link, a:hover, a:active{
  line-height: 16pt;
}

#page_doc{
  width: 50em;
  background: rgb(0, 0, 0) url('/images/body_bg.gif');
}

#page_wrap{
  position: relative;
  top: 1em;
  width: 50em;
  font-family: serif;
  text-align: center;
  color: white;
}

#page{
  border: white 0.0625em solid;
  background: rgb(20, 20, 20);
  text-align:left;
  margin: 0 auto;
  width: 50em;
}

#main_heading{
  background: url('/images/h1_bcreative_wilde_dj_of_second_life.gif');
  width: 50em;
  height: 110px;
  margin: auto;
}

#main_heading h1, #second_heading h2{
  display: none;
}

#header input{
  font-size: 8pt;
}

#login{
  position: relative;

  margin: auto;
  padding: 0;

  top: -72px;
  height: 40px;

  text-align: right;
  color: white;
}

#login_form{
  margin: 0;
  font-size: smaller;
  font-family: sans-serif;
  padding: 0.5em;
}

#login_error{
  position: relative;
  top: -4.3em;
  margin: 0.5em;
}

#login_alert_icon{
  vertical-align: text-top;
}

#search{
  position: relative;

  margin: auto;
  padding: 0;

  top: -75px;
  height: 40px;

  text-align: right;
  color: white;
}

#cse-search-box{
  margin: 0;
  font-size: smaller;
  font-family: sans-serif;
  padding: 0.5em;
}

#top_menu{
  position: relative;
  
  width: 800px;
  margin: auto;
  padding: 0;
  
  display: block;
  clear: both;
  height: 28px;
  background: rgb(20, 20, 20) url('/images/top_menu_bg.gif');
  top: -80px;
}

#top_menu_left_holder{
  display: block;
  width: 15px;
  height: 28px;
  background: url('/images/top_menu_left_holder.gif');
}

#top_menu_right_holder{
  display: block;
  width: 15px;
  height: 28px;
  background: url('/images/top_menu_right_holder.gif');
}

#top_menu ul{
  width: auto;
  margin: 0;
  padding:0;
  list-style: none;
  list-style-position: inside;
}

#top_menu li.menu_item{
  font-family: serif;
  font-size: smaller;
  width: 110px;
  height: 28px;
}

#top_menu li{
  float: left;
}

#top_menu ul a{
  color: rgb(180, 180, 180);
  display: block;
  line-height: 28px;
  height: 28px;
  text-align: center;
  background: rgb(20, 20, 20) url('/images/top_menu_button_normal.gif');
  text-decoration: none;
}

#top_menu ul a span{
  display: block;
  height: 28px;
}

#top_menu ul a:hover{
  background: rgb(20, 20, 20) url('/images/top_menu_button_hover.gif');
  color: white;
  cursor: pointer;
}

#clock{
  text-align: right;
  margin: 0 1.0em;
}

#sl_icon{
  vertical-align: middle;
  width: 1.75em;
  height: 2em;
  padding: 0;
  margin: 0;
}

#la_clock{ 
  vertical-align: middle;
  font-size: 100%;
}

#footer{
  margin: 0.5em;
  width: 800px;
}

#powers{
  margin: 0.5em;
  padding: 0;
  text-align: right;
}

#copyrights{
  text-align: left;
  font-size: smaller;
  padding: 1em 13em;
  color: rgb(40, 40, 40);
}

#copyrights a:link, #copyrights a:active, #copyrights a:visited{
  color: rgb(60, 60, 60);
}

#copyrights a:hover{
  color: white;
  line-height: 16pt;
}

#qr_uri{
  float: left;
  width: 50em;
  height: 4em;
  padding: 0.5em;
}

#qr_uri_code{
  padding: 1em;
}

#qr_uri_info{
  padding: 1em;
  text-align: left;
  font-family: sans-serif;
  font-size: smaller;
}

.hidden{
  display: none;
}

.label_left{
  text-align: right;
  display: block;
  float: left;
  width: 15.625em;
  padding: 0.125em 0.6250em;
  margin: 0;
  font-weight: bold;
}

.input_description{
  color: rgb(127, 127, 127);
}

/*
 *
 *   FORM ELEMENTS FOR ADDING EVENTS
 *
 *   Files using these styles includes: 
 *   - /add_event.php
 *
 */

fieldset{
  margin: 1em;
  padding: 0.3125em;
}

select{
  margin: 1px;
  padding: 0;
  border: solid 0.0625em rgb(64, 64, 64);
  font-family: verdana, sans-serif;
}

#add_event_form{
  margin: 0 auto;
  padding: 0;
  width: 48em;
}

form fieldset{
  clear: both;
  border-color: white;
  border-width: 0.0625em 0 0 0;
  border-style: solid none none none;
  padding: 0.625em;
  margin: 0;
}

form fieldset legend{
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  margin: 0;
  padding: 0 0.3125em;
}

label {
  font-size: 1em;
}

input{
  border: solid 0.0625em rgb(64, 64, 64);
}

textarea{
  font-size: 0.875em;
  overflow: auto;
  border: solid 0.0625em rgb(64, 64, 64);
  margin: 1px;
}

textarea:focus, textarea.focus, select:focus, select.focus, input:focus, input.focus{
  background: rgb(255, 255, 160);
  border: solid 0.0625em rgb(64, 64, 64);
}

form fieldset div{
  clear: left;
  display: block;
  width: 32.125em;
  margin: 0.3125em 0 0 0;
  padding: 0.0625em 0.1875em;
}

form fieldset span div.error h4{
  display: inline;
  padding: 0;
  margin: 0.5em 0 0 0.5em;
  vertical-align: middle;
}

form fieldset span div.error p {
  margin: 0em 0em 1.2em 0em;
  padding: 0.625em;
  color: #666666;
}

form div fieldset{
  clear: none;
  border-width: 0.0625em;
  border-style: solid;
  border-color: white;
  margin: 0 0 0 9em;
  padding: 0 0.3125em 0.3125em 0.3125em;
  width: 12.3125em;
}

form fieldset div legend{
  font-size: 1em;
  padding: 0 0.9375em 0 0.25em;
}

form div.required fieldset legend{
  font-weight: bold;
}

form fieldset div label{
  text-align: right;
  display: block;
  float: left;
  width: 13.625em;
  padding: 0.125em 0.3125em;
  margin: 0;
}

div.required label, label.required{
  font-weight: bold;
}

form fieldset legend{
  line-height: 1.5em;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

div.notes p, form div small{
  line-height: 1.25em;
}

.text_input{
  font-family: verdana, sans-serif;
  font-size: 10pt;
  letter-spacing: 0.025em;
}

.input_error{
  border: 2px red solid;
  margin: 0;
}

.input_corrected{
  border: 1px #404040 solid;
  margin: 1px;
}

.error_pointer{
  padding: 0 0.3125em;
}

.required{
  padding: 0.4375em 0;
}

.alert_arrow{
  position: relative;
  left: -1em;
  top: 0.4375em;
  width: 0.8125em;
  height: 1.625em;
}

.alert_icon{
  vertical-align: middle;
  margin-left: -0.3125em;
  margin-top: 0.125em;
  width: 1.1875em;
  height: 1.25em;
}

.error{
  float: right;
  width: 12.750em;
  height: auto;
  margin: 0.1875em;
  padding: 0 0.1875em;
  border: 0.0625em solid #666666;
  background-color: #ffffe1;
  color: rgb(20, 20, 20);
}

.header_submit{
  width: 50px;
  height: 18px;
  font-size: 8pt;
  line-height: 10pt;
}

.search_field{
  width: 236px;
}

/*
 *
 *   STYLE FOR THE SEARCH RESULTS PAGE
 *
 *   Files using these styles includes: 
 *   - /search_results.php
 *
 */
 
 
#search_results{
  position: relative;
  top: -50px;
  margin: 1em;
}

#search_results h2{
  margin: 5px;
  padding: 0;
}

#search_results iframe{
  border: 0;
  padding: 5px;
  width: 760px;
}

/*
 *
 *   STYLE FOR THE MAIN PAGE
 *
 *   Files using these styles includes: 
 *   - /main_page.php
 *
 */


.main{
  width: 100%;
}

.main hr{
  margin: 0;
  height: 1px;
  color: white;
  background: white;
  width: 100%;
}

.main_img{
  border: 2px white solid;
  float: right;
  margin: 0.5em;
}

.column_wide{
  padding: 1em;
}

.column_left{
  padding: 1em;
  width: 45%;
  float: left;
  border: solid rgb(255, 255, 255);
  border-width: 0 1px 0 0;
}

.column_right{
  padding: 0.5em;
  width: 45%;
  float: right;
}

.para{
  margin: 0.5em auto;
}

.para:first-letter{
  font-size: 1.5em;
}

.para_misc{
  margin: 0.5em auto;
}

.para_spacer{
  clear: both;
}

.para_link{
  color: rgb(160, 160, 160);
}

.para_link:hover{
  color: rgb(255, 255, 255);
}

.events_weeks{
  border: 1px solid rgb(255, 255, 255);
}

.events_weeks td{
  margin: 0;
  border: 0;
}

.events_day_header{
  height: 2.0em;
  width: 7.0em;
  padding: 0.5em;
  text-align: center;
  background: rgb(60, 60, 60);
  font-size: smaller;
}

.events_day{
  height: 4.0em;
  width: 7.5em;
  color: rgb(0, 0, 0);
  text-align: center;
  background: rgb(160, 160, 160);
  font-size: smaller;
}

.events_week_nr{
  height: 4.0em;
  width: 2.0em;
  vertical-align: top;
  background: rgb(60, 60, 60);
  font-size: smaller;
}

.events_link:link, .events_link:active, .events_link:visited{
  display: block;
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
  background: rgb(160, 160, 160);
  text-decoration: none;
}

.events_link:hover{
  color: rgb(0, 0, 0);
  background: rgb(160, 255, 160);
}

.events_link_today:link, .events_link_today:active, .events_link_today:visited{
  display: block;
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
  background: rgb(160, 60, 60);
  text-decoration: none;
}

.events_link_today:hover{
  color: rgb(0, 0, 0);
  background: rgb(255, 160, 160);
}

#main_page{
  position: relative;
  top: -50px;
  padding: 0.5em;
}