/* Let readers follow the transcript with a pointer
   That should be easier to follow their cursor with */
.transcript {
    cursor:default;
    width:75%;
}
/* Remove bullets */
.transcript ul {
    list-style-type:none;
}

/* alignment markers */
.transcript li {
    border-left:1px dotted #888;
    padding:20px 15px 5px 10px;
}

/* First bold word should always be the character
   Move and stylise it */
.transcript li b:first-of-type {
    color:#129;
    position:relative;
    float:left;
    /* removes the weird indent */
    margin-right:-100%;
    bottom:20px;
    right:9px;
    line-height:13px;
    padding:5px 3px 0 2px;
    border-bottom:1px solid;
}

/* stylise hover on dialogue */
.transcript li:hover {
    background:#CDE5F1;
    outline:1px solid #888;
    opacity:1.0 !important;
}

.transcript li:hover li {
    opacity:.7;
}

/* alternating colours */
/* white */
.transcript li:hover li:hover,
.transcript li:hover li:hover li:hover li:hover,
.transcript li:hover li:hover li:hover li:hover li:hover li:hover,
.transcript li:hover li:hover li:hover li:hover li:hover li:hover li:hover li:hover {
    background:#FFFFFF;
}

/* blue */
.transcript li:hover li:hover li:hover,
.transcript li:hover li:hover li:hover li:hover li:hover,
.transcript li:hover li:hover li:hover li:hover li:hover li:hover li:hover {
    background:#CDE5F1;
}

/* Quest actions */
.quest-action {
    text-align:center;
    font-style:italic;
    margin:0 5%;
}

.quest-action:hover {
    background:#DDE5F1;
    outline:1px dotted;
}

.quest-action:before,
.quest-action:after {
    content:'———';
    margin:4px;
    letter-spacing:-1px;
}