/**
 * @file
 * coneyisland.css
 * Main Coney Island USA style sheet
 * Jason Davis - March 2012
 * Jason Davis - Fluid redesign - September 2018 
 */



/* 
 * EXAMPLE COMMENT
 * sections of site style should be wrapped in OPEN/END comments 
 *
 *********************************************************************************/

.example-fake-foo /* specific comment */ {
  margin-bottom: 0;
}

/**********************************************************************************
 * END - Example Comment
 * 
 */







/* 
 * move messages
 * 
 *
 *********************************************************************************/
 
.messages.status,
.messages.warning,
.messages.error {

position: absolute;
right: -225px;
width: 150px;
}
/**********************************************************************************
 * END -
 *
 */




/* 
 * Base universal elements
 * 
 *
 *********************************************************************************/
a:link, a:visited {
	color: #ff3300;
	font-weight: normal;
	text-decoration: underline;
}
a:hover, a:active {
	color: #009;
	font-weight: normal;
	text-decoration: underline;
}


body {
	background: transparent url('../images/ci_bg.png') repeat 0 0;
}

body.cke_show_borders,
body.cke_ltr {
	background: white;
}

 #page{
    font-size: 12px;
    line-height: 15px;
    font-size: 14px;
    line-height: 16px;
}
p  {
  margin-top: 0;
}

body.page-node-3 #navigation {
    top: auto !important;
    bottom: -24px;
}
#navigation ul#main-menu li a.active:hover {
	color: #009;
}
#navigation ul#main-menu li a.active {
	color: #ffffff;
}
.blue-pusab-header{
	font-family: "PusabRegular","Arial Black", Arial, Helvetica;
	font-weight: normal;
	color: #009;
}


/**********************************************************************************
 * END - Base universal elements
 * 
 */





/* 
 * Footer Block
 * 
 *********************************************************************************/
 
#block-block-1 /*  */ {
  margin-bottom: 0;
  padding:0;
  text-align:center;
  color:#ffffff;
  
}

#block-block-1 .block-title /*  */ {
  display:none;
}
#block-block-1 a,
#block-block-1 a:hover {
  color:#ffffff;
}

/**********************************************************************************
 * END - Footer Block
 * 
 */





/* 
 * Page Layout Defaults
 * 
 *********************************************************************************/
#page-wrapper{
    /* width:970px; */
}
#page{
    /* width:970px; */
}
#main-wrapper,
#footer-wrapper{
    /* width:950px; */
}

#main{
    /* width:930px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 10px solid #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #FFFFFF;
}
#content-top{
  /* width:950px; */
}
#content-top .section{
  /* width:930px; */
  background: #FFFFFF;
}
#content{
}
#content .section{
}
#navigation,
#navigation ul#main-menu li a{
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    line-height: 60px;
    font-size: 29px;
    font-weight: normal;
}
#page-title{
    font-family:"PusabRegular","Arial Black", Arial, Helvetica;
    font-weight: normal;
    font-size:39px;
    color:#000099;
    line-height: 39px;
}
h2.block-title{
    font-family:"PusabRegular","Arial Black", Arial, Helvetica;
    font-weight: normal;
    font-size: 30px;
    color: #009;
    line-height: 31px;
}

/**********************************************************************************
 * END - Page Layout Defaults
 * 
 */
 
 


/* 
 * Homepage Defaults
 * 
 *********************************************************************************/

body.front #page-title,
body.front #block-system-main,
body.front #node-1,
body.front .section .tabs{
  /* hiding unneeded homepage body content */
  display:none;
}
body.front #main-wrapper{
}
body.front #main{
}
body.front #content{
    margin-top:0;
}
body.front #content .section{
    background: #FFFFFF;
}
body.front.node-type-page .content{
    margin:0 !important;
}




/**********************************************************************************
 * END - Homepage Defaults
 * 
 */









/* 
 * Sidebar defaults
 * 
 *********************************************************************************/
body.front #block-user-login h2{
    font-family: "PusabRegular","Arial Black",Arial,Helvetica;
    font-weight: normal;
    font-size:32px;
    color: #009;
}


body.front #block-user-login label{
    margin-bottom:4px;
}

span#block-login-forgot,
#block-user-login label,
#block-user-login li a{
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 18px;
    color: #009;
    font-weight:normal;
    text-decoration:none;
}
#block-user-login .item-list ul,
#block-user-login .item-list ul li{
    padding:0;
    margin:0;
    list-style:none inside none;
}



#block-user-login .form-type-textfield input,
#block-user-login .form-type-password input{
    width:194px;
    height:29px;
    background-color:white;
    border-width:2px;
    border-color:#dddddd;
}

body.front .sidebar-second #content {
	width: 549px;
	margin-right: -549px; /* LTR */ /* Negative value of #content's width + left margin. */
}

body.front .sidebar-first #content {
	margin-right: -920px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#block-user-login {
	position:relative;
	margin-bottom: 29px;
}
#block-user-login #edit-submit--2 {
	display:block;
	position:absolute;
	right:73px;
	bottom:28px;
	cursor: pointer;
	border:0;
	width: 41px;
	height:41px;
	background: transparent url('../images/log_in.png') no-repeat 0 0;
}



/**********************************************************************************
 * END - Sidebar defaults
 * 
 */
 
 
 



/* 
 * Homepage slideshow
 * 
 *********************************************************************************/
  /* hide the fluid one */
#block-views-homepage-slideshow-fluid-block{
  display: none;
}
/* desktop slideshow */
#block-views-homepage-slideshow-block{
    width:930px;
    height:382px;
    display:block;
    position:relative;
