/*  © Copyright 2007 Random Artists  */
/*
-- THE STRUCTURAL SECTION --
All of the structural elements are listed first 
Do not adjust anything in this section unless you are certain of what 
you are doing, follow the notes only.

======================================================================
-- THE STYLING SECTION --
The styling rules  may be freely adjusted                     
Do not adjust anything before this section             
unless you are certain of what you are doing  
             
======================================================================
*/



/*-------------------------------------------------------------------*/



/*-- PART 1 - THE STRUCTURE --
======================================================================
Do not adjust anything in this section except those marked ADJUST
======================================================================
*/
/*-------------------------------------------------------------------*/
/*-- DEFAULTS --*/
/*-------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;/* prevents border on images that are used for links */
}
body {
    height:100%;
}
/*-------------------------------------------------------------------*/
/*-- MAIN STRUCTURE --*/
/*-------------------------------------------------------------------*/
#background2 {/*-- used for second background image --*/
    position: absolute;
    top: 0px;
    right: 0px;
    height:auto;
    width:100%;
    min-height:100%;
    text-align:center;/* important = IE5 fix */
}
* html #background2 {
    height:100%;/* important = IE fix */
}
/*-- the overall wrapper for the page structure --*/
#container  {
   margin:0px 19px;
   padding:1px;/* important = IE fix */
   text-align:left;/* important = IE5 fix */
	position: relative;
	overflow: hidden;
}
/* ------------ page header wrap ------------ */
#masthead {
	display: block;
	position: relative;
}
* html  #masthead {
	margin-bottom: 20px;
}
/*-- If the site name is an image then use 
<div id="sitename"><h1>site name here</h1></div> 
The search engines and text readers can then read it
--*/
#sitename { 
	visibility: hidden;
	display: none;
}

/* ------------- page content and wrapper ------------ */
div#wrapper {
	min-width: 760px;
	clear: both;
	border-top: none;
}
div#contentwrap {
	float:right;
	width:100%;
	display: inline;
}
div#content {
	margin: -10px 0px 0px 200px;/* (-10px top margin) = IE fix */
	padding: 10px 0px 10px 0px;/* (10px top padding) = IE fix */
	position: relative;
}
div#leftcol {
	float: left;
	width: 180px;
	margin-right: -180px;
	margin-top: 0px;
	padding-right: 0px;
	display: inline;
	position: relative;
}
/*-------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 0px 0px 20px 0px;
	padding: 2px 0px;
	line-height: 120%;
}
/*-------------------------------------------------------------------*/
/*-- INNER STRUCTURE --*/
/*-------------------------------------------------------------------*/
.blocktitle {
	display: block;
	margin: 0px;
}
.blockcontent {
	margin-bottom: 20px;
	overflow: hidden;
}
.blockscroll {
	padding-bottom: 8px;
	margin-bottom: 20px;
	overflow: auto;
}

/*-- index page --*/
.event-info {
	margin-bottom: 20px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	height: 100%;
}

/*-- M's added flaoting images right --*/

.flyer { float: right;}

