/*
	W3 Guide CSS. Version 1.

	8/12/2006
*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, br, table, tr, td, th, a, img, input, form, textarea {	
	margin:					0;
	padding:				0;
	border:					0;
}

/*
	Classes
*/

#creationist {
	width:					860px;
	display:				block;
	clear:					both;

	font-size:				8pt;
	color:					#eee;
	margin:					0 auto 10px auto;

	text-align:				right;
}

.hidden {
	display:				none;
}

.visible, .shown {
	display:				normal;
}

.float_right {
	float:					right !important;
}

.italic {
	font-style:				italic;
}

.light {
	color:					gray;
}

.text_right {
	text-align:				right;
}

.text_left {
	text-align:				left;
}

.right {
	float:					right;
}

.left {
	float:					left;
}

.grey {
	color:					#999;
}

.alert_error, .alert_notice, .alert_success {
	display:				block;

	background-repeat:		no-repeat;

	width:					510px;
	height:					45px;

	padding:				5px 0 0 56px !important;
	line-height:			12pt!important;
}
.alert_error:first-line, .alert_notice:first-line, .alert_success:first-line {
	font-weight:			bold;
}

.alert_error {
	background-image:		url(alert_error.gif);
}

.alert_notice {
	background-image:		url(alert_notice.gif);
}

.alert_success {
	background-image:		url(alert_success.gif);
}



.image_right_border {
	float:					right;
	clear:					right;
	border:					1px #000 solid;
	margin:					5px 0 8px 15px;
}

.image_left_border {
	float:					left;
	clear:					left;
	border:					1px #000 solid;
	margin:					5px 15px 8px 0;
}

.clearfix:after {
    content:				""; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {			
	height:					1%;
}

.listing {
	display:				block;
	background-repeat:		no-repeat;
	padding-left:			45px;
	padding-top:			5px;
	height:					45px;

	font-size:				10pt;
}

.listing_premium {
	display:				block;
	background-repeat:		no-repeat;
	padding-left:			45px;
	padding-top:			5px;
	padding-bottom:			10px;
	line-height:			14pt;

	font-size:				10pt;
}

.listing_premium:first-line {
	font-weight:			bold;
}

.listing_description {
	font-style:				italic;
	color:					#888;
	font-size:				9pt;
}

.icon_food { background-image: url(icon-food-mini.gif); }
.icon_music { background-image: url(icon-live-mini.gif); }

.icon_hand {
	display:				block;
	background-image:		url(click-icon.gif);
	background-repeat:		no-repeat;
	background-position:	2px 2px;

	padding:				2px 0 2px 28px;
	height:					22px;
}

.icon_hand:hover {
	background-color:		#ccc;
}

.right_arrow_link {
	background-image:		url(arrow_right_circle_small.gif);
	background-repeat:		no-repeat;
	background-position:	150px 50%;
}

.infotable {

}

.infotable td {
	vertical-align:			top;
	padding:				5px;
}

.gallery_side {
	float:					right;
	width:					210px;

	margin-right:			5px;
}

.gallery_side img {
	float:					right;
	clear:					both;

	border:					1px #000 solid;

	margin:					0 0 10px 0;
}

.gmap_small {
	float:					right; 
	clear:					right;
	width:					220px; 
	height:					220px; 
	border:					1px #000 solid; 
	margin-bottom:			20px;
}

.button_visit_website {
	float:					right;
	clear:					right;
	background-image:		url(button_visit_website.gif);
	background-repeat:		no-repeat;

	width:					129px;
	height:					23px;
	margin-bottom:			20px;
}


.button_edit_text, .button_edit_image, .button_add_image {
	display:				block;
	background-repeat:		no-repeat;

	width:					44px;
	height:					14px;
	margin-bottom:			10px;
}

.button_edit_text {
	background-image:		url(button_edit_text.gif);
}

.button_edit_image {
	background-image:		url(button_edit_image.gif);
}

.button_add_image {
	float:					right;
	clear:					both;
	background-image:		url(button_add_image.gif);
	margin-right:			5px;
}

/*
	Main Page Layout.
*/

body {
	text-align:				center;		/* IE5.5+< Centering */
}

#wrapper {
	width:					870px;
	margin:					0 auto 0 auto;
	padding:				30px 0 30px 0;

	text-align:				left;
}

/*
	Header Block
*/

#block_header {
	float:					left;
	clear:					left;

	background-image:		url(header.gif);
	background-repeat:		no-repeat;
	width:					690px;
	height:					124px;

	margin-bottom:			12px;
}

/*
	Right Ad Block
*/

