/* Messages */

.message {
  position: relative;
  
  margin-top: 6px;
  
  overflow: hidden;
}

.message.consecutive {
  margin-top: 0;
}

.message .speaker {
  clear: both;
}
.message .speaker img {
  float: left;
}

.message .nickname {
  position: relative;
  left: 4px;
  
  margin-bottom: 3px;
  
  color: #793b00;
  font-family: Helvetica, 'Trebuchet MS', sans-serif;
}

.message a:focus .nickname,
.message a:hover .nickname {
  color: #de8000;
}

.message .text {
  margin: 0 10px 0 32px;
}

.message .text p {
  color: #333;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  line-height: 1.2;
}

.message .timestamp {
  float: right;
  
  margin-right: 10px;
  
  color: #e1bb88;
  font-size: 0.8em;
  font-family: 'Gill Sans', Verdana, Arial, sans-serif;
}

.message .timestamp .iso8601 {
  display: none;
}

.message.consecutive .speaker,
.message.consecutive .timestamp {
  display: none;
}

/* Spinner */

.message .spinner {
  position: absolute;
  right: 5px;
}

/* Permalink */

.message:target {
  background: #ffffe1;
}

.message.highlight,
.message.stickyHighlight {
  background: #f0ffee;
}

.message .permalink {
  display: none;
  
  position: absolute;
  right: 5px;
}

.message .permalink a {
  color: #e1bb88;
  font-size: 0.8em;
}

.message .permalink a:focus,
.message .permalink a:hover {
  color: #de8000;
}

.message:focus .permalink,
.message:hover .permalink {
  display: block;
}

#message_detail {
  padding: 10px;
  
  background: #e7ffe3;
  border: solid #d9dba6;
  border-width: 1px 0;
}

#message_detail p {
  margin: 0 0 5px;
  font-size: 0.8em;
}

#message_detail input[type='text'] {
  width: 60%;
}


/* System Message */

.message.system {
  margin-top: 0;
}

.message.system .speaker,
.message.system .timestamp {
  display: none;
}

.message.system .text:focus .permalink,
.message.system .text:hover .permalink {
  display: none;
}

.message.system .text {
  margin-right: 10px;
}

.message.system .text p {
  color: #aaa;
  font-size: 0.8em;
  text-align: right;
  font-family: 'Gill Sans', Verdana, Arial, sans-serif;
}


/* Decorator */

.message .decorated img {
  max-width: 100%;
  max-height: 250px;
}

.message .flv
.message .youtube,
.message .vimeo,
.message .facebook {
  width: 425px;
  height: 344px;
}

.message .mp3 {
  vertical-align: middle;
  
  width: 400px;
  height: 19px; /* 19px = flashvars height - 1px fudge */
}

.message .github,
.message .pastie {
  width: 100%;
  height: auto;
}