/*    background: transparent url(/sites/all/themes/coneyisland/images/slideshow-bg-layout.jpg) no-repeat 0 0; */
    background: transparent url(/sites/all/themes/coneyisland/images/slideshow-bg.gif) no-repeat 0 0;
}
.view-id-homepage_slideshow {
}

#views_slideshow_cycle_main_homepage_slideshow-block {
}

#block-views-homepage-slideshow-block .views-field-field-slideshow-image{
    float:left;
    display:block;
    width:620px;
    height:382px;
}
#block-views-homepage-slideshow-block .views-field-title,
#block-views-homepage-slideshow-block .views-field-body,
#block-views-homepage-slideshow-block .views-field-field-slideshow-link{
    float:left;
    display:block;
    width:270px;
    color:#ffffff !important;
    margin-left:20px;
    margin-right:20px;
    font-family:"league-gothic","Arial Black", Arial, Helvetica;
}

#block-views-homepage-slideshow-block .views-field-title a,
#block-views-homepage-slideshow-block .views-field-body a,
#block-views-homepage-slideshow-block .views-field-field-slideshow-link a{
    color:#fff;
    text-decoration:none;
}

#block-views-homepage-slideshow-block .views-field-title{
    font-size: 45px;
    font-weight: normal;
    margin-top: 29px;
    line-height: 44px;
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
}
#block-views-homepage-slideshow-block .views-field-body{
    font-size: 29px;
    font-weight: normal;
    line-height: 28px;
    margin-top: 27px;
    padding: 0;
    margin-bottom: 0px;
    
    /* changes */
    font-size: 14px;
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
    line-height: 18px;
}
#block-views-homepage-slideshow-block .views-field-body *{
    margin: 0;
    padding: 0;    
}
#block-views-homepage-slideshow-block .views-field-field-slideshow-link{
    font-size: 28px;
    font-weight: normal;
    margin-top: 29px;
    padding-left: 0px;
    line-height: 29px;
}

#block-views-homepage-slideshow-block .views-field-field-slideshow-link a{
    padding-left:53px;
    background: transparent url(/sites/all/themes/coneyisland/images/slideshow-hand-link.gif) no-repeat 0 0;
}
#block-views-homepage-slideshow-block .views-slideshow-controls-bottom{       /* slideshow slide controls */
    position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 999;
    height: 20px;
    width: 277px;
    width: auto;
    display: block;
}
#widget_pager_bottom_homepage_slideshow-block{

}
#block-views-homepage-slideshow-block .views-slideshow-pager-field-item{    /* slideshow slide controls */
    height:18px;
    width:18px;
    display:block;
    font-size:1px;
    float:right;
    float:left;
    padding:0;
    margin:0 0 0 11px;
}
#block-views-homepage-slideshow-block .views-slideshow-pager-field-item .views-field-title{     /* slideshow slide controls */
    padding:0;
    margin:0;
    height:20px;
    width:20px;
    overflow: hidden;
}
#block-views-homepage-slideshow-block .views-slideshow-pager-field-item .views-field-title{    /* slideshow slide controls */
    height:18px;
    width:18px;
    display:block;
    border:1px solid white;
    font-size:1px;
    float:left;
    padding:0;
}
#block-views-homepage-slideshow-block .views-slideshow-pager-field-item.active .views-field-title,
#block-views-homepage-slideshow-block .views-slideshow-pager-field-item .views-field-title:hover{
    background-color:white;
}








/**********************************************************************************
 * END - Homepage slideshow
 * 
 */




/* 
 * Homepage Events - fix for mobile
 * 
 *********************************************************************************/ 

        /*  Upcoming events moved to main content   */
        
        body.page-node-1 #block-multiblock-5,
        body.page-node-1 #block-multiblock-6,
        body.page-node-1 #block-multiblock-7{
          display: none;
        }
        #block-views-homepageupcoming-events-block,
        #block-views-homepageupcoming-events-block-2{
          display: block;
        }


/**********************************************************************************
 * END - Homepage Events - fix for mobile
 * 
 */
 
 


 
/* 
 * Homepage Taxonomy Feeds
 * 
 *********************************************************************************/ 
#block-views-homepageupcoming-events-block h2.block-title, /* home page */
#block-views-homepageupcoming-events-block-2 h2.block-title, /* home page */
#block-views-upcoming-events-block-1 h2.block-title, /* home page */
#block-views-upcoming-events-block h2.block-title{ /* program page */
    margin-left:10px;    
    font-size: 33px;
    line-height:36px;
}
#block-views-homepageupcoming-events-block-2,
#block-views-homepageupcoming-events-block-3{
    margin-bottom: 10px;
}

#block-views-upcoming-events-block h2.block-title{ /* program page  block title small*/
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
    color: #000;
    margin-bottom:10px;
}
#block-views-upcoming-events-block h2.block-title strong{ /* program page block title big */
    font-size: 33px;
    line-height: 36px;
    color: #009;
    font-family: "PusabRegular","Arial Black", Arial, Helvetica;

}



.view-homepageupcoming-events,
.view-upcoming-events {
	margin-left: 10px;
}
.view-homepageupcoming-events .block-title,
.view-upcoming-events .block-title {
	padding: 10px 0px 10px 0px;
}

.view-homepageupcoming-events .views-field-term-node-tid,
.view-upcoming-events .views-field-term-node-tid,
.view-homepageupcoming-events .views-field-field-primary-program{
	font-family: "PusabRegular","Arial Black", Arial, Helvetica;
	font-weight: normal;
	font-size: 20px;
	color: #009;
}

