body {font: 13px Arial, Helvetica, Verdana, sans-serif; color: #fff; background: #000 url(../img/body-bg.jpg) repeat-x; margin: 0; padding: 0; height: 100%;}
* {margin: 0;}
html, body {
	height: 100%;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {}

h1 {margin-bottom: 9px;}
h2 {font-size: 22px; margin-top: 35px; margin-bottom: 5px;}
h3 {font-size: 18px; margin-top: 25px; margin-bottom: 5px;}
h4 {}
h5 {}
h6 {}

h1.start-header {height: 30px; width: 350px; background: url(../img/electronic-music-club.gif) no-repeat; text-indent: -999em;}
h1.future-events-header {height: 30px; width: 300px; background: url(../img/future-events-header.gif) no-repeat; text-indent: -999em;}
h1.past-events-header {height: 30px; width: 300px; background: url(../img/past-events-header.gif) no-repeat; text-indent: -999em;}
h1.pictures-header {height: 30px; width: 300px; background: url(../img/pictures-header.gif) no-repeat; text-indent: -999em;}
h1.contact-header {height: 30px; width: 300px; background: url(../img/contact-header.gif) no-repeat; text-indent: -999em;}
.monobit-header {height: 15px; width: 120px; background: url(../img/monobit-logo.gif) no-repeat; text-indent: -999em; margin-bottom: 7px; }
.next-event-header {height: 99px; width: 104px; background: url(../img/new-event.png) no-repeat; text-indent: -999em; margin: 0; padding: 0;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1em;}
blockquote {margin-bottom:1em;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom:1em;}
pre {}
strong {}
address { font-style: normal; font-weight: bold;}

/* Link elements 
-------------------------------------------------------------- */
a { color: #fba104; text-decoration: none; font-weight: bold; }
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

/* List elements 
-------------------------------------------------------------- */
ul {list-style: none; margin-bottom:1em;}
ul li {}
ol {margin-bottom:1em;}
ol li { }

dl {margin-bottom:1em;}
dl dt {}
dl dd {}

.event-list {list-style: none;}
.event-list li{margin-bottom: 22px;}
.event-list span.date {font-size: 24px; font-weight: bold; letter-spacing: 0;}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom: 1em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}


/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.clear-fix {clear: both; }

.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.small {font-size: 11px;}
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.flyer {margin: 15px 25px 10px 0;}
.bookmark-pictures {margin-top: 110px;}

/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom: 25px; width: 280px;}
legend {display: none; }
label {font-size: 18px;}
input.widefield { width: 280px; }
input, textarea { background: url(../img/form-bg.png); color: #fff; border: 1px solid #333; font-size: 14px; overflow: auto; width: 280px;}
input:hover, textarea:hover { border: 1px #ccc solid; } 
input.button  {border: none; background: url(../img/button-bg.gif) no-repeat center right; text-transform: uppercase; float: right; height: 25px; width: 80px;}
input.checkbox {width: 10px; border: none; margin-right: 10px; }

/* Navigation
---------------------------------------------------------------*/
#nav {}
#sub-nav {}

#nav ul li {  }




/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}
#wrapper { width: 961px; height: 700px; margin: 0 auto; background: url(../img/main-png.png) no-repeat; position: relative; }
#logo {
	position: absolute;
	top: 245px;
	left: 356px;
}

#next-event {position: absolute; top: 280px; right: 40px; z-index: 4; width: 104px; height: 99px;}
#nav { position: absolute; left: 290px; top: 0; z-index: 3; height: 180px;}
#content { position: absolute; left: 40px; top: 280px; width: 327px;  padding-bottom: 50px;}
#content-wide { position: absolute; left: 40px; top: 280px; width: 755px;  padding-bottom: 50px; }

#content-pictures-people {  margin-bottom: 50px; width: 755px; clear: both;}
#content-pictures-flyers { margin-bottom: 50px; width: 755px; clear: both;}

#side-content { position: absolute; right: 40px; top: 280px; width: 350px;  padding-bottom: 50px;}