body {
  padding-top:50px;

}

* {
  text-shadow: none !important;
  /*border: none !important;*/
}

#page-content {
  padding-top: 10px;
}

#navcontainer {
  background-color: #5983F7 !important;
  border: none !important;
  -moz-box-shadow:    0px 2px 10px 0px #333;
  -webkit-box-shadow: 0px 2px 10px 0px #333;
  box-shadow:         0px 2px 10px 0px #333;
}

.blog-title {
  font-size: 17pt;
  font-weight: 300;
}

.blog-authorline {
  font-size: 10pt;
  font-weight: 400;
  color: #888888;
}


hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;
  background-color: darkgray;
  height: 1px;
  margin: 3px;
}

.blog-body {
  padding-top: 3px !important;
}

li.current {
  background-color: #233a77 !important;
}

ul.nav > li a:hover, ul.nav > li a:active, ul.nav > li a:visited, li.open,
.nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
  background-color: #233a77 !important;
  background-image: none !important;
}

ul.dropdown-menu {
  background-color: #5983F7
}

a {
  background-image:none !important;
}

nav * {
  color: yellow !important;
}

ul.nav > li a:hover, ul.nav > li {
  font-size: 14pt;
}

li.open > a {
  background-color: #233a77 !important;
}

.navbar-brand {
  font-size: 20pt;
}

.blogpost {
  outline: 3px solid #AAA !important;
  border-radius: 20px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}

.bg {
  position: fixed;
  width: 100%;
  height: 350px; /*same height as jumbotron */
  top:48;
  left:0;
  z-index: -1;
}

.row {
  background-color: #EEE;
  padding-top: 30px;
}


body {
  background-color: #EEE;
}

footer {
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #04193a;
  color: #FFFFFF;
  text-align:center;

}

footer a {
  color: #FFFFFF;
}

footer a:hover {
  color: #FFFFFF;
}

.jumbotron {
  height: 350px;
  color: white;
  text-shadow: #444 0 1px 1px;
  background:transparent;
  margin-bottom: 0px;
}

.dropdown-menu > li > a {
  font-size: 11pt !important;
}

iframe {
  width: 900px;
  height: 600px;
}

.img-circle {
  margin: 5px;
}
