body {
  color: #979797;
  background: url(/assets/themes/riverside/images/crissxcross.png) #313131;
}
h1,
h5 {
  color: #34575e;
}
h2 {
  color: #;
}
h3 {
  color: #afafaf;
  border-bottom: 1px solid #afafaf;
}
h4 {
  color: #3a7f9c;
}
h6 {
  color: #;
}
article[role="main"] > h1 {
  color: #88827b;
}
#sidebar h1 {
  color: #313131;
  background: #ae4728;
}
#sidebar h4 {
  color: #313131;
  background: #96bab2;
}
#footer h2 {
  color: #3a7f9c;
}
#footer h3 {
  color: #cf5530;
}
#footer h4 {
  color: #979797;
}
#footer h5 {
  color: #;
}
a {
  color: #34575e;
}
a:hover {
  color: #;
}
#header {
  color: #88827b;
}
#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6 {
  color: #88827b;
}
#header #logotype a {
  color: #34575e;
  border-right: 1px solid #505050;
}
#header #tagline {
  color: #3a7f9c;
}
#carousel {
  background: #313131;
}
#carousel .flexslider .slides li .caption {
  color: #;
  background: rgba(0, 0, 0, 0.33);
}
#menu .container {
  border-bottom: 5px solid #313131;
}
#menu ul li.has-children:after {
  display: block;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 6px;
  left: auto;
  margin: 0;
  margin-top: -8.4px;
  color: #34575e;
  content: "\25be";
  cursor: pointer;
}
#menu a {
  color: #34575e;
  border-bottom: 5px solid #96bab2;
}
#menu li.active a {
  border-color: #34575e;
}
#menu a:hover,
#menu li.active a:hover {
  border-bottom: 8px solid #cf5530;
}
#menu .submenu a,
#menu .subsubmenu a {
  border: 0;
  color: #88827b;
}
#menu .submenu ul,
#menu .subsubmenu ul {
  border-top: 15px solid #313131;
  background: #3b3b3b;
}
#menu .submenu ul li.has-children:after,
#menu .subsubmenu ul li.has-children:after {
  display: block;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 2px;
  left: auto;
  margin: 0;
  margin-top: -6px;
  color: #88827b;
  content: "\25ba";
  cursor: pointer;
}
#menu .submenu li:hover,
#menu .subsubmenu li:hover,
#menu .submenu a:hover,
#menu .subsubmenu a:hover,
#menu .submenu li:hover > a,
#menu .subsubmenu li:hover > a {
  border: 0;
  color: #34575e;
}
#menu .submenu li.active a,
#menu .subsubmenu li.active a {
  color: #96bab2;
}
#menu .submenu li.active:after,
#menu .subsubmenu li.active:after {
  color: #96bab2;
}
#home-content {
  color: #979797;
}
#home-content #details,
#home-content #details a,
#sidebar {
  color: #7c7c7c;
}
#home-content #details a:hover {
  color: #;
}
#main-content {
  color: #88827b;
  background: #f3ede0;
}
#main-content #article {
  border-top: 1px solid #88827b;
}
#main-content article[role="main"] > h1:first-child {
  color: #3a7f9c;
}
#main-content h1 {
  color: #88827b;
}
#main-content h2,
#main-content h5,
#main-content a {
  color: #bb9a51;
}
#main-content h3,
#main-content label {
  color: #88827b;
}
#main-content h6 {
  color: #313131;
}
#main-content a:hover {
  color: #88827b;
}
#main-content select,
#main-content textarea,
#main-content input {
  background: #88827b;
  color: #313131;
}
.testimonial-module {
  border: 0;
}
.post .date,
.post-module .date {
  border: 0;
  border-right: 1px solid #88827b;
  color: #88827b;
}
.bio .headshot img,
.bio-module .headshot img {
  border: 0;
}
#calendar .fc-widget-header,
#calendar .fc-border-separate th,
#calendar .fc-widget-content {
  border: 0;
}
#calendar .fc-header-title h2 {
  background: #a62918;
  color: #;
}
#calendar .fc-day-header {
  color: #88827b;
}
#calendar .fc-day-number {
  color: #34575e;
  background: #313131;
}
#calendar .fc-border-separate td {
  border-top: 20px solid #313131;
}
#calendar .fc-state-highlight {
  background: rgba(49, 49, 49, 0.7);
}
#calendar .fc-button.fc-state-default,
#calendar .fc-button.fc-state-disabled {
  background: #a62918;
  color: #;
  text-shadow: none;
}
#calendar .fc-event {
  border: 0;
  background: none;
}
#calendar .fc-event-time {
  color: #979797;
}
#calendar .fc-event-title {
  color: #f3ede0;
}
#content-events .post h1 {
  color: #cf5530;
}
#content-events .post p strong {
  color: #88827b;
}
input,
label,
textarea,
select {
  color: #979797;
}
select,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=tel] {
  background-color: #353535;
  border: 0;
  border-radius: 0;
  color: #AFAFAF;
}
select {
  background-image: none;
  background-color: #313131;
}
*:focus {
  outline: none;
}
.button,
button,
input[type="submit"] {
  border: 0;
  background-color: #313131;
  color: #cf5530;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
  display: inline-block;
  cursor: pointer;
  color: #313131;
  background-color: #88827b;
  background-image: none;
  *display: inline;
  *zoom: 1;
}
#footer {
  color: #7c7c7c;
  background-color: #313131;
  box-shadow: inset 0 5px 5px -2px #272727;
}
#page-footer ul {
  list-style: none;
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
#page-footer ul li {
  list-style: none;
  list-style-image: none;
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: none;
  border-bottom: none;
}
#page-footer #footer-links {
  text-align: center;
}
#page-footer #footer-links a {
  color: #7c7c7c;
}
#page-footer #footer-links a:hover {
  color: #;
}
#page-footer #footer-links .title {
  display: none;
}
#page-footer ul {
  display: inline-block;
}
#page-footer ul li {
  margin-right: 14px;
}
#seal a {
  color: #3a7f9c;
}
#seal a:hover {
  color: #;
}
@media (max-width: 979px) {
  #header #logotype a {
    border: 0;
  }
}
@media (max-width: 767px) {
  #super-container #menu ul li {
    border-top: 1px solid #404040;
    border-bottom: 1px solid #0d0d0d;
  }
  #super-container #menu ul li.has-children:after {
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 2px;
    left: auto;
    margin: 0;
    margin-top: -12px;
    color: #f3ede0;
    content: "\25be";
    cursor: pointer;
  }
  #super-container #menu .submenu ul li.has-children:after,
  #super-container #menu .subsubmenu ul li.has-children:after {
    display: block;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
    right: 2px;
    left: auto;
    margin: 0;
    margin-top: -12px;
    color: #f3ede0;
    content: "\25be";
    cursor: pointer;
  }
  #super-container #menu .container {
    background: none;
  }
}
.audioplayer-bar-played {
  background-color: #5894a0;
  background-image: -moz-linear-gradient(left, #34575e, #5894a0);
  background-image: -ms-linear-gradient(left, #34575e, #5894a0);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#34575e), to(#5894a0));
  background-image: -webkit-linear-gradient(left, #34575e, #5894a0);
  background-image: -o-linear-gradient(left, #34575e, #5894a0);
  background-image: linear-gradient(left, #34575e, #5894a0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34575e', endColorstr='#5894a0', GradientType=1);
  zoom: 1;
}
.audioplayer-volume-adjust div div {
  background-image: -moz-linear-gradient(top, #35585f 0%, #5995a1 100%);
  background-image: -ms-linear-gradient(top, #35585f 0%, #5995a1 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#35585f), to(#5995a1));
  background-image: -webkit-linear-gradient(top, #35585f 0%, #5995a1 100%);
  background-image: -o-linear-gradient(top, #35585f 0%, #5995a1 100%);
  background-image: linear-gradient(top, #35585f 0%, #5995a1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34575e', endColorstr='#5894a0', GradientType=0);
  zoom: 1;
}
#header #logotype {
  font-size: 50px;
}
#header #logotype a {
  text-align: left;
  float: left;
  width: 100%;
  border-right: 0px solid #413f3b;
}
#header #tagline {
  width: 100%;
  text-align: left;
  padding-left: 0px;
  font-size: 20px;
  height: 35px;
}
#menu {
  text-align: left;
}
#custom-header {
  padding: 0px 0px 10px;
}
#menu .subsubmenu {
  top: -15px;
  left: 220px !important;
}
#home-footer {
  margin-top: 80px;
}
#main-content {
  color: #AAA198;
  background: rgba(243, 237, 224, 0);
}