/* [Layout Style] */

/*  [ Layout ] */
html { width: 100%; height: 100%; }
body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#lyo_outer {
  text-align: center; min-height:400px;
}
#lyo {
  margin: auto; width: 1064px; text-align: left;
}


/*  [ Banner ] */
#lyo_banner {
  position: relative; margin-top: 65px;
}
#lyo_banner #wow_slider_banner {
  background: #ffffff;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}
#lyo_banner h1 {
  position: absolute; top: 15px; left: 30px; text-align: center;
  margin: 0; color: #EF8E22; font-size: 300%; z-index: 10;
  font-family: 'Petrona', serif; font-weight: normal; text-shadow: 1px 1px 2px #000;
}
#lyo_banner #nav_root_1 {
  position: absolute; top: -45px; left: 20px; z-index:30;
}
#lyo_banner #lyo_logo   {
  position: absolute; top: -45px; left: 760px; z-index: 10; border: 0;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
}



/*  [ Breadcrumbs / Prev Next / Search / Icons ] */
#lyo_breadcrumbs_search {
  margin: 15px 10px; padding: 5px 5px 5px 5px; height: 45px;
  border: 1px solid #F9BA00; background: #FFEFC6;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
}
#lyo_prev_next {
  margin: 0 auto; text-align: center; height: 1.25em;
}
#lyo_breadcrumbs {
  position: absolute; top: 20px;
}

#lyo_breadcrumbs label {
  font-weight: bold; margin: 0 0.5em 0 0;
}
#topbar_search {
  position: absolute; top: 10px; left: 804px;
  height: 16px; line-height:16px; width: 134px; padding: 1px 2px; border: none;
  background: url(/img/user/layout/bg-search.gif);
}
#topbar_search_btn {
  position: absolute; top: 10px; left: 942px;
  height: 18px; width: 29px; border: none; padding: 0;
  background: url(/img/user/layout/bg-go.gif);
}
#topbar_search_btn:hover {
  background-position: 0% 100%;
}
#lyo_icons  {
  position: absolute; top: 10px; left: 976px; z-index: 10;
}


/*  [ Main Content ] */
#lyo_content {
  margin: 15px 10px; padding: 10px;
  background: #FFEFC6; border: 1px solid #F9BA00;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
  text-shadow: 1px 1px 2px #A08F60;
  color: #000000;
}
#lyo_content .content {
  font-size: 120%;
}
#lyo_content hr {
  clear: both; color: #C46A0C; height: 2px; background-color: #C46A0C;
}
#lyo_content h1,
#lyo_content h2,
#lyo_content h3 {
  font-family: 'Petrona', serif; color: #A05300; font-weight: normal; text-shadow: 1px 1px 2px #888;
}
#lyo_content h1 a,
#lyo_content h2 a,
#lyo_content h3 a {
  color: #A05300; text-decoration: none;
}
#lyo_content h1 a:hover,
#lyo_content h2 a:hover,
#lyo_content h3 a:hover {
  color: #0000ff; text-decoration: underline;
}

#communities_list em a { display: inline-block; float: right;  }


/*  [ Footer ] */
#lyo_footer  {
  margin: 0 10px 10px 10px; padding: 5px 5px 5px 5px; text-align: center;
  border: 1px solid #F9BA00; background: #FFEFC6;
  border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;
  box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; -moz-box-shadow: #000 3px 3px 10px;
}
#lyo_footer a {
  color: #0000ff; text-decoration: none; font-weight: bold;
}
#lyo_footer a:hover {
  text-decoration: underline;
}