/* #Basic Styles
================================================== */
body { background:#ededed url('/img/base/bg.jpg'); color: #666;  }

#top-line { background:#169fe6; }

#wrapper { background:#fff; }

/* Header
================================================== */
#header { }

/* Nav
================================================== */
.top-bar { background-color:#0069a7; }
.top-bar-section ul { background-color:#0069a7; }

.top-bar-section li.hover > a:not(.button) { background:#fff; color: white; }

.top-bar-section li:not(.has-form) a:not(.button) { background:#0069a7; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background:#005a96; }
/* .active */
.top-bar-section li.active:not(.has-form) a:not(.button) { background:#3399cc; }
.top-bar-section li.active:not(.has-form) a:not(.button):hover { background:#006699; }

.top-bar-section ul li > a.button { background:#005a96; }

/* Page Title
================================================== */
#page-title { }
#page-title h2 { color:#fcb415; }

/* Main
================================================== */
#main p {  }
#main h3, #main h4, #main h5 { color:#0069A7;  }


/* Aside
================================================== */
/* Side-Nav */
.side-nav li a:not(.button) { color: #2980b9; }
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { color: #85c7ee; }
.side-nav li.active > a:first-child:not(.button) { color: #85c7ee; font-weight:bold; }
.side-nav li.active > a:first-child:not(.button):hover { color: #2980B9; }


/* Footer
================================================== */
#footer { background:#ffffff; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); }
#footer, #footer h4, #footer h5, #footer h5 a, #footer h5 small, #footer p, #footer a { color: #d4e3f5; }
#footer a:hover { color: #fff; }

#footer-bottom { background:#0069A7; }


/* Media
================================================== */
/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.063em) {}

@media only screen and (min-width: 64.063em) {}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {}

@media only screen and (min-width: 90.063em) {}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {}

@media only screen and (min-width: 120.063em) {}

@media only screen and (orientation: landscape) {}

@media only screen and (orientation: portrait) {}