/* CSS DOCUMENT */

/* 

Table of Contents

	Defaults and clears
	Page format
	Layout
	Default fonts
	Default links
	Header and Logo
	Header Navigation
	Header Base (for content pages)
	Footer
	
	Content Row
	Homepage Boxes
	General
	News
	About Us
	Portfolio
	Tables
	Bullet Lists
	Flow diagram
	
Notes
	When width is specified in px it is safe to use margins but not padding due to IE bugs
	To specify a width use width of content only and do not add borders or margins
	Floats must specify a width. 
	HR is not a good idea to use for clears in IE, use a . in paragraph with a class to clear and be invisible

*/


/* ----------- Defaults and clears ----------- */

/* Zero down all margins and padding */
*{ 
	margin: 0;
	padding: 0;
	
}
body {
	background: #383838 url(wallpaper.png);
	
	text-align: center; /* for IE to centre page */
}
img { border: 0px; }

ul { list-style-type: none; }

table { border: 0; }

.clear { clear: both; }

.clearleft {
	clear: left;
}
p.clearhide {
	clear: both;
	visibility: hidden;
	height: 1px;
	line-height: 0.1em;
	margin: 0;
	padding: 0;
}

/* ----------- Page Formats ----------- */
/* Page border, width, position and left align all content */

#pageformat {
	width: 980px;
	margin: 15px auto 45px auto;
	padding: 0;
	text-align: left;
}
#pagecolour {
	background: #333333;
	margin: 0;
	padding: 0;
}



/* ----------- Page Columns ----------- */

#sidebar {
	float: left;
	width: 220px; /* default */
	margin: 15px 0 15px 20px;
}

#columnone {
	float: left;
	width: 700px; /* default */
	margin: 15px 0 15px 20px;
}

#columntwo {
	visibility: hidden;  /* default */
}

#home #columnone {
	float: left;
	width: 340px;
	margin: 15px 0 15px 20px;
}

#home #columntwo {
	float: left;
	width: 340px;
	margin: 15px 0 15px 20px;
	visibility: visible;
}


	
	

/* ------------ Fonts ------------ */

html {
	font-size: 100%;
}
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* Sets 1em to 10px font */
	color: #ADADAD;
}

p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 8px;
	margin-bottom: 8px;
	
}
li {
	font-size: 1.2em;	
}
td {
	font-size: 1.2em;	
}
h1 {
	font-size: 1.8em;
	margin-top: 3px;
	margin-bottom: 10px;
	color: #FA1C70;	
}
h2 {
	font-size: 1.5em;
	margin-top: 1px;
	margin-bottom: 8px;
	color: #FA1C70;
	font-weight: normal;
}
h3 {
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #FA1C70;	
}
h4 {
	font-size: 1.4em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: normal;
	color: #FA1C70;
}
h5 {
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}
h6 {
	font-size: 1.2em;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;	
}



/* ----------- Links ----------- */

a:link { color: #DCE23E; text-decoration: none; }
a:visited { color: #DCE23E; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:active { color: #FFFFFF; text-decoration: none; }
a { font-weight: bold; }




#mainnav a:link { color: #333333; text-decoration: none; }
#mainnav a:visited { color: #333333; text-decoration: none; }
#mainnav a:hover { color: #FFFFFF; text-decoration: none; }
#mainnav a:active { color: #FFFFFF; text-decoration: none; }
#mainnav a { font-weight: bold; }



/* ----------- Header and Logo ---------- */



#header {
	background: #000000;
}

#logobox {
	padding-top: 70px;
	padding-left: 20px;
	background: url(../style/cornergrey_topleftright.gif) no-repeat top left;
}
	/* see header image rotator */
	
	
/* ----------- Header Random Image Rotator ----------- */
/* Folders other than default imghead defined for some pages only  */

#rotator {
  background: url(../imghead/rotator.php) no-repeat top right;
  width: 980px;
  height: 160px; 
}

#home #rotator {
  background: url(../imgheadhome/rotator.php) no-repeat top right;
}

.saturdays #rotator {
  background: url(../imgheadevents/rotator.php) no-repeat top right;
}

.fridays #rotator {
  background: url(../imgheadevents/rotator.php) no-repeat top right;
}

.thursdays #rotator {
  background: url(../imgheadevents/rotator.php) no-repeat top right;
}

.wednesdays #rotator {
  background: url(../imgheadevents/rotator.php) no-repeat top right;
}