/* -- spotlight boxes -- */
.blockleft {
	float: left;
	margin: 5px 5px 0 0;
}
.blockright {
	float: right;
	margin: 5px 0 0 5px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.centered {
	margin: 0px auto;
}
.clear {
	clear: both;
}
/*--stuff to keep IE etc happy--*/
#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#wrapper {
display: inline-block;
}
/*\*/
#wrapper {
display: block;
}
/*-------------------------------------------------------------------*/
/*-- DEFAULT FONTS and LISTS --*/
/*-------------------------------------------------------------------*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, p {
	 padding: 0.20em 1.5em 0.3em 1.5em;
}
.cap:first-letter  {
	font-size: 300%;
	float: left;
}
td, th { font-size: 0.8em; }
td p { font-size: 1em; }
ul {
	list-style-type: none;
}
li {
	margin: 0px 5px 5px 20px;
	padding: 0px 2px;
	font-size: 100%;
	list-style: disc;
}
.center {
	text-align: center;
}
/*-------------------------------------------------------------------*/
/*-- NAVIGATION STRUCTURE --*/
/*-------------------------------------------------------------------*/
#menu {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	background-color: #000000;
	margin: 8px 0px 20px 0px;
	padding: 2px 0px 0px 0px;
	height:40px;
	border-width: 1px 4px 1px 4px;
	border-style: solid;
	border-color: #424242;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	-khtml-opacity:0.8;
	opacity:.80;
	-moz-border-radius: 8px;
}
#menu p {
	text-align: center;	
}
#menu ul li {
	display: inline;
}
/*
======================================================================
STYLING ADJUSTMENTS - the rules below may be freely adjusted --
======================================================================
/*-------------------------------------------------------------------
-- STRUCTURAL COLOURS and BORDERS --
-------------------------------------------------------------------*/
body {
	background: #1E1C1C  url(images/backstripe.gif) fixed left top ;
}
body#eventgall {
	background: #1E1C1C url(images/backstripe.gif) fixed left top;/
}
body#links {
	background: #00002D  url(images/backstripe.gif) fixed left top; 
}
body#about {
	background: #380704  url(images/backstripe.gif) fixed left top; 
}
body#rupt {
	background: #1E1C1C  url(images/london_nite.jpg) fixed ; 
}
#background2 {
    background:transparent url(images/zbacktrans3.gif) fixed left top;/*   right top repeat-y  */
}
#container {}
#masthead {
	background: transparent;
	margin-top: 7px;
}
#wrapper {}
#content {}

#rightcol {}
#footer {
	color: #666666;
	border-top: 1px solid #262626;
	background: #000000;
	-moz-border-radius: 8px;
}
#footer {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	-khtml-opacity:0.7;
	opacity:.70;
}
.gallery {
	text-align: center;
}
.gallery img {
	border: 4px solid #1F1F1F;
	padding: 3px;
	margin: 20px;
	margin-bottom: 60px;
}
.event-info {
	margin: 0px 0px 30px 0px;
	border: 4px solid #192D40;
	background: #000000;/* url(images/backtrans3.gif) */
	-moz-border-radius: 8px;
}
.event-info ul {
	font-size: 80%;
}
.event-info hr {
	margin-top: 1.4em;
	margin-bottom: 0.1em;
	border: 2px solid #1F1F1F;
	width: 90%;
}
.event-img {
	float:left;
	margin-left: 10px;
	margin-right: 10px;
}
.blocktitle {
	border: 4px solid #1F1F1F;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
}
.blockcontent {
	border: 4px solid #192D40;
	background-color: #000000;
	-moz-border-radius: 8px;
}
.blockscroll {
	border: 4px solid #1F1F1F;
	border-top: none;
	background-color: #000000;
	height: 600px;
}
.blockart {
	border: 4px solid #353535;
	background-color: #000000;
	-moz-border-radius: 8px;
}
.event-info,  .blocktitle, .blockcontent, .blockscroll, .footer, #eventgall h2  {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	-khtml-opacity:0.8;
	opacity:.80;
} 
* html div#leftcol  {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	-khtml-opacity:0.8;
	opacity:.80;
} 
.blockleft {
	width: 49.9%;/*-- or pixels --*//* ADJUST to suit */
}
.blockright {
	width: 49.9%;/*-- or pixels --*//* ADJUST to suit */
}
/*-------------------------------------------------------------------
-- USER FONTS and LISTS --
-------------------------------------------------------------------*/
body {
	color : #C3C3C3;
	font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p { }
h1 { font-size: 200%; }
h2 { }
h3 { color: #F2F2F2; }
h4 { }
h5 { }
h6 { }
B { }
BIG, big { font-size: 140%; }
blockquote {margin: 0px 20px;}
I { }
PRE, pre { }
S { }
SMALL, small {font-size: 90%;}
STRIKE { }
TT { }
U { }
hr {
	border-bottom: 1px solid #424242;
	margin: 5px 0px;
}
.rule {
	border-bottom: 1px solid #424242;
	margin: 15px 0px 5px 0px;
}
#masthead p {text-align: center;}
#masthead h1 {
	font-size: 300%;
	color: #FFFF00;
}
#content p {
	font-size: 100%;	
	display: block;
	background: #000000;
}
#content h1 {
	font-size: 200%;
	display: block;
	background: #1F1F1F;
	border: 2px solid #1F1F1F;
	border-bottom: 1px solid #353535;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	 }