.view-homepageupcoming-events .views-row,
.view-upcoming-events .views-row {
	background-color: #ffcc00;
	border: 5px solid #ffcc00;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px;
}

.view-homepageupcoming-events .views-field-title a,
.view-upcoming-events .views-field-title a {
	color: #F30;
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	margin-bottom:6px;
	display:block;
}
.view-homepageupcoming-events .views-field-title a:hover,
.view-upcoming-events .views-field-title a:hover {
	color: #009;
}

.view-homepageupcoming-events .views-field-body p,
.view-upcoming-events .views-field-body p{
    margin:0;
    padding:0;
}
.view-homepageupcoming-events .views-field-view-node,
.view-upcoming-events .views-field-view-node {
    clear:both;
	height: 24px;
	width: 100%;
    display:block;
}

.view-homepageupcoming-events .views-field-view-node span a,
.view-upcoming-events .views-field-view-node span a {
	display: block;
	width: 38px;
	height: 24px;
	float: right;
    background: url('../images/hand_y.png') no-repeat right;
}

.view-homepageupcoming-events .views-field-field-event-image img,
.view-upcoming-events .views-field-field-event-image img, .view-upcoming-events .views-field-field-event-thumbnail-image{
	float: left;
	padding: 0 10px 5px 0;
}
.view-homepageupcoming-events .views-field-field-event-date,
.view-upcoming-events .views-field-field-event-date,
.view-homepageupcoming-events .views-field-field-display-text-date-time-tex,
.view-upcoming-events .views-field-field-display-text-date-time-tex {
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-size: 12px;
    line-height: 15px;
	font-weight: bold;
	color: #333;
	display:block;
}
.view-homepageupcoming-events .views-field-body,
.view-homepageupcoming-events .views-field-body *{
	font-size: 12px;
	line-height:15px;
}
.view-homepageupcoming-events .view-footer, 
.view-upcoming-events .view-footer{
    float:right;
}


/**********************************************************************************
 * END - Homepage Taxonomy Feeds
 * 
 */

/* 
 * Homepage News Feed
 * 
 *********************************************************************************/

#block-views-homepage-news-block{
 float: left;   
}
#block-views-homepage-news-block .views-row{
margin-left: 15px;
/* old design    width:533px; */
width: 575px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

#block-views-homepage-news-block .views-row-last{
	padding-bottom: 0px;
}
#block-views-homepage-news-block h2.block-title{
    font-family: "PusabRegular","Arial Black", Arial, Helvetica;
    font-weight: normal;
    font-size: 39px;
    line-height: 40px;
    color: #000099;
    margin-bottom: 5px;
}
#block-views-homepage-news-block .views-field-title,
#block-views-homepage-news-block .views-field-title a{
    color:#ff3300;
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 32px;
    line-height: 38px;
    text-decoration:none;
	clear: both;
	padding-bottom: 5px;
}

/**********************************************************************************
 * END - Homepage News Feed
 * 
 */





/* 
 * Right side Sidebar Items
 * 
 *********************************************************************************/
 
 /* all sidebar items */
.view-rightside-wildcards .views-field-body,
.view-rightside-wildcards .views-field-field-wildcard-link,
.view-rightside-wildcards .views-field-field-wildcard-image{
    margin-left:10px;
padding-bottom: 2px;
}

#block-multiblock-1 .view-rightside-wildcards .views-field-body,
#block-multiblock-1 .view-rightside-wildcards .views-field-field-wildcard-link,
#block-multiblock-1 .view-rightside-wildcards .views-field-field-wildcard-image{
    margin-left:0px;
}


/* sign up for email blasts */
.view-rightside-wildcards .views-row-1{   
position:relative;
}
.view-rightside-wildcards .views-row-1 .views-field-field-wildcard-image{  /* sign up for email blasts */
    margin-left:0px;
}
.email-subscribe-wrapper{
	width: 320px;
	height: 150px;
	background: transparent url('../images/sign-up-email-form_0.jpg') no-repeat 0 0;
}
.email-subscribe-wrapper input#subscribe-email-field{
	display: block;
	height: 29px;
	width: 191px;
	float: left;
	margin-top: 71px;
	margin-left: 47px;
	color:#999999;
	font-size:15px;
}

#block-multiblock-1 .email-subscribe-wrapper input#subscribe-email-field{
	margin-left: -4px;
}

.email-subscribe-wrapper input#subscribe-submit{
    display: block;
    height: 51px;
    width: 56px;
	margin-top: 63px;
	margin-right: 20px;
    border-width: 0;
    float: right;
    background-color: transparent;
    text-indent: -9999px;
    cursor: pointer;
}

#block-block-9 div.block-title.bottom a ,
#block-block-12 div.block-title.bottom a {
	display:block;
	width: 150px;
	height: 22px;
	background: transparent url('../images/facebook_signin.png') no-repeat 0 0;
}

body.logged-in .block-title.bottom {
	display:none;
}
body.logged-in #block-block-9 h2.block-title ,
body.logged-in #block-block-12 h2.block-title {
	display:none;
}

.views-field-field-wildcard-image{
    margin-left: 0px;
    width: 320px;
    overflow-x: hidden;
}