.saturdays #rotator {
  background: url(../imgheadevents/rotator.php) no-repeat top right;
}






/* ----------- Header Navigation ---------- */


#mainnav {
	clear: both;
	margin: 0; /* to position */
	padding: 0;  /* under */
}
#mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 980px;
	height: 22px;
	float: left;
	background: url(ribbon.gif) no-repeat left top;
	
}
#mainnav ul li {
	float: left; /* makes nav bar horizontal list */
	font-size: 1.3em; 
	background: url(ribbon.gif) no-repeat left top;
}

#mainnav ul a {
	display: block;
	float: left;
	padding: 0 1.1em 0 1.3em; /* text margin left */
	line-height: 22px; /* line height valigns text centre  */
	text-decoration: none;
	font-weight: bold;
	font-size: 1.15em;

}
#mainnav ul a:hover {
	background: url(ribbon.gif) no-repeat left top;
	background-position: 0px -80px; /* move background horz vert */
}

#home li#navhome, #aboutus li#navaboutus, #events li#navevents, #eventphotos li#naveventphotos, 
#membership li#navmembership, #partyhire li#navpartyhire, #location li#navlocation, #contactus li#navcontactus 
{
	/* hightlight nav button on matching page  */
	background: url(ribbon.gif) no-repeat left top;
	background-position: 0px -40px; /* move background horz vert */
	
}








/* ----------- Footer ----------- */


#footer {
	clear: both;
	background-color: #DCE23E;
	margin: 0px;
	color: #333333;
}
#footer p {
	font-size: 1.2em;
	padding: 5px 15px 1px 15px;
	margin: 0px;
}
#footerbottom {
	height: 5px;
	background: url(bar_limebottom.gif) no-repeat left bottom;
	margin: 0;
	padding: 0;
}

/* ----------- Content Row----------- */

#contentrow {
	clear: both;
	background: #333333;
	margin-top: 0;
}
#home #columnone h3, #home #columntwo h3, #home #sidebar h3 {
	margin-top: 5px;
}


/* ----------- Box Styles ----------- */

.boxouter { /* default g4*/
	background: #404040 url(bar_grey4t.gif) no-repeat left top;
	margin: 0 0 15px 0; 
	padding: 0;
	overflow: hidden;
}
.box { /* default g4*/
	background: url(bar_grey4b.gif) no-repeat right bottom;
	padding: 8px 10px 1px 10px; 
}
.box img { /* default */
	margin: -8px -10px 5px 10px; 
	float: right;
}

.box img.imgleft { /* default */
	margin: 0 0 10px 0; 
	float: none;
}


div.g3 { 
	background: #666666 url(bar_grey3t.gif) no-repeat left top;
}
.g3 .box  { 
	background: url(bar_grey3b.gif) no-repeat right bottom;
}

div.g2 { 
	background: #999999 url(bar_grey2t.gif) no-repeat left top;
}
.g2 .box  { 
	background: url(bar_grey2b.gif) no-repeat right bottom;
}

div.g1 { 
	background: #CCCCCC url(bar_grey1t.gif) no-repeat left top;
}
.g1 .box  { 
	background: url(bar_grey1b.gif) no-repeat right bottom;
}
  
  
  
div.g0 { 
	background: #000000 url(bar_grey0t.gif) no-repeat left top;
}
.g0 .box  { 
	background: url(bar_grey0b.gif) no-repeat right bottom;
}



div.r4 { 
	background: #5B2E3A url(bar_red4t.gif) no-repeat left top;
}
.r4 .box  { 
	background: url(bar_red4b.gif) no-repeat right bottom;
}

div.r3 { 
	background: #832940 url(bar_red3t.gif) no-repeat left top;
}
.r3 .box  { 
	background: url(bar_red3b.gif) no-repeat right bottom;
}

div.r2 { 
	background: #AA2447 url(bar_red2t.gif) no-repeat left top;
}
.r2 .box  { 
	background: url(bar_red2b.gif) no-repeat right bottom;
}

div.r1 { 
	background: #FA1A54 url(bar_red1t.gif) no-repeat left top;
}
.r1 .box  { 
	background: url(bar_red1b.gif) no-repeat right bottom;
}


div.l4 { 
	background: #555635 url(bar_lime4t.gif) no-repeat left top;
}
.l4 .box  { 
	background: url(bar_lime4b.gif) no-repeat right bottom;
}

