/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}
#header {
    top:0;
    position:absolute;
    width:100%;
}
.navbar-fixed-top {
    top:100px;
    position:absolute;
}
.body-content {
    top:150px;
    position:absolute;
    padding:5px;
}
.navbar-header {
    top: 0;
}
#left-header {
    float:left;
}
#right-header {
    float:right;
    margin:5px 5px 0 0;
    text-align:right;
}
#date-old {
    margin-top: 45px;
    text-align: right;
    display:none;
}
#date {
    color: white;
    text-align: right;
    vertical-align: middle;
    right:0px;
    margin-top: 15px;
    margin-right:5px;
}

footer {
    margin-left:5px;
    text-align:center;
}
h1 {
    font-size:20px;
    font-weight:bold;
    margin-top:15px;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top:10px;
}
h3 {
    font-size: 14px;
    font-weight: bold;
}
h4 {
    font-size: 13px;
    font-weight: bold;
}
.next-previous {
    text-align:right;
}
#footer-line {
    width:100%;
    /*border-bottom:2px solid black;*/
    margin:5px 0 0 0;
}
.grid-cell {
    padding-right: 10px;

}
.alpha-list {
    list-style-type: upper-alpha;
}
li.alpha-list {
    list-style-type: upper-alpha;
}
#__asptrace {
    top:2000px;
}
a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #999999;
    text-decoration: none;
}
.news-list-title {
    font-size: 16px;
    font-weight-bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.archives-title {
    font-size: 14px;
    font-weight-bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.news-list-desc {
    font-size: 14px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.news-list-date {
    font-size: 12px;
    color: #999999;
}
.news-list-more {
    font-size: 12px;
    padding-left:10px;
    margin-bottom:10px;
}
a.news-list-title {
    font-weight:bold;
}
span.news-list-title {
    font-weight: bold;
}
span.archives-title {
    font-weight: bold;
}
.article-links {
    display:block;
}
a:hover.article-links {
    color:black;
    font-weight:bold;
    text-decoration:none;
}
.article-links a {
    color: black;
    text-decoration: none;
}
.article-links a:hover {
    color: #999999;
    text-decoration: none;
}
.std-links a {
    color: black;
    text-decoration: none;
}

.std-links a:hover {
    color: #999999;
    text-decoration: none;
}
.articleTrailer {
    margin-bottom: 10px;
    color: #666666;
    font-size: 10px;
}
.articleTrailer a {
    margin-bottom: 10px;
    color: #666666;
    font-size: 10px;
}
.center {
    text-align: center;
}
.author-col3 {
    max-width: 600px;
    min-width: 200px;
}

.author-col2 {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}


.author-col1 {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

.intro {
    margin: 5px 5px 10px 0;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:15px;
    max-width: 1120px !important;
}
.serif {
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.indent-subseq ul {
    list-style-type: none;
}
.indent-subseq li {
    list-style-type: none;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 0;
    margin-left:-1.8em;
}
.rounded {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #e6f5fa;
}
.rounded-padding {
    padding:0 5px 10px 5px;
    margin-bottom:5px;
}
.right-column {
    max-width: 300px;
}
a.cssButton {
    /*
    -moz-box-shadow: inset 0px 34px 0px -25px #B8D7C7;
    -webkit-box-shadow: inset 0px 34px 0px -25px #b8d7c7;
    box-shadow: inset 0px 34px 0px -25px #b8d7c7;
    */
    background-color: #09B8FB;
    background-color: #3E3689;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    /*margin-left: 20px; */
}
.home-right {
    max-width:300px;
}
#top-banner {
    position:absolute;
    top:5px;
    left: 400px;
    height:90px;
    width:728px;
}
.social-media-icon {
    margin-right:4px;
}
.para {
    height:5px;
}
.grid-col {
    padding-right: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.ranklist-col1 {
    width: 37px;
    text-align: center;
    float: left;
    margin-right: 5px;
    border: 0px solid #e6f5fa;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.ranklist-col2 {
    width: 50px;
    text-align: right;
    float: left;
    margin-right: 5px;
    border: 0px solid #e6f5fa;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.ranklist-col3 {
    float: left;
    padding-right: 5px;
    margin-left: 4px;
    border: 0px solid #e6f5fa;
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 150px;
    text-align:left;
}

.ranklist-col1-header {
    width: 37px;
    text-align: center;
    float: left;
    margin-right: 5px;
    border: 0px solid #e6f5fa;
    font-family: Arial;
    font-weight:bold;
}
.ranklist-col2-header {
    width: 50px;
    text-align: right;
    float: left;
    margin-right: 8px;
    border: 0px solid #e6f5fa;
    font-family: Arial;
    font-weight: bold;
}
.ranklist-col3-header {
    width: 150px;
    text-align: left;
    float: left;
    margin-right: 5px;
    border: 0px solid #e6f5fa;
    font-family: Arial;
    font-weight: bold;
    text-align:left;
}

.bold {
    font-weight: bold;
}

.pos {
    color: green;
}

.neg {
    color: red;
}
#archives-search {
    border:1px solid black;
    width:300px;
    text-align:right;
   /* margin-left:70px;*/
}
.archives-search-prompt {
    font-weight:bold;
    width:80px;
    float:left;
    margin-right:5px;
    margin-bottom:3px;
    padding-left:5px;
}
.archives-search-value {
    font-weight: bold;
    width: 110px;
    float: left;
    padding-right: 5px;
    margin-bottom: 3px;
}
.row {
    display: flex;
}
.twitterIntents {
    text-decoration: none;
    color: #666666;
    font-size: 11px
}

.twitterUserName {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 11px
}

.twitterScreenName {
    text-decoration: none;
    color: #666666;
    font-size: 11px
}

.twitterActions {
    color: #333333;
    margin: 0px;
    font-size: 12px;
}

.twitterAuthor {
    padding-top: 0px;
    margin-top: 0px
}

.tweetsIcon {
    border: 0px;
    width: 30px
}

.tweetsImg {
    float: left;
    margin-right: 5px;
    width: 30px
}
.darkSmall {
    color: #333333;
    font-size: 11px;
}
.news-article {
    font-family: Georgia, 'Times New Roman', Times, serif;

}
.company-list {
    margin-top: 10px;
}
#__asptrace {
    position: relative;
    top: 1500px;
    left: 0px;
}
#login {
    float: left;
}
#logout {
    float: left;
}
/* inline article images with captions */

.articleImgLeft {
    float: left;
    margin: 0 10px 0 0;
}

.articleImgLeft img {
    margin: 5px 0 0 0;
    border: 0;
}

.articleImgRight {
    float: right;
    margin: 0 0 0 10px;
}

.articleImgRight img {
    margin: 5px 0 0 0;
    border: 0;
}

p.captionSM {
    width: 130px;
    margin: 4px 0 5px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold
}

p.caption {
    width: 185px;
    margin: 4px 0 5px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold
}

p.captionLG {
    width: 250px;
    margin: 4px 0 5px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold
}

.photoAttribution {
    font-style: italic
}

/*--------------------------------------------------------------------------------*/
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
    #masthead {
        width:390px;
        height:102px;
        border:none
    }
    .event-logo {
        float: right;
        width: 175px;
        padding: 0 0px 15px 0;
        margin-right: 5px;
        font-size: 14px;
        font-family: arial;
    }
    .event-name {
        width: 400px;
        float: left;
        padding: 0 15px 15px 0px;
        font-size: 14px;
        font-family: arial;
        vertical-align: middle;
    }
    .event-date {
        width: 150px;
        float: left;
        padding: 0 15px 15px 0px;
        font-size: 14px;
        font-family: arial;
        vertical-align: middle;
        text-align:right;
    }
    .event-image {
        vertical-align: middle;
        max-width: 150px;
        float:left;
    }
    .event-month {
        font-weight: bold;
        margin-bottom: 10px;
    }
    .body-content {
        max-width: 1200px !important;
    }
    .navbar {
        max-width:1128px !important;
    }
    .ad-column {
        width: 300px;
        text-align: left;
        margin-top:10px;
    }
    .row {
          max-width: 1140px !important;
    }
    .archives-block {
        padding: 0 0 10px 10px;
        margin: 5px 5px 5px 0;
        float: left;
        width: 268px;
    }
    #date {
        margin-right:5px;
    }
    .main-col {
        margin-right: 5px;
        margin-top: -7px;
        margin-left:15px;
        min-width:300px;
        max-width:820px;
    }
    .ranklist-heading {
        text-align:center;
        padding-top:10px;
        margin-top:5px;
    }
    #searchLayer {
        display: none;
        margin-top: 13px;
        float: left
    }
    #searchIcon {
        float:left;
    }
    .news-article {
        font-size:15px;
    }
    .addthis_sharing_toolbox {
        height: 20px
    }
}

