/**
 * @file
 * Navigation Styling
 */


/*
 * The active item in a Drupal menu
 */
li a.active {
color: #31c9ff;   /* blue */
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
  position: relative;
  padding-top: 62px;
    padding-left: 15px;
  /*left: 170px;  /*  was 200px */
    width:780px;
    float: left;
    height: auto;
}

#block-om-maximenu-om-maximenu-1 {
    height: 50px;
    margin-bottom: 0px;
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
    /*width: 781px;*/
}
#navigation .content ul:after {
  content: "";
  display: block;
  clear: both;
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
  /* float: left; */ /* LTR */
  padding: 0 0px 0 0; /* LTR */
  position: relative;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
}

#secondary-menu {
  float: right;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}


/* ADDITIONS */

.region-header .block {
margin: 0px;
padding: 0px;
}


/* PRIMARY MENU */

li.om-leaf {
width: 105px;
}

li.leaf-support-us   {
    width:130px;
}

li.leaf-education   {
    width:124px;
}

li.leaf-aboutthe-a-r-t- {
/*width: 120px;*/
}

.leaf-shows-events span.om-link,
.leaf-planyour-visit span.om-link,
.leaf-planyour-visit a.om-link,
.leaf-shows-events a.om-link
{
font-family:"ITCLubalinGraphW01-Demi";
color: #ddd200;   /* yellow */
font-size: 18px;
/* width: 160px; */
padding: 0px;
font-weight: normal;
text-decoration:none;
}
.leaf-oberon span.om-link,
.leaf-a-r-t-institute span.om-link,
.leaf-aboutthe-a-r-t- span.om-link,
.leaf-oberon a.om-link,
.leaf-a-r-t-institute a.om-link,
.leaf-aboutthe-a-r-t- a.om-link,
.leaf-support-us a.om-link,
.leaf-education a.om-link
{
font-family:"ITCLubalinGraphW01-Demi";
color: #31c9ff;  /* blue */
font-size: 18px;
/* width: 160px; */
padding: 0px;
font-weight: bold;
text-decoration:none;
}
.om-maximenu .hover {
background: none;
}
.om-maximenu .hover {
background: url(../images/pink-underline.png) no-repeat left bottom;
}
.om-maximenu li.active,
.content-type-season-view .leaf-shows-events,
.page-node-42 .leaf-aboutthe-a-r-t- {
display: block;
background: url(../images/pink-underline.png) no-repeat left bottom;
}



#om-menu-calendar-search-links li.active  {
background: none;
}
.om-maximenu ul.om-menu .leaf-oberon span {
/*
position: absolute;
bottom: 0;
height: 30px;
display: block;
*/
}

.om-maximenu ul.om-menu .leaf-oberon a,
.leaf-support-us a.om-link,
.leaf-education a.om-link {
position: absolute;
bottom: 0;
height: 30px;
display: block;
}
.om-maximenu ul.om-menu .leaf-oberon .om-maximenu-content a {
position: relative;
bottom: auto;
height: auto;
display: block;
}
.om-maximenu h3 {
font-family:"ITCLubalinGraphW01-Bk";
color: #cacaca;
font-size: 16px;
padding: 0px;
margin: 0px;
margin-top: 0px;
margin-bottom: 5px;
}
.om-maximenu .view-id-shows_menu h3 {
color: #31C9FF;
}


.om-maximenu h3.title {
display: none;
}
.om-maximenu .view-shows-menu .item-list,
.om-maximenu #block-menu-menu-shows-events ul.menu li {
float: left;
width: 140px;
margin-right: 10px;
list-style: none;
}

.om-maximenu table {
/* margin-top: 10px; */
}

#navigation .om-maximenu ul.menu li ul li {
width: 90%;
list-style: none;
float: none;
padding-left: 8px;
background: url(../images/menu-arrow-right.png) no-repeat left 5px;
}

#navigation .om-maximenu .leaf-planyour-visit ul li,
#navigation .om-maximenu .leaf-support-us ul li,
#navigation .om-maximenu .leaf-education ul li,
#navigation .om-maximenu .leaf-oberon ul li,
#navigation .om-maximenu .leaf-aboutthe-a-r-t- ul li,
#navigation .om-maximenu .leaf-a-r-t-institute ul li,
#navigation .om-maximenu .block-menu-id-menu-shows-events ul li  {
/* width: 90%; */
width: 140px;
margin-right: 10px;
list-style: none;
float: none;
float: left;
}
#navigation .om-maximenu .leaf-planyour-visit ul ul li,
#navigation .om-maximenu .leaf-support-us ul ul li,
#navigation .om-maximenu .leaf-education ul ul li,
#navigation .om-maximenu .leaf-oberon ul ul li,
#navigation .om-maximenu .leaf-aboutthe-a-r-t- ul ul li,
#navigation .om-maximenu .leaf-a-r-t-institute ul ul li {
/* width: 90%; */
padding-left: 10px;
background: url(../images/menu-arrow-right.png) no-repeat left 5px;
}



