
html, body, #container {
    padding: 0;
    margin: 0;
    height: 100%;
    background-color: #e1eaef;
}

#header {
    background-color: #213A49;
    text-align: center;
}

#header, #footer {
    color: #E1EAEF;
}


#header h1 {
    margin: 0;
    padding-top: 11px;
    font-size: 25px;
}

menu#navigation
{
    margin: 0;
    padding: 0;
    width: 100%;
}

#navigation ul {
    margin: 0;
    padding: 0;
}


#content {
    clear: left;
    padding: 2px 11px;
	/*background-color: #88B3F9;*/
}

#content h2 {
    color: #000;
    font-size: 160%;
    margin: 0 0 .5em;
}

#footer {
    background: #2e3341;
    text-align: right;
    padding: 11px;
	color: #E1EAEF;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.85em;
    box-shadow: 0 -1px 1px #2E3341;
    -moz-box-shadow: 0 -1px 1px #2E3341;
    -webkit-box-shadow: 0 -1px 1px #2E3341;
    -ms-box-shadow: 0 -1px 1px #2E3341;
}

#footer a {
    color: #E1EAEF;
}

#footer a:visited {
    color: #e1e5ef;
}

li.ext_link {
}


.jslink {
    text-decoration: none;
}

.ext_link {
    text-decoration: underline;

}


.showLinkDialog {
    height: 40px;
    width: 400px;
    border: 1px solid white;
    background-color: #bcF;
    -moz-border-radius: 3px;
}

.showLinkDialog .hider {
    width: 100%;
    height: 13px;
    background: -moz-linear-gradient(-90deg, #BBCCFF, #103b67);
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ui-widget {
    font-size: 0.9em !important;
}

#github-ribbon {
  position: absolute;
  right: 1rem;
  top: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  color: #213A49;
  background: #E1EAEF;
  text-decoration: none;
  font-weight: bold;
  border-radius: 2px;
}
