/*------------------------------------------------------------
	Best of London
	2006-09-11
	Mettic.net
	
	1) General styles
		Basic styles
		Sidebar styles
		Maincontent styles
		Footer styles
		Home page styles
------------------------------------------------------------*/

/*------------------------------------------------------------
=1)GENERAL STYLES=
------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}


img {
	border: none;
}

body {
	background: #0d5587 url(../img/page_bg.jpg) repeat-x left top;
	font-size: 80%;
	color: #14649b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center; /*FIX: Fixes IE 5.5 inability to center*/
}

a {
	color: #0d5687;
}

#header h1 {
	margin-top: 25px;
}

.promo {
	padding: 0.8em;
	margin: 0 0 1em 0;
	background: #fdcbce;
	color: #c32d52;
}

.promo p {
	margin: 8px 0;
}

.promo ul {
list-style-type: square;
margin: 0 0 0 20px;
}

.promo h2 {
	padding: 0.2em;
	margin: 0;
	background: none;
	color: #c32d52;
	border-bottom: 1px solid #c32d52;
}

#header h1 span {
	display:none;
}

/*DEFAULT HEADING STYLES*/
h2 {
	margin: 0 0 10px 0;
	padding: 6px 6px 6px 10px;
	background: url(../img/h_bg.gif) repeat-x left top;
	color: #FFF;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

h3 {
	clear: both;
	margin: 10px;
	padding: 6px 6px 6px 10px;
	background: url(../img/h_bg.gif) repeat-x left top;
	color: #FFF;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

h4 {
	font-size: 1.2em;
}

body#venuelist h2 {
	margin: 0;
}

/*LIST STYLE*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.list {
	margin: 10px 10px 0 20px;
	list-style: none;
	font-size: 0.9em;
}

ul.list li {
	margin: 0.3em 0 0.3em 0;
	padding: 0 0 0 10px;
	background: url(../img/bullet.gif) no-repeat 0 0.5em;
}

ol {
	margin: 0 0 0 4em;
	font-size: 0.9em;
}

ol li {
	margin: 0.5em 0 0.5em 0;
	background: none;
}

#container {
	margin: 0 auto;
	width: 710px;
	overflow: hidden;
	background: #FFF;
	border: 4px solid #088feb;
	border-top: none;
	text-align: left; /*FIX: Fixes IE 5.5 inability to center*/
}

#header {
	position: relative;
	padding: 10px 25px 0 25px;
}

#headimg {
	margin: 0 25px 10px 25px;
}

#content {
	padding: 0 25px 0 25px;
}

/*Sidebar styles*/
#sidebar {
	float: left;
	width: 260px;
}

.box {
	background: url(../img/box_bg_short.gif) repeat-x 30px 0;
}

* html #sidebar .box {
	height: 166px;
}

#sidebar .box {
	margin: 0 0 20px 0;
	min-height: 166px;
	background: url(../img/box_bg_short.gif) repeat-x 30px 0;
}

#sidebar .box p {
	margin: 5px 10px 5px 10px;
	font-size: 0.95em;
}

#sidebar h2 {
	margin: 0 0 10px 0;
	padding: 6px 0 6px 10px;
	color: #FFF;
	font-size: 1em;
}

/*Maincontent styles*/
#maincontent {
	margin: 0 0 0 10px;
	min-height: 270px;
	width: 390px;
	float: right;
	background: url(../img/box_bg.gif) repeat-x 30px 0;
	font-size: 0.95em;
	overflow: hidden;
}

#maincontent p, #maincontent img, #maincontent h3 {
	margin: 10px;
}

/*Error message styles*/
div#errormsgs {
	margin: 10px;
	padding: 5px;
	border: 1px solid #aa3535;
	background: #faf0f0 url(../img/error_bg.gif) no-repeat right bottom;
	color: #aa3535;
	font-size: 0.9em;
}

div#errormsgs p {
	margin-top: 0;
	font-weight: bold;
}

