/* authorship used at top of page, make right-aligned, small, italic */

p#attribution {
  font-size: .85em;
  font-style: italic;
  text-align:right;
}

div#title {
  color:  #8c1515;
  font-size: 2.5em;
  margin-bottom: .5em;
}


/* Photo grid for staff photos on landing page */

.photo-grid {
  display: inline-block;
  float: none;
  max-width: 200px;
  vertical-align: bottom;
}

.photo-grid .img-thumbnail {
  border: none;
  border-radius: 10px;
  width: 100%;
}

/* Announcements pane on landing page */

.announcements {
  background-color: white;
  border: none;
  box-shadow: inset 0 0 10px black;
  padding: 1em;
}

.announcements .list-group-item {
  background-color: transparent;
  border-bottom: thin dotted gray;
  padding: 1em;
}

.announcements .list-group-item p:first-child::first-line {
  font-family: Arial; /* hack to work around Safari display issue */
  font-weight: bold;
}

span.post {
  display: block;
  font-size: .7em;
  font-style: italic;
  margin-bottom: 3px;
}

/* Tables */
/* specific to assign4 writeup */
.whitebg {
    background-color: white;
}

/* Used on the syllabus table */
.weekheader {
  background-color: #cccccc;
  font-size: x-small;
  font-style: italic;
}

/* Used for callouts on specs/handouts */
.important-box {
  border: 1px solid #005cb9;
  background-color: #f1f5f9;
  padding: 5px 5px 5px 5px;
}

/* Used in lab specs/solutions */

.lab-question {
    border-left: 5px solid CornflowerBlue;
    padding-left: 5px;
}

.lab-answer {
    border-left: 5px solid LimeGreen;
    padding-left: 5px;
}