div.l3 { 
	background: #777937 url(bar_lime3t.gif) no-repeat left top;
}
.l3 .box  { 
	background: url(bar_lime3b.gif) no-repeat right bottom;
}

div.l2 { 
	background: #AAAE3B url(bar_lime2t.gif) no-repeat left top;
}
.l2 .box  { 
	background: url(bar_lime2b.gif) no-repeat right bottom;
}

div.l1 { 
	background: #DCE23E url(bar_lime1t.gif) no-repeat left top;
}
.l1 .box  { 
	background: url(bar_lime1b.gif) no-repeat right bottom;
}

div.g1 a:link, div.l1 a:link { color: #898D00; text-decoration: none; }
div.g1 a:visited, div.l1 a:visited { color: #898D00; text-decoration: none; }
div.g1 a:hover, div.l1 a:hover { color: #FFFFFF; text-decoration: none; }
div.g1 a:active, div.l1 a:active { color: #FFFFFF; text-decoration: none; }

/* lighten p text */
div.g2, div.g1, 
div.l1, div.l2, div.l3 { 
	color: #333333;
}
/* lighten p text */
div.r1, div.r2, div.l3, div.l3 {
	color: #EEEEEE;
}



/* darken header text */
div.g2 h2, div.g2 h1, div.l2 h2, div.l2 h1, div.l3 h2, div.l3 h1
{ color: #5B2E3A;}

div.r1 h1, div.r1 h2
{ color: #FF82A2 }

#events h2 {
	color: FFFFFF;
}
#events .box h2 {
	color: #FFFFFF;
}
#events .box h1 {
	font-size: 2.2em;
}
#home .box h1 { 
	margin: 3px 0 3px 0;
}
#home .box p { 
	margin: 3px 0 3px 0;
}

/* ----------- Sidebar ----------- */


#sidebar ul a {
  display: block;
  padding: 0.3em 0 0.4em 0; /* text margin left and right */
  line-height: 1em; /* line height valigns text centre  */
  margin-top: 2px;
  margin-bottom: 2px;
}
#longlinks #sidebar ul a {
  border-bottom: 1px #666666 solid;
 
}


/* ----------- Home page ----------- */

#home .box strong {
	color: #FFFFFF;
}
#events .box strong {
	color: #FFFFFF;
}

#home .l1 .box strong {
	color: #000000;
}


/* ----------- Content general ----------- */







/* ----------- Tables  ----------- */

#columnone table {
	margin-top: 15px;
}

#columnone table td {
	vertical-align: top;
	padding: 5px 10px 5px 0px;	
}

#columnone td.1stcol {
	vertical-align: top;
	padding: 5px 10px 5px 0px;	
}


/* ----------- Bullet Lists  ----------- */

.bulletlist ul {
	margin-left: 6px;
	padding-left: 6px;
}

.bulletlist li {
	list-style-position: outside;
	margin-top: 0.5em;
	margin-left: 0.5em;
	list-style-type: disc;
	text-indent: 0pt;
	font-size: 1.2em;
	line-height: 1.2em;
}





.textcolwide {
	width: 460px;
}

p.limitwidth {
	width: 460px;
}

.photoright {
	float: right;
	margin-right: -150px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.updated {
	color: #666666;
}





/* ----------------------- Table Styling */

.menus table {
  border-collapse: collapse;
  margin-bottom: 30px;
}

.menus th {
  font-size: 1.4em;
  text-align: left;
  padding: 5px 10px 0 10px;
  border-bottom: 1px solid #444;
  margin-top: 0;
  margin-bottom: 0;
}

.menus tr {
  padding: 0.3em 1em;
  border-bottom: 1px solid #444;
}

.menus tr:hover {
  background-color:#444444;
  color: #fff;
}

.menus h3 {
  font-size: 1.4em;
  padding: 0 10px 0 10px;
  margin-top: 0;
  margin-bottom: 0;
}
.menus p {
	padding: 0em 10px;
	font-size: 1em;
	margin-top: 0;
  	margin-bottom: 0;
}

#anchornav div {
	padding: 10px 0px 10px 0px;
	margin: 0;
	
}
#anchornav ul li{
	float: left; /* makes nav bar horizontal list */
	font-size: 1.3em; 
	width: 180px;
	display: block;
	border-left: 1px solid #444;
	margin: 0 5px 0 0;
}

