/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
  font: normal 13px/20px "myriad-pro", Arial, Helvetica, sans-serif;
  color: #444;
}

a { color: #8b0e04; }

a:hover,
em, code { color: #8b0e04; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
  border: 1px solid #ddd;
  background: #fafafa;
}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }

.module h3.module-title {font-size: 30px; color:#8b0e04; letter-spacing: -1px; margin:15px 0 20px}

.grad,
p.links a,
.quickAccess ul li,
.homeNews .wk-slideset, 
.btn,
.element-itemlink a {
  background-image: linear-gradient(bottom, rgb(229,227,219) 0%, rgb(244,243,238) 100%);
  background-image: -o-linear-gradient(bottom, rgb(229,227,219) 0%, rgb(244,243,238) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(229,227,219) 0%, rgb(244,243,238) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(229,227,219) 0%, rgb(244,243,238) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(229,227,219) 0%, rgb(244,243,238) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(229,227,219)),
    color-stop(1, rgb(244,243,238))
  );
}

.grad:hover,
p.links a:hover,
.quickAccess ul li:hover,
.element-itemlink a:hover{
  background-image: linear-gradient(bottom, rgb(221,218,205) 0%, rgb(244,243,238) 100%);
  background-image: -o-linear-gradient(bottom, rgb(221,218,205) 0%, rgb(244,243,238) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(221,218,205) 0%, rgb(244,243,238) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(221,218,205) 0%, rgb(244,243,238) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(221,218,205) 0%, rgb(244,243,238) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(221,218,205)),
    color-stop(1, rgb(244,243,238))
  );

}

.btn-red {
  background-image: linear-gradient(bottom, rgb(120,14,5) 0%, rgb(142,16,2) 100%);
  background-image: -o-linear-gradient(bottom, rgb(120,14,5) 0%, rgb(142,16,2) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(120,14,5) 0%, rgb(142,16,2) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(120,14,5) 0%, rgb(142,16,2) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(120,14,5) 0%, rgb(142,16,2) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(120,14,5)),
    color-stop(1, rgb(142,16,2))
  );
}

.btn-red:hover {
  background-image: linear-gradient(bottom, rgb(160,22,6) 0%, rgb(142,16,2) 100%);
  background-image: -o-linear-gradient(bottom, rgb(160,22,6) 0%, rgb(142,16,2) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(160,22,6) 0%, rgb(142,16,2) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(160,22,6) 0%, rgb(142,16,2) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(160,22,6) 0%, rgb(142,16,2) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(160,22,6)),
    color-stop(1, rgb(142,16,2))
  );
}


#breadcrumbs .breadcrumbs a, #breadcrumbs .breadcrumbs > span { background: none; margin-right: 0; padding:0 5px;}
#breadcrumbs .breadcrumbs span.showHere { padding: 0}

.homeEvents ul.zoo-list li { cursor: pointer}
.homeEvents ul.zoo-list li:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 1px 0 0 0px #8B0E04 inset, -1px 0 0 0px #8B0E04 inset, 0 -1px 0 0px #8B0E04 inset}