/* help support programming -- four blocks */
#four-blocks-sidebar-wrapper{   
    display: block;
    height: 34px;
    width: 310px;
    position: relative;
    margin-top: 15px;
}
#four-blocks-sidebar-wrapper h4{
    color: #000099;
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 32px;
    margin: 0 0 0 10px;
    padding: 0;
    font-weight: normal;
    margin-top:10px;
    height: 34px;
    height: auto;
    line-height: 38px;
}
#four-blocks-sidebar-wrapper ul,
#four-blocks-sidebar-wrapper ul li,
#four-blocks-sidebar-wrapper ul li a{
    margin:0;
    padding:0;
    display:block;
}
#four-blocks-sidebar-wrapper ul{
    display:block;
    height: 224px;
    width:310px;
    position:absolute;
    top: 30px;
}
    #four-blocks-sidebar-wrapper.with-fifth-block ul{
        height: 343px;
    }
#four-blocks-sidebar-wrapper ul li a{
    margin-right: 7px;
    width: 148px;
    height: 107px;
    float: left;
    text-indent: -9999px;
    margin-bottom: 9px;
}
#four-blocks-sidebar-wrapper ul li.fifth-block-fullwidth a{
    width: 311px;
}


#four-blocks-sidebar-wrapper img{
    
}


#sharing-sidebar-wrapper{
    display:block;
    height:50px;
    width:310px;
    position:absolute;
}

#sharing-sidebar-wrapper ul,
#sharing-sidebar-wrapper ul li,
#sharing-sidebar-wrapper ul li a{
    margin:0;
    padding:0;
    display:block;
}
#sharing-sidebar-wrapper ul{
    margin-left: 10px;
}
#sharing-sidebar-wrapper ul li a{
    margin-right: 20px;
    width: 30px;
    height: 30px;
    float: left;
    text-indent: -9999px;
}

#block-calendar-block-calendar h2{
	display: none;
}


/**********************************************************************************
 * END - Right side Sidebar Items
 * 
 */









/* 
 * Programs Page
 * 
 *********************************************************************************/

/* Programs Page */
#node-3{
    display:none;
}
.view-id-programs_header_node_view #node-3{
    display:block;
    margin: 0;
    padding: 0;
    height: 578px;
    width: 951px;
}
.view-id-programs_header_node_view #node-3 .content .field-name-field-header-image *{
    display:none;
}

/* Program Page header background image*/
.view-id-programs_header_node_view #node-3 .content .field-name-field-header-image{
    height: 578px;
    width:951px;
    background:transparent url(/sites/default/files/program-header-no-buttons.jpg) no-repeat 0 0;
    display:block;

    
}
.view-id-programs_header_node_view h2.node-title{
    display:none;
}
#block-views-programs-header-node-view-block{
    margin:0;
}

#content-top.program-page-special-events{
    position:relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0 ;
    border: 10px solid #F93;
    border-width: 10px 10px 0px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0 ;
    background: #f93;
}
#content-top.program-page-special-events .section{
    width:950px;
}

body.page-node-3 #main-wrapper{  /* orange BG for content block */

}
body.page-node-3 #navigation{  /* fixing navication position    top # should be the border width above + 67px - 10px */
    top:-657px;
}
body.page-node-3 .field-name-field-header-image{
/* position: absolute; */
/* top: -590px; */ /* should be 10 LESS than the border-width on the main-wrapper */
/* left: 0; */ 
}



/*


    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    border-radius: 0;
    border: 10px solid #F93;
    border-radius: 0;
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0;
    background: #f93;





#program-tiles-wrapper{
    display: block;
    height: 578px;
    width: 950px;
    position: absolute;
    top: -590px;
    left: 0;
    z-index:19;
}
*/



#program-tiles-wrapper ul li.programtiles{
    list-style:none inside none;

}
#program-tiles-wrapper ul li.programtiles a{
    display:block;
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    text-indent:-9999px;
    overflow:hidden;
    background: transparent url('../images/programbuttons/btn_about.jpg') no-repeat 0 0;
}
#program-tiles-wrapper ul li#programtile-999 a{  /*ABOUT  --> removed */
    background-image: url('../images/programbuttons/btn_about.jpg');
}
#program-tiles-wrapper ul li#programtile-1 a{  /*MUSEUM*/
    left: 479px;
    top: 0px;
    height: 88px;
    width: 150px;
    background-position: 0 -88px;
    background-image: url('../images/programbuttons/btn_museum.jpg');
}
#program-tiles-wrapper ul li#programtile-1 a:hover{
    background-position:0px 0px;
}
#program-tiles-wrapper ul li#programtile-2 a{   /*  ASK the EXPERTS */
    left: 639px;
    top: 0px;
    width: 150px;
    height: 88px;
    background-position:0 -88px;
    background-image: url('../images/programbuttons/btn_ask_the_experts.jpg');
}
#program-tiles-wrapper ul li#programtile-2 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-3 a{
    left: 479px;
    top: 97px;
    width: 310px;
    height: 186px;
    background-position:0 -186px;
    background-image: url('../images/programbuttons/btn_sideshow.jpg');
}
#program-tiles-wrapper ul li#programtile-3 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-4 a{
    left: auto;
    top: 0px;
    height: 186px;
    width: 150px;
    right: 0;
    background-position:0 -186px;
    background-image: url('../images/programbuttons/btn_sideshowschool.jpg');
}
#program-tiles-wrapper ul li#programtile-4 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-5 a{   /*  Magic at Coney */
    left: auto;
    top: 194px;
    height: 89px;
    width: 150px;
    right: 0;
    background-position:0 -89px;
    background-image: url('../images/programbuttons/btn_magic_at_coney.jpg');
}
#program-tiles-wrapper ul li#programtile-5 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-6 a{
    left: 0px;
    top: 292px;
    width: 150px;
    height: 88px;
    background-position:0 -88px;
    background-image: url('../images/programbuttons/btn_ciff.jpg');
}
#program-tiles-wrapper ul li#programtile-6 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-7 a{
    left: 0;
    top: 390px;
    width: 149px;
    height: 186px;
    background-position:0 -186px;
    background-image: url('../images/programbuttons/btn_ci_film_society.jpg');
}
#program-tiles-wrapper ul li#programtile-7 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-8 a{
    left: 159px;
    top: 292px;
    width: 310px;
    height: 186px;
    background-position:0 -186px;
    background-image: url('../images/programbuttons/btn_batb.jpg');
}
#program-tiles-wrapper ul li#programtile-8 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-9 a{
    left: 159px;
    top: 489px;
    height: 88px;
    width: 150px;
    background-position:0 -88px;
    background-image: url('../images/programbuttons/btn_creepshow.jpg');
}
#program-tiles-wrapper ul li#programtile-9 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-10 a{
    left: 319px;
    top: 489px;
    height: 88px;
    width: 150px;
    background-position:0 -88px;
    background-image: url('../images/programbuttons/btn_congress.jpg');
}
#program-tiles-wrapper ul li#programtile-10 a:hover{
    background-position:0 0;
}
#program-tiles-wrapper ul li#programtile-11 a{
    left: auto;
    top: 292px;
    width: 470px;
    height: 284px;
    right: 0;
    background-position:0 -284px;
    background-image: url('../images/programbuttons/btn_mermaid_parade.jpg');
}
#program-tiles-wrapper ul li#programtile-11 a:hover{
    background-position:0 0;
}
#program-tiles-video{
    height: 285px;
    width: 470px;
    position: absolute;
    top: 0;
    left: 0;
    z-index:20;
}

