.headline {
    margin-top: 30px;
    margin-bottom: 30px;
}

.headline h1 {
    font-family: "Courier New";
    font-weight: 900;
    font-size: 50px;
    text-align: center;
}

.headline h2 {
    font-family: Georgia, "TImes New Roman", Times, serif;
    font-style: italic;
    font-size: 18px;
    text-align: center;
}

ul.social-links {
    margin-top: 14px;
    margin-right: 10px;
}

.ribbon {
   display: block;
   position: absolute;
   top: 15px;
   left: -100px;
   width: 300px;
   -webkit-transform: rotate(-45deg);
   -moz-transform:    rotate(-45deg);
   -ms-transform:     rotate(-45deg);
   transform:         rotate(-45deg);
}

a:active, a:focus {
    outline:none;
}

/*---------------------------------------------------------------------------*/

.btn-file {
    position: relative;
    overflow: hidden;
    background-color: #F8F8F8;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}

.form-control[readonly] {
    background-color: #FFFFFF;
}

#paste-tab textarea {
    height: 150px;
}

.tab-pane {
    padding-top: 10px;
}

/*---------------------------------------------------------------------------*/

.src {
    height: 593px;
    overflow: auto;
}

.analysis {
    height: 593px;
    overflow: auto;
}

.analysis .s1, .statistics .s1 { color: #B9B9B9; }
.analysis .s2, .statistics .s2 { color: #F2CA11; }
.analysis .s3, .statistics .s3 { color: #EA5B09; }
.analysis .s4, .statistics .s4 { color: #B74315; }
.analysis .s5, .statistics .s5 { color: #6F0505; font-weight: 700}

.statistics {
    display: none;
}

.statistics dl {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.pc-badge {
    display: block;
    margin: auto;
}
/*---------------------------------------------------------------------------*/

.popover {
    max-width: none;
}

.popover-title {
    text-align: center;
}

.popover-content pre {
    white-space: pre;
    overflow: auto;
    word-wrap: normal;
}

/*---------------------------------------------------------------------------*/

.btn-slide {
    display: block;
    max-width: 200px;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

/*---------------------------------------------------------------------------*/

.ppi-code {
    overflow: auto;
    word-wrap: normal;
    white-space: pre;
    font-weight: 700;
    font-family: "Courier New";
    background-color: #FFFFFF;
}

.ppi-code .line { width: 100%; }
.ppi-code .cast { color: #339999; }
.ppi-code .comment { color: #008080; }
.ppi-code .core { color: #FF0000; }
.ppi-code .double { color: #999999; }
.ppi-code .heredoc_content { color: #FF0000; }
.ppi-code .interpolate { color: #999999; }
.ppi-code .keyword { color: #BD2E2A; }
.ppi-code .line_number { color: #666666; }
.ppi-code .literal { color: #999999; }
.ppi-code .magic { color: #0099FF; }
.ppi-code .match { color: #9900FF; }
.ppi-code .number { color: #990000; }
.ppi-code .operator { color: #DD7700; }
.ppi-code .pod { color: #008080; }
.ppi-code .pragma { color: #A33AF7; }
.ppi-code .regex { color: #9900FF; }
.ppi-code .single { color: #FF33FF; }
.ppi-code .substitute { color: #9900FF; }
.ppi-code .symbol { color: #389A7D; }
.ppi-code .transliterate { color: #9900FF; }
.ppi-code .word { color: #999999; }