#errormsgs ul li {
	margin: 0.3em 0 0.3em 0;
	padding: 0 0 0 2em;
	background: url(../img/bullet_red.gif) no-repeat 1em 0.5em;
	font-weight: bold;
}

/*Footer styles*/
#footer {
	float: left;
	width: 690px;
	margin: 30px 0 0 0;
	padding: 10px;
	clear: both;
	background: #d3ebfb;
	font-size: 0.9em;
}

#footer ul {
	list-style: none;
}

#footer li {
	padding: 0 5px 0 5px;
	display: inline;
	border-right: 1px solid #0d5687;
}

#footer li.lastlist {
	border: none;
}

/*Home page styles*/
div#wot {
	float: left;	
}

div#fevents {
	float: right;
	width: 420px;
	height: 160px;
}

div#fevents div.feventitem {
	clear: both;
}


.feventitem span {
	overflow: hidden;
	float: left;
	height: 100px;
	display:block;
}

div#fevents div img {
	border: 1px solid #1464AD;
}


div#fevents div h3 {
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
	padding: 3px 6px;
}

div#fevents div div h4 {
	padding: 4px 10px 4px 10px;
	font-size: 1em;
}

div#fevents div div p {
	padding: 4px 0 4px 20px;
	background: url(../img/icons/music.gif) no-repeat 0 0.5em;
}

div#fevents div div a {
	padding: 4px 0 4px 20px;
	background: url(../img/icons/monitor.gif) no-repeat 0 0.5em;
}

div.fadegal, div.fadegal2 {
	margin: 0 0 0 475px;
}

div.fadegal h3, div.fadegal2 h3 {
	margin: 0;
	padding: 0;
	clear: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: none;
	color: #0D5688;
	border-bottom: 1px solid #0D5688;
}

div.fadegal img, div.fadegal2 img {
	border: 1px solid #000;
	margin: 10px auto 0 auto;
}

div#feventinfo {
	float: right;
	margin: 5px 0 0 0;
	width: 412px;
	padding: 4px;
	font-size: 0.9em;
}

div#feventinfo h4 {
	margin: 0 0 5px 0;	
	padding: 0 0 0 20px;
	background: url(../img/icons/help.gif) no-repeat 0 0;
}

#recommendedbox, #signupbox {
	width: 320px;
	float: left;
	background: url(../img/box_bg.gif) repeat-x 30px 0;
}

#recommendedbox img {
	margin: 2px 10px 2px 10px;
}

#promosignup {
	margin: 10px 0 0 0;
	clear: both;
	overflow: hidden;
	height: 280px;
	font-size: 0.95em;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

#promosignup h3 {
	margin: 0 0 8px 0;
	padding: 0;
	background: none;
	color: #0D5688;
}

#promosignup #emailalerts, #promosignup #promoteracc {
	float: left;
	width: 300px;
	margin: 0 10px 0 10px;
	display: inline;
}

#promosignup #emailalerts a, #promosignup #promoteracc a {
	position: absolute;
	bottom: 0;
}

#promosignup p {
	margin: 0 0 0.8em 1em;
}

#promosignup ul {
	margin: 1em 0 1em 2em;
}

#promosignup ul li {
	padding: 0 0 0 10px;
	background: url(../img/bullet.gif) no-repeat 0 0.5em;
}

#signupbox {
	float: right;
}

#signupbox p {
	margin: 14px 10px 14px 10px;
}

#signupbox #buttonsignup {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /*FIX: Fixes IE 5.5 inability to center align*/
}

#home #featuredevents img {
	border: none;
}

#featuredvenue, #featuredevents, #home #tickets, #home #music {
	float: left;
	width: 660px;
	margin: 10px 0 0 0;
	clear: both;
	background: url(../img/box_bg_short.gif) repeat-x 30px 0;
	height: 145px;
}

#home #music {
	float: none;
	clear:none;
	height: 175px;
}

#home #music p {
	margin: 10px 0;
}

#home #music #musicfeature {
	width: 250px;
	float: right;
	margin-left: 25px;
	text-align: right;
}
#home #music #musicfeature p {
	margin-top: 0px;
}

