body {
  background: #213b57 url(../images/bg.jpg);
}

h1, h2, h3, h4, h5, h6 { color: #0b3059; }

a { color: #92021a; text-decoration: none; }
a:hover { text-decoration: underline; }

#logo, #credit { padding: 10px 0 10px 0; }
#header, #footer { color: #b1c6df; }
#header a, #footer a { color: #c8ced5; }
#header h1 a, #footer h1 a { color: #fff; }
#footer .btn { color: #fff; }

#readme {
  display: none;
  left: 0px;
  position: absolute;
  top: 320px;
}

#timeline-chart { height: 300px; }

#main-chart {
    min-height: 300px;
}

#breadcrumbs { font-family:'Bitter',Georgia,serif; font-weight: bold; font-size: 20px; }

/* Breakdown table */
#breakdown a { cursor: pointer; }
#breakdown .num { text-align: right; }
#breakdown td, #breakdown th { border: 1px solid #ddd; font-size: 14px; padding: 0.3em 10px; }
#breakdown th { background: #356090; font-size: 12px; font-weight: bold; text-align: left; }
#breakdown th.charts { width: 50%; }
#breakdown th.controls { width: 20px; }
#breakdown th span { color: #ffffff; cursor: pointer; }

#breakdown th.sorting_asc span {
  background: url(../images/sort-up.png) no-repeat 100% 50%;
  padding-right: 10px;
}

#breakdown th.sorting_desc span {
  background: url(../images/sort-down.png) no-repeat 100% 50%;
  padding-right: 10px;
}

/* Bars */
  .bars span { border-style: solid; border-width: 5px 0; display: block; height: 1px; margin: 1px 0; text-indent: -5000px;}

.bars .budgeted {
    background: none repeat scroll 0 0 #264870;
    border-color: #264870;
}
.bars .spent {
    background: none repeat scroll 0 0 #7D9ABB;
    border-color: #7D9ABB;
}

  /* Colors */
  .appropriations { color: #264870; }
  .expenditures { color: #7d9abb; }
  .bars .appropriations { background: #264870; border-color: #264870; }
  .bars .expenditures { background: #7d9abb; border-color: #7d9abb; }

/* Expanded rows */
#breakdown .expanded-content td {
  border-top: 0;
  padding-top: 20px;
}

#breakdown .expanded-head td {
  border-top: 2px solid #7f7f7f;
  font-weight: bold;
}

.btn-primary {
  background-color: #92021a;
  border-color: #92021a;
}

.btn-primary:hover {
  background-color: #730215;
  border-color: #730215;
}

.expanded-primary { float: left; width: 48%; margin-left: 10px; }
.expanded-secondary { float: left; width: 48%; }

/* Nav */
#breakdown-nav { margin-top: -1px; }
#breakdown-nav a { display: block; padding: 0.4em 1em 0.3em; }
#breakdown-nav li { float: left; padding: 0.4em 1em 0.3em; }
#breakdown-nav li.current { background: #264870; color: #fff; }
#breakdown-nav li.current a {  color: #fff; }
#breakdown-nav ul { list-style: none; margin: 0; }

#department-search { margin: 50px 0 10px 0; }
#department-search a { color: #fff; }

/* Scorecard */
#scorecard { border-top: 3px solid #264870; margin: 0; }
#scorecard h2 { font-size: 20px; }
#scorecard h2, #scorecard p { margin: 0; }
#scorecard td { border: 1px solid #ddd; border-bottom: 0; padding: 0.8em 10px; width: 25%; }
#scorecard td#scorecard-desc { width: 50%; }

/* Stats */
.stats { list-style: none; margin: 0 0 0.5em 0; }
.stats { padding: 0; }
.stats li { display: inline; margin-right: 1em; white-space: nowrap; padding: 0;}
.stats strong { font-size: 25px; }

/* Sparklines */
.sparkline { height: 120px; margin-bottom: 15px; }

.well {
  background-color: #fff;
}

.about { font-size: 16px;}