#block_right {
	float:					right;
	clear:					right;

	background-image:		url(left-menu-footer.gif);
	background-repeat:		no-repeat;
	background-position:	bottom;
	background-color:		#000;

	width:					170px;
	padding-bottom:			16px;
}

#block_right h2 {
	display:				block;

	background-image:		url(right-header.gif);
	background-repeat:		no-repeat;

	width:					170px;
	height:					28px;
}

#block_right img {
	display:				block;
	margin:					0 auto 4px auto;
}

/*
	Left Menu Block
*/

#block_left {
	float:					left;
	clear:					left;

	background-image:		url(left-menu-background.gif);
	background-repeat:		repeat-y;

	width:					170px;

	margin-bottom:			26px;
}

#block_left form, #block_left ul, #block_left h3, #block_left .textbox {
	margin-bottom:			6px;
}

#block_left h3 {
	background-repeat:		no-repeat;
	background-position:	50% 6px;
	width:					170px;
	height:					30px;
	background-color:		#000;
}

#block_left #block_left_top {
	background-image:		url(left-menu-header.gif);
	background-repeat:		no-repeat;

	width:					170px;
	height:					29px;
}

#block_left .arrow_list ul {
	list-style-type:		none;
}

#block_left .arrow_list li {
	background-image:		url(arrow_right_circle_small.gif);
	background-repeat:		no-repeat;
	background-position:	150px 50%;
}

#block_left .arrow_list li a {
	padding-right:			26px;
}


#block_left #location {
	background-image:		url(area-map.gif);
	background-repeat:		no-repeat;
	background-position:	50% 15px;

	padding-top:			120px;
}

#block_left #location ul {
	list-style-type:		none;
}

#block_left #location ul li {
	background-image:		url(arrow_right_circle_small.gif);
	background-repeat:		no-repeat;
	background-position:	150px 50%;
}

#block_left #location ul li a {
	padding-right:			26px;
}

#block_left #search .option {
	margin-left:			8px;
}

#block_left .bl_title_area { background-image: url(left-title-selectarea.gif); }
#block_left .bl_title_search { background-image: url(left-title-search.gif); }
#block_left .bl_title_login { background-image: url(left-title-login.gif); }
#block_left .bl_title_controls { background-image: url(left-title-controls.gif); }

#block_left #w3links {
	background-image:		url(left-menu-footer.gif);
	background-repeat:		no-repeat;
	background-position:	bottom;
	background-color:		#000;

	padding:				10px 0 16px 0;

	margin-bottom:			0;

	list-style-type:		none;
}

#block_left #w3links li {
	width:					170px;
	height:					35px;
	background-color:		#000;
	background-repeat:		no-repeat;
	background-position:	50% 6px;
}

#block_left #w3links li a {
	display:				block;
	width:					170px;
	height:					30px;
}

#block_left .bl_title_offers { background-image: url(left-title-offers.gif); }
#block_left .bl_title_contribute { background-image: url(left-title-contribute.gif); }
#block_left .bl_title_getlisted { background-image: url(left-title-getlisted.gif); }
#block_left .bl_title_onpaper { background-image: url(left-title-onpaper.gif); }
#block_left .bl_title_contactw3 { background-image: url(left-title-contactw3.gif); }

/*
	Content Block
*/

#block_middle #datetime {
	display:				block;
	height:					30px;
}

#block_middle #datetime #date {
	float:					left;
	padding-top:			2px;
	padding-left:			10px;
}

#block_middle #datetime #listing {
	float:					right;
	background-image:		url(content-weekly-listings.gif);
	background-repeat:		no-repeat;

	width:					194px;
	height:					18px;

	margin-right:			10px;
}

#block_middle #datetime #listing a {
	display:				block;
	width:					194px;
	height:					18px;
}

/*
	Content Block Menu
*/

#block_middle #menu_top {
	display:				block;
	background-image:		url(content-menu-background.gif);
	background-repeat:		no-repeat;

	width:					510px;
	height:					39px;
}

#block_middle #menu_top li {
	float:					left;
	list-style-type:		none;
	background-repeat:		no-repeat;
	height:					22px;
	margin:					10px 20px 0 20px;
}

#block_middle #menu_top li a {
	display:				block;
	width:					100%;
	height:					22px;
}

#block_middle #menu_top .menu_title_events, #block_middle #menu_top .menu_title_events_lit {
	width:					69px;
}

#block_middle #menu_top .menu_title_bands, #block_middle #menu_top .menu_title_bands_lit {
	width:					65px;
}