#featuredvenue {
	height: 150px;
}

#featuredvenue a {
	float: left;
	width: 455px;
	height: 99px;
	margin: 0 0 10px 0;
	border: 1px solid black;
}

#featuredvenue a#bolad {
	float: right;
	margin: -100px 25px 0 0;
	width: 150px;
	height: 78px;
	border: none;
}

#featuredevents #more {
	float: right;
}

#home #tickets p {
	font-size: 16px;
	width: 400px;
	float: left;
	padding: 0 0 0 10px;
}

#home #tickets .fadegal {
	width: 150px;
}

body#tickets h4 {
	padding: 0 10px;
}

body#tickets .details img {
	float: right;
	margin: 0 10px 0 10px; 
	width: 250px;
}

/*------------------------------------------------------------
=FORM STYLES=
------------------------------------------------------------*/
form {
	margin: 10px;
	overflow: hidden;
}

form label {
	margin: 4px 0 4px 0;
	display: block;
	font-weight: bold;
}

form label span {
	font-weight: normal;
}

form#addevent textarea {
	width: 605px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {
	width: 220px;
	margin: 5px 0 5px 0;
	padding: 2px;
	border: 1px solid #30719e;
	background: white;
	color: #30719e;
}

select {
	width: 220px;
	margin: 5px 0 5px 0;
	padding: 2px;
	border: 1px solid #30719e;
	background: white;
	color: #30719e;
}

textarea {
	width: 320px;
	height: 200px;
	margin: 5px 0 5px 0;
	padding: 2px;
	border: 1px solid #30719e;
	background: white;
	color: #30719e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

textarea#shortdescrip {
	height: 100px;
}

input#submitbutton {
	display: block;
	width: auto;
	background: none;
	border: none;
}

input#price {
	width: 4em;
}

input.checkbox {
	width: auto;
}

input.paypalbutton {
	padding: 0;
	margin: 0;
	width: 140px;
	height: 65px;
	border: none;
}

select.time {
	width: 4em;
}

select.year {
	width: 60px;
}

select.month {
	width: 60px;
}

select.day {
	width: 50px;
}

/*Event Listing*/
#topadvert  {
	margin: 0 0 5px 0;
	text-align: center;
}
#topadvert img {
	margin-right: 15px;
}

/*Styles for full width single column pages*/
body#venue_detail #maincontent,
body#eventlisting #maincontent,
body#band #maincontent,
body#contact #maincontent,
body#music #maincontent,
body#venuelist #maincontent,
body#four04 #maincontent,
body#user #maincontent,
body#profile #maincontent,
body#newyearseve #maincontent,
body#terms #maincontent,
body#about #maincontent,
body#promotion #maincontent {
	margin: 0;
	width: 660px
}

body#music #maincontent {
	text-align: center;
}

body#eventlisting #maincontent dl dt, body#venue_detail #maincontent dl dt {
	font-size: 1.1em;
	font-weight: bold;
}

body#eventlisting #maincontent dl dd, body#venue_detail #maincontent dl dd {
	margin: 0 0 0.5em 0;
}

#moreinfo {
	clear: left;
}

#moreevents div {
	width: 288px;
	margin: 0 10px 0 10px;
	padding: 10px;
	float: left;
	border: 1px solid #0d588a;
	background: url(../img/box_bg_shorter.gif) repeat-x left top;
}

#moreevents div h4 {
	font-size: 1.2em;
}

#moreevents li {
	float: left;
	width: 132px;
	margin: 2px 10px 2px 0;
}

.maineventbox, .lesseventbox {
	float: left;
	width: 618px;
	margin: 10px;
	padding: 10px;
	display: inline;
	overflow: auto;
	border: 1px solid #0d588a;
	background: url(../img/box_bg_shorter.gif) repeat-x top left;
}

.maineventbox .eventcontent {
	float: left;
	width: 380px;
}

.maineventbox .eventcontent img {
	margin-right: 10px;
	border: none;
}

