@charset "utf-8";

html
{
  line-height: 120%;
  color: #eaeaea;
  font-weight: normal;
  background: #3f0a1c url(../img/html_content.jpg) repeat-y 0px top;    
}

body
{
  font-family: Lucida Sans, Lucida Sans Unicode, Tahoma, Arial;
  font-size: 0.75em; 
}

a
{
  color: #b0184d;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}


/* HEADER */
/* ################################### */


h1#logo
{
  display: block;
  width: 354px;
  height: 53px;
  background: url(../img/logo.png) no-repeat left top;
}

h1#logo a
{
  display: block;
  width: 354px;
  height: 53px;
  text-indent: -9999px;
}

#header
{
  padding: 40px 0 70px 0;
}

#header p
{
  font-style: italic;
  font-size: 1.1em;
}


/* INDEX */
/* ################################## */


body.index 
{
  background: url(../img/body_index.jpg) no-repeat left top;
}

body.index #canvas
{
  position: relative;
  width: 425px;
  height: 1040px;
  margin: 0;
  padding: 0 30px 0 353px;
}

.thumb
{
  border: 1px solid #2f2f2f;
}


/* CONTENT */
/* ################################### */


body.content
{
  background: url(../img/body_content.jpg) no-repeat left top;
}

body.content #header
{
  width: 500px;
  margin: 0 0 0 300px;
  padding: 55px 0 55px 0;
  clear: both;
}

body.content #canvas
{
  position: relative;
  width: 780px;
  height: 1040px;
  margin: 0;
  padding: 0;
}

.paragraph
{
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  background: url(../img/hr.png) no-repeat center bottom;
}

.paragraph h2
{
  margin: 0 0 5px 0;
}


/* PARAGRAPH LAYOUT A */


body.content .bio .paragraph
{
  margin: 0 0 30px 40px;
  background: url(../img/hr.png) no-repeat 350px bottom;
}

body.content .bio .paragraph .paragraphLeft
{
  float: left;
  width: 200px;
  padding: 20px 0 0 0;
}

body.content .bio .paragraph .paragraphRight
{
  float: right;
  width: 480px;
}


/* PARAGRAPH LAYOUT B */


body.content .audio .paragraph
{
  margin: 0 0 30px 230px;
  background: none;
}

body.content .audio .paragraph .paragraphLeft
{
  float: left;
  width: 260px;
  padding: 0;
}

body.content .audio .paragraph .paragraphRight
{
  float: right;
  width: 275px;
  margin: 0;
  padding: 0; 
}


/* PARAGRAPH LAYOUT C */


body.content .video .paragraph
{
  margin: 0 0 30px 40px;
  background: url(../img/hr.png) no-repeat 350px bottom;
}

body.content .video .paragraph .paragraphLeft
{
  display: none;
  width: 100px;
  padding: 20px 0 0 0;
}

body.content .video .paragraph .paragraphRight
{
  float: left;
  margin: 0 0 0 190px;
  _margin: 0;
  _padding: 0 0 0 190px;
  
  width: 480px;
}


/* PARAGRAPH LAYOUT D */


body.content .gigs .paragraph
{
  margin: 0 0 30px 40px;
  background: none;
}

body.content .gigs .paragraph .paragraphLeft
{
  display: none;
  width: 100px;
  padding: 20px 0 0 0;
}

body.content .gigs .paragraph .paragraphRight
{
  float: left;
  margin: 0 0 0 190px;
  _padding: 0 0 0 190px;
  _margin: 0;
  width: 480px;
}

.gig
{
  background: #2c181f;
  width: 100%;
  height: 40px;
  padding: 7px 12px 7px 15px;
  margin: 0 0 10px 0;
  clear: both;
  border-left: 5px solid #571129;
}

.gig:hover
{
  background: #571129;
  border-left: 5px solid #2c181f;  
}

.gig span.date
{
  display: block;
  width: 100px;
  float: left;
}

.gig span.event
{
  display: block;
  width: 290px;
  float: left;
}

.gig span.time
{
  display: block;
  width: 60px;
  float: right;
}

div.hr
{
  height: 20px;
  margin: 0 0 20px 0;
  background: url(../img/hr.png) no-repeat center bottom;
}

td.hr
{
  height: 20px;
  margin: 0 0 20px 0;
  background: url(../img/hr.png) no-repeat left top;
}



/* PARAGRAPH LAYOUT E */


body.content .contact .paragraph
{
  margin: 0 0 30px 300px;
  background: none;
}

body.content .contact .paragraph .paragraphLeft
{
  display: none;
  width: 100px;
  padding: 20px 0 0 0;
}

body.content .contact .paragraph .paragraphRight
{
  float: left;
  margin: 0 0 0 190px;
  width: 480px;
}

body div.admin
{
  width: 550px;
  margin: 0 0 0 190px;
}

body div.admin table td
{
  padding: 2px;
}

body div.admin .imagelink
{
  text-decoration: none;
}

.newsadmintitle h2
{
  margin-bottom: 0 !important;
}

.admintable textarea
{
  width: 80%;
}


/* EVENT */
/* ########################################## */


body.content .event .paragraph
{
  margin: 0 0 30px 180px;
}


/* NAVIGATION */
/* ########################################## */


#navigation
{
  display: block;
  position: absolute;
  top: 210px;
  left: 810px;
  font-size: 2.3em;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 100%;
}

#navigation ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation ul li
{
  display: block;
  position: relative;
  margin: 0;
  height: 28px;
}

#navigation li a
{
  display: block;
  height: 28px;
  _height: 24px;
  min-width: 90px;
  position: relative;
  margin: 0 0 4px 0;
  padding: 2px 20px 2px 15px;
  _padding: 0 20px 0 15px;
  border-left: 4px solid #2c1324;
  text-decoration: none;
  background: #571129;
  color: #FFFFFF;
}

#navigation li.active a
{
  background: #FFFFFF;
  color: #571129;
  border-left: 4px solid #80898f;
}

#navigation li a:hover
{
  border-left: 4px solid #571129;
  background: #b0184d;
}

#navigation li.active a:hover
{
  border-left: 4px solid #aaaaaa;
  background: #dddddd;
}


#networks
{
  display: block;
  position: absolute;
  top: 470px;
  left: 810px;
  font-size: 2.3em;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 100%;
}

#networks ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#networks ul li
{
  display: block;
  position: relative;
  margin: 0;
  height: 28px;
}

#networks li a.hyves
{
  display: block;
  height: 43px;
  width: 127px;
  position: relative;
  margin: 0 0 5px 0;
  padding: 0;
  background: url(../img/hyves.jpg) no-repeat left top;
}

#networks li a.facebook
{
  display: block;
  height: 43px;
  width: 127px;
  position: relative;
  margin: 0;
  padding: 0;
  background: url(../img/facebook.jpg) no-repeat left top;
}

#networks li a.hyves:hover
{
  background: url(../img/hyves.jpg) no-repeat left -43px;
}

#networks li a.facebook:hover
{
  background: url(../img/facebook.jpg) no-repeat left -43px;
}

#networks li a span
{
  display: none;
}



/* TYPOGRAPHY */
/* ################################### */


h2
{
  color: #b0184d;
  font-style: italic;
  font-weight: bold;
  font-size: 2em;
  letter-spacing: -1px;
}

h4
{
  color: #777777;
  font-size: 1em;
  font-weight: normal;
}

.admin h2,
.gigs h2
{
  margin-bottom: 20px;
}


/* COMMON */
/* ################################### */


.imgleft
{
  float: left;
  margin: 0 10px 10px 0;
}

.imgright
{
  float: right;
  margin: 0 0 10px 10px;  
}

.newsimage
{
  float: left;
  margin: 2px 10px 5px 0;
  border: 1px solid #393939;
  max-width: 128px;
  _width: 128px;
}

.clearfix:after 
{
	 content: ".";
	 display: block;
	 clear: both;
	 visibility: hidden;
	 line-height: 0;
	 height: 0;
}
 
.clearfix 
{
	 display: inline-block;
}
 
html[xmlns] .clearfix 
{
 	display: block;
}
 
* html .clearfix 
{
	 height: 1%;
}