#block_middle #menu_top .menu_title_goingout, #block_middle #menu_top .menu_title_goingout_lit {
	width:					102px;
}

#block_middle #menu_top .menu_title_eatingout, #block_middle #menu_top .menu_title_eatingout_lit {
	width:					110px;
}

#block_middle #menu_top .menu_title_events { background-image: url(content-menu-events.gif); }
#block_middle #menu_top .menu_title_bands { background-image: url(content-menu-bands.gif); }
#block_middle #menu_top .menu_title_goingout { background-image: url(content-menu-goingout.gif); }
#block_middle #menu_top .menu_title_eatingout { background-image: url(content-menu-eatingout.gif); }

#block_middle #menu_top .menu_title_events_lit { background-image: url(content-menu-events-lit.gif); }
#block_middle #menu_top .menu_title_bands_lit { background-image: url(content-menu-bands-lit.gif); }
#block_middle #menu_top .menu_title_goingout_lit { background-image: url(content-menu-goingout-lit.gif); }
#block_middle #menu_top .menu_title_eatingout_lit { background-image: url(content-menu-eatingout-lit.gif); }

#block_middle #menu_top_sub {
	display:				block;
	background-image:		url(content-menu-bg2.gif);
	background-repeat:		no-repeat;

	list-style-type:		none;

	width:					457px;
	height:					27px;

	margin-bottom:			20px;
}

#block_middle #menu_top_sub li {
	float:					left;
	background-repeat:		no-repeat;
	background-position:	top left;
	height:					16px;
	margin:					4px 20px 0 20px;
}

#block_middle #menu_top_sub li a {
	display:				block;
	width:					100%;
	height:					16px;
}

#block_middle #menu_top_sub .submenu_news { background-image: url(content-menu2-news.gif); }
#block_middle #menu_top_sub .submenu_weeklylist { background-image: url(content-menu2-weekly.gif); }
#block_middle #menu_top_sub .submenu_topgigs { background-image: url(content-menu2-topgigs.gif); }

#block_middle #menu_top_sub .submenu_news, 
#block_middle #menu_top_sub .submenu_news_lit {
	width:					38px;
}

#block_middle #menu_top_sub .submenu_weeklylist, 
#block_middle #menu_top_sub .submenu_weeklylist_lit {
	width:					77px;
}

#block_middle #menu_top_sub .submenu_topgigs, 
#block_middle #menu_top_sub .submenu_topgigs_lit {
	width:					61px;
}

#block_middle #menu_top_sub .submenu_bandpopular { background-image: url(content-menu2-bandpopular.gif); }
#block_middle #menu_top_sub .submenu_bandsearch { background-image: url(content-menu2-bandsearch.gif); }
#block_middle #menu_top_sub .submenu_bandatoz { background-image: url(content-menu2-bandatoz.gif); }

#block_middle #menu_top_sub .submenu_bandpopular, 
#block_middle #menu_top_sub .submenu_bandpopular_lit {
	width:					89px;
}

#block_middle #menu_top_sub .submenu_bandsearch, 
#block_middle #menu_top_sub .submenu_bandsearch_lit {
	width:					123px;
}

#block_middle #menu_top_sub .submenu_bandatoz, 
#block_middle #menu_top_sub .submenu_bandatoz_lit {
	width:					46px;
}


#block_middle #menu_top_sub .submenu_news_lit { background-image: url(content-menu2-news-lit.gif); }
#block_middle #menu_top_sub .submenu_weeklylist_lit { background-image: url(content-menu2-weekly-lit.gif); }
#block_middle #menu_top_sub .submenu_topgigs_lit { background-image: url(content-menu2-topgigs-lit.gif); }



/*
	Content Block
*/

#block_middle .c_block {
	width:					510px;
	float:					left;
	clear:					left;
	margin-bottom:			15px;
}

#block_middle {
	float:					left;
	width:					510px;

	margin-left:			10px;
}

#block_middle #content h3, #block_middle #content p {
	margin-bottom:			15px;
}

#block_middle #content h3 {
	display:				block;
	clear:					both;
	background-image:		url(content-h3.gif);
	background-repeat:		no-repeat;

	width:					488px; /* 510-22=488 */
	height:					20px; /* 23-3=20 */

	padding:				3px 0 0 22px;
}

#block_middle #content p {
	padding:				0 12px 0 12px;
}

#block_middle #content .toplist {
	float:					left;
}

#block_middle #content .toplist th {
	background-image:		url(content-toplist-top.gif);
	background-repeat:		no-repeat;

	width:					247px;
	height:					23px;
}

#block_middle #content .toplist .numcol {
	width:					22px;
}

