/* 

	Mercy Nightclub
	www.mercynightclub.com
	
	Author: 		Ross Harvey M.Sc
	Company: 		Internet Geeks
	
	Version:		1.2
	Date:			18 APR 06
	-------------------------
	1. Prominent sidebar links
	
	Version:		1.1
	Date:			18 APR 06
	-------------------------
	1. Fixed width nav items
	2. Font changed to Verdana
	
	Version:		1.0
	Date:			22 MAR 06

*/

* { padding: 0; margin: 0; }

body {
	text-align: center; /* center */
	background: #747474 url(../img/bg_page.gif) repeat-y center;
	font: x-small/1.2em Verdana, Tahoma, sans-serif;
	color: #d6d6d6;
}

/* page structure
-------------------------------------------------------- */

#wrap_page {
	width: 900px; /* 930 inc. LR pad */
	margin: 0 auto; /* center */
	padding: 0 15px;
	text-align: left;
}

#banner {
	width: 100%;
	height: 99px;
	background: url(../img/bg_banner.gif) repeat-x top;
}

	#banner #logo {
	float: left;
	width: 860px;
	height: 99px;
	background: url(../img/banner_logo.gif) no-repeat top left;
	clear: none;
	}
	
	#banner #award {
		float: right;
		width: 130px;
		height: 99px;
		margin-right: 10px;
		background: url(../images/goingoutawardsManager.gif) no-repeat top left;
		text-indent: -20000px;
	}
	
	#banner #advert {
		float: right;
		margin: 18px 34px 0 0;
		padding: 2px;
	}
	
	#banner #advert a:hover {
		background-color: Black;
	}
	
	
/* Page structure for Newsletter Template (Added by Paul Allington 12/4/06) */

	#body_newsletter {
  	text-align: center; /* center */
  	background: #747474 url(../img/bg_page_newsletter.gif) repeat-y center;
  	font: 11px "Lucida Sans", "Trebuchet MS", Tahoma, sans-serif;
  	color: #d6d6d6;
  }
	#wrap_page_newsletter {
  	width: 700px; /* 730 inc. LR pad */
  	margin: 0 auto; /* center */
  	padding: 0 15px;
  	text-align: left;
  }
  
  #banner_newsletter {
  	width: 700px;
  	height: 99px;
  	background: url(../img/bg_banner.gif) repeat-x top;
  }
  
  	#banner_newsletter #logo_newsletter {
  		float: left;
  		width: 226px;
  		height: 99px;
  		background: url(../img/banner_logo.gif) no-repeat top left;
  	}
  	
  	#banner_newsletter #award_newsletter {
  		float: right;
  		width: 125px;
  		height: 99px;
  		margin-right: 5px;
  		background: url(../img/awardAnim.gif) no-repeat top left;
  		text-indent: -20000px;
  	}
	
	#wrap_content_newsletter {
     width: 680px; /* 700 inc. LR pad. */
     padding: 15px 10px;
  	 background: url(../img/bg_content.gif) repeat-x top;
     font-size: 110%;
  }
	
	.newsletter_heading {
		 font-family: Verdana;
		 font-size: 35px;
		 color: Orange;
		 padding-top: 15px;
		 font-weight: bold;
	}
	
/* END Page structure for Newsletter Template (Added Paul Allington 12/4/06 */

#wrap_content {
   width: 880px; /* 900 inc. LR pad. */
   padding: 15px 10px;
	background: url(../img/bg_content.gif) repeat-x top;
   font-size: 110%;
}

#leftbar,
#content,
#content2c,
#contentFull,
#rightbar {
   float: left;
   padding-bottom: 1em;
}

#leftbar {
   width: 180px;
   margin-right: 10px;
}

#content {
   width: 560px;
}

#content2c {
	width: 690px;
}

#contentFull {
	width: 880px;
}

#rightbar {
   width: 117px !important; 120px; /* Fix IE6 render bug */
   margin-left: 10px;
}

#footer {
	clear: both;
	padding: 5px 0;
	border-top: 1px dashed #444;
	font: x-small/1em Tahoma, sans-serif;
	text-align: center;
	color: #666;
}

/* navigation */

#nav {
	width: 100%;
	list-style: none;
	font-size: 110%;
	height: 28px;
	background: url(../img/bg_nav.gif) repeat-x top;
}
	
	#nav li { float: left; }
	
	#nav a,
	#nav li.title {
		float: left;
		height: 28px;
		width: 72px;
		/*padding: 0 15px;*/
		margin: 0 10px;
		line-height: 28px;
		text-decoration: none;
		font-weight: normal;
		color: #fff;
		text-align: center;
	}
	#nav li.title {
		margin: 0 0 0 1em;
		padding: 0;
		color: #666;	
	}

	#nav li a:hover,
	#nav li a.active {
		background: url(../img/bg_nav_active.gif) repeat-x top;
	}
	
	#Home			 	#nav_home,
	#About 			#nav_about,
	#Whatson 			#nav_whatson,
	#QJump 			#nav_djs,
	#Gallery 			#nav_gallery,
	#Fun 				#nav_location,
	#Membership 		#nav_messageboard,
	#Links 			#nav_links,
  #contact #nav_contact {
		background: url(../img/bg_nav_active.gif) repeat-x top;
	}


/* links
-------------------------------------------------------- */