@media screen and (max-width: 768px) {
        .main-content {
            margin: 110px 5px 5px 5px;
        }

        .content-wrapper {
            margin-top: 110px;
        }

        #main {
            margin: 110px 10px 5px 10px !important;
            width: 100%;
        }

        #masthead {
            width: 60%;
            border: none
        }

        #left-header {
            float: left;
            width: 60%;
        }

        .body-content {
            width: 100%
        }

        .event-logo {
            float: right;
            width: 175px;
            padding: 0 0px 15px 0;
            margin-right: 5px;
            font-size: 14px;
            font-family: arial;
            vertical-align: middle;
        }

        .event-name {
            width: 200px;
            float: left;
            padding: 0 15px 15px 0px;
            font-size: 14px;
            font-family: arial;
            vertical-align: middle;
        }

        .event-date {
            width: 150px;
            float: left;
            padding: 0 15px 15px 0px;
            font-size: 14px;
            font-family: arial;
            vertical-align: middle;
            text-align: right;
        }

        .event-image {
            vertical-align: middle;
            max-width: 50px;
            float: left;
        }

        .event-month {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .author-col1 {
            float: left;
            width: 125px;
            margin-right: 10px;
        }

        .author-col2 {
            float: left;
            width: 50px;
            text-align: right;
            margin-right: 10px;
            display: none;
        }

        .author-col3 {
            float: left;
            width: 300px;
        }

        .intro {
            margin: 5px 5px 10px 0;
        }
        #searchLayer {
            position:absolute;
            top:50px;
            left: 10px;
        }
        .ad-column {
            text-align:center;
        }
        .company-list {
            line-height:30px;
        }
    }
@media screen and (max-width: 1100px) {
    .nav > li > a {
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media screen and (max-width: 990px and min-width: 692px) {
    .container {
        margin-top:50px;
    }
    .body-content {
        margin-top: 50px;
    }
}