/*
 * author: Jonathan Bernard
 * TimeStamper main CSS for screen media types
 */
/* _rounded.scss */
* {
  color: #222222;
  margin: 0;
  padding: 0; }

body {
  width: 70%;
  margin: auto; }

#top {
  position: fixed;
  top: 0px;
  background: white;
  width: 70%; }
  #top #fade-bar {
    background: url("img/fade.png") repeat-x;
    height: 32px;
    width: 100%; }

#user {
  font-family: "Josefin Sans";
  width: 100%; }
  #user .fullname, #user .username {
    display: inline-block;
    font-size: larger; }
  #user .fullname-input {
    display: none; }
  #user.fullname-edit .fullname-input {
    display: inline-block; }
  #user.fullname-edit .fullname {
    display: none; }
  #user .drop-menu {
    display: inline-block; }
  #user .drop-menu .drop-menu-items {
    float: right;
    list-style: none; }
    #user .drop-menu .drop-menu-items li {
      float: right;
      text-align: center;
      padding-right: 1em; }
  #user a {
    display: inline-block;
    text-decoration: none; }
    #user a:hover {
      text-decoration: underline; }

#timeline {
  border-bottom: thin solid black;
  font-family: Arvo;
  font-size: 1.5em; }
  #timeline .timeline-desc {
    display: inline-block;
    width: 70%; }
  #timeline .timeline-desc-input {
    width: 70%; }
  #timeline .timeline-id {
    display: inline-block; }
  #timeline .timeline-desc-input, #timeline .timeline-id-input {
    display: none; }
  #timeline.edit-id .timeline-id-input {
    display: inline-block; }
  #timeline.edit-id .timeline-id {
    display: none; }
  #timeline.edit-desc .timeline-desc-input {
    display: inline-block; }
  #timeline.edit-desc .timeline-desc {
    display: none; }
  #timeline .drop-menu {
    text-align: right;
    display: inline-block;
    width: 29%; }
    #timeline .drop-menu .drop-menu-items {
      text-align: right;
      right: 0; }

#new-entry {
  margin-top: 5.5em;
  padding: 0.5em 0.5em; }
  #new-entry .mark-input, #new-entry .timestamp-input {
    border: solid thin #555555;
    -webkit-box-shadow: inset 0px 2px 4px #CCC;
    box-shadow: inset 0px 2px 4px #CCC;
    margin-bottom: 0.5em;
    font-family: Cantarell; }
  #new-entry .mark-input {
    width: 78%; }
  #new-entry .edit-mark .mark-input {
    display: inline-block; }
  #new-entry .edit-mark .mark {
    display: none; }
  #new-entry .edit-timestamp .timestamp-input {
    display: inline-block; }
  #new-entry .edit-timestamp .timestamp {
    display: none; }

#entries {
  padding: 0.5em 0.5em; }
  #entries .entry {
    font-family: Cantarell; }
    #entries .entry div {
      display: inline-block; }
    #entries .entry .timestamp, #entries .entry .timestamp-input {
      width: 10%; }
    #entries .entry .duration {
      width: 10%; }
    #entries .entry .mark {
      width: 78%; }
    #entries .entry .mark-input, #entries .entry .timestamp-input {
      display: none; }
    #entries .entry .notes {
      display: none; }

.drop-menu {
  position: relative; }
  .drop-menu .drop-menu-items {
    background: white;
    display: none;
    list-style: none;
    position: absolute; }
  .drop-menu:hover .drop-menu-items, .drop-menu .drop-menu-items:hover {
    display: block; }

.footer {
  border-top: thin solid black;
  color: #888888;
  font-family: Bentham;
  margin: 1em 0;
  padding-top: 1em;
  text-align: center;
  width: 100%; }
  .footer a {
    color: #888888;
    text-decoration: none; }
    .footer a:hover {
      text-decoration: underline; }

.logo {
  font-family: Bentham;
  text-decoration: overline underline;
  color: inherit; }