/* colors 
 * 73880b dark green
 * f4ffd2 light green
 * 69ab2b bright green (links & headers)
 * daf095 med green sidebar backgrounds, header nav
 * 50AAB5 blue for hovers..
*/

/* HTML Tag Redefinition */   
html, body {
	height: 100%;
	font: .8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 20px; }
body { 
	padding: 0;
	margin: 30px 0 0 0;
	background: #38215d url(/themes/bingo/images/bg.png);
	color: #999;
	
}
img {
	border: 0
}
body:before { /* top shadow */
    content: "";
	position: fixed;
	top: -10px;
	left: -10px;
	width: 110%;
	height: 10px;

	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	     -o-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
			box-shadow: 0px 0px 10px rgba(0,0,0,.4);

	z-index: 100;
	}

a { cursor:pointer }
/* Page Structure / Navigation */
#page {
	width:926px;
	 margin: 0 auto; text-align: left;	 
	 height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	font: 1em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 22px;
	}

span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; margin-right:20px;}

body.c5-edit-mode div#headertext { top: 530px; position: relative; z-index: 1000; }
body.c5-edit-mode div#top { background: none; }


/* MISC STYLES & SHORTCUTS */
div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer {
	clear:both;
	font-size:1px;
	line-height:1px
}
.noTopSpace {
	margin-top:0px;
	padding-top:0px
}

/* customize_miscellaneous */ /* customize_miscellaneous */

#top { width: 926px; height: 160px; padding-top: 5px; background: url(/themes/bingo/images/header.png) no-repeat; position: relative; }
#navbar { padding: 3px 0 0 0; background: #603270 url(/themes/bingo/images/menubg.jpg) repeat-x; margin: 10px 0; height: 51px; -moz-box-shadow: 0 0 4px #fff;
-webkit-box-shadow: 0 0 4px #fff;
box-shadow: 0 0 4px #fff;  }
#content { width: 430px; float: left; }
#left { width: 300px; float: left; background: #d3a0fb; border: 2px solid #fff; padding: 20px 0 20px 0; height: 710px; }
#leftlong { width: 300px; float: left; background: #d3a0fb; border: 2px solid #fff; padding: 20px 0 20px 0; height: 1260px; }/* Longer columns on Match Win page */
#right { width: 600px; float: left; border: solid 2px #9933ff; margin-left: 18px; background: #fff; height: 750px; }
#rightpurple { width: 600px; float: left; border: solid 2px #9933ff; margin-left: 18px;  height: 750px; background: #2E0854;
  background: -moz-radial-gradient(50% 50%, farthest-side, #487a77, #2E0854);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#487a77), to(#2E0854));} 
 #rightpurplelong { width: 600px; float: left; border: solid 2px #9933ff; margin-left: 18px;  height: 1300px;
  background: #487a77; background:-moz-radial-gradient(50% 50%, farthest-side, #487a77, #2E0854);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#487a77), to(#2E0854));} /* Longer columns on Match Win page */
#paleblue { width: 540px; background: #a2b5b9; height: 50px; margin-top: 2px; float: left; padding: 10px 0 0 40px; }
#darkblue { width: 360px; background: #828a8c; height: 50px; margin-top: 2px; float: left; padding: 10px 0 0 40px; }
#leftcontent { width: 580px; float: left; background:#e2e9e1 }
#rightcontent { width: 400px; float: left; }
#footer { clear: both; height: 150px; }
#footerinner { padding: 10px 0; color: #999999; }

#logo { position: absolute; top: 30px; left: 70px; }
#headertext { position: absolute; top: 30px; left: 455px; width: 450px; z-index: 300; } /* Remove the z-index to edit this then put it back when you have finished! */
#fb { position: absolute; top: 90px; left: 815px; z-index: 200; }

#topleft .padding { padding: 0 0 0 20px; }
#rightcontent ul { margin: 5px; padding: 2px; }

#rightpurple p {color: #fff; }
#rightpurple h1 {font-family: arial, sans-serif; font-size: 1.8em!important; font-weight: 700; color: #fff!important; }
#rightpurple h2 { color:#d3a0fb!important;}

#rightpurplelong p {color: #fff; }
#rightpurplelong h1 {font-family: arial, sans-serif; font-size: 1.8em!important; font-weight: 700; color: #fff!important; }
#rightpurplelong h2 { color:#d3a0fb!important;}


#ppis {
	width:980px;
	 margin: 0 auto; text-align: right;	color: #a2b5b9;
	}

/*#picbg { background: url(/themes/bingo/images/picbg.png); height: 325px; width: 225px; position: absolute; left: 325px; top: 150px; color: #fff; z-index: 120; } */
#booking { position: absolute; left: 765px;  }

.inner { padding: 15px 30px; }
.inner1 { padding: 15px; }