#navigation .om-maximenu #block-block-13 ul li {
width: 100%;
margin-right: 40px;
list-style: none;
float: none;
padding-left: 10px;
background: url(../images/menu-arrow-right.png) no-repeat left 5px;
}

.om-maximenu ul li ul li a {
color: #31C9FF;
font-size: 12px;
text-decoration: none;
}
.om-maximenu ul.menu li ul li a:hover {
text-decoration: underline;
}
#navigation .content .view-shows-menu .item-list li,
#navigation .content #block-menu-menu-shows-events ul.menu li ul li {
list-style: none;
float: none;
padding-left: 10px;
background: url(../images/menu-arrow-right.png) no-repeat left 5px;
}

#navigation .om-maximenu  .block  {
margin-bottom: 15px;
width: 925px;
}
#navigation .om-maximenu .block-block-id-13 .block  {
margin-bottom: 15px;
}


.om-maximenu .leaf-a-r-t-institute ul li a,
.om-maximenu .leaf-aboutthe-a-r-t- ul li a,
.om-maximenu .leaf-support-us ul li a,
.om-maximenu .leaf-education ul li a,
.om-maximenu .leaf-oberon ul li a,
.om-maximenu .leaf-planyour-visit ul li a,
.om-maximenu .view-shows-menu .item-list li a,
.om-maximenu #block-menu-menu-shows-events ul.menu li ul li a,
.om-maximenu .block-menu-id-menu-shows-events ul.menu li ul li a,
.om-maximenu .block-block-id-13 li a {
color: #31C9FF;
color: #b2e7fa;
font-size: 12px;
text-decoration: none;
/* line-height: 8px; */
display: inline;
margin: 0;
}
.om-maximenu .view-shows-menu .item-list li,
.om-maximenu #block-menu-menu-shows-events ul.menu li ul li,
.om-maximenu .block-block-id-13 li {
line-height: normal;
margin-bottom: 5px;
}
.om-maximenu .view-shows-menu .item-list li a:hover ,
.om-maximenu #block-menu-menu-shows-events ul.menu li ul li a:hover ,
.om-maximenu .block-block-id-13 li a:hover {
text-decoration: underline;
}
.om-maximenu .view-shows-menu .item-list h3,
.om-maximenu #block-menu-menu-shows-events ul.menu>li>span,
.om-maximenu li>span {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 12px;
text-transform: uppercase;
padding: 0;
margin: 0;
margin-bottom: 5px;
color: #31C9FF;
line-height: 13px;
display: block;
}
.om-maximenu li {
list-style: none;
}
.om-maximenu .block-block-id-13 li {
list-style: none;
float: none;
width: 170px;
}
.block-views-id-shows_menu-block,
.block-menu-id-menu-shows-events
{
border-top: 1px solid #000;
padding-top: 8px;
}

#block-block-18 h3,
#block-block-19 h3,
#block-block-20 h3,
#block-block-17 h3   {
border-bottom: 1px solid #000;
padding-bottom: 15px;
margin-bottom: 20px;
}

#om-maximenu-calendar-search-links {
z-index: 90;
margin-left: 10px;
}

#om-maximenu-calendar-search-links .event-categories li.last {
padding: 20px 0 10px 0;
font-weight: bold;
}

#block-block-17 h3 {
/*
float: left;
width: 400px;
*/
}
#block-block-17 .blurb h3 {
padding: 0;
margin: 0;
}

#block-block-17 .links {
float: left;
margin-left: 20px;
width: 500px;
}
#block-block-17 .links li {
float: left;
}

#navigation .om-maximenu .leaf-oberon #block-block-17 .links li {
float: left;
width: 150px;
}




/* END PRIMARY MENU */


/* SECONDARY MENU */

/* nice menus: see art_nice_menus.css but some alterations below */

#block-nice-menus-1 {
color: #31c9ff;  /* blue */
/* position: relative; */
position: absolute;
top: 0px;
right: 0px;
padding-right: 30px;

z-index: 99999;
/* padding-left: 10px; */
height: 35px;
clear: both;
}
ul.nice-menu a {
display: block;
color: #31c9ff;  /* blue */
}
ul.nice-menu li ul a {
display: block;
color: #B2E7FA;
}
#block-nice-menus-1 li span {
display: block;
/* padding: 3px 8px 0 2px; */
padding: 0.3em 5px 0.3em 5px;
cursor: pointer;
}
#block-nice-menus-1 li ul li span {
display: block;
padding: 5px 0px 5px 5px;
cursor: pointer;
color: #B2E7FA;
}
#block-nice-menus-1 li span:hover {
/* text-decoration: underline; */
}

/* END SECONDARY MENU */


/* LOGIN AND SEARCH AREA */

