/* ----------------- Tyography - lists, headings, links etc ------------------------- */

A:focus, A:hover, A:active /* Firefox image outline fix */
{ 
	outline: none 
}
A
{
	color: #e5228b;
	text-decoration: none;
}
A:hover
{
	color: #41a5dc;
	text-decoration: none;
}
A img
{
	border: none;
}
H1, H2, H3, H4
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #fff;
}
H1
{
	color: #fff;
	font-size: 2.6em;
	font-style: italic;
	padding: 0px 0px 10px 0px;
	margin: 0;
	clear: both;
	position: relative;
}
H2
{
	color: #fff;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: bold;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
	border-bottom: 1px solid #ccc;
}
H3
{
	color: #41a5dc;
	font-size: 1.4em;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
H4
{
	font-size: 1.1em;
	color: #a7bd14;
}
P
{
	font-size: 1.1em;
	line-height: 1.4em; 
	color: #ccc;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
ul
{
	padding: 10px 10px 10px 30px;
	margin: 10px 0px 10px 0px;
	list-style: square outside;
	color: #fff;
}
P + ul
{
	padding-top: 0;
}
li
{
	padding: 0px 0px 10px 5px;
	margin: 0px;
	font-size: 1em;
}
ul ul
{
	font-size: 0.9em;
	margin: 0;
	padding: 15px 0px 0px 30px;
	list-style-type: circle;
	color: #ccc;
}
address
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.4em;
	font-size: 1.2em;
	padding: 15px 0px 20px 20px;
	margin: 0;
}
td address
{
	padding: 0px;
}


/* ------------------------------- Specific styles ---------------------------------- */

A.moreInfo
{
	display: block;
	float: left;
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
	padding: 0px 15px 3px 0px;
	line-height: 100%;
	background: url(../images/arrows.gif) right 4px no-repeat;
}
A.moreInfo:hover
{
	background-position: right -40px;
}
img.cracks
{
	position: absolute;
	top: -17px;
	left:0;
	border: 0px solid red;
}
P A
{
	border-bottom: 1px dotted #e5228b;
	color: #e5228b;
}
P A:hover
{
	color: #41a5dc;
	border-bottom: 1px dotted #41a5dc;
}

P#strap
{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 80px;
	right: 40px;
	color: #fff;
	font-size: 22px;
	font-style: italic;
	text-align: right;
	overflow: hidden;
}

P#strap span
{
	font-size: 28px;
}

#intro P
{
	width: 440px;
	font-size: 1em;
	color: #ccc;
	line-height: 1.8em;
	margin: 6px 0px 0px 6px;
}
.cameraIcon
{
	padding: 5px 5px 5px 50px;
	position: relative;
	z-index: 10;
	background: url(../images/cameraIcon.gif) 50% 50% no-repeat;
}
A.facebooklink
{
	border: none;
}
A.facebooklink img
{
	border: none;
	padding: 5px 7px 5px 7px;
	line-height: 100%;
	vertical-align: middle;
	background-color: #2c5b9b;
}
.smaller
{
	font-size: 70%;
}
.black
{
	background-color: #000;
}
.gray
{
	padding: 5px;
	font-weight: bold;
	color: #fff;
	background-color: #333;
}
.pink
{
	color: #e5228b;
}
.blue
{
	color: #41a5dc;
}
.error, .toomuch
{
	color: #ff0000;
	font-weight: bold;
}
/* ---------------------------------------------- Events styling ----------------------------------------------  */

.tabbedBlock H2
{
	color: #fff;
	font-size: 2.2em;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	border-bottom: 2px solid #333;
}
.tabbedBlock H2 span
{
	padding: 2px 40px 1px 10px;
	background: url(../images/tabendRight-b.gif) right top no-repeat;
}

.eventtitle
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e5228b;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -1px;
}
.tabbedBlock img
{
	width: 141px;
	height: 200px;
	padding: 1px;
	float: right;
	margin: 0px 20px 0px 20px;
	border: 1px solid #fff;
}
.tabbedBlock A:hover img
{
	border: 1px solid #41a5dc;
	background-color: #41a5dc;
}
.tabbedBlock A
{
	color: #41a5dc;
	border-color:#41a5dc;
}
A#eventsTabRight
{
	position: absolute;
	top: 27px;
	right: -26px;
	width: 25px;
	height: 112px;
	z-index: 1;	
	color: #000;
	text-indent: -9000em;
	background: url(../images/eventsTabRight.png) right 0px no-repeat;
}
A#eventsTabRight:hover
{
	background-position: right -112px;	
}
P.buyTickets
{
	margin: 10px 0px 10px 0px;
}
P.buyTickets A, P.buyTickets A:visited
{
	color: #41A5DC;
	padding: 10px 28px 10px 0px;
	border: 0;
	font-weight: bold;
	background: url(../images/ticketIcon.gif) right 50% no-repeat;
}
P.buyTickets A:hover
{
	color: #E5228B;
}
/* ---------------------------------------------- Club Nights --------------------------------------------  */