#program-tiles-video{
	padding-left: 37px;
	padding-top: 52px;
    height: 233px; 
    width: 454px;
}

/* special events section */
/* hide title*/
body.page-node-3 #page-title{
    display:none;
}
body.page-node-3 h2.block-title{
    font-family: "PusabRegular","Arial Black", Arial, Helvetica;
    font-weight: normal;
    font-size: 39px;
    color: #009;
    line-height: 39px;
    margin-bottom: 4px;
}

/* special events tile layout */
.view-id-special_events{
    
}

.view-id-special_events .views-row{
    float:left;
    width:180px;
    margin-left:16px;
}

.view-id-special_events .views-field-title{
    color: #F30;
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 29px;
    line-height: 29px;
    clear: both;
    height: 120px;
    margin-top: 1px;
    margin-bottom: 7px;
    overflow: hidden;
    
    
}
.view-id-special_events .views-field-title a{
    text-decoration:none;
    color: #ff3300;
}

.view-id-special_events .views-row{}



/**********************************************************************************
 * END - Programs Page
 * 
 */



/* 
 * Calendar of Events Page
 * 
 *********************************************************************************/

/* Calendar of Events Page */

/* Calendar block */
#block-block-4{
    margin-top:40px;
}
#block-block-4 h2.block-title{
    margin: 0 auto;
    width: 226px !important;
    padding: 0 0 10px 10px;
}
#block-block-4 a#show-all-event-link{
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 17px;
    line-height: 17px;
    font-weight: normal;
    color: #F30;
    text-decoration: underline;
    margin-left: 196px;
    margin-top: 7px;
    padding-top: 0;
    display: block;
}
#block-block-4 a#show-all-event-link:hover{
    color: #009;
}



/* Calendar of Events List */
body.page-events .events-content-top h1 {
	margin: 0;
	font-family: "PusabRegular","Arial Black", Arial, Helvetica;
	font-weight: normal;
	font-size: 38px;
	color: #009;
	line-height: 38px;
}

body.page-events .view-clone-of-events .date-display-single {
	color: #333333;
	font-weight: bold;
}
/* list of terms */
body.page-events .view-clone-of-events .views-field-field-primary-program {
	font-family: "PusabRegular","Arial Black", Arial, Helvetica;
	font-weight: normal;
	font-size: 20px;
    line-height: 18px;
	color: #009;
}
body.page-events .view-clone-of-events .views-field-field-display-text-date-time-tex{
    font-weight:bold;
    font-size:14px;
    line-height:16px;
    text-transform:uppercase;
}
body.page-events .view-clone-of-events .views-field-body{

}
body.page-events .view-clone-of-events .views-field-body *{
    margin:0;
    padding:0;
}
    


body.page-events #block-views-exp-clone-of-events-page{
    
}
body.page-events #datepicker div.ui-datepicker,
body.page-events #block-views-exp-clone-of-events-page div.content{
	margin: 0 auto;
	width:226px !important;
}

body.page-events #edit-program-wrapper,
body.page-events #edit-category-wrapper{
    margin-bottom:20px;
}

body.page-events .view-clone-of-events .views-row {
	position: relative;
	min-height: 175px;
	padding: 9px 0px 9px 0px;
	float:left;
	width: 590px;
}
body.page-events .view-clone-of-events .views-field-field-event-image img,
body.page-events .view-clone-of-events .views-field-field-event-image,
body.page-events .view-clone-of-events .views-field-field-event-thumbnail-image,
body.page-events .view-clone-of-events .views-field-field-event-thumbnail-image img{
	width: 200px;
	height: 150px;
	float:left;
	display:inline;
	padding-right: 12px;
}
body.page-events .view-clone-of-events .views-field-title {
    margin:0 0 5px 0;
}
body.page-events .view-clone-of-events .views-field-title a,
body.page-events .view-clone-of-events .views-field-title {
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-size: 30px;
	font-weight: normal;
	color: #ff3300;
	line-height: 30px;
	text-decoration: none;
}
body.page-events .view-clone-of-events ul.pager {
    float:right;
}
body.page-events #block-views-exp-clone-of-events-page select {
	width: 224px;
	height: 30px;
}

body.page-events .customStyleSelectBox {
	width: 220px;
	height: 30px;
	line-height: 30px;
	color: #0b1392;
	border: 2px solid #c5c5e8;
	border-radius: 5px;
	overflow: hidden;
}

body.page-events .customStyleSelectBox.changed {
/* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
body.page-events .customStyleSelectBoxInner {
	background: url('../images/dd.png') no-repeat right #fff;
	
    width: 192px !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 26px;
    white-space: nowrap;
    margin: 0 0 0 10px;
    background-position: 184px 0;
    padding-right: 18px;
}

#block-block-4 h2,
#block-views-exp-clone-of-events-page label {
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-size: 30px;
    line-height: 30px;
	color: #0b1392;
	font-weight: normal;
	margin: 0 0 10px 10px;
}

body.page-events .views-field-view-node a{
	display: block;
	width: 45px;
	height: 28px;
    float:right;
    text-indent:-9999px;
    border:0px solid white;
}
body.page-events .views-field-view-node {
/*	position: absolute;
	right: 0px; 
NO!! BAD IDEA
*/
    float:right;
    width:100%;
	height: 28px;
	background: url('../images/hand.png') no-repeat right;
}

/**********************************************************************************
 * END - Programs Page
 * 
 */
 
 
 
 
 
 
 
 
 
 
 

 
 
/* 
 * Basic Pages Node Pages
 * 
 *********************************************************************************/

body.node-type-page{}
body.node-type-page .node-page.view-mode-full .content{
    margin-left:10px;
}
    /* remove for programs page */
    body.node-type-page.page-node-3 .node-page.view-mode-full .content{    margin-left:0px;} 

body.node-type-page .content .field-name-field-header-image{
    margin-bottom:5px;
}
body.node-type-page .content .field-name-body h2,
body.node-type-page .content .field-name-body h3,
body.node-type-page .content .field-name-body h4{
    font-family: "league-gothic","Arial Black", Arial, Helvetica;
    font-weight: normal;
    margin: 0;
}
body.node-type-page .content .field-name-body h2{
    font-size: 29px;
    line-height: 29px;
}
body.node-type-page .content .field-name-body h3{
    font-size: 27px;
    line-height: 27px;

}
body.node-type-page .content .field-name-body h4{
    font-size: 25px;
    line-height: 25px;

}








/* node wildcards */
 

.view-node-sidebar-wildcard-items h2,
#block-views-rightside-wildcards-block h2.node-title ,
#block-multiblock-4 h2.node-title {
	display:none;
}
.view-id-node_sidebar_wildcard_items{
	margin-left: 10px;
	z-index: 9999;
    position: relative;
}

.view-display-id-rightside_tax .views-row,
.view-node-sidebar-wildcard-items .field-item .field-collection-view {
	background-color: #cce4ff;
	border: 10px solid #cce4ff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    margin: 0;
    padding: 0;
}
.view-display-id-rightside_tax .views-field-title,
.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-title {
	color: #000099;
	font-size: 24px;
	line-height: 26px;
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-weight:normal;
	margin:0 0 5px 0;
	
}

.view-display-id-rightside_tax .views-row {
	margin-bottom: 10px;
}

.view-display-id-rightside_tax .views-field-field-wildcard-image {
	margin: 0px;
}

.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-image{
    margin:0 0 8px 0; 
}
.view-display-id-rightside_tax .views-field-body {
	margin:5px 0 0 0;
}

.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-image img{
    border: 0;
    padding: 0;
    margin:0 0 0 0; 
    line-height: 0;
    float: none;
    display: block;
}

.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-text{
    margin:0 0 0 0; /*  link below handles margin */    
}

.view-display-id-rightside_tax .views-field-field-wildcard-link {
	text-align: right;
}
.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-link {
    float: right;
    width: 288px;
    margin:5px 0 5px 0;
}
.view-node-sidebar-wildcard-items .field-name-field-sidebar-wildcard-link a {
    float: right;
    text-indent:-9999px;
	display: block;
	width: 40px;
	height: 24px;
	background: url('../images/bhand.png') no-repeat 0 0;
	overflow:hidden;
	
}

.view-display-id-rightside_tax .views-field-php a:hover,
.view-display-id-rightside_tax .views-field-php a {
}

.rightside_plain,
.rightside_plain {
	text-decoration: none !important;
	color: black !important;
}




/*  Image only wildcards */

.view-display-id-rightside_tax .views-row.row-image-only{
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
    padding: 0;       
}
.view-display-id-rightside_tax .views-row.row-image-only .views-field-field-wildcard-image,
.view-display-id-rightside_tax .views-row.row-image-only .views-field-field-wildcard-image img{
    width: 320px;
}




/**********************************************************************************
 * END - Standard Pages Node Pages
 * 
 */
 
 
 
 
 
 
 
 
 
 
 
  
/* 
 * taxonomy node pages
 * 
 *********************************************************************************/

body.page-taxonomy-term .view-id-taxonomy_term{
    margin-left:10px;
}




/**********************************************************************************
 * END - taxonomy node pages
 * 
 */
 
 
 
 
 
 
 
 
 
/* 
 * Event Node Pages
 * 
 *********************************************************************************/


/* hide title... displayed again lower on page */
body.node-type-event #page-title{
    display:none;
}
/* move side bar down */
body.node-type-event .with-navigation .region-sidebar-second{
    margin-top:87px;
}


body.node-type-event h2#page-subject a,
body.node-type-event h2#page-subject {
	font-family: "PusabRegular","Arial Black", Arial, Helvetica;
	font-weight: normal;
	font-size: 38px;
	color: #009;
	line-height: 39px;
    margin:0 0 10px 0;
	text-decoration: none;
}

h3#event-type-header.blue-pusab-header{
    font-size: 19px;
	line-height: 21px;
	margin:0 0 0 10px;
}

body.node-type-event #page-title.event-page-title{
    display:block;
	color: #F30;
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-weight: normal;
	font-size: 40px;
	line-height: 40px;
    margin:0 0 10px 10px;
}
body.node-type-event #content .node.node-event{
    margin-left:10px;
    width:576px;
}

#block-block-5{ /* google maps block */
}

#block-block-5 address{
    font-weight:bold;
    margin-left:10px;
}
#block-block-5 h2.block-title{
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
}

/* buy now */
body.node-type-event .field-name-field-buy-now  {
	display: block;
	background: transparent url('../images/ticket-buynow-left.png') no-repeat 0 0;
	float: right;

}
body.node-type-event .field-name-field-event-price,
body.node-type-event .field-name-field-event-price a,
body.node-type-event .field-name-field-buy-now,
body.node-type-event .field-name-field-buy-now a,
body.node-type-event .field-name-field-event-price .field-item{
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	color: #009;
	text-decoration: none;
	display: block;
	width:136px;
	width:auto;
	height:87px;
	
font-size: 80px;
line-height: 92px;
text-indent: 20px;

}
body.node-type-event .field-name-field-event-price .field-item{
    padding-right: 65px;
    background: transparent url('../images/ticket-buynow-right.png') no-repeat right 0;
}

body.node-type-event .field-name-field-buy-now.no-buynow-link .field-name-field-event-price .field-item{
	background: transparent url('../images/ticket-nobuynow-right.png') no-repeat right 0;

    padding-right:12px;
    
    padding-right: 19px;
    margin-left: 22px;
}


body.node-type-event .field-name-field-event-image{
    margin-bottom:10px;
}
body.node-type-event .field-name-field-event-date,
body.node-type-event .field-name-field-display-text-date-time-tex{
	float: left;
	width: 430px;
	padding-top: 50px;
}
body.node-type-event .field-name-field-event-date .field-item div,
body.node-type-event .date-display-single,
body.node-type-event .field-name-field-display-text-date-time-tex{
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	color: #009;
	font-size: 36px;
	line-height: 36px;
}

body.node-type-event .date-display-single{
    font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    line-height: 17px;
    margin-top:3px;
    display:block;
}

body.node-type-event .field-name-field-event-date .field-items .field-item:first-child *:first-child{
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	color: #009;
	font-size: 36px;
	line-height: 36px;
}

body.node-type-event .field-name-body {
	clear: both;
	padding-top: 25px;
}

body.node-type-event .field-name-field-event-type {
	clear: both;
	padding-top: 10px;
}
body.node-type-event .field-name-field-event-type,
body.node-type-event .field-name-field-event-category {
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 25px;
}

body.node-type-event .field-name-field-event-type a,
body.node-type-event .field-name-field-event-category a {
	color:black;
}

body.node-type-event .field-name-field-event-category {
	padding-bottom: 50px;
}


/**********************************************************************************
 * END - Event Node Pages
 * 
 */


body.page-taxonomy-term #page-subject {
	display:none;
}










a:link, a:visited {
	color: #ff3300;
	font-weight: normal;
	text-decoration: underline;
}
a:hover, a:active {
	color: #009;
	font-weight: normal;
	text-decoration: underline;
}
/* Homepage Links Body*/
.view-homepage-news .views-field-field-hide-read-more a,
.view-homepage-news .views-field-field-external-link,
.view-homepage-news .views-field-view-node {
	float:right;
}

.view-homepage-news .views-field-field-hide-read-more a,
.view-homepage-news .views-field-field-external-link a,
.view-homepage-news .views-field-view-node a {
	font-weight: bold;
	font-size: 9px;
}
.view-homepage-news ul.pager{
    float:right;
}

/*Welcome back block */
#block-block-2 {
	text-align: right;
}
#block-block-2 .welcome-back {
	font-weight: bold;
}

/* Follow us block*/
#follow-us-title {
	color: #009;
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-size: 32px;
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: normal;
	margin-top: 10px;
	height: 34px;
}





/* Taxonomy Click for more */

#block-block-6 a,
#block-block-6 a:hover{
    text-decoration:none;
}

#click-for-more {
    position:relative;
	display: block;
	width: 315px;
	height: 161px;
	background: transparent url('../images/clickformore.png') no-repeat 0 0;
}


#click-for-more #clickmore-text {
	color:white;
	font-size: 28px;
	font-family: "league-gothic","Arial Black", Arial, Helvetica;
	font-weight: normal;
	position: absolute;
	bottom: 56px;
	left: 18px;
}


/*  */
body.node-type-news-item .node .content {
    margin-left:10px;
}

/* Slideshow Styles */
body.node-type-news-item .field-name-field-news-image {
	margin-bottom: 15px;
}
.field-slideshow-caption .field-slideshow-caption-text {
	font-weight: bold;
	text-align:center;
	width: 100%;
	display: block;
}
.field-slideshow-controls {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

#field-slideshow-1-controls {
	opacity: 0;
	position:absolute;
	z-index:99999;
}

