@import url(https://fonts.googleapis.com/css?family=MedievalSharp);
.mceContentBody {
  color: #000000;
}
.title-description {
  background-image: url('https://rondel.lochac.sca.org/files/2015/09/dancers.gif');
  background-position: 400px top;
  background-repeat: no-repeat;
  border-style: none;
}
#site-title {
  margin: 0;
}
#site-title span {
  display: block;
  overflow: hidden;
  width: 390px;
}
#site-title a {
  background-image: url('https://rondel.lochac.sca.org/files/2015/09/rondelheader_r1_c1.gif');
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  width: 387px;
  height: 157px;
  overflow: hidden;
  padding-left: 400px;
}
#site-logo,
#site-logo-link,
#site-description,
#header_image,
#site-generator {
  display: none;
}

/* Headings and menubars get a fancy font. */
.widget_nav_menu li.menu-item a,
.entry-title
.entry-title a,
#content h1,
#content h2,
#content h3 {
  font-family: 'MedievalSharp',"Helvetica Neue",Helvetica,sans-serif !important;   
}

/* Page-content links are light coloured text on a black background. */
a,
#breadcrumbs,
#breadcrumbs a,
.entry-meta a,
.entry-utility a,
#content h2,
#content h4 {
  color: #7F92FF !important;  
}

#breadcrumbs .bcur-page,
.entry-title,
.entry-title a,
#content h1,
#content h3{
  color: #FF8277 !important;   
}

/* Page lists get extra spacing */
.entry-content li {
  margin-bottom: 1em;
}

/* Page-bold gets extra emphasis */
.entry-content strong {
  color: #FFFFCC;
}

/* Left-hand menu for non-phone devices. */
@media only screen 
  and (min-device-width: 800px) {

  
  #wrap-bottom-menu {
    display: none; /* Because we use the sidebar menu instead. */
  }
  #main {
    clear: none;
    padding: 0 !important;
  }  
  #sidebar_wrap_left.left-1-col { 
    background-image: url('https://rondel.lochac.sca.org/files/2015/09/rondelheader_r2_c1.gif');
    background-position: left top;
    background-repeat: no-repeat;
    clear: left;
    float: left;
    max-width: 200px;
    min-height: 430px;
    min-width: 180px;
    overflow: hidden;
    width: auto !important;
  }
  #sidebar_wrap_left #sidebar_primary,
  .widget_nav_menu ul.menu {
    margin: 0;
    padding: 0;
  }
  #sidebar_wrap_left .widget_nav_menu {
    min-height: 430px;	/* Length of the sidebar'x background image */
  }
  
  /* Normal top-level menu entries */
  .widget_nav_menu ul.menu > li.menu-item {
    display: block;
    background-color: #E1E1E1;
    border-radius: 12px;
    box-shadow: 0px 5px 10px 5px #AAAAAA inset;
    list-style: outside none none;
    margin: 0 0 0.5em 0;
  }
  .widget_nav_menu ul.menu > li.menu-item > ul.sub-menu {
    display: none;
  }
  .widget_nav_menu ul.menu > li.menu-item > a{
    display: block;
    font-size: 1.25em;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  /* Sub-menus */
  .widget_nav_menu ul.sub-menu {
    list-style: none;
    padding: 0 0 0.5em 0;
    margin: 0 auto;
    text-align: left;
  }
  .widget_nav_menu ul.sub-menu > li {
    padding-left: 1em; 
    text-indent: -.7em;
  }
  .widget_nav_menu ul.sub-menu > li:before {
    content: "• ";
    color: #00137F; /* or whatever color you prefer */
  }
  
  /* Active menu entries */
  .widget_nav_menu ul.menu > li.menu-item.current-menu-ancestor,
  .widget_nav_menu ul.menu > li.menu-item.current-menu-item,
  .widget_nav_menu ul.menu > li.menu-item:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 5px 10px 5px #E1E1E1 inset;    
  }
  .widget_nav_menu ul.menu > li.menu-item.current-menu-ancestor > ul.sub-menu,
  .widget_nav_menu ul.menu > li.menu-item.current-menu-item > ul.sub-menu,
  .widget_nav_menu ul.menu > li.menu-item:hover > ul.sub-menu {
    display: table;
  }
  
  .sidebar-images {
    text-align: center;
  }
  .sidebar-images #lochac-device-caption {
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 2em;
  }
  #infobar,
  #breadcrumbs,
  #content {
    padding-left: 0;
  }
}

/* Menubar links are dark coloured text on a silver background. */
li.menu-item > a {
  color: #00137F !important;  
}

li.menu-item.current-menu-ancestor > a,
li.menu-item.current-menu-item > a,
li.menu-item a:hover {
  color: #7F0000 !important;   
}