#anchornav ul li a {
	display: block;
	padding: 0 1em; /* text margin left and right */
	line-height: 1.6em; /* line height valigns text centre  */
}

#anchornav li a:hover {
	background: #d5ce00;
	display: block;
	color:#000000;
}



/*--------- square STYLES ---------*/

.squarered {
	float: left;
	height: 96px;
	width: 96px;
	background: url("square96red.gif") no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	text-align: left;
}
.squareredplain {
	float: left;
	height: 96px;
	width: 96px;
	background: url("square96redplain.gif") no-repeat;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 10px 10px 0px;	
	text-align: left;
}
.squarelime {
	float: left;
	height: 96px;
	width: 96px;
	background: url("square96lime.gif") no-repeat top left;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	text-align: left;
}
.squarelimeplain {
	float: left;
	height: 96px;
	width: 96px;
	background: url("square96limeplain.gif") no-repeat top left;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	text-align: left;
}

.squarered p, .squareredplain p, .squarelime p, .squarelimeplain p {
	font-size: 14px;
	line-height: 15px;
	color: #FFFFFF;
	padding: 5px 5px 2px 5px;
	margin: 2px 0px 2px 0px;
	text-align: left;
}

.squarered h3, .squareredplain h3, .squarelime h3, .squarelimeplain h3 {
	font-size: 16px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 2px 0px 2px 0px;
	text-align: left;
}

.squarered h4, .squareredplain h4, .squarelime h4, .squarelimeplain h4 {
	font-size: 12px;
	line-height: 13px;
	color: #FFFFFF;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
}

#home .promotionbox {
	padding: 5px 10px 5px 10px; }


.photowithtext {
	clear: both;
	margin-bottom: 20px;
}
	

.photowithtext img {
	float: left;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 25px;
}
.photowithtext p {
	text-align: left;
}
.photowithtext h3 {
	text-align: left;
}


.white {
	color: #FFFFFF;
}
.djs {
	font-size: 18px;
}




.djlist {
	 font-size: 1.3em;
	 margin-bottom: 6px;
	 color: #FA1C70;	

}
.djlist strong {
	 font-size: 1.5em;
	 color: #CCCCCC;	
	 
}
.maindj {
	 font-size: 1.5em;
	 color: white;
	 padding-bottom: 20px;
	  padding-top: 15px;	
	 
}


.nextimg {
	clear: both;
	float: right;
}

.promoteunderevent {
	margin: 20px;
	padding: 20px;
	background-color:#111111;
}

ul#navevents {
	margin-bottom: 20px;
}

#twitter_div {
	margin-bottom: 10px;
	
}

#twitter_div li {
	padding-bottom: 10px;
	
 }
 
#twitter_update_list{
	font-weight: bold;
 }
 
h2.sidebar-title {
	color: #CCCCCC ! important;	
}

div#linkslist {
	width: 580px;
}

#linkslist img {
	float: right ;
	margin: 0px 0 5px 10px ;
	text-align: right;
	clear: both;
}

#linkslist h4 {
	clear: both;
	border-top: 1px solid #666666 ;
	padding-top: 5px ;
	}


/* ----------- home page special promo ----------- */

#home #columnwide {
	float: left;
	width: 700px;
	margin: 15px 0 15px 20px;
}

#home #columnone {
	margin-left: 20px; /* change to 260px when using columnwide on top of these columns */

}

#home #columnwide .feat{
clear: both;
	margin: 0px;	
}

#home #columnwide .feat h1{
	margin: 5px 0 5px 0;
	color: #cf0a6b;	
}

#home #columnwide .feat p{
	margin: 0px 240px 5px 150px;	
}

#home #columnwide .white{
	background: #ffffff;
	color: #333333;
}

#home #columnwide .black{
	background: #1a1a1a;
	color: #FFFFFF;	
}

#home #columnwide .white{
	background: #ffffff;
}

#home #columnwide .feat img{
	float: left;
}

#home #columnwide .feat img.right{
	float: right;
}

#home #columnwide .feat a:link { color: #cf0a6b; text-decoration: none; }
#home #columnwide .feat a:visited { color: #cf0a6b; text-decoration: none; }
#home #columnwide .feat a:hover { color: #9ea22e; text-decoration: none; }
#home #columnwide .feat a:active { color: #9ea22e; text-decoration: none; }






/* ----------- END CSS ----------- */