* {
 margin: 0;
 padding: 0;
}

/* -------------- type and colours ------------------ */
body {
 background: #fff; /*url(/images/21.gif);*/
 color: #222;
 font: 68.75%/1.65 'Trebuchet MS', Verdana, Arial, Sans-Serif; /* Resets 1em to 11px */
}

h1, h2, h3, h4, h5, h6 { 

}
h2 { font-size: 250%; line-height: 1.0; letter-spacing: -0.2px }
h3 { font-size: 150%; line-height: 1.0; margin-top: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; font-weight: bold;}
h5, h6 { font-size: 1.0em; line-height: 1.5; font-weight: bold; }

p, ul, ol, blockquote, form {
 margin: 0 0 0.825em 0;
}
a {
 color: #b20;
 text-decoration: none;
}
a:visited { color: #910; }
a:hover, a:active {
 text-decoration: underline;
}
ul { 
 padding-left: 2em; 
 list-style-type: circle;
}

hr { display: none; }
img {
 display: block;
 border: 1px solid #000;
}
.logo {
 border: 0;
 float: left;
 margin: 0 5px 5px 0;
}
input {
 height: 1.25em;
 font-size: 90%;
}
.button,
.zemSubmit { height: auto; }
.byline {
 border-top: 1px #aaa solid;
 text-align: right;
 color: #aaa;
 margin: 0;
}


/*----------- airlock ------------- */
#airlock {
 /*width: 75em;
 max-width: 100%;
 min-width: 775px; */
 width: 775px;
 margin: auto;
 background: #fff url(/images/22.gif) left top repeat-y;
 position: relative;
}

/*----------- header ------------- */
#head { 
 background: #910;
 color: #000;
 width: 386px;
 float: left;
 margin-right: 20px;
}
#head img {
 display: block;
 margin: 0;
 border: 0;
}
#head h1 a { color: #000; }


/*----------- search bar ------------ */
#search {
 background: #4cd;
 color: #222;
 width: 100%;
 float: left;
}
#search form {
 float: left;
 margin: 2px 10px 2px 203px;
 display: inline; /* fix for ie6 */
}


/*----------- content ------------- */
#content {
 float: right;
 width: 366px;
 background: #fff;
 color: #222;
 margin: 50px 0 5em 0;
}
.post {
 margin-bottom: 2em;
}

form.tix {
 border: 1px solid #4cd;
 padding: 10px;
}
input.price {
 text-align: right;
}


/*----------- sidebars ------------- */

#supplements {
 float: left;
 width: 386px;
 padding-bottom: 10em;
 position: relative;
}
#supplements h3 { 
 color: #fff; 
 font-size: 14px;
 line-height: 1.1;
}
#supplements a {
 color: #ecc;
}


/*----------- event listings ------------- */

#events {
 padding: 1em;
 background: #000 url(/images/23.jpg) bottom right no-repeat;
 color: #ecc;
}

#upcoming, 
#community-upcoming { 
 float: left;
 margin-top: 0;
}
#event-rss,
#community-rss { 
 float: right; 
 font-weight: normal;
 line-height: 1.4;
}

#events-summary,
#community-summary {
 padding: 0;
 width: 100%;
 float: left;
 clear: both;
 padding-bottom: 1em;
}
#events-summary li,
#community-summary li {
 display: block;
 float: left;
 clear: left;
 text-align: right;
 border-bottom: 1px dotted #666;
 width: 100%;
}
#events-summary a,
#community-summary a {
 text-align: left;
 float: left;
}
#events a {
 color: #4cd;
}

#mailinglist {
 clear: left;
 padding-top: 2em;
}


/*----------- main menu ------------- */
#menu {
 float: left;
 width: 193px;
 background: #b20; 
}
#menu ul { padding: 0; }
#menu li { display: block; }
#menu a {
 display: block;
 padding: 2px 10px;
}
#menu a:hover,
#menu a:active {
 background: #910;
 text-decoration: none;
}


/*----------- sub menu ------------- */
#subnav { background: #910; }
#subnav {
 float: left;
 width: 173px;
 padding: 0 10px;
}


/*----------- footer------------- */
#foot {
 background: #4cd;
 clear: both;
 width: 366px;
 padding: 2em 10px;
}