#content h2 {
	font-size: 140%;
	display: block;
	font-weight: normal;
	padding: 2px 8px;
	background: #1F1F1F;
}
#content h3 {
	background: #000000;
	font-weight: bold;
}
div#leftcol {
	font-size: 90%;
} 
div#leftcol p {
	 padding: 0.20em 1em 0.3em 1em;
}
div#leftcol h1 {
	font-size: 170%;
}
div#leftcol h3 {
	text-align: center;
	font-size: 110%;
}
#footer {
	font-size: 70%;
	text-align: right;
}
/*---------*/
.blocktitle {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
}
.blockcontent {
	text-align: left;
	font-size: 100%;
}
.email{
	color: #DAA520;
	font-size: 123%
}

.event-info {
	text-align: center;
}
.event-info ul {
	font-size: 100%;
}
.event-info h2 {
	font-weight: bold;
	font-size: 140%;
	padding: 2px;
	margin-bottom: 10px;
}
.blocktitle h2 {
	font-size: 110%;
	height: 22px;
}
.blockcontent h2 {
	display: block;
	font-weight: normal;
	font-size: 140%;
	padding: 2px 8px;
	margin-bottom: 10px;
}
.blockart p {
	color: #9B9B9B;
}
.blockart h2 {
	display: block;
	font-weight: bold;
	font-size: 140%;
	padding: 2px 8px;
	margin-bottom: 10px;
}
.blockart h3 {
	color: #C3C3C3;
}
.blockscroll h2 {
	display: block;
	font-weight: bold;
	font-size: 140%;
	padding: 2px 8px;
	margin-bottom: 10px;
}
.details {
	font-weight: bold;
	color: #F2F2F2; /*  #CACACA; */
	font-size: 140%;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}

.content, .blockcontent p, .event-info p {
	border: 1px solid #000000;
	border-color: Black;
}

.blockcontent, .blocktitle, .event-info, .blockscroll {
	border-color: #424242; /*  #353535; */
}

#content h2, .blocktitle, .blockcontent h2, .blockscroll h2, .event-info h2, .blocktitle h2 {
	background-color: #262626; /*  #1F1F1F; */
}
#content h2, .blocktitle, .blockcontent h2, .blockscroll h2, .event-info h2  {
	color: #FF8700;
	border-bottom: 1px solid #424242;  /*  #353535; */ 
}


/*-------------------------------------------------------------------
-- NAVIGATION COLORS AND STYLES --
-------------------------------------------------------------------*/
a:link    {
	color: #DAA520;
	text-decoration: none;
	border-bottom: 1px dotted #82641D;
}
a:visited {
	color: #DAA520;
	text-decoration: none;
	border-bottom: 1px dotted #524014;
}
a:hover   {
	color:  #FF3117;/* #FF3117; */
   text-decoration: none;
   border-bottom: 1px solid #DC301A;
}
a:active  {
	color: #EDE598;
}
a.download {
	font-size: 1.4em;
	font-weight: bold;
}

#menu a {
	color: #DAA520;
	text-decoration: none;
	border-bottom: none;
}
#menu a:visited {
	color: #DAA520;
	text-decoration: none;
	border-bottom: none;
}
#menu a:hover {
	text-decoration: none;
	border-bottom: none;
	color: #FF5117;
}
#menu a:active  {
	color: #EDE598;
} 
li span a:link {
	color: #D2691E;
	border: hidden;
}
li span a:visited {
	color: #D2691E;
	border: hidden;
}

/*-------------------------------------------------------------------*/
.clear {
	clear : both;
	margin : 0px;
	padding : 0px;
	line-height : 0px;
}
/*-------------------------------------------------------------------
-- USEFUL TOOLS and HACKS --
-------------------------------------------------------------------*/
.opacity50 {
	filter:alpha(opacity=50);/* IE browsers */
	-moz-opacity:.50;/* Early Mozilla browsers */
	-khtml-opacity:0.5;/* Early Safari/Konqueror browsers */
	opacity:.50;/* All browsers */
}
.opacity25 {
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	-khtml-opacity:0.25;
	opacity:.25;
}
/* Ultimate clearing fix for all browsers */
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */