/*
Theme Name: Dance Island
Theme URI: http://www.katmcdivitt.com/
Description: A specially customized theme.
Version: 1.0
Author: Christopher Smith
Author URI: http://wiki.jalakai.co.uk/
Tags: custom

    Dance Island v1.0
    http://www.katmcdivitt.com

    This theme was built by Christopher Smith, Jalakai Designs
    based on graphics supplied by Kat McDivitt, Kat McDivitt Web Design and Marketing,
    http://www.katmcdivitt.com
    
    The foundation for this theme is Michael Heilemann's excellent Kubrick theme 
    (version 1.5).
    
    The CSS and HTML are released under GPL: http://www.opensource.org/licenses/gpl-license.php
    Graphical elements are Copyright 2008 Kat McDivitt Web Design and Marketing.

*/

/* reset/normalize styles */
@import url(reset.css);

/* typography */
@import url(fonts.css);

/* colors */
@import url(colors.css);

/* layout */
body {
 margin: 0;
 padding: 0 0 12px;
}
#page {
  margin: 0 auto;
  padding: 0;
  width: 780px;
}
#page .page_decorator {
  background-image: url(./images/bkg-page-bottom.png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 6px;
}
#banner {
  background: url(./images/banner.jpg) 0 0 no-repeat;
  height: 121px;
}
.home #banner {
  background: url(./images/banner-home.jpg) 0 0 no-repeat center center;
  height: 231px;
}
#banner p {
  margin: 0;
}
#banner p#title {
  padding: 52px 12px 0 0;
  text-align:right;
}
.home #banner p#title {
  padding: 110px 18px 0 0;
}
#content {
  margin: 0 auto;
  width: 762px;
}
#content .content_wrap {
  overflow: hidden;
  padding-bottom: 2em;
  padding-top: 4px;
}
#sidebar {
  float: left;
  padding-top: 48px;
  width: 188px;
}
#main {
  float: right;
  width: 516px;
}
.main_decorator {
}
.main_wrap {
}
#footer {
  margin: 0;
  overflow: hidden;
  padding: 8px;
  text-align: center;
}
p.smallprint {
  margin: 0;
  line-height: 1;
}
p.attribution {
  margin-top: 6px;
  text-align: right;
  line-height: 1;
}
#navigation {
  background: url(./images/bkg-menu-bar.png) 0 0 no-repeat;
  border-bottom: 1px solid #fff;
  height: 31px;
  line-height: 1;
  margin: 0 auto;
  width: 765px;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigation li {
  float: left;
  margin: 0;
  padding: 0;
  width: 20%;
}
#navigation li:hover {
  position: relative;
}
#navigation a {
  border-right: 1px solid #e4e8ff;
  display: block;
  padding: 6px 0;
  position: relative;
  z-index: 1;
}
#navigation .last a {
  border-right: none;
}
#navigation li a:hover {
/*  background: url(./images/bkg-nav-over.png) -12px 0 no-repeat;*/
  color: #1d9ed0;
}
#navigation li.first a:hover {
  background: url(./images/bkg-nav-over.png) 0 0 no-repeat;
}
#navigation li.last a:hover {
  background: url(./images/bkg-nav-over.png) 100% 0 no-repeat;
}
#navigation ul ul {
  border-bottom: 1px solid #fff;
  cursor: pointer;
  display: none;
  left: -1px;
  padding-top: 30px;
  position: absolute;
  top: 7px;
  width: 100%;
}
#navigation ul ul li {
  border-left: 1px solid #fff;
  float: none;
}
#navigation ul ul li.page_item a {
/*  background: #1d9ed0;
  border-right: 1px solid #e4e8ff;
  border-top: 1px solid #fff;*/
  color: #fff;
  font-weight: normal;
/*  padding: 9px;*/
  text-align: left;
}
#navigation li:hover ul {
  display: block;
}
#navigation li ul ul {
  display: none;
  left: 100%;
  padding-top: 0;
  position: absolute;
  top: 0px;
}
#navigation li:hover ul ul {
  display: none;
}
#navigation ul ul li:hover {
  position: relative;
}
#navigation ul li.page_item ul li:hover a {
/*  background: #2c2273;*/
}
#navigation ul ul ul li {
  border-left: none;
}
#navigation ul li.page_item ul li:hover ul a {
  background: #1d9ed0;
}
#navigation ul ul li:hover ul {
  display: block;
}
#navigation ul li.page_item ul ul li:hover a {
  background: #2c2273;
}

#navigation #skip_link {
  left: 0;
  position: absolute;
  top: -1000px;
}
#navigation #home_link {
  left: 0;
  position: absolute;
  top: -1000px;
}

/* sidebar stuff */
#sidebar .widget-menu h2 {
  margin: 5px 0;
  padding-left: 10px;
}
#sidebar .sidebar-menu {
  border-bottom: 1px solid #8ccde6;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar .sidebar-menu li {
  border-top: 1px solid #8ccde6;
  margin: 0;
}
#sidebar .sidebar-menu a,
#sidebar .sidebar-menu .current_page_item ul a {
  background: url(./images/bullet-nav.png) 8px 3px no-repeat;
  display: block;
  padding: 9px 0 7px 43px;
  text-decoration: none;
}
#sidebar .sidebar-menu a:hover,
#sidebar .sidebar-menu .current_page_item a {
  background-image: url(./images/bullet-nav-over.png);
}
#sidebar .sidebar-menu ul {
  list-style: none;
  padding-left: 0;
}
#sidebar .sidebar-menu ul a,
#sidebar .sidebar-menu ul a:hover {
  background: url(./images/bullet-nav-minor.png) 58px 12px no-repeat;
  padding-left: 79px; 
}
#sidebar ul.widget-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#sidebar img {
  display: block;
  margin: 0 auto;
  padding: 3px 0 1em 0;
}

.hilite {
  margin: 1em 0;
  overflow: hidden;
  padding: 1em 1.5em;
}
/* home page stuff */

.home .feature-content {
  clear:  both;
}

.featurebox {
}
.featurebox .feature-left {
  float: left;
  padding: 0 6px 6px 0;
}
.featurebox .feature-right {
  float: right;
  padding: 0 0 6px 6px;
}
.featurebox .feature-content {
  overflow: hidden;
  text-align: center;
}
.othercontent {
  background: url(./images/bkg-home-separator.png) 50% 0 no-repeat;
  border-top: 1px solid #f5e4e1;
  clear: both;
  overflow: hidden;
  padding: 4px;
}
.othercontent .box1 {
  float: left;
  width: 48%;
}
.othercontent .box2 {
  float:right;
  width: 48%;
}
.othercontent h2 {
  background: url(./images/bkg-ttl-gradient.jpg) 0 0 repeat-y;
  margin: 2px;
  padding: 4px 8px 3px;
}
.othercontent .box-content {
  margin: 0 2px;
  padding: 2px 8px;
}

/* content styles */
#main h1 {
  margin: 0.4em 0 0.5em;
}
#main h2 {
  margin: 1em 0 0.33em;
}
#main h3 {
  margin: 1em 0 0.5em;
}
#main ul {
  list-style: none;
  padding-left: 8px;
}
#main ul li {
  background: url(./images/bullet.png) 0 3px no-repeat;
  padding: 2px 0 4px 24px;
}
/* wordpress stuff */
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
  clear: both;
}
.wp-caption {
  background: #e8e8e8;
  display: inline;
  float: left;
  border: 1px solid #999;
  margin: 2px;
  padding: 5px 2px 2px;
}
.wp-caption a, 
.wp-caption img {
  display: block;
  margin: 0 auto;
}
.wp-caption p {
  margin: 5px 0 2px;
  text-align: center;
}
img.alignleft {
  float: left;
  padding: 0 6px 6px 0;
}
div.alignright {
  float: right;
  margin: 0 0 6px 6px;
}
img.alignright {
  float: right;
  padding: 0 0 6px 6px;
}




/* ********8-23-2014 RON'S CHANGES ronlum.com  */
body { font-family: lato, 'helvetica neue', arial, sans-serif; font-size: 1em; background: #2b2273}
.contain { max-width: 940px; margin: 0 auto }
.top-contain  { max-width: 940px }
.page-template-page-wide-php .page_wrap .contain  {  max-width:1080px  }
.page-template-page-wide-php #sidebar { display:none}
.page-template-page-wide-php #main { width:auto; float:none; }
#page {width:auto}
#content { width:auto; }
#main { width:67.7% }
#sidebar { width:24.8%; margin-right:7.5%; font-size:.9em}
img { max-width:100%!important; height:auto!important}


@media only screen and (max-width:767px) {
	#main { width:100%; float:none}
	#sidebar { width:100%; float:none; margin-right:0}
	.contain { padding-left:5%; padding-right:5% }
}

#banner { margin-right:0; background-color: #2b2273; background-position: center center; background-image: url(images/new-banner.jpg); margin-bottom:-10px; }
.home #banner { background-image:url(images/new-banner.jpg); background-color: #2b2273; margin-bottom:-18px}
#banner .contain { position:relative; width:100%; height:100%; padding-left:0!Important; padding-right:0!important}
#logo { position: absolute; right:0; bottom:25px; max-width:400px; }

@media only screen and (max-width: 960px) {
	#navigation { border:0!important;  }
	#banner { margin-bottom:0 }
}

@media only screen and (max-width: 750px) {
	#banner, .home #banner { background :url(images/new-banner.jpg) #2b2273 center center no-repeat; background-size:cover; height:auto}
	#logo { position:static; width:100%; max-width:100%;text-align: center;}
	#logo img { max-width:300px }
}





#navigation .sub-menu{ z-index:5000} 
#navigation { height:auto;width:auto; background-image:none;background: #247fba; border-radius: 8px; border-radius:0\9; border:1px solid white; border-bottom:0; 
/* Old browsers */
background: #247bb7; /* Old browsers */
background: -moz-linear-gradient(top,  #247bb7 0%, #1e9cce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#247bb7), color-stop(100%,#1e9cce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #247bb7 0%,#1e9cce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #247bb7 0%,#1e9cce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #247bb7 0%,#1e9cce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #247bb7 0%,#1e9cce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247bb7', endColorstr='#1e9cce',GradientType=0 ); /* IE6-9 */

 }
#menu-main-menu li { width:auto}
#menu-main-menu > li >a{ transition: .2s ease-out; padding: 10px 8px}
#menu-main-menu  > ul > li > a { text-align:left; font-weight:normal}

#menu-main-menu >li >a:hover { background:#bddfef !important; } 

#menu-main-menu { display:table; table-layout: fixed; display:block\9;width:100%; }
#menu-main-menu > li { display:table-cell; float:none; display:block\9; float:left\9 }
#menu-main-menu .sub-menu { text-align:left; min-width:135px; font-size:.8em}
#menu-main-menu .sub-menu li {background: #1d9ed0; border-right: 1px solid #e4e8ff ; border-top: 1px solid #fff; color: #fff; padding: 9px; transition: .2s ease-out}
#menu-main-menu .sub-menu a { border-right:0 ; font-weight: normal; text-align:left}
#menu-main-menu > li:first-child >a{ border-radius: 8px 0 0 8px ; border-radius:0\9}
#menu-main-menu > li:last-child >a { border-radius: 0 8px 8px 0 ; border-radius:0\9}
#menu-main-menu .sub-menu li:hover {background:#2c2273!important;}
#menu-main-menu .sub-menu li a:hover {  color:white!important }

/*firefox hacks*/
@-moz-document url-prefix() { 
	#menu-main-menu { display:block; text-align:center }
	#menu-main-menu > li { display:inline-block; }
	#navigation a { border-right:0;  }
	#menu-main-menu > li:first-child > a, #menu-main-menu > li:last-child >a { border-radius:0}
}

/*menu breakpoint*/ 
/*@media only screen and (max-width: 767px ) {
	#navigation { border-radius: 0; width:50%; transition:.3s; transform:translateX(-100%) }
	#navigation.activate { transform: translateX(0) }
	#menu-main-menu { display:block }
	#menu-main-menu > li { display:block  } 
}

body { overflow-x: hidden} /* to allow for menu shift*/

/* home duo*/
@media only screen and (max-width:680px) {
	.othercontent { background-image:none}
	.othercontent .box1 { float:none; width:100% }
	.othercontent .box2 { float:none; width:100% }
}
	
/* mobile menu*/
#menu-main-menu-1 > li{ background: #111; }
#shiftnav-toggle-main { display:none\9}
.shiftnav-menu a { font-weight:bold; line-height:1.5em!important; color: #eee }
.shiftnav-menu .sub-menu a { background: #363636;font-weight:normal }
.shiftnav ul.shiftnav-menu.shiftnav-targets-medium li.menu-item > .shiftnav-target { padding-top:15px!Important; padding-bottom: 15px!important }
.shiftnav .current_page_item >a, .shiftnav .current-menu-item>a { background: #7B285F!important; color:white }

#menu-main-menu-1 > li > a:before { font-family: fontawesome; margin-right:10px ; font-weight:normal; font-size:1.5em }

/*home*/
.shiftnav-menu .menu-item-3144 > a:before { content: '\f015';  }
/*about*/
.shiftnav-menu .menu-item-3145 > a:before { content: '\f05a'; } 
/*resources*/
.shiftnav-menu .menu-item-3154 > a:before { content: '\f115';  }
/*gallery*/
.shiftnav-menu .menu-item-3168 > a:before { content: '\f03e'; }
/*contact*/
.shiftnav-menu .menu-item-3180 > a:before { content: '\f003'; }

/*mobile menu mod*/
#menu-main-menu-1 { padding-top:100px; background:url(images/dance-island-logo.png) center 15px no-repeat #2b2273; background-size:contain }
/*fix gap at top*/
.shiftnav-no-transforms .shiftnav-inner { padding-top:0!Important}




/*youtube */
.arve-play-background { cursor:pointer}
.arve-wrapper {z-index:0\9 } 
.arve-wrapper iframe { z-index:0\9}
#page .page_decorator { background-image:none }

/* ******** NINJA FORMS ********/
.leftThird-wrap { width:31.3%; margin-right:2%; float:left; clear:both}
.middleThird-wrap { width:31.3%; margin-left:1%; margin-right:1%; float:left }
.rightThird-wrap { width:31.3%; margin-left:2%; float:left }
.leftHalf-wrap { width:48%; margin-right:2%; float:left ; clear:both}
.rightHalf-wrap { width: 48%; margin-left:2%; float:left }
#main .ninja-forms-cont ul li { background-image:none; padding-left: 15px}
.ninja-forms-cont hr { clear:both}
#ui-datepicker-div { background: #111!important}
#ui-datepicker-div a { color: #ddd!important}
.ninja-forms-field { clear:both}  
.ninja-forms-cont input[type="text"]  { padding: 7px 0px 7px 5px; border: 1px solid #ccc }
.ninja-forms-cont input[type="text"]:focus { background: #ffb }
.ninja-forms-error-msg { padding:8px 6px; font-weight:bold; color:white; background:salmon; font-size: 1.4em }
.ninja-forms-field-error { padding:5px; color:white; background:salmon }
.ninja-forms-field-error { padding:0}