#block-art-custom-login-and-search {
background-color: #202021;  /* dark grey */
height: 35px;
width: 460px;
/*
float: right;
clear: both;
*/

position: absolute;
top: 35px;
right: 0px;
}
#block-art-custom-login-and-search .user-login-links {
color: #FFF;
float: left;
margin: 7px 10px 0 22px;
font-size: 13px;
}
#block-art-custom-login-and-search .user-login-links a {
color: #FFF;
text-decoration: none;
}
#block-art-custom-login-and-search .user-login-links a:hover {
color: #FFF;
text-decoration: underline;
}
#block-art-custom-login-and-search #search-block-form,
#block-art-custom-login-and-search #search-block-form--2 {
float: right;
/* margin: 6px 15px 0 0; */
/* padding: 6px 15px 0 0; */
}


#block-art-custom-login-and-search .container-inline div {
display:  inline-block;
}
#block-art-custom-login-and-search .container-inline {
position: relative;
}

#block-art-custom-login-and-search #edit-submit {
position: absolute;
top: 6px;
right: 15px;
}

#block-art-custom-login-and-search #edit-search-block-form--2 {
position: absolute;
top: 7px;
right: 40px;
}




#block-art-custom-login-and-search #search-block-form h2,
#block-art-custom-login-and-search #search-block-form--2 h2 {
display:none;
}
#block-art-custom-login-and-search #search-block-form .form-item,
#block-art-custom-login-and-search #search-block-form--2 .form-item {
margin: 0;
}
#block-art-custom-login-and-search #search-block-form #edit-submit,
#block-art-custom-login-and-search #search-block-form--2 #edit-submit--2,
#block-art-custom-login-and-search #search-block-form #edit-submit--2, #search-block-form #edit-submit, .node-type-webform #search-block-form #edit-submit--2 {
background: url(../images/search-btn.png) no-repeat left 1px;
text-indent: -9999px;
height: 23px;
width: 21px;
border: none;
cursor: pointer;
margin-left: -4px;

display: -moz-inline-box;
display: inline-block;
text-indent: -3000px;
font: 0/0 Arial;
overflow: hidden;
color: rgba(255,255,255,0);
/*
width: 300px;
height: 75px;
background: url(test.png);
*/

}




}
#block-art-custom-login-and-search #search-block-form #edit-submit:hover,
#block-art-custom-login-and-search #search-block-form--2 #edit-submit--2:hover,
#block-art-custom-login-and-search #search-block-form #edit-submit--2:hover {
background: url(../images/search-btn.png) no-repeat left bottom;
text-indent: -9999px;
height: 23px;
width: 21px;
border: none;
cursor: pointer;
margin-left: -4px;
}
input#edit-search-block-form--2,
input#edit-search-block-form--4 {
width: 180px;
border: #6d6d6d 1px solid;
font-size: 12px;
height: 18px;
padding-left: 5px;
vertical-align: bottom;
}

span.login {
margin-right: 20px;
}

/* END LOGIN AND SEARCH AREA */


#om-menu-calendar-search-links .om-maximenu-content {
position: absolute;
width: 694px;
margin-left: -693px;
margin-top: -290px;
/* padding: 0 0 0 20px; */
/* border-top: 1px solid #31C9FF; */
}
#om-menu-calendar-search-links .om-maximenu-top {
border-top: 1px solid #31C9FF;
border-right: 1px solid #31C9FF;
border-left: 1px solid #31C9FF;
width: 694px;
margin-left: -1px;
}



#om-menu-calendar-search-links .om-maximenu-content .om-maximenu-middle {
border-right: 1px solid #31C9FF;
border-left: 1px solid #31C9FF;
margin-left: -1px;
}
#om-menu-calendar-search-links .om-maximenu-content .om-maximenu-middle-left {
/*
border-right: 1px solid #31C9FF;
border-left: 1px solid #31C9FF;
margin-left: -1px;
*/
}
#om-menu-calendar-search-links .om-maximenu-content .om-maximenu-bottom {
background: url(../images/mega-menu-bottom-calendar.png) no-repeat top;
height: 9px;
background-color: none;
width: 696px;
margin-left: -1px;
}

#om-menu-calendar-search-links .column {
float: left;
width:25%;
}
#om-menu-calendar-search-links li {
list-style: none;
}
#om-menu-calendar-search-links .item-list ul {
margin: 0;
padding: 0;
}
#om-menu-calendar-search-links h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#om-menu-calendar-search-links a {
color: #b2e7fa;
font-family: Arial, Helvetica, sans-serif;
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
background: url(../images/arrow-footer-links-lt-blue.png) no-repeat 0px 5px;
font-size: 12px;
text-decoration: none;
}

#navigation #block-block-27 {
  position:absolute;
  right:20px;
  top:0px;
}
#navigation #block-block-27 .content a {
  color:#ffffff;
  font-size:16px;
  line-height: 21px;
  /*font-family: ITCLubalinGraphW01-Bk;*/
}