/*
Original design: In Response (v1.1 - May 15th, 2013)
For more information, see http://andreasviklund.com/dt_portfolio/in-response/
*/

*{margin:0; padding:0;}

/* General styles */
body {background:#000; color:#ccc; font:90% "ABeeZee",Tahoma,sans-serif; line-height:1.5em; padding-top:70px;}
a {color:#990000; text-decoration:none; font-weight:400;}
a:hover {text-decoration:underline;}
p,ul,ol,dl {margin:0 0 15px 0; line-height:1.6em;}
h1 {color:#888; font-size:3.2em; margin-bottom:0;}
h2 {font-size:2em; color:#333; margin:0 0 10px;}
h3 {font-size:1.5em; margin:0 0 10px 0;}
h4 {margin:20px 0 10px 0;}
h1,h2,h3 {font-family: 'Enriqueta', sans-serif; color:#990000; font-weight:400; line-height:1.4em;}
.content {padding-top: 15px;}
/* Main layout container */
#layout {margin:40px auto 0; width:960px;}
body.wider #layout {margin:40px auto 0; width:1200px;}

/* Additional text classes */
li.list-group-item li {list-style:none; margin-left:5px; margin-top:2px;}
.slogan {color:#bbb; }
.rounded {border-radius:0px;}
p.overview {font-size:1.5em;}
li.list-group-item {font-size:1.5em;}
.overview-header {font-size: 2.5em;}
p.list-item-header {margin:0 0 0 0; font-size: 1.6em;}
p.list-item-description {font-size:1.4em; margin:0 0 0 0;}
.container {
			background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
    		background: rgba(255, 255, 255, .75);}

/* Light styles, apply by using class="light" on the body HTML element */
body.light {background:#fff; color:#777;}
body.light a {color:#231F20;}
/* body.light a:hover {color:#555;} */
body.light a:hover {color:#0063A3;}
body.light h1 {color:#888; font-size:3.2em;}
body.light h2 {color:#555;}
body.light h1, body.light h2, body.light h3 {color:#990000;}
body.light ul.menu {border-top:1px solid #ddd;}
body.light ul.menu li {border-bottom:1px solid #ddd;}
body.light ul.menu li a:hover {color:#333;}
body.light .separator {background: #f5f5f5 url(images/insidebg2-light.jpg) bottom center no-repeat; border-bottom:1px dotted #ccc;}
body.light .slogan {color:#888; margin:0; font-size:1.3em; font-weight:700; margin-top:0.8em; margin-bottom:-0.3em;}
body.light #footer {background:#f5f5f5 url(images/insidebg-light.jpg) top center no-repeat;}
body.light #footer .col {color:#555; border-top:1px dotted #ccc;}
body.light #footer a {color:#555; border-bottom:1px dotted #ddd;}
body.light #footer a:hover {color:#444; border-bottom:1px dotted #eee;}
body.light .navmenu li {font-size:1.4em;}

td {font-size:1.4em; padding:5px;}

@media only handheld and (max-width : 960px){
#layout, body.wider #layout {width:auto; margin:0; padding:20px;}
h1 {margin:-15px auto 5px; line-height:1.4em;}
body.light .navmenu li {font-size:1.2em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 15px 0; background-color:#eee; border:1px solid #ddd; border-radius:10px;}
body.light .navmenu li.current {color:#666; border-color:#666;}
body { -webkit-text-size-adjust: none;}
body.light .slogan {margin-top:0em;}
}

/* My additions */
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -255;
}
#bg img.bg {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

/* Fix final <a> */
body.light a.normal {color:#777;}
body.light a.normal:hover {color:#0063A3;}

/* Syntax error */
div.error {color:red;}

.navbar-default .navbar-brand {color:#990000 !important; font-weight:400;}

.deadline {color:#990000; font-weight:500;}