a {
   padding: 0 .25em;
   font-weight: bold;
   text-decoration: none;
   color: #78BFD6;
}

a:hover {
   background-color: #474747;
   color: Orange;
}

/* content and footer */

#content a,
#footer a { border-bottom: 1px dashed #666; }

#content a:hover,
#footer a:hover { border-bottom: 1px solid #666; }



/* box containers
-------------------------------------------------------- */

/* leftbar*/

.box_grey {
	float: left;
	width: 168px;
	padding: 5px;
	margin-bottom: 10px;
	background: #6a0909 url(../img/bg_box.gif) repeat-x top;
	color: #FFC4C4;

	border-left: 1px solid #be5757;
	border-top: 1px solid #be5757;
	border-right: 1px solid #3f0303;
	border-bottom: 1px solid #3f0303;
}

	.box_grey h2 {
		margin-bottom: 0;
		font-size: 100%;
		text-transform: uppercase;
		background-color: #000;
		color: #fff;
		text-align: center;
	}
	
	.box_grey h3 {
		padding: 1em 0 2px 0;
		border-bottom: 1px dashed #BE5757;
		font-family: Tahoma, sans-serif;
		font-size: 100%;
		color: #fff;
	}
	
	.box_grey p {
		margin-top: 5px;
	}

	
/* ........... Linked Lists ........... */

.box_grey ul {
	list-style-type: none;
	margin: 5px 0;
	width: 100%;
}

.box_grey ul li {
	list-style-type: none;
	float: left;
	width: 100%;	
}

.box_grey ul li a {
	color: #fff;
	width: 140px;
	background: #4a0909 url(../img/linkArrow.gif) no-repeat center left;
	border-bottom: 1px solid #7c2828;
	border-top: 1px solid #3a0707;
	float: left;
	margin: 4px 0;
	padding: 3px 2px 3px 25px;
	
}

.box_grey ul li a:hover {
	color: Orange;
	background: #000 url(../img/linkArrowHot.gif) no-repeat center left;
}
	
	
/* images
-------------------------------------------------------- */

img { border: none }


/* gallery thumbs */

.galleryThumbs a {
	float: left;
/*	width: 102px;*/
	padding: 4px;
	margin: 0 0 10px 5px;
	
	background-color: #444;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	
	font-weight: normal;
	text-align: center;
}

.galleryThumbs a:hover {
	background-color: #555;
	border: 1px solid #777;
	color: #fff;
}

.galleryThumbs a p { margin: 0; }

.galleryThumbs img { border: none; margin-bottom: 4px;}


/* adverts */

.advert_content {
	float: none;
	display:block;
	padding: 4px;
	margin: 20px 0;
	background-color: #222;
	border: 1px solid #444;
}

/* Misc borders */

.imgBorder {
	padding: 4px;
	margin: 5px;
	
	background-color: #444;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
}


/* links page: adverts
-------------------------------------------------------- */

ul.adverts {
	list-style: none;
	margin-left: 1em;
}

ul.adverts li {
	list-style: none;
	padding: 1em 0;
}
	

/* forms
-------------------------------------------------------- */

form {
	clear: left;
}

fieldset { 
	padding: 10px;
	border: none;
	border-top: 4px solid #222;
}

fieldset legend {
	margin-bottom: 1em;
	padding: 2px 5px;
	border-bottom: 1px solid #E01E1E;
	background-color: #A70704;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}

fieldset label {
	float:left;
	width:15%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;	
}

fieldset input {
	margin-bottom: 8px;
	padding: 2px 4px;
	
	background-color: #444;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	color: #FF8E02;
}

fieldset textarea {
	margin-bottom: 8px;
	padding: 2px 4px;
	
	background-color: #444;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	color: #FF8E02;
}


button {
	padding: 2px;
	margin: 0 5px;
}

.buttonWrap {
	clear: left;
	float: left;
	width: 100%;
	padding: 5px 0;
	margin-top: 20px;
	background-color: #333;
	border-top: 1px dashed #555;
	text-align: center;
}


/* poll */

.radio { margin-top: 6px; }

.fontFix {
	font-size: 9px;
}


/* tables
-------------------------------------------------------- */

table.visible {
	padding: 2px;
	border: 1px solid #444;
	background-color: #222;
	line-height: 1.4em;
}

table.visible th {
	padding: 1px 4px;
	background-color: #000;
	color: #fff;
}

table.visible td {
	padding: 2px 4px;
}


/* misc formatting
-------------------------------------------------------- */

p 		{ margin: 1em 0; }
p + h2 	{ margin-top: 2em; } /* FF only */
.clear 	{ clear: both; }
.autoWidth { width: auto; }
.startHidden {	display: none;}

/* --------------------------------------------------------
								typography
-------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	padding: 2px 0;
	margin-bottom: 1em;
	font-size: 150%;
	letter-spacing: 1px;
	color: Orange;
}


h3 {
	margin-top: 1.5em;
	font-size: 130%;
}

#leftbar .box_grey h3 {
	margin-top: 0.25em;
}

h4 {
	margin-top: 1.5em;
	font: 120%/1em Tahoma, sans-derif;
	color: #DD9000;
}

#logo h1 { text-indent: -2000px; }


/* - EOF - */

/*Front Page Flyer Images - Added 04/12/07*/
#indeximages a {
	float:left;}
	
.flyerimage {
	width:510px;
	margin:0 auto;}
