@import url('//fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic');
@import url('//fonts.googleapis.com/css?family=Cabin:bold');
@import url('reset.css');

/*
	G L O B A L  S T Y L E S H E E T

	Contains:

		SECTION 1. Variable Grid System

		SECTION 2. Global page elements

		SECTION 3. Template and page styles
*/

/*
	SECTION 1. Variable Grid System.

	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/

.container_12 { margin-left: auto; margin-right: auto; width: 960px; background-color:#FFF; }


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; 	float: left; position: relative; margin-left: 5px; margin-right: 5px; }

.grid_7 { padding-left: 25px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }

.omega { margin-right: 0; }


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 { width: 70px; }

.container_12 .grid_2 { width: 150px; }

.container_12 .grid_3 { width: 230px; }

.container_12 .grid_4 { width: 310px; }

.container_12 .grid_5 { width: 300px !important; }

.container_12 .grid_6 { width: 470px; }

.container_12 .grid_7 { width: 550px; }

.container_12 .grid_8 { width: 630px; }

.container_12 .grid_9 { width: 710px; }

.container_12 .grid_10 { width: 790px; }

.container_12 .grid_11 { width: 870px; }

.container_12 .grid_12 { width: 950px; }


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 { padding-left: 80px; }

.container_12 .prefix_2 { padding-left: 160px; }

.container_12 .prefix_3 { padding-left: 240px; }

.container_12 .prefix_4 { padding-left: 320px; }

.container_12 .prefix_5 { padding-left: 400px; }

.container_12 .prefix_6 { padding-left: 480px; }

.container_12 .prefix_7 { padding-left: 560px; }

.container_12 .prefix_8 { padding-left: 640px; }

.container_12 .prefix_9 { padding-left: 720px; }

.container_12 .prefix_10 { padding-left: 800px; }

.container_12 .prefix_11 { padding-left: 880px; }


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 { padding-right: 80px; }

.container_12 .suffix_2 { padding-right: 160px; }

.container_12 .suffix_3 { padding-right: 240px; }

.container_12 .suffix_4 { padding-right: 320px; }

.container_12 .suffix_5 { padding-right: 400px; }

.container_12 .suffix_6 { padding-right: 480px; }

.container_12 .suffix_7 { padding-right: 560px; }

.container_12 .suffix_8 { padding-right: 640px; }

.container_12 .suffix_9 { padding-right: 720px; }

.container_12 .suffix_10 { padding-right: 800px; }

.container_12 .suffix_11 { padding-right: 880px; }


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 { left: 80px; }

.container_12 .push_2 { left: 160px; }

.container_12 .push_3 { left: 240px; }

.container_12 .push_4 { left: 320px; }

.container_12 .push_5 { left: 400px; }

.container_12 .push_6 { left: 480px; }

.container_12 .push_7 { left: 560px; }

.container_12 .push_8 { left: 640px; }

.container_12 .push_9 { left: 720px; }

.container_12 .push_10 { left: 800px; }

.container_12 .push_11 { left: 880px; }


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 { left: -80px; }

.container_12 .pull_2 { left: -160px; }

.container_12 .pull_3 { left: -240px; }

.container_12 .pull_4 { left: -320px; }

.container_12 .pull_5 { left: -400px; }

.container_12 .pull_6 { left: -480px; }

.container_12 .pull_7 { left: -560px; }

.container_12 .pull_8 { left: -640px; }

.container_12 .pull_9 { left: -720px; }

.container_12 .pull_10 { left: -800px; }

.container_12 .pull_11 { left: -880px; }


/*
	SECTION 2. Global page elements.

	HTML, BODY, superstructure elements,
	paragraph, lists, definitions, and all
	other reusable element styles.
*/

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
  font-family: 'Museo Slab';
  src: url('../fonts/museo_slab_300-webfont.eot');
  src: local('☺'), url('../fonts/museo_slab_300-webfont.ttf') format('opentype'), url('../fonts/museo_slab_300-webfont.svg') format('svg');
}

@font-face {
  font-family: 'Museo Slab';
  font-weight: bold;
  src: url('../fonts/museo_slab_500-webfont.eot');
  src: local('☺'), url('../fonts/museo_slab_500-webfont.ttf') format('opentype'), url('../fonts/museo_slab_500-webfont.svg') format('svg');
}

BODY { }

