/* CSS Document */


body {
	text-align: center; /*For IE */
	font-family: arial, helvetica, sans-serif;
	background-image: url(elements/wallpaper.gif);
}


/*------------------- Layout Divs ---------------------*/


#container {
	position:relative;
	width:968px;
	height:624px;
	margin: 0 auto; /* to centre container in browser */
	text-align: left;
}

#header {
	position:relative;
	width:968px;
	height:127px;
	z-index:1;
	
}

#logo {
	position:relative;
	float:left;
	width:229px;
	height:127px;
	z-index:1;
	background-image:url(elements/logo.jpg);
	background-color:#484848;
}

#header-image {
	position:relative;
	float:left;
	width:715px;
	height:121px;
	padding-top:3px;
	padding-right:6px;
	padding-bottom:3px;
	z-index:2;
	background-color:#484848;
}

#headear-gap {
	position:relative;
	float:left;
	width:18px;
	height:127px;
}

#menu {
	position:relative;
	float:left;
	width:950px;
	height:21px;
	z-index:3;
	background-color: #2d2c2c;
}

#menu-gap {
	position:relative;
	float:left;
	width:18px;
	height:21px;
}

#roman {
	position:relative;
	width:968px;
	min-height: 500px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 500px; /* this line for IE6 */
	

}


#content {
	position:relative;
	float:left;
	width:950px;
	min-height: 500px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 500px; /* this line for IE6 */
	background-color:#484848;
	
	padding-bottom: 60px;
}

#events {
	position:relative;
	float:left;
	width:209px;
	min-height: 428px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 428px; /* this line for IE6 */
	background-color:#636363;
	margin-top:4px;
	margin-left: 6px;
	margin-bottom:4px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.event-menu {
	width: 98%;
	height: 100%;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background-color: #e8dabf;
}

#main-content {
	position:relative;
	float:left;
	width:425px;
	min-height: 447px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 447px; /* this line for IE6 */
	margin-top:4px;
	padding-left: 38px;
	padding-right: 30px;
	margin-bottom:4px;
	background-color:#484848;
}

*html #main-content {

	width:400px;
	padding-left: 15px;
	padding-right: 15px;
}

#gig-banner1{
  background-color:#484848;
  background-image:url(elements/gigs-red.png);
  background-repeat: no-repeat;
  width: 425px;
  height: 7px;
} 
#gig-banner2{
  background-color:#636363;
  background-image:url(elements/gigs-yellow.png);
  background-repeat: no-repeat;
  width: 425px;
  height: 7px;
} 

#content-detail1{
  float: left;
  margin-top: 2px;
  margin-bottom: 5px;
  position: relative;
  background-color:#484848;
  width: 425px;
  min-height: 200px; height: auto !important;
  height: 200px;
}
#content-detail2{
  float:left;
  margin-top:2px;
  margin-bottom: 5px;
  position: relative;  
  background-color:#636363;
  width: 425px;
  min-height: 200px; height: auto !important;
  height: 200px;
}
*html #content-detail1 {
  width: 300px;
}
*html #content-detail2 {
  width: 300px;
}
#content-detail-left{
  position: relative;  
  padding-top: 5px;
  float: left;  
  width: 135px;
}
#content-detail-right{
  position: relative;  
  padding-top: 5px;
  padding-left: 5px;
  float: left;
  width: 280px;
}
#shortdesc {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding: 3px;
  background-color: #7c7c7c;
}
#booknow{
  padding: 3px;
  height: 21px;
}
#main-content-gallery{
	position:relative;
	float:left;
	width:634px;
	min-height: 447px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 447px; /* this line for IE6 */
	margin-top:4px;
	padding-left: 38px;
	padding-right: 30px;
	margin-bottom:4px;
	background-color:#484848;
}

#side-content {
	position:relative;
	float:left;
	width:200px;
	min-height: 428px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 428px; /* this line for IE6 */	
	background-color:#636363;
	margin-top:4px;
	margin-bottom:4px;
	margin-right: 6px;
	margin-left: 8px;
	padding-top: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.side-detail {
	width: 95%;
	
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 35px;
	background-color: #6c2730;
}

.photo { float: left; margin: 0.5em; border: 1px solid #ccc; padding: 1em; font-size: 10px; }
 

#calendar {
   padding-left:7px;
	text-align: center;
	
}

#calendar  a, a:link, a:visited, a:active {
	color:#454545;
}

#content-gap {
	position:relative;
	float:left;
	width:18px;
	height:475px;
}

#footer {
	position:relative;
	float:left;
	width:940px;
	height:33px;
	z-index:3;
	padding-left: 10px;
	background-color: #000000;
	
}



.clear {
	clear:both;
}

.sub_menu {
  font-size: 11px;
  color: #484848;

}


/* ---------------- Typography --------------------*/

h1 {
	font-size: 11px;
	color:#b5b5b5;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	
	color:#b5b5b5;
}



#event_item {
   font-size:12px;
   color: #000000;
   text-decoration: none;
   border-bottom: 1px solid #000000;
}
#event_item h3:hover{
   cursor: pointer;
}
#event_item a , a:link, a:visited, a:active, a:hover {
   font-size:12px;
   color: #000000;
   text-decoration: none;
}

#event_item h3 {
 margin: 1px;
}

.sub_menu  a, .sub_menu a:link,.sub_menu a:visited,.sub_menu a:active,.sub_menu a:hover {
	color:#b5b5b5;
	text-decoration:underline;
}


p {
	font-size: 11px;
	color:#b5b5b5;
}


a, a:link, a:visited, a:active {
	color:#b5b5b5;
}

a:hover {
	color: #ffffff;
	}	
#overDiv p,#overDiv a,#overDiv a:link,#overDiv a:visited,#overDiv a:active {
  color:#000000;

}
li {
	font-size: 11px;
	color:#b5b5b5;
}

.event-menu p {
	color:#484848;
}

.event-menu h1 {
	font-size: 11px;
	color:#141414;
	text-transform: uppercase;
	font-weight: normal;
}

.side-detail p {
	color:#f1f1f1;
	margin: 2px;
}

.side-detail h1 {
	font-size: 11px;
	color: #f1f1f1;
	text-transform: uppercase;
	font-weight: normal;
}


#footer p, #footer a:link, #footer a:visited, #footer a:active  {
	font-size: 10px;
	color:#b5b5b5;
}
#footer p {
   margin:2px;
}
#footer a:hover  {
	color:#ffffff;
}

 #mc_embed_signup{background:#484848; color:#f1f1f1; clear:left; font:12px Helvetica,Arial,sans-serif;  width:300px;}
 /* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:20px 0 20px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}