/* -------------
	FONT IMPORT 
---------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #666666; line-height:140%; background:#333; padding:0; margin:0; width:100%; height:100%;}
br { margin:0; padding:0; display:inline;}

td { font-size: 13px; text-align: left; line-height: 140%; }
a:link { color: #f60; text-decoration: none; transition: .5s; }
a:hover { color: #000; text-decoration: underline; } 
a:visited { color: #f60; text-decoration: none; transition: .5s; }
.btn { cursor: pointer; cursor: hand; }
.left {float: left;}
.right { float: right;}
img {max-width: 100%;}

/*---------------------------------
	! Header  
-----------------------------------*/

#main-nav { background: #f60; padding: 1em; margin: 0; overflow: auto; }
#main-nav a { color: #fff;}

#secondary-nav { display: inline-block; float: left; padding: 1em; margin: 0; width: auto; }
#secondary-nav > ul { padding: 0; margin: 0; float: left; }
#secondary-nav > ul > li { display: inline-block; padding-right: 1em; }
#secondary-nav > ul > li a:hover { color: #fff; }

#genres { float: left; display: inline-block; }
#genres > ul { list-style: none; display: block; border: 0 solid; overflow: auto; margin: 0; padding: 0;}
#genres > ul > li { display: inline-block; text-align: left; padding-right: 1em; }
#genres > ul > li a:hover { color: #000; }

#social { float: right;}
#social > ul { list-style: none; border: 0 solid; display: block; float: right; margin: 0; padding: 0;}
#social > ul > li { display: inline-block; padding-left: 1em;}
#social > ul > li a:hover { color: #000; }

#menu { margin: 0; padding: 0; z-index: 66; position:absolute}
#menu ul { margin: 0; padding: 0;}
#menu ul li.item{ display: none;}
#menu ul li.top{ background:url(../pics/OtherCities.png); width: 130px; height: 30px; margin-bottom: 5px;}
#menu ul:hover .item{ display: block; background: white; padding: 3px; border-bottom: 1px solid #ff6600; text-decoration: none;}
#menu ul li.item:hover { background: #ff6600; color: white; padding: 3px; border-bottom: 1px solid #ff6600; border-left: 1px solid #ffffff; border-right:1px solid #ffffff;  }
#menu ul li.item a { text-decoration:none;font-family: arial; font-size: 12px; color: #ff6600;}
#menu ul li.item:hover a { color: white; text-decoration: none;}


#searchStr {background-color:#666666;}

#today, #tomorrow, #weekend, #search  {font-size:13px;text-decoration:none;color:#ffffff;padding:10px 15px;}
#today a:link, #today a:visited, #tomorrow a:link, #tomorrow a:visited, #weekend a:link, #weekend a:visited, #search a:link, #search a:visited {color:#ffffff;}