h1 {  font-family: arial, sans-serif; font-size: 1.8em!important; font-weight: 700; color: #9933ff!important; }
h2{color:#aa5fff!important;}
h3{color:#93F!important;}
h4 {font-family: arial, sans-serif; font-size: 1.8em!important; font-weight: 700; color: #fff!important; }
h5 { font-family: 'Euphoria Script', cursive; font-size: 2.5em!important; font-weight: 500; color: #fff!important;}

.paddingpic { padding: 6px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; }
.picleft { float: left; margin: 0 10px 0 0; }
.paddingtop { padding-top: 10px; }
.paddingleft { padding: 20px 0 0 40px; }
.paddingtop1 { padding-top: 10px; display: block; }
.paddingleftside { padding: 100px 20px 0 50px; text-align: right; }

.picrighthome { float: right; margin: 0 0 20px 15px; }

#navbartop {
   margin: 0;
   padding: 0;
   margin: 0 0 0 -24px!important; }
   
#navbartop li {
   list-style: none;
   float: left;
    }
   
#navbartop li a {
   display: block;
   margin: 3px 14px 3px 3px;
   color: #cc99ff !important;
   text-decoration: none; 
   font-size: 1.5em; 
   padding-top: 10px;
   padding-right: 30px;
  /*border-right: solid 1px #fff;*/
   font-weight: 700;
}
  
#navbartop li a:hover {
   display: block;
   margin: 3px 14px 3px 3px;
   color:#fff !important;
   text-decoration: none; 
   font-size: 1.5em; 
    padding-top: 10px;
	padding-right: 30px;
   background: none;
   /*border-right: solid 1px #fff;*/
   font-weight: 700;
} 
#navbartop li a.nav-selected { color: #fff!important; }  
#navbartop li ul {
   display: none; 
   width: 12em; /* Width to help Opera out */
   background: none;
   font-size: 1.1em;
  }
   
#navbartop li:hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
}
   
#navbartop li:hover li {
   float: none;
    }
   
#navbartop li:hover li a {
   background: #69bc48 !important;
   color: #0e0803 !important;
   padding-left: 8px;
   font-size: 1em; margin-top: 2px;
   border: solid 1px #d0ce00; }
   
#navbartop li li a:hover {
   background: #bcbca0 url(/themes/bingo/../images/navhover.png); }




a:link { color: #9933ff; text-decoration: none; background: transparent; font-weight: 700;  }
a:visited { color: #9933ff !important; text-decoration: none; background: transparent; font-weight: 700;}
a:hover { color: #9933ff !important; text-decoration: underline; background: none; font-weight: 700; }

a.link2:link { color: #fff !important; text-decoration: none; background: transparent; font-weight: 700; }
a.link2:visited { color: #fff !important; background: transparent; text-decoration: none; font-weight: 700; }
a.link2:hover { color: #fff !important; background: transparent;  text-decoration: underline;  font-weight: 700; }

a.link3:link { font-size: 1.6em !important; color: #fff; text-decoration: none; background: #acb9c6; font-size:1em; font-weight: 500; padding: 8px; margin: 10px 0; display: block; }
a.link3:visited { font-size: 1.6em !important; color: #fff; background: #acb9c6; text-decoration: none; font-size:1em;  font-weight: 500; padding: 8px; margin: 10px 0; display: block; }
a.link3:hover { font-size: 1.6em !important; color: #fff; background: #9faebd; text-decoration: underline; font-size:1em;  font-weight: 500; padding: 8px; margin: 10px 0; display: block; }

a.link4:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 500; border-bottom: dotted 1px #fff; }
a.link4:hover { color: #fff; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; border-bottom: solid 1px #fff; }

.nolink { color: #f6bc2a; text-transform: uppercase; background: transparent; font-weight: 700; }

div#nav a { font-size: 1.2em !important; color:#0e0803!important; text-decoration: none; background:transparent; font-weight:700;  padding: 3px; }
div#nav a:visited { font-size: 1.2em !important; color:#0e0803!important; text-decoration: none; background:transparent; font-weight:700;  padding: 3px; }
div#nav a:hover { font-size: 1.2em !important; color:#0e0803!important; text-decoration: underline; background:transparent;  font-weight:700; padding: 3px;  }

.bold { font-weight: 700; }
.dots { border-top: dotted 1px #2f2621; margin: 20px 0 0 0; padding: 0; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 1px #0e0803; }

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

.leftgallery { float: left; padding: 5px; border: solid 1px #7890c0; margin: 5px; }
.galleryback { width: 400px; }
.background { background: #dbecf5; }
.reservations { text-transform: uppercase; text-align: right; font-size: 1.5em; padding: 0 30px 30px 0; line-height: 25px; }
.paleblue { color: #56bdce; }
.fadeimage { padding: 10px 10px 20px 10px; background: #202124; margin: 0 16px }
.booking { text-align: center; padding-left: 70px; color: #417881; }
.red  { color:#942622; }
.twitter { position: absolute; top: 81px; left: 890px; }
.fb { position: absolute; top: 80px; left: 940px; }
.pinit { position: absolute; top: 50px; left: 940px; }
.nomargin { margin: 0; padding: 0; }

.shadedbox { -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888; }