.maineventbox h4 {
	margin: 10px 0 0 0;
	font-size: 1.5em;
}

#maincontent .maineventbox p {
	clear: both;
	margin: 10px 10px 0 0;
	padding: 0;
}


.maineventbox img {
	float: left;
	margin-right: 20px;
	border: 1px solid black;
	padding: 0;
}

.maineventbox ul {
	list-style: none;
	font-size: 1.2em;
	overflow: auto;
}

.maineventbox li {
	float: left;
	width: 180px;
	margin: 2px 10px 2px 0;
}

.lesseventbox .moreinfo {
	float: left;
	width: 200px;
	text-align: center;
}

.lesseventbox .moreinfo img {
	border: none;
}

/*.lesseventbox {
	float: left;
	width: 288px;
	margin: 10px;
	padding: 10px;
	display: inline;
	border: 1px solid #0d588a;
	background: url(../img/box_bg_shorter.gif) repeat-x top left;
}*/

ul.eventinfo {
	float: left;
	width: 350px;
	list-style: none;
	font-size: 1.1em;
}

ul.eventinfo li {
	float: left;
	width: 160px;
	margin: 2px 10px 2px 0;
}

.eventflyer {
 float: left;
}

#maincontent .lesseventbox p.deals {
	clear: both;
	margin: 0 0 0 200px;
}

/*Table styles*/
table {
	width: 640px;
	margin: 0 10px 10px 10px;
	padding: 0 10px 10px 10px;
	border-collapse: collapse;
	font-size: 1em;
}

table thead td {
	padding: 5px;
	background: #bedcff;
	font-weight: bold;
}

table tbody td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #75b6ff;
}

table tbody tr.rowhigh td {
	background: url(../img/box_bg_short.gif) repeat-x top left;
}

/*------------------------------------------------------------
=ADD EVENT PAGE=
------------------------------------------------------------*/
#colone {
	float: left;
	width: 310px;
	margin: 0 10px 0 0;
}

#coltwo {
	float: right;
	width: 320px;
}

fieldset {
	margin: 1em 0 1em 0;
	padding: 0 1em 1em 1em;
	border: 1px solid #0D5786;
}

fieldset.description {
	clear: both;
	display: block;
	width: auto;
}

fieldset legend {
	padding: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	color: #14649b;
}

#newevent {
  margin: -5px 0 0 0;
  width: 232px;
  position: relative;
  overflow: hidden;
  padding: 5px;
  background: url(../img/dropdown_bg.gif) no-repeat left bottom;
}

#newevent label {
  padding: 5px 5px 0 5px;
  color: white;
}

#newevent input{
  margin: 0 0 0 5px;
  width: 200px;
}

form#addevent #newevent textarea {
  margin: 0 0 0 5px;
  width: 200px;
  height: 100px;
}

#findresults {
	padding: 10px;
	height: 275px;
	overflow: auto;
	text-align: left;
	background: white;
}

/*------------------------------------------------------------
=EVENT DETAIL PAGE=
------------------------------------------------------------*/

img.flyer {
	float: left;
}

/*------------------------------------------------------------
=MY EVENTS PAGE=
------------------------------------------------------------*/

table td#eventname {
	text-align: left;
}

table td#eventday {
	text-align: left;
}

table td#eventedit {
	width: 25px;
	text-align: center;
}

table td#eventupgrade {
	width: 25px;
	text-align: center;
}

table td#eventdelete {
	width: 25px;
	text-align: center;
}



/*------------------------------------------------------------
	Home Page Styles
------------------------------------------------------------*/
#cal1container {
	float: left;
	width: 209px;
	padding: 4px;
	clear: both;
	border: 1px solid #0D588A;
	background: #EBF6FD;
}

#todaysevents {
	width: 423px;
}

#todaysevents .event {
	width: 60px;
}

#todaysevents .venue {
	width: 120px;
}

#todaysevents .music {
	width: 122px;
}

#todaysevents .price {
	width: 121px;
}