#field-slideshow-1-controls:hover {
	opacity: 1;
}

.field-slideshow-wrapper{
	position: relative;
}
.field-slideshow-wrapper .field-slideshow-slide{
    text-align: center;
    width: 580px !important;
}
.field-slideshow-wrapper .field-slideshow-slide img.field-slideshow-image{
    margin:0 auto;
}


.field-slideshow-controls a.prev {
	position: absolute;
	background-color: transparent;
	background-image: url(/sites/all/themes/coneyisland/images/nav-blue.png);
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	z-index: 1038;
}
.field-slideshow-controls a.next {
	position: absolute;
	right: 0px;
	left: auto;
	top: 50%;
	background-image: url(/sites/all/themes/coneyisland/images/nav-blue.png);
	background-position: 100% 50%;
	display: block;
	width: 32px;
	height: 32px;
}

.node-news-item .field-name-body {
	clear:both;
}

#block-views-programs-header-node-view-block .field-slideshow-slide.field-slideshow-slide-1.even.first {
	position: relative !important;
	z-index: 0 !important;
}





/*  share this */

.sharethis-buttons{
    margin:20px 0;
}





/* 
 * FOOTER
 * 
 *
 *********************************************************************************/

#footer-wrapper,
.region-footer{
    float:left;
}
#footer-wrapper a,
.region-footer a,
#block-block-1 a{
    text-decoration:none;
}
#block-block-1{
    color: #000;
    position: relative;
    display: block;
    height: 175px;
    border-radius: 10px;
    border: 5px solid #FC0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    background: #FC0;
    width: 940px;
    left: -10px;
    top: -10px;
    height:42px;
}

#block-block-1 *{
    padding:0;
    margin:0;
    text-align:left;
}
#block-block-1 h3{
float: left;
width: 360px;
height: 42px;
font-family: "PusabRegular","Arial Black", Arial, Helvetica;
font-weight: normal;
font-size: 32px;
line-height: 47px;
color: #F30;
text-indent:5px;
    
    
    text-shadow:
    -1px -1px 1px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    1px 1px 1px #fff; 
}
#block-block-1 p{
    float: left;
    width: 550px;
    font-size: 12px;
}
#block-block-1 p.footer-tagline{
    margin-top:5px;
}

#footer-wrapper h2{
color: #F30;
font-family: "league-gothic","Arial Black", Arial, Helvetica;
font-size: 24px;
line-height: 24px;
text-decoration: none;
margin-bottom: 6px;
display: block;
font-weight:normal;

}

#block-menu-menu-footer-menu-1,
#block-menu-menu-footer-menu-2,
#block-menu-menu-footer-menu-3{
    float:left;
    width: 310px;
    font-size:12px;
}
#block-menu-menu-footer-menu-1:after,
#block-menu-menu-footer-menu-2:after,
#block-menu-menu-footer-menu-3:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#block-menu-menu-footer-menu-1 h2,
#block-menu-menu-footer-menu-2 h2,
#block-menu-menu-footer-menu-3 h2{
    margin-left:10px;   
}

#block-menu-menu-footer-menu-1 .content > ul{
    height:300px;
}
#block-menu-menu-footer-menu-2 .content > ul,
#block-menu-menu-footer-menu-3 .content > ul{
    border-left:1px solid #d3d3d3;
    height:300px;
}

#block-menu-menu-footer-menu-1 .content > ul,
#block-menu-menu-footer-menu-2 .content > ul,
#block-menu-menu-footer-menu-3 .content > ul{
    padding-left:10px;   
    margin:10px 0 0 0;
}


#block-menu-menu-footer-menu-1 ul li,
#block-menu-menu-footer-menu-2 ul li,
#block-menu-menu-footer-menu-3 ul li{
    list-style:none inside none;
    margin-bottom:5px;
}
#block-menu-menu-footer-menu-1 ul ul,
#block-menu-menu-footer-menu-2 ul ul,
#block-menu-menu-footer-menu-3 ul ul{
    margin-top:5px;
}
#block-menu-menu-footer-menu-1 ul li li,
#block-menu-menu-footer-menu-2 ul li li,
#block-menu-menu-footer-menu-3 ul li li{
    list-style-type: disc;
    list-style-image: none;


}
#footer-wrapper a{
    color:#000;
    
}

#footer-wrapper a:hover {
	font-weight: normal;
	text-decoration: underline;
}


/**********************************************************************************
 * END - Footer
 * 
 */















/* 
 *   MOBILE FLUID ADJUSTMENTS
 *
 *********************************************************************************/

/*
@media only screen and (max-width: 1029px) {
    
    #page-wrapper,
    #page,
    #content-top,
    #main-wrapper,
    #main,
    #footer-wrapper{
        width: auto;
    }
    
    #navigation{
        width: calc(100vw + 112px);
        left: 0;
        margin-left: -112px;
    }
    
    #content{
        width: 100%;
    }
 
    .with-navigation #content,
    .with-navigation .region-sidebar-first,
    .with-navigation .region-sidebar-second,
    
    .region-sidebar-second .section{
        width: 100%;
        float: left;
    }
 
}

*/



/**********************************************************************************
 *
 *  END --   MOBILE FLUID ADJUSTMENTS
 */
 
 
.customStyleSelectBox {
background-color: white;
border-color: black;
border: 1px;
padding:2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
padding-right:10px;
}
.customStyleSelectBoxInner {
cursor:pointer !important;
}
.customStyleSelectBox:after {
content: "";
width: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid black;
height: 0;
position: absolute;
margin-top: 3px;
}