H1, H2, H3, H4, H5 { font-family: 'Cabin', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.02em; line-height: 1.25em; }

	H1 { font-size: 32px; line-height: 1.1em; margin-bottom: 0.8em; }

	H2 { font-size: 24px; margin-bottom: 0.5em; }

	H3 { font-size: 18px; margin-bottom: 0.5em; }

	H4 { font-size: 14px; margin-bottom: 0.5em; }

	H5 { font-size: 12px; margin-bottom: 0.5em; }

	H1 + SMALL { color: #888; top: -22px; position: relative; }

	H2 + SMALL { color: #888; top: -18px; position: relative; }

/*P, SMALL, UL, OL, BLOCKQUOTE { font: 13px 'Droid Serif', 'Georgia', Times, serif; color: #000; }*/

P, SMALL, UL, OL, BLOCKQUOTE { font: 16px 'Source Sans Pro', sans-serif; color: #000; }

P { line-height: 1.6em; margin-bottom: 1em; }

	.findmore { font-size: 11px; font-weight: bold; }

SMALL { font-size: 12px; }

A:link, A:visited { color: #0d7fb3; text-decoration: underline; }

A:hover { color: #0d7fb3; text-decoration: underline; }


#wrapper { border: 1px solid #dde3e5; margin-bottom: 5px; overflow: hidden; padding: 0 5px; }

#topctrls { background: #5d6162; padding: 8px 6px 5px; border-bottom: 5px solid #119edf; }

	#topctrls P { color: #fff; font: 11px Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0; }

	#topctrls A:link, #topctrls A:visited { color: #fff; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }

	#topctrls A:hover { text-decoration: underline; }

	#topctrlsinner { width: 100%; float: left; color: #fff; font: 11px Arial, Helvetica, sans-serif; line-height: 1.2em; height: 25px; /* Quick fix for "flashing" that Google's +1 button causes in FF, other browsers */ }

		#topctrlsinner .left { float: left; margin-right: 8px; padding-right: 8px; }

		#topctrlsinner .left.last { border-right: none; margin-right: 0; padding-right: 0; }

		#topctrlsinner LI { position: relative; margin-top: 4px; }

		#topctrlsinner #topsearch { margin-top: 0; }

		#topctrlsinner .socials { padding: 0 0 2px; }

	#topctrls #addcontent { padding: 0; margin: 4px 0 0; }

	#topctrls #addcontent UL { display: none; padding: 3px 0; position: absolute; width: 186px; z-index: 999; }

		#topctrls #addcontent LI { margin-top: 0; }

		#topctrls #addcontent UL A { background: #3B9FDC; display: block; padding: 3px 10px 3px 5px; }

		#topctrls #addcontent:hover UL { display: block; }

			#topctrls #addcontent A { background: #3B9FDC url(../img/ct_downarrow.png) right center no-repeat; padding: 2px 18px 2px 5px; }

		#topctrls #addcontent { float: right; }


	/* .socials UL looks like #addconent UL */

	#topctrlsinner .socials UL { display: none; padding: 0; margin: 0 !important; position: absolute; width: 186px; z-index: 999; }

		#topctrlsinner .socials LI { margin-top: 0; }

		#topctrlsinner .socials UL A { background: #737373; display: block; padding: 3px 10px 3px 5px; }

		#topctrlsinner .socials#rss:hover UL { display: block; }

		#topctrlsinner .socials#gpo { width:30px; overflow:hidden; }

		#topctrlsinner .socials .date { padding-left: 40px; padding-top: 5px; }

	#topsearch INPUT { background: #737373; border: 1px solid #999; padding: 2px; color: #fff; }

	#topsearch BUTTON { border: 1px solid #aaa; background: #999; color: #fff; padding: 2px 4px; }


#primaryheader { background: url(../img/ct_navglow_light.png) bottom center no-repeat; padding: 0 0 30px; margin-bottom: -14px; }

#logo {padding: 15px 0px 10px 0px;}

	#logo H1 { border-bottom: none; float: left; margin: 10px 0 12px 8px; }

	#primaryheader .adspace { display: block; float: right; margin: 30px 0 10px; width: 468px; }

		#primaryheader .adspace P { text-align: right; font-size: 11px; margin-bottom: 0; }

#primarynav { background: #5d6162; border-top: 3px solid #119edf; border-bottom: 3px solid #c9ced0; margin: 0 0 0 -10px; width: 970px; }

	#primarynav .submenu { background: #fff; display: none; margin: 0; padding: 12px 2px 0 18px; position: absolute; z-index: 9999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.20); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.20); -o-box-shadow: 3px 3px 4px rgba(0,0,0,0.20); box-shadow: 3px 3px 4px rgba(0,0,0,0.20); }

	#primarynav UL { float: left; margin: 0 0 -7px; overflow: hidden; }

	#primarynav LI { float: left; padding: 0 0 7px; }

		#primarynav .selected { background: url(../img/ct_notch.png) bottom center no-repeat; }

		#primarynav .selected A { background: #119edf; color: #fff; }

	#primarynav LI:hover .submenu { display: block; }

	#primarynav A { background: transparent; border-left: 1px solid #777; color: #fff; display: block; font: 18px 'Source Sans Pro', sans-serif; letter-spacing: -0.01em; padding: 10px 10px 14px 10px; text-align: center; text-decoration: none; }

	#primarynav LI:hover A, #primarynav A:hover, #primarynav LI.ie-hover A { background: #fff; color: #3a3a3a; }

	#primarynav .first A { border-left: 1px solid transparent; }

	#primarynav .first A:hover, #primarynav .first:hover A, #primarynav .first.selected A { border-left-color: #ccc; }

	#primarynav .last A { border-right: 1px solid transparent; }

	#primarynav .last A:hover, #primarynav .last.selected A { border-right-color: #ddd;}

		/* Specific LI declarations */
		/* Width = "Real" width - L padding - R padding */
		/*#n_music A { width: 63px; }
		#n_theater A { width: 74px; }
		#n_rest A { width: 107px; }
		#n_night A { width: 84px; }
		#n_events A { width: 68px; }
		#n_places A { width: 64px; }
		#n_travel A { width: 66px; }
		#n_hotels A { width: 66px; }
		#n_jobs a { width: 52px; }
		#n_tours A { width: 60px; }
		#n_blog A { width: 78px; }*/
		/**
		 * music: 57, theather: 70, rest: 104, night: 80, events: 65, places: 60, travel: 60
		 * hotels: 62, tours: 56, class: 95, blog: 73
		 */

	/* We reset styles on submenus after main menu declarations */

	#primarynav .submenu DL { overflow: hidden; }

	#primarynav .submenu DT { clear: both; color: #3a3a3a; font-size: 11px; font-weight: bold; margin: 0 12px 8px 0; text-transform: uppercase; }
	#primarynav .submenu DD { font-size: 13px; margin-bottom: 18px; overflow: hidden; }

	#primarynav .submenu UL { height: auto; margin: 0; position: relative; }

	#primarynav .submenu LI { margin: 0 20px 0 0; padding: 4px 0; }

		/* In Chrome, clear:both'ed ULs collapse in width.
		   Everything looks good in FF, Safari and IE7.
		   The "min-width:300px" is actually just a Chrome fix
		 */
		#primarynav .submenu UL + UL { clear: both; width: 100%; }

	#primarynav .submenu A { background: none; border-left: none; display: inline; font-family: 16px 'Source Sans Pro', sans-serif; font-size: 16px; height: auto; margin: 0; padding: 0; text-align: left; text-decoration: underline; }

	#primarynav .submenu A:link, #primarynav .submenu A:visited { color: #0d7fb3; text-decoration: none; }
	#primarynav .submenu A:hover { color: #005a84; text-decoration: underline; }

#ads { }

	#ads P { font-size: 11px; }

	#ads_inner { padding: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#primaryfooter { background: #5d6162; color: #fff; overflow: hidden; padding: 15px 0px 15px 0px; text-align: center;}

	#footerinner P { color: #fff; font: 14px Arial, Helvetica, sans-serif; margin-bottom: 0; }

	#footerinner A:link, #footerinner A:visited { color: #fff; }


	/* Alphabetica list */
	#alphalist { }

		#alphalist LI { float: left; width: 90px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

			/*#alphalist LI#pound { display: block; width: 100%; }*/

		#alphalist A { line-height: 2em; text-decoration: none; display: block; width: 70px; padding: 15px 10px;  }

			#alphalist A:hover { background: #e8f8ff; }

		#alphalist A .letter { font-weight: bold; font-size: 24px; }

			#alphalist A:hover .letter { text-decoration: underline; }

		#alphalist A .count { font: 11px Arial, Helvetica, sans-serif; color: #595d5e; display: block; }

			#alphalist A .count B { font-size: 12px; }

/*
	SECTION 2. Template and page styles.
*/

/**
 * Content section (on home page)
 *
 * #content > SECTION
 */
#content section { margin: 0 0 16px; overflow: hidden; }

	/* This makes text "single-spaced" like Sam wants */
	/*.hotpress-content p, .blogteasercontent p, #eventcontent p { line-height: 1.3em; }*/
	#content p { line-height: 1.3em; }

	/* Event Content (event details page) */
	#eventcontent { font: 16px 'Source Sans Pro', sans-serif; }

	/* Hot off the Press -- add font declaration to fix ugly font problem */
	#content section#hotpress .hotpress-content { font-size: 16px; line-height: 1.5em; font-family: 'Source Sans Pro', sans-serif; }

/**
 * Blurbs Sidebar
 *
 * #blurbs overrides grid_4 by adding a left border
 * and reducing its width.
 */
#blurbs { width: 299px; padding-left: 10px; border-left: 1px solid #e2e5dd; }

	.blurb { margin: 0 0 16px; overflow: hidden; }
	.blurb .smaller * { font-size: 11px; }
	.blurb TABLE { margin-bottom: 0; }

	#blurbs .photo { overflow: hidden; width: 139px; }

	#blurbs .text { }

	#blurbs P { font-size: 11px; }

	#blurbs #searchfield { width: 220px; padding: 5px; font: 14px Arial, Helvetica, sans-serif; border: 1px solid #5d6162; }

/**
 * Persistent Sidebar
 *
 * #persistent overrides grid_3 by adding a left border
 * and reducing its width.
 */
#persistent { width: 374px; padding-left: 15px; border-left: 1px solid #e2e5dd; text-align: center; }

	#persistent P { font-size: 11px; }

/* Bottom ad area */
#bottomadarea { padding: 8px 0 5px; margin-top: 5px; border-top: 1px solid #e2e5dd; text-align: center; }


/* Star rating found on NYC_Misc/hotspots, etc. */

.rating { display: block; height: 16px; overflow: hidden; background: url(../img/star.png) repeat-x; margin-bottom: 4px; }

	.rating * { display: none; }

/* Latest three */
#latestthree { width: 100%; display: block; }

	#latestthree .location { display: block; font: 11px Arial, Helvetica, sans-serif; }

/* Restaurant Styles - SinglePlatform */
a.menulink { display: inline; background: #119edf; color: #fff !important; padding: 4px; text-decoration: none !important; font: bold 16px 'Source Sans Pro', sans-serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #0d7fb3; }
	a.menulink:hover { border-color: #096a97; }

/* 404 page */
#nav404 a.top { font: bold 18px 'Source Sans Pro', sans-serif; display: block; margin-bottom: 0.25em; }

	#nav404 li.top { margin-bottom: 2em; }

	#nav404 .submenu { margin-left: 1em; }
		#nav404 .submenu dt { font-weight: bold; font-size: 11px; letter-spacing: 0.1em; color: #666; text-transform: uppercase; margin-top: 1em; }
		#nav404 .submenu ul { line-height: 1.5em !important; font-size: 12px !important; }

/* Table layout on listings page */
.contenttd td { vertical-align: top; padding-bottom: 10px; }

/* Social icon row (details pages) */
#socialrow { margin-top: -10px; margin-bottom: 20px; }
#socialrow ul li { display: inline-block; vertical-align: top; margin-right: 6px; }

.printlink { background: url(../img/printer.png) left no-repeat; display: block; float: left; padding-left: 22px; line-height: 20px; font-family: Arial, sans-serif; font-size: 12px; }

/* Flashdata messages */
.flash { clear: both; margin-bottom: 16px; padding: 20px; position: relative; text-align: center; font-family: 16px 'Source Sans Pro', sans-serif; }
.flash.notify { background: #ade9a3; /* A greenish hue */ }
.flash.error { background: #faa; }
.flash p:last-child { margin-bottom: 0; }

ol.numbered { list-style: decimal; margin-left: 2em; }
.lighter { color: #666; }

.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

.alignleft { text-align: left; }

.aligncenter { text-align: center; }

.alignright { text-align: right; }

.third { width: 33%; float: left;}

/* Legacy code from the old CT site */
.headerbanner {
	background-color: #A3D0E9;
	height: 20px;
	vertical-align: middle;
}

.navtd {
	font-size: 11px;
	background-color: #FFFFFF;
}
.adstd {
	background-color: #E9E9E9;
}
.contenttd {
	background-color: #FFFFFF;
}
.spacertd {
	background-color: #FFFFFF;
}
.listingtd {
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: top;
	border: thin solid #D9E0F0;
	height: 1000px;
}
.printtd {
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: top;
	border: thin solid #D9E0F0;
}
.label {
	width: 150px;
	vertical-align: middle;
	position: relative;
	float: left;
}
.searchlabel {
	width: 65px;
	vertical-align: middle;
}
.searchselect {
	background-color: AliceBlue;
	text-transform: uppercase;
	font-weight: bold;
}
.weekendselect {
	color: #4462BA;
	font-weight: bold;
	font-style: italic;
}
.subheader {
	font-weight: bold;
	color: #666666;
}
.maintable {
	border: thin solid #8899DF;
}
tr {
	vertical-align: top;
}
#admintable {
	background-color: #CCFFFF;
	width: 700px;
	border: thick groove #0066CC;
}
#admintable a:link,
#admintable a:visited {
	color: #0066CC;
}
#admintable a:hover,
#admintable a:active {
	color: #CCFFFF;
	background-color: #0066CC;
}
form {
	display: inline;
}
textarea, input, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
option, menu, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}
.sectionhead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	vertical-align: middle;
	border: 1px solid #D9E0F0;
}
.highlight {
	background-color: #A3D0E9;
	padding: 5px;
}
#map{width:200px;height:200px;}

#latest_ct_video {
	width: 298px;
	height: 180px;
	margin-bottom: 20px;
}

/********* NEW STYLES ***********/

.featuredbanner, .regularbanner { border-bottom: 1px solid #dde3e5; font-family: 'Cabin', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; letter-spacing: -0.02em; line-height: 1.25em; margin-bottom: 0.5em; }

TABLE { margin-bottom: 16px; }

	TD { font: 16px 'Source Sans Pro', sans-serif; color: #000; padding: 2px 0; }

/* For the NYC_Broadway page, this aligns image/text vertically to top
and gives 10px left margin to the text. */
.listingimagefeatured { vertical-align: top; padding: 10px 0; }
.listingtextfeatured { vertical-align: top; padding: 10px 0 10px 10px; }

.listingtextfeatured, .listingtextfeatured P, .homedetails, .homedetails P { line-height: 1.3em; }
.reviewbody, .reviewbody P { line-height: 1.3em; }

/*.reviewbody P {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/

.details-content,
.details-content p,
.details-content ul,
.details-content ol {
    font-size: 16px;
}

/* Social icons on the band profile page */
.socialbandlinks ul {
	font-size: 16px;
}

.socialbandlinks li {
	display: inline-block;
	margin: 4px 3px;
}

.socialbandlinks a {
	text-decoration: none;
}

q.no-quotes:before,
q.no-quotes:after {
	content: '';
}

/* All print detail pages have this body class */

.print-details #logo h1 b {
  display: none;
}

.print-details #logo h1 a {
  display: block;
  background-image: url('../img/ct_logo_print.png');
  width: 424px;
  height: 99px;
}

.print-details #primaryheader {
  background: none;
  padding-bottom: 20px;
}

body {
	background-image: url(../img/ct_bg.png);
}


/*---------------------------- CHANGES MADE FOR REMOVING THE RIGHT AD COLUMN ON HOMEPAGE -----------------------*/

div#ads {
    display: none;
}

.grid_6.alpha {
    width: 48% !important;
    margin-left:20px;
}

.grid_4.omega {
    width: 48% !important;
}

#blurbs {
    width: 100%;
    padding-left:0px;
}

.blurb img {
    width: 400px;
}

#searchboxInc {
    margin: 0 auto;
}

#bottomadarea {
    width: 100%;
}

/*----- ADA Adally widget, modifications to the icon design -----*/
#mic-init-access-tool .mic-access-tool-general-button>div img {
	filter: grayscale(100%);
	opacity:0.7;
	width:40px;
}