.clubnightspage .tabbedBlock H2
{
	color: #fff;
	font-size: 2em;
	padding: 0px 0px 0px 0px;
}
.clubnightspage .tabbedBlock H2 span
{
	padding: 0px 30px 0px 10px;
	background: url(../images/tabendRight-b.gif) right 0px no-repeat;
}
.tabbedBlock H2 span.smaller
{
	color: #ccc;
	font-size: 0.7em;
	letter-spacing: normal;
	padding: 0;
	margin: 0px 0px 0px 0px;
	background: none;
}

/* ----------------------------------------------  Gallery ----------------------------------------------  */


.galleryDates ul
{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;	
}
.galleryDates li
{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	background-color: #222;
}
.galleryDates li.colour2
{
	background-color: #000;
}
.galleryDates li A
{
	color: #ccc;
	display: block;
	padding: 2px 0px 2px 10px;
}
.galleryDates li A:hover
{
	color: #fff;
	background-color: #641234;
}
.galleryDates .date
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	vertical-align: middle;
}
.galleryDates li.colour2 .date
{
	color: #999;
}

/* Small Panel styling */

.smallPanel H3
{
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0px 5px 0px;
	margin: 2px 20px 13px 0px;
}
.smallPanel H3 A, .smallPanel H3 A:visited
{
	display:block;
	color: #fff;
}
.smallPanel H3 A:hover
{
	color: #41a5dc;
}
.smallPanel A img
{
	border: 1px solid #fff;
	padding: 1px;
	margin: 0px 0px 15px 0px;
	max-width: 204px;
	overflow: hidden;
	background-color: #000;
}
.smallPanel A:hover img
{
	border: 1px solid #41a5dc;
	background-color: #41a5dc;
}
.smallPanel P
{
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 0px 0px 5px 0px;
	margin: 0;
	min-height: 55px;
}
.smallPanel P A
{
	font-style: italic;
	border-bottom: 1px dotted #e5228b;
	clear: both;
	color: #e5228b;
}
.smallPanel P A:hover
{
	color: #41a5dc;
	border-bottom: 1px dotted #41a5dc;
}


.imgLeft
{
	float: left;
	padding: 0px 20px 20px 0px;
}
.imgRight
{
	float: right;
	padding: 0px 0px 20px 20px;
}

#membersLogin P
{
	position: absolute;
	display: inline;
	right: 458px;
	text-align: left;	
	color: #fff;
	font-style: italic;
	font-size: 1.4em;
	margin: 0;
	padding: 3px 0px 0px 0px;
}
#footer P
{
	font-size: 12px;
	line-height: normal;
	padding: 0px 0px 3px 0px;

	margin: 0;
}
#footer P.peach
{
	position: absolute; 
	top: 10px; 
	right:0px; 
	width: 150px; 
	text-align: right; 
	float:right;
}
#footer P.peach A
{
	color: #EAA423;
	border:0;
}

#banner img { position:absolute; left:0; top:0; }