// David Ferris - 2014

/*************************************************************
                      General Styles
*************************************************************/
body {
  text-align: center;
  margin: 0;
}

h1 {
  font-family: Arial, sans-serif;
  text-align: center;
}

h2 {
  text-decoration: underline;
}

.content {
  width: 100%;
  background-color: #eaeaea;
}

.containment-bounds {
  width: 90%;
  margin: auto;
}

.divider {
  width: 100%;
  height: 2px;
  background-color: #428bca;
  margin: 25px auto;
}

.top-links {
  margin: 10px auto;
}

.top-links a {
  margin: 0 30px;
  font-size: 24px;
  font-weight: 200;
}

.top-links a:visited { color: @link-color; }

.top-links a:hover {
  color: #87CEFA;
  text-decoration: none;
}

.top-links a:active { color: #87CEFA; }

.top-links .current-page { text-decoration: underline; }

.wordbank {
  width: 33%;
  text-align: left;
  float: left;
  /*border-right: solid;
  border-right-width: 2px;
  border-right-color: #C5C5C5;*/
}

.wordbank h3 {
  cursor: pointer;
  color: #428bca;
}

.sentence-area {
  width: 66%;
  text-align: left;

  float: left;

  border-left: solid;
  border-left-width: 2px;
  border-left-color: #C5C5C5;
}

.sentence-area .sentences {
  display: none;
  width: 90%;
  margin: auto;

  font-size: 20px;
  font-weight: normal;

}

.footer {
  text-align: center;
}

/*************************************************************
                      Rank Styles
*************************************************************/
.rank-one {
  color: #ff0000;
  font-size: 72px;
}

.rank-two {
  color: #ff0000;
  font-size: 56px;
}

.rank-three {
  color: #ff0000;
  font-size: 40px;
}

.rank-four {
  color: #ff0000;
  font-size: 24px;
}

.rank-five {
  color: #ff0000;
  font-size: 16px;
}

/*************************************************************
                      About Styles
*************************************************************/
.text-block {
  text-align: left;
  width: 100%;
}

.text-block .header {
  text-decoration: underline;
  color: #428bca;
}

.text-block p {
  margin: 10px auto;
  width: 95%;
}

.bottom-padding {
  padding-bottom: 25px;
}