h1 {font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size:28px; color:black; margin-bottom: 20px; clear: both; letter-spacing: 10%; line-height: 100%; -webkit-font-smoothing: antialiased; font-weight: 300; font-style: normal;  }
h2, h3, h4 { font-weight: 200; color:#000; font-weight: normal; margin: 0; padding: 0; font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: 110%; display: inline-block; clear: both;}
h4 { font-size: 15px; }

/* City Select */
.citywrap { display: block; left: 0px; margin: 0 auto; overflow: auto; padding: 1rem; color: #fff; clear: both;}
#cityselecttop { }
#selectlogo { width: 255px; height: auto; margin: 0 1rem 1rem 0; display: block; display: inline;   }
#cityselectmobile a { float: right; position: relative; background: #F60; padding: .3rem .5rem; margin: 2rem; border-radius: .2rem; z-index: 10000; clear: both; color: #333; font-size: larger; text-align: center;}
#cityselectmobile a:hover {background: #fff;}
/*---------------------------------
	! Buttons
-----------------------------------*/
.button { }
.button a {margin: 10px 0; display: inline-block; padding: .5rem; font-size: .9rem; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff; cursor: pointer; cursor: hand; border: 1px solid #000; background: #000;}
.button a:hover { color: #fff; background: #000; border: 1px solid #fff; text-decoration: none;}
.blue a { background: #0af; color: #fff; border: 1px solid #0af;}
.green a { background: #69b21a; border: 1px solid #69b21a; }
.green:hover, .blue:hover  { }
.blue a, .green a { color: #fff;}


/*---------------------------------
	! Cross Sell
-----------------------------------*/

/* adunits */
/* 728 */
#leaderboard { margin: 10px auto; display: block;}
#div-gpt-ad-839547069598715961-1 { margin-top: 10px 0; width: 728px; }
/* 300_1, 300_2 */
#div-gpt-ad-839547069598715961-2, #div-gpt-ad-839547069598715961-3 { margin-bottom: 10px;   }
/* 468 */
#div-gpt-ad-839547069598715961-4 { border: 1px #ccc solid; margin: 30px auto; height: 60px; width: 468px; }

/* titles */
.black_title_big {color:#000000; font-weight:bold; text-decoration:none; font-size:14px;}
a.black_title_big {color:#000000; font-weight:bold; text-decoration:none; font-size:14px;}
.white_title_big {color:#ffffff; font-weight:bold; text-decoration:none; font-size:14px;}
.orange_title_big {color:#ff6600; font-weight:bold; text-decoration:none; font-size:14px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.red_title_big {color:#cc0000; font-weight:bold; text-decoration:none; font-size:14px;}
a.red_title_big {color:#cc0000; font-weight:bold; text-decoration:none; font-size:14px;}

.black_title_med {color:#000000; font-weight:bold; text-decoration:none;font-size:13px;}
.red_title_med {color:#cc0000; font-weight:normal; font-size:16px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
a.red_title_med {color:#cc0000; }
.white_title_med {color:#ffffff; font-weight:bold; text-decoration:none;font-size:12px;}

.orange_title, .orange_title_med { font-weight: normal; font-size: 14px; font-family: 'Roboto', Arial, Helvetica, sans-serif;  }
.grey_title {color:#666666; font-weight:bold;text-decoration:none;}
.black_title {color:#000000; font-weight:bold;text-decoration:none;}
.grey_subtitle {color:#666666; text-decoration:none;}
.grey_subtitle a:link {color:#666666; text-decoration:none;}
a.grey_subtitle {color:#666666; text-decoration:none;}
.grey_subtitle a:hover {color:#cc0000; text-decoration:none;}

.orange_link {color:#ff6600; text-decoration:none;}


/* Share */
.shareholder { border: 1px solid; margin: 1em 0; display: block; padding: 1em 0; overflow:auto; min-height: 2em;}
.share { float:left; margin-right:.5em; }

/*---------------------------------
	! Premium
-----------------------------------*/

.prem-bg { width: 960px; border: solid 0px red; text-align: left; background-color: white;}
.prem-header { width: 960px; padding: 0px; background-color: #6BB02A; margin: 0 auto; border: solid 0px #9933cc; position: absolute; height: 50px; border: solid 0px red;}
.prem-logo { display: inline; position: relative; left: 20px; top: 20px; float: left; margin-right: 30px; clear: none;  }
.prem-h1 {font-size:28px; color: #fff; text-transform: uppercase; font-weight: bold; float: left; margin-left: 20px; display: inline-block; margin-top: 18px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;  }
.prem-panels { width: 293px; min-height: 270px; float: left; display: block; margin-right: 20px; border: solid 0px red; background-color: #6BB02A; overflow: auto; }
.prem-tab {display: block; position: absolute; top: 0; right: 0; background-color:rgba(204,0,0,0.8); padding: 1px 5px ; color: white; font-size:10px;}

/* For Submit.php - can be deleted later */
#submit-alert { padding: 1rem; background: #eee; margin: .5rem 0 1rem 0; border-radius: 2px; }

/*---------------------------------
	! Win
-----------------------------------*/
.orange-button, .submit { padding: 10px; border: 1px solid #ff6600; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 10px 0; display: inline-block; color: #ff6600; cursor: pointer; cursor: hand; font-size: 14px; }
.orange-button:hover{ background: #ff6600; color: #fff; }

/*---------------------------------
	! Kids + Markets
-----------------------------------*/

.kidsHeader { padding: 8px 10px; background-color: #71981a; color: white; font-size: 14px; margin-bottom: 5px; }

/*---------------------------------
	! Popular and Near Me
-----------------------------------*/

#nearmeTab { min-width:130px; }

/*---------------------------------
	! Inline Sign Up
-----------------------------------*/

.signup-intro { font-size: 13px; margin-bottom: 10px; }
.signup p { margin-right: 10px; display: table-cell; width: 40px;  float: left; }
.signup-div { clear: both; overflow: auto;}
.signup-div input[type="text"] { padding: 7px 5px; width: 75%; float: right; background: #fff; height: auto; display: inline-block; border: 1px solid #ccc;}
.signup-div input[type="text"]:focus { border-bottom: solid 1px #333; }
#signup-button { padding: 10px; border: 1px solid orange; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: right; color: orange; font-size: 13px;}
#signup-button:hover { background: orange; cursor: hand !important; color: #fff; }


.email2 { display:none; }
.comments2 { display:none; }

#music {display:none;}
#art {display:none; }
#lifestyle {display:none; }
#comedy {display:none; }
#kids {display:none; }
#community {display:none; }

.resultshead {display:block; width:600px; color:#cc0000; border-style:solid; border-width:0px 0px 1px 0px; padding-bottom:5px; border-color:#cc0000; font-size:12px;font-weight:bold; margin-bottom:10px;}

/* Social Sharing */
.tell { float: left; margin-right: 10px; clear: both; }

/*---------------------------------
	! Festivals
-----------------------------------*/

.valentines { background: pink url(../pics/flowers-bg.jpg) no-repeat fixed; background-position: center top; background-size: cover; }
.halloween { background-color: #333; background-image: url(../pics/Halloween-bg.jpg); background-position: center center; background-size: cover; background-attachment: fixed; }
.festivalheader { background: rgba(0, 0, 0, 0.7); width: 980px; margin: 0 auto; padding: 0; }
.festival-details {  }
.festival-intro { }
.christmas2015 { background-image: url(../pages/pics/xmas-wallpaper.jpg); background-position: center center; background-size: cover; background-attachment: fixed; }
.christmas_spirit { background-image: url(../pages/pics/christmas_spirit_bg.jpg); background-position: center center; background-size: cover; background-attachment: fixed; }
.mothersday2016 { background: pink url(../pics/mothersday2016-bg.jpg) no-repeat fixed; background-position: center top; background-size: cover;}
.JuneHighlights { background: #fff url(../pages/pics/JuneHighlights.jpg) no-repeat fixed; background-position: center top; background-size: cover; }

/*---------------------------------
	! Rate Card
-----------------------------------*/
#ratecard {display: block; padding: 5px; font-size: 13px; line-height: 120%; background: #69CA14; color: #fff; margin: 20px 0; }
#ratecard img {float: left; margin: 0 10px 0 0; border: none;}
#ratecard strong {color: #000; border: none; font-size: 16px; text-transform: uppercase;}

#ratecard2 {display: block; padding: 5px; font-size: 13px; line-height: 120%; background: #fc6621; color: #fff; margin: 20px 0; }
#ratecard2 img {float: left; margin: 0 10px 0 0; border: none;}
#ratecard2 strong {color: #000; border: none; font-size: 16px; text-transform: uppercase;}

#ratecard3 {display: block; padding: 5px; font-size: 13px; line-height: 120%; background: #0099ff; color: #fff; margin: 20px 0; }
#ratecard3 img {float: left; margin: 0 10px 0 0; border: none;}
#ratecard3 strong {color: #000; border: none; font-size: 16px; text-transform: uppercase;}

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

#disqus_thread {padding: 1em; background: #fff;}

#footer2 { padding: 1em; background: #000; overflow: auto; color: #999; text-align: left; line-height: 150%; display: block}
#footer2 a:hover {color: #fff;}
#footer2 ul { list-style: none; margin: 0; padding: 0; }
#footer2 ul li { float: left; display: inline; margin-right: 2rem; max-width: 30.333%; }
#footer2 ul li, #footer2 ul li a { font-size: .7rem;}
.et {font-weight: bold; width: 1rem; display: inline-block; float: left; }
.nowrap { white-space: pre-line;}
#iab { margin-left: 1rem;}

/*---------------------------------
	! Media Queries
-----------------------------------*/

@media only screen and (min-moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	#menu ul li.top{background:url('../pics/OtherCities@2x.png');background-size:130px 30px;margin-bottom:5px;}
}

@media only screen and (max-width: 1024px)
{
  .valentines, .mothersday2016 { background-image: none; background-color: pink;}  
}