/* Header Item */
#header h1
{
  width: 400px;
}

#tags
{
  float: right;
  width: 330px;
  margin: 0px 10px 0px 0px;
}
.tag
{
  float: left;
  display: block;

  color: #ccc;
  text-decoration: none;

  padding: 2px 3px 1px 3px;
  margin: 0px 3px 3px 0px;
  background: rgba(128,128,128,0.2);

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
a.tag
{
  color: #ccc;
  text-decoration: none;
  background: rgba(0,136,204,0.5);
}
a.tag:hover
{
  color: #ccc;
  text-decoration: none;
  background: rgba(64,192,224,0.7); 
}

/* Content */

#guide_detail
{
  float: left;
  margin: 5px 0px 0px 0px;
  padding: 10px;
  width: 740px;
  background: rgba(0,0,0,0.8);
}

#guide_list
{
  float: left;
  margin: 5px 0px 0px 0px;
  padding: 10px;
  width: 740px;
  background: rgba(255,255,255,1);

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#guide_list .tag
{
  float: left;
  display: block;

  color: rgb(32,32,32);
  text-decoration: none;

  padding: 2px 3px 1px 3px;
  margin: 0px 3px 3px 0px;
  background: rgba(128,128,128,0.2);

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#guide_list a.tag
{
  color: rgb(32,32,32);
  text-decoration: none;
  background: rgba(0,136,204,0.5);
}
#guide_list a.tag:hover
{
  color: rgb(32,32,32);
  text-decoration: none;
  background: rgba(64,192,224,0.7);
}

/* Tabs */

#content_tabs
{
  float: left;
  width: 760px;
}
.ui-tabs-hide {
  display: none;
}
.ui-tabs-nav {
  list-style: none;
  margin: 5px 0px 0px 5px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}
.ui-tabs-nav li {
 float: left;
  display: block;
  list-style: none;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
  color: #fff;
  display: block;
  padding: 5px 10px 5px 10px;
}
.ui-tabs-nav a {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.ui-tabs-nav .ui-tabs-selected a {
  position: relative;
  color: #fff;
  background: rgba(0,0,0,0.8);
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,  .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
  cursor: pointer;
}
.ui-tabs-panel {
  float: left;
  min-height: 600px;  /*405px */
  width: 740px;
  padding: 10px;
  background: rgba(0,0,0,0.8);
  color: #ffffff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Summary */

h2
{
  text-align: left;
  color: #999;
  font-size: 180%;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #999;
}
h4, p
{
  font-size: 120%;
  color: #ffffff;
}
#summary_standfirst
{
  width: 360px;
}

/* Maps */

#place_map_large
{
  float: left;
  overflow: hidden;
  width: 740px;
  height: 395px;
  background: #000;
}
#place_map_small
{
  float: right;
  overflow: hidden;
  width: 300px;
  height: 250px;
  background: #000;
}
.map h3
{
  font-size: 150%;
  color: #000000;
  margin: 0px;
}

.map p
{
  color: #000000;
  margin: 0px;
}

/* Events */

#events_past h3.date, #events_upcoming h3.date
{
  color: #666;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 120%;
  border-bottom: 1px solid #666;
}
#guide_content h3.date
{
  color: #333;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 140%;
  border-bottom: 1px solid #666;
}
.events table
{
  padding: 5px;
  border-collapse: separate;
  width: 100%;
}
.events td
{
  color: #999;
  padding: 10px 0px 10px 0px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
h3
{
  font-size: 140%;
  line-height: 1em;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border: 0px;
}

h3 a 
{
  color: rgb(255,255,255);
  text-decoration: none;
}

.events td.name
{
  width: 300px;
}

.events td.name a h3
{
  color: rgba(0,136,204,1);
  text-decoration: none;
  
}
.events td.name a:hover h3
{
  color: rgba(0,136,204,1);
  text-decoration: underline;
}


.events td.name
{
  width: 330px;
}
.events td.people
{
  width: 200px;
}
.events td.categories
{
  width: 210px;
}
.events tr:last-child td
{
  border-bottom: none;
}

#summary_events
{
  float: left;
  width: 360px;
  margin: 10px 0px 0px 0px;
}

/* Photos */

#summary_sets
{
  float: right;
  height: 160px;
  width: 370px;
  margin: 0px;
}
.set
{
  float: left;
  position: relative;
  height: 120px;
  width: 180px;
  margin: 0px 0px 5px 5px;
}
.set h3
{
  float: left;
  display: block;
  position: absolute;
  color: #ffffff;
  font-size: 100%;
  background: rgba(0,0,0,0.8);
  margin: 0px;
  padding: 2px;
  bottom: 2px;
}

div.set:hover h3, div.set:hover h3 span {
 background-color: rgba(225,16,192,0.6);
}

#summary_social
{
  float: right;
  width: 370px;
  margin: 125px 1px 0px 0px;
}

.places table
{
  padding: 5px;
  border-collapse: separate;
  width: 100%;
}
.places td
{
  color: #999;
  padding: 10px 0px 10px 0px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  width : 230px;
}

.places h4
{
  color : #A9A9F5;


}

.places a
{
  color: #424242;
  text-decoration: none;


}

.places a:hover
{
   background-color: rgba(225,16,192,0.6);
}

.places h3 a
{
  color: #424242;
  
}

.person_photo
{
  float: left;
  position: relative;
  height: 140px;
  width: 140px;
  margin: 0px 0px 5px 5px;
}

.event_summary
{
  float: left;
  position: relative;
  width: 300px;
  height: 200px;
  background: rgba(4,20,49,0.6);
}

.event_genres_people
{
  float: left;
  position: relative;
  width: 300px;
  margin: 220px 0px 0px -300px;
}

.event_poster
{
  float: right;
  position: relative;
  height: 595px;
  width: 432px;
  margin: 0px 0px 5px 5px;
}

.event_desc
{
  float: right;
  position: relative;
  width: 432px;
  margin: 5px 0px 5px 5px;
}



.date_title h3
{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0em;
  display: inline;
  font-size: 180%;
  position: absolute;
  width: 660px;
  padding: 2px 7px 2px 60px;
  background-color: rgb(4,20,49); /* The Fallback */
  /* background-color: rgba(4,20,49,0.6); */
  z-index: 2;
}


#map_canvas { height: 50% }