/*------------------------------------------------------------
	Calendar Styles
------------------------------------------------------------*/
.yui-calendar {
	width: 100px;
}

.yui-calendar .calbody {
	margin: 4px;
}

.yui-calendar .calcell {
	padding: 6px;
	border: 1px solid #75B6FF;
	background: url(../img/bg_calday.gif) repeat-x left top;
}

.yui-calendar .today {
	background: url(../img/bg_caldaytoday.gif) repeat-x left top;
}

.yui-calendar .oom, .yui-calendar .previous {
	background: #E1F2FE;
	color: #75B6FF;
}

.yui-calendar a {
	color: #0066d9;
	text-decoration: none;
	background: url(../img/dotted_horiz.gif) repeat-x left bottom;
}

.yui-calendar .calheader {
	position: relative;
	text-align: center;
	width: 100%;
}

.yui-calendar a.calnavleft {
	position: absolute;
	left: 0;
	width: 9px;
	height: 14px;
	background: url(../img/nav_arrow_left.gif) no-repeat left center;
	cursor: pointer;
}

.yui-calendar a.calnavright {
	position: absolute;
	right: 0;
	width: 9px;
	height: 14px;
	background: url(../img/nav_arrow_right.gif) no-repeat right center;
	cursor: pointer;
}

/*------------------------------------------------------------
	Venue Detail Styles
------------------------------------------------------------*/
body#venue_detail h2 {
	font-size: 1.4em;
}

#venue_detail dl {
	margin: 0 0 0 10px;
}

#venue_detail #content a {
	color: red;
}

.venueimages {
	float: left;
	width: 200px;
}

#maincontent .venueimages h3 {
	margin: 0 5px 10px 0;
	padding: 6px 6px 6px 10px;
	background: url(../img/h_bg.gif) repeat-x left top;
	color: #FFF;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

.venueimages a {
	padding: 5px;
	margin: 0 0 10px 0;
	float: left;
	border: 1px solid #000;
	background: #FFF url(../img/bg_photo.gif) repeat-x 0 0;
}


#clubflyer {
	float: left;
	width: 180px;
	height: 100px;
}

#eventdetails {
	float: right;
	width: 220px;
}

#venueinfo {
	float: left;
	width: 430px;
	padding: 10px;
}

#venueinfo h3 {
	margin: -10px -10px 10px -10px;
}

/*----------------------------------------------

*/

.icoemailadd {
	padding: 0.2em 0 0.2em 2em;
	background: url(../img/icons/email_add.gif) no-repeat left center;
	font-weight: bold;
}

.icoappformedit {
	padding: 0.2em 0 0.2em 2em;
	background: url(../img/icons/app_form_edit.gif) no-repeat left center;
	font-weight: bold;
}


/* About page */
div#newsitems {
	float: left;
	width: 410px;
	margin: 0 10px 0 0;
}

div#staysafe {
	float: left;
	width: 410px;
	margin: 0 10px 0 0;
}

div#staysafe h3 {
	margin: 0 0 10px 0;

}

#maincontent div#newsitems h3 {
	margin: 0 0 10px 0;
}

#maincontent div#newsitems h4 span {
	text-align: right;
	display: block;
	font-size: 0.8em;
}

div#newsitems div.newsarticle {
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #75B6FF;
	background: #FFF;
}

div#sidecol {
	float: right;
	width: 210px;
}

#maincontent div#sidecol h3 {
	margin: 0 0 10px 0;
}

div#sidecol div {
	font-size: 0.9em;
}


img.border {
	border: 1px solid black;
}

/*new years and tickets*/
.night {
	margin-top:40px;
}

.night h2  {
	position: relative;
	width: 644px;
}
.night h2 span {
	position: absolute;
	right: 5px;
	font-size: 12px;
	text-align:right;
	margin-left: 20px;
}
.night input {
	float: right;
}
.night p {
	clear:left;
	padding: 10px 0 0 0;
}
.night .details {
	clear: none;
	font-weight: bold;
}