#block_middle #content .toplist td {
	padding:				2px 0 2px 4px;
}

#block_middle #content .toplist .odd {
	background-color:		#d4d4d4;
}

/*
	Events List Icons Select
*/

#block_middle #event-type-list {
	display:				block;
	clear:					both;

	margin-left:			10px;
	margin-bottom:			15px;

	height:					64px;
}

#block_middle #event-type-list li {
	display:				block;
	float:					left;

	background-repeat:		no-repeat;
	background-position:	top left;

	margin:					0 10px 0 10px;

	width:					50px;
	height:					64px;
}

#block_middle #event-type-list li a {
	display:				block;
	width:					50px;
	height:					64px;
}


#block_middle .icon-event-all { background-image: url(icon-all.gif); }
#block_middle .icon-event-live { background-image: url(icon-live.gif); }
#block_middle .icon-event-dj { background-image: url(icon-dj.gif); }
#block_middle .icon-event-karaoke { background-image: url(icon-karaoke.gif); }
#block_middle .icon-event-quiz { background-image: url(icon-quiz.gif); }
#block_middle .icon-event-comedy { background-image: url(icon-comedy.gif); }
#block_middle .icon-event-other { background-image: url(icon-other.gif); }

#block_middle .icon-event-all-lit { background-image: url(icon-all-lit.gif); }
#block_middle .icon-event-live-lit { background-image: url(icon-live-lit.gif); }
#block_middle .icon-event-dj-lit { background-image: url(icon-dj-lit.gif); }
#block_middle .icon-event-karaoke-lit { background-image: url(icon-karaoke-lit.gif); }
#block_middle .icon-event-quiz-lit { background-image: url(icon-quiz-lit.gif); }
#block_middle .icon-event-comedy-lit { background-image: url(icon-comedy-lit.gif); }
#block_middle .icon-event-other-lit { background-image: url(icon-other-lit.gif); }

#block_middle .icon-mini {
	background-repeat:		no-repeat;
	float:					left;
	clear:					left;

	width:					34px;
	height:					40px;

	margin-right:			10px;
	margin-top:				3px;
}

#block_middle .icon-all-mini { background-image: url(icon-all-mini.gif); }
#block_middle .icon-live-mini { background-image: url(icon-live-mini.gif); }
#block_middle .icon-dj-mini { background-image: url(icon-dj-mini.gif); }
#block_middle .icon-karaoke-mini { background-image: url(icon-karaoke-mini.gif); }
#block_middle .icon-quiz-mini { background-image: url(icon-quiz-mini.gif); }
#block_middle .icon-comedy-mini { background-image: url(icon-comedy-mini.gif); }
#block_middle .icon-other-mini { background-image: url(icon-other-mini.gif); }

/*
	Fonts
*/

.text_right {
	text-align:				right;
}

body {
	font-family:			'Verdana', 'Helvetica', sans-serif;
}



#block_left .arrow_list li {
	text-align:				right;
	line-height:			14pt;
}

#block_left .arrow_list li a {
	color:					#000;
	text-decoration:		none;
	font-size:				9pt;
}

#block_left #search p {
	text-align:				center;
	font-size:				7pt;
}

#block_left .form_login .submit, #block_left .form_login .signup {
	font-size:				0.01pt;
}

#block_left #location ul li {
	text-align:				right;
}

#block_left #location ul a {
	color:					#000;
	text-decoration:		none;
	font-size:				9pt;
}

#block_left #location ul .lit a {
	color:					#f00;
}

#block_middle #menu_top_sub a {
	color:					#000;
	text-decoration:		none;
	text-transform:			lowercase;
}

#block_middle #datetime #date {
	font-size:				8pt;
	font-weight:			bold;
}

#block_middle #content a {
	color:					#000;
	text-decoration:		none;
}

#block_middle #content h3 {
	color:					#fff;
	font-size:				10pt;
	font-weight:			bold;
}

#block_middle #content p, #block_middle #content td {
	font-size:				8pt;
	line-height:			14pt;
	text-align:				justify;
}

#block_middle #content .toplist th {
	color:					#fff;
	font-size:				8pt;
	font-weight:			bold;
	text-align:				center;
}

#block_middle #content .toplist td {
	font-size:				8pt;
}

#block_middle #content .toplist .numcol {
	font-weight:			bold;
	text-align:				center;
}

#block_middle #content .toplist .infocol {
	font-style:				italic;
	color:					#f00;
}

#block_middle #content .toplist .infocol:first-line {
	font-style:				normal !important;
	color:					#000 !important;
}