/**
 * Ubicomp 2012 Stylesheet
 *
 *
 */
 
html,
body {
  background-color: #111;
  background:#111 url(../images/bg-stripes.png) center top;
  color:#111;
}

a {
  color:#E55713;
}
a:hover {
  color:#AC410E; 
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom:15px;
  line-height:1em;
  font-family: 'Questrial', sans-serif;
  font-weight:normal;
}
h2 { font-size:32px; }
h3 { font-size:25px; }
h4 { font-size:20px; }
h5 { font-size:16px; }
h6 { font-size:13px; }

/* Blueprint Override
 * ================== */
.notice {
  background:#ff9;
  border-color:#ff9;
  color:#111;
}

/* Header
 * ====== */
header {
  margin: 20px 0 10px;
  height:180px;
}
#header-logo {
  margin-left:-20px;
}
#header-news {
  height:100px;
}
#header-subtitle {
  line-height:25px;
  font-size: 16px;
  font-family: 'Questrial', sans-serif;
  color: #fff;
  padding-top:5px;
}
#header-social {
  padding-top:5px;
  font-size:14px;
  font-family: 'Questrial', sans-serif;
  color:#fff;
  white-space:nowrap;
  margin-top:30px;
}
  #header-social a {
    display:block;
    clear:both;
    color:#fff;
    text-decoration:none;
  }
    #header-social a:hover {
      text-decoration:underline;
    }
  #header-social img {
    float:left;
    margin-right:10px;
  }
  #header-social p {
    margin:0;
    padding:5px 0 10px;
  }

/* Navigation Bar
 * ============== */
ul#navbar {
  clear:both;
  display:block;
  margin:0 -20px 10px;
  padding:0;
  height:30px;
  list-style:none;
  background-color:#fff;
}
  ul#navbar > li {
    position:relative;
    float:left;
  }
  ul#navbar > li a {
    display:block;
    padding:8px 15px;
    line-height:14px;
    font-size:14px;
    border-right:1px solid #111;
    font-family: 'Questrial', sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color:#111;
  }
  ul#navbar > li a:hover,
  ul#navbar > li a.active {
    background-color:#ff0;
  }
  
  /* Navigation Menu */
  ul#navbar > li > ul {
    display:none;
  }
  ul#navbar > li:hover > ul {
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #111;
    background-color:#eee;
    -webkit-box-shadow:4px 4px 0px rgba(0,0,0,0.2);
  }
    ul#navbar > li > ul > li {
    }
      ul#navbar > li > ul > li > a {
        border-right:none;
        border-bottom:1px solid #111;
        white-space:nowrap;
      }

/* Content Wrap
 * ============ */
#content-wrap {
  margin:0 -20px 10px;
  padding:20px;
  min-height:400px;
  background-color:#fff;
}

/* Content
 * ====== */
#content {
  
}

/* Sidebar
 * ======= */
#sidebar {
  
}

/* News (Sidebar)
 * ============== */
ul#news  {
  list-style:none;
  margin:0 0 20px;
  padding:0;
}
ul#news  > li {
  margin-bottom:12px;
  line-height:1.3em;
}
  ul#news > li > .date {
    font-size:11px;
    color:#999;
  }
  
  

/* Footer
 * ====== */
footer {
  margin:0 -20px 20px;
  padding:20px;
  background:#333;
  color:#999;
}
  footer > div > p:last-child { margin-bottom:0;padding-bottom:0; }
  footer a { color:#ddd; text-decoration:none; }
  footer a:hover { color:#777; }
  footer h6 {
    margin-bottom:5px;
    color:#777;
    font-weight:bold;
  }

/* Clearfix
 * ========
 * Make the elements wrap around their content.
 */
header:after,
footer:after,
#content-wrap:after {
 content:"\0020";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 overflow:hidden;
}