div#content {
  width : 1000px;
}
footer.footer > div.container {
  width : 1000px;
}
div.logobar > div.container > div.place {
  margin-left: 75px;
  position: absolute;
  left:auto;
  top: -5px; 
}




body {
  /* awesome background texture-gradient */
  background: #3b5998 url("/getImage/orig/body-bg.jpg") repeat-x left top;
}

body > div.frame {
  /* make the page narrower with lots of padding */
  width: 998px;
  margin: 1em auto;

  /* Roundified edge */
  border-radius: 20px 20px 0 0; /* don't round the bottom, for simplicity (unless we really really want to) */
  border: 1px solid #ccc;
  background-color: white;
}

div:not(#manageDisplay) div.frame > .navbar {
  min-height: 0;
  height: 35px;
  margin-bottom: 0px;
}

div.logobar {
  color: #777777;

  border-bottom : 5px solid #1a1919;
  /* gradient to go behind the logo */
  background-image: linear-gradient(to bottom, #d5d5d5, #d5d5d5 10%, white 30%, white );
  background-color: rgb(235,255,255);
  height: 125px;


  /* Also needs round edges to match the container */
  border-radius: 20px 20px 0 0;
  border: 1px solid #d5d5d5 #d5d5d5 #d5d5d5 transparent; /* color matches the gradient. Note: with no border there is a black bar below this element? Weird */
  border-color: #d5d5d5 #d5d5d5 white #d5d5d5; /* erase the odd coloring at the bottom */
}


div.logobar > div > div > a{
  color: inherit; /* text! Now with Legibility! */
}

div.frame div.carousel{
  margin-bottom: 0px; /* come back to meeeee */
}


div.frame div.carousel > .carousel-inner {
  /* invade the shadow lands, Mufasa was a coward */
  top: -10px;
  position: relative;
}

.logobar .container{
  background: url("https://2011.splashcon.org/getImage/orig/banner.png") no-repeat 0 0px;
  background-size: auto 100px;
  background-position-y: 15px;
  height: 100%;

  /* this restores the small white band around the gradient that the old site had */
  border-radius: 20px 20px 0 0;
  border-color: white;
  border: 1.7px solid white;
  width: 100%;
}

.logobar .container .place {
  /* get the place out from the middle of the logo*/
  position: absolute;
  bottom: 0px;
  left: 460px;
}

 
.navbar > .container {
  position: relative; /* needed to move this out of center */
  width: 105%; /* stand out*/
  left: -2.5%; /* stand out evenly*/
  height: 35px;
  background-color: #3b5998;
  color: white;
  margin-bottom: 3px; /* show off that shadow */
}

/* we are hijacking this for the shadow */
.navbar > .container .navbar-header {
  position: absolute;
  width: 100%;
  left: 0; /* needts to be anchored to the edge */
  top: 100%;
  perspective: 100px; /* this actually affects 3d child elements */
}

.navbar-header::after {
  width: 100%;
  display: block;
  background-color: black;
  position: absolute;
  /* anchor the sides */
  left: 0;
  right: 0;
  /* below everything */
  top: 100%;

  background-color: black; /* be a shadow */
  transform-origin: top; /* imagine "swinging" the shadow back from a hinge mounted to the top*/
  transform: rotateX(-10deg) /* "swing" */;
  height: 20px;
}

#navigationbar {
  position: relative;
  top: -4px;
}

.logobar a {
    /* color: #4e5e6b; */
}
.navbar{
  border-top: none !important;
}

.navigationbar > ul > li > a {
  color: white !important;
}

.navbar-brand {
  font-size : 36px;
}

.brand-text{ visibility: hidden; }

.navbar{
  border-radius: 0px !important;
}
.place {
  float: left;
  padding : 23px 0 0 40px
}
.place2 {
  float: right;
  padding : 23px 0 0 0px
}