body {
 margin: 0;
 padding: 0;
 background-color: #050845;
 color: white;
 background-image: url(/ek-tile.png);
 font: small Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
 background-color: #fdf8f2;
 color: black;
 margin: 30px 40px 30px 40px; 
 padding: 10px;
}

#header-bottom {
 border-top: 1px solid #b9d2e3;
 border-bottom: 1px solid #b9d2e3; 
height: 1%; 
} 

#header-bottom ul {
margin: 0; 
padding: 0 30px 0 0; 
text-align: right; 
}


 #header-bottom li {
 display: inline;
 background-color: #fdf8f2;
 color: #050845;
 border-left: 2px solid black;
 border-right: 2px solid black;
 padding: 0 10px 0 10px;
}
 #header-bottom a:link, #header-bottom a:visited {
 text-decoration: none;
 background-color: #fdf8f2;
 color: #050845;
 }
 #tagline {
 font-weight: bold;
 background-color: #fdf8f2;
 color: #050845;
 font-style: italic;
 margin: 0;
 padding: 0 0 0 20px;
 width: 400px;
 float: left;
 }
 

#main {
    min-height: 2000px;
 position: relative;
 top:0;
 left: 0;
 width: 100%;
 margin: 10px 0 0 0;
 padding: 0;
}
#content {
 margin: 0 240px 0 200px;
 padding: 0;
 border: 1px solid #b9d2e3;
 background-color: white;
 color: black;
}
#mainfeature {
 background-image: url(img/mainimg.jpg);
 background-repeat: no-repeat;
 background-color: #112236;
 color: white;
 padding: 2em 2em 1em 20px;
 height: 1%;
}
#mainfeature h2 {
 margin: 0;
 font-weight: normal;
 font-size: 140%;
}
#mainfeature h2 a {
 margin: 0;
 font-weight: normal;
 font-size: 140%;
  color: white;
text-decoration: none;
}
#mainfeature p {
 font-size: 110%;
}
#mainfeature p.more {
 margin-top: 0;
 text-align: right;
}
#mainfeature p.more a:link, #mainfeature p.more a:visited {
 color: white;
 background-image: url(img/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
}

#nav-above a {
 color: white;
}
#nav-below a {
 color: white;
}


#content .latest-news {
 margin: 10px 10px 30px 10px;
 padding: 10px 10px 10px 10px;
 border: 2px dotted #ffffff;
 text-align: center;
}
#content .inner {
 margin: 0px;
 padding: 0px;
 border: 0;
}
#content .inner h2 {
 color: #ffffff;
 padding-bottom: 0.2em;
 border-bottom: 1px solid #b9d2e3;
 font-size: 110%;
}
#content .inner ul.features {
 margin: 0;
 padding: 0;
 list-style: none;
}
#content .inner h3 {
 font-size: 130%; 
}
#content .inner h3 a:link, #content .inner h3 a:visited {
 color: #245185; 
}
#content .inner p {
 color: #999999;
 font-size: 90%; 
}
#content .inner .features li img {
 float: left;
 margin: 0 5px 5px 0; 
}
#content .inner p.author {
 font-weight: bold; 
}
#content .inner p.more {
 margin-top: 0;
 text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
 background-image: url(img/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
 font-size: 90%;
 color: #1e4c82;
}




article {
 border: 2px solid #ffffff;
 padding: 10px;
 margin: 10px 20px 30px 20px;
}


.posted-on a {
 color: white;
}
.author a {
 color: white;
}
.entry-content a {
 color: white;
}
.nav-links a {
 color: white;
}






.cat-links a {
    color: white;
}
.comments-link a {
    color: white;
}



#sidebar {
 position: absolute;
 top: 0;
 right: 0;
 width: 220px;
 background-color: #256290;
 color: white;
 margin: 0;
 padding: 0;
}
#sidebar .inner {
 padding: 10px; 
}
#sidebar h3 {
 font-size: 110%;
 background-image: url(img/sidebar-header-bg.jpg);
 background-repeat: no-repeat;
 margin: 0;
 padding: 0.2em 0 0.2em 10px;
 font-weight: normal;
}
#sidebar a {
    color: white;
}
#sidebar ul {
 list-style-image: url(img/more-bullet.gif);
 margin-left: 0;
 padding-left: 20px; 
}
#sidebar p, #sidebar li {
 font-size: 90%;
 line-height: 1.4em; 
}
#sidebar ul a:link, #sidebar ul a:visited {
 color: white; 
}
#sidebar .date {
 font-weight: bold; 
}


#searchform .text {
 width: 196px;
 border: 1px solid #45bac0; 
}
#searchform .searchbutton {
 text-align: right;
 margin-top: 4px;
}
#searchform .btn {
 border: 1px solid #45bac0;
 background-color: #256290;
 color: white; 
}
#sidebar .motm-image {
 float: right;
 margin: 0 30px 0 20px; 
}
#sidebar p.more {
 clear: right;
 margin: 0 30px 0 0;
 text-align: right; 
}
#sidebar p.more a:link, #sidebar p.more a:visited {
 color: white;
 background-image: url(img/more-bullet.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 14px;
}



























/* Fixed sidenav, full height */
#site-navigation {
position: absolute;
 top: 0;
 left: 0;
  height: 100%;
  width: 200px;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
#site-navigation a, .menu-toggle {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
 width:200px;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
#site-navigation a:hover, .menu-toggle:hover {
  color: #f1f1f1;
  
}


/* Add an active class to the active dropdown button */
.active {
  background-color: green;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
#primary-menu {
  display: none;
  background-color: #ffffff;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}


























#footer {
 width: 100%;
 border-top: 1px solid #b9d2e3;
 border-bottom: 1px solid #b9d2e3;
 margin-top: 10px;
 }
 #footer p {
 font-size: 90%;
 color: #256290;
 margin: 0;
 padding: 0.2em 0 0.2em 0;
 }