@CHARSET "ISO-8859-1";

div.clear {
   clear: both;
}

html, body {
	height: 100%;
}

body {
   background: #302e4c url(../img/background.jpg) no-repeat fixed center top;
   color: white;
   font-family:  "Century Gothic", Arial, Helvetica, sans-serif;
   font-size: 15px;
   color: white;
   min-width: 950px;
}

p {
   line-height: 1.2;
   margin-bottom: 10px;
}
a {
   color: #a9d9e9;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

div#header {
   width: 100%;
   height: 165px;
   position: fixed;
   z-index: 10;
   background: #302e4c url(../img/background.jpg) no-repeat fixed center top;
}

div#header h1 {
   height: 125px;
   background: url(../img/logo.png) no-repeat center top;
   text-indent: -9999px;
}

div.menu {
   width: 100%;
   overflow: hidden;
}

div#header div.menu ul {
   position: relative;
   font-size: 20px;
   font-weight: bold;
   float: left;
   left: 50%;
}

div#header div.menu ul li {
   position: relative;
   display: inline;
   float: left;
   right: 50%;
   margin: 0 5px;
}

div#header div.menu ul li a {
   color: white;
   text-decoration: none;
   display: block;
   padding: 5px 10px;
}

div#header div.menu ul li a:hover,
div#header div.menu ul li.selected a {
   background: url(../img/black-bg.png) repeat;
}

div.pad1 {
   display: block;
   height: 165px;
}

div#container {	
	padding: 0px 210px 0px 0px;
	
}

div#content {
   position: relative;
   width: 100%;
   background: url(../img/hattie.png) no-repeat fixed left 165px; 
}

div#content div.inner {
   background: url(../img/black-bg.png) repeat;
   min-height: 400px;
   margin-left: 230px;
   margin-right: 20px;
   padding: 10px;
   position: relative;
   z-index: 3;
}

div #sidebar {
   width: 210px;
}

div#sidebar li {
	margin-bottom: 5px;
}

div#sidebar div.box {
   background: url(../img/black-bg.png) repeat;
   padding: 5px;
   margin: 0 10px 10px 0;
}

div#sidebar div.box h2 {
   font-weight: bold;
   margin-bottom: 10px;
}

div#content h1 {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 5px;
}

.push {
   clear: both;
   height: 25px; /* height of footer */
}

/* Footer */

div#footer {
   font-size: 12px;
   width: auto;
   margin: 20px 20px 20px 230px;
   padding: 10px;
   background: url(../img/black-bg.png) repeat;
}

div#footer ul li {
   display: inline;
}

div#footer ul#terms {
   positon: relative;
   right:0px;
}



/* Blogs and news */

div.article {
   padding-bottom: 3px;
   margin-bottom: 30px;
}

div.article div.img-frame {
   display: block;
   width: 100px;
   height: 75px;
   float: left;
   margin: 0 10px 10px 0;
   overflow: hidden;
}
   
div.article img.article-img {
   width: 100px;
}

div.article h1 {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}

div.article-byline {
   color: #999;
   font-size: 12px;
   border-bottom: 1px solid #777;
   padding-bottom: 2px;
}

div.article p {
   clear: left;
}



/* Songs page */

div.album-cover {
   float: left;
   margin-right: 10px;
}

div.album-info h2 {
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 20px;
}

#content #playerWrapper {
   position: relative;
   margin: 0 20px;
   width: 295px;
   float: left;
   z-index: 3;
}

div.album-details {
	clear: both;
}

div.album-details h2 {
   display: block;
   font-weight: bold;
   padding-top: 15px;
   margin-bottom: 10px;
}

div.lyrics {
	line-height: 1.3;
	font-size: 14px;
}

div.copyright {
   font-size: smaller;
}



/* Videos page */

ul#videos li {
   display: block;
   clear: both;
   margin-bottom: 10px;
}

ul#videos li div.video-desc {
   margin-left: 170px;
}

ul#videos li div.video-desc h2 {
   font-weight: bold;
   margin-bottom: 5px;
}

ul#videos li div.imageThumb {
   float: left;
}

ul#videos li div.imageThumb div.play-icon {
   width: 34px;
   height: 34px;
   position: relative;
   top: 80px;
   left: 121px;
   background-image: url('/img/play.png');
}

ul#videos li a:hover div.imageThumb div.play-icon {
   background-image: url('/img/play.png');
   background-position: 0 34px;
}

/* Gigs page */
table.giglisting {
	width: 100%;
}

table.giglisting td.month {
	border-bottom:1px solid black;
	font-weight:bold;
	padding:5px 0;
}

table.giglisting td {
	padding:10px 5px;
}

div.event-artists {
   padding-bottom: 3px;
   border-bottom: 1px solid #777;
   margin-bottom: 10px;
}

table#gig-details tr {
   padding-bottom: 5px;
}
table#gig-details td {
   padding-right: 12px;
}

/* Photos */

ul.gallery {
   margin: 0 auto;
}

ul.gallery li {
   display: inline;
   float: left;
}

ul.gallery li a {
   display: block;
   padding: 5px;
   margin: 10px;
   border: 1px solid #777;
}

ul li div.imageThumb {
   display: block;
   height: 123px;
   width: 164px;
   background-position: center 25%;
   background-repeat: no-repeat;
}

ul.gallery li a:hover  {
   border: 1px solid #a9d9e9;
}

div#photos-index li {
	width: 100%;
}


div.main-image img {
	display:block;
	margin: 0 auto;
	/* height: 600px; */
	/* width: auto; */
}

/* Contact form */
#ContactSendForm label {
	margin-bottom: 5px;
}

#ContactSendForm .text input,
#ContactSendForm select,
#ContactSendForm textarea {
	width: 300px;
}

form div.input {
   clear: none;
}

form div.input input, 
form div.input textarea,
form div.input select
{
   background-color: #ddd;
}

/* Links page */
h2.links {
   margin-bottom: 10px;
   font-weight: bold;
}

ul.links {
   margin: 0 20px;
}

ul.links li {
   margin-bottom: 8px;
}