.justatest {}
.alert {margin: 30px; text-align: center}
.container {width: 100%}
th {font-weight: normal}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color: #000; border-color: #000}
.a {color: #337ab7}
.a:hover {cursor: pointer}
.canedit .ed:hover {background: #f5f5f5; cursor: pointer}
abbr[title], .rl-list li {border-bottom: 1px dotted #ccc}
ul.rl {list-style:none}
.rl .t {font-size: 26px}
.fr {float: right; margin: 0 0 15px 15px}
.search .well h2 {margin-bottom: 0}
.rl p {margin-bottom: 0}
.rl-list li:last-child {border-bottom: none}
.cf:after {clear: both}
.ed .add.n {color: #ccc}
.rl .url {color: #999; font-size: 16px}
.downloads {max-width: 960px}
.downloads .price {color: #999;  padding-left: 5px}
.downloads td {padding: 20px !important}
.downloads .btn {float: right; margin: 0 0 20px 20px}
.float-rect {float: right; margin: 0 0 20px 20px; width: 340px}
.rl-basic {-webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2;}
.form-inline {display: none}
.form-inline input[type=text] {width: 100%}
.compare table textarea {border: 1px solid #ccc; display: block; min-width: 150px; width: 100%}
dd {margin-left: 40px}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 0}
h1 {font-size: 46px}
.form-control, .btn {border-radius: 0}
.media {border-bottom: 1px solid #ccc}
.media-left {min-width: 100px}
.rl img {display: block}
span.url {color: #999; display: block; font-size: 18px; margin-top: 5px}
.fg label {display: block}
.hint {color: #999; font-size: 14px; margin-top: 5px}
textarea.short, textarea[name="definition"] {max-height: 60px}
textarea.long {height: 300px}
.admin form.edit textarea {height: 250px}
.rl-list img {float: left}
.form-control {font-size: 16px}
.segs input {display: inline-block; width: auto}
body {background: url('http://s3.amazonaws.com/rlft.co/bg/texturetastic_gray.png'); font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 1.5;}
body > .container {padding: 0}
#sb a, #sb a:link, #sb a:visited, #sb a:hover {color: #23435A; text-decoration: none}
h1, h2, h3 {font-weight: 400;}
p, h2, ul, ol, .buttons {margin: 0 0 20px;}
.rl-list img {margin-right: 15px}
.rl-list .has-img {min-height: 130px}
img {max-width: 100%}
.letters {margin-bottom: 30px}
.letters a {font-size: 36px; padding: 0 5px 30px 5px}
.letters a.active {color: inherit; font-weight: bold}
.letters a:first {padding-left: 0}
ul.plain, ul.rl {padding-left: 0}
#content {background: #fff; padding: 30px}
.col-sm-12 #content {padding: 20px}
.rl-list li {line-height: 1.3; padding: 15px 0}
.rl-list li:first-child {padding-top: 0}
#sb aside:not(.menu) {border-bottom: 1px solid #a1b8cd; padding: 10px}
#sb h3 {font-size: 22px; margin: 0; padding: 0}
.sidebar figure {display: block; margin-bottom: 40px}
.sidebar figcaption {text-align: right}
figcaption small {color: #999; display: block}
blockquote {border-left: none; font-family: monospace; font-size: 16px; line-height: 1.4; padding: 0 40px 10px 40px}
.library article small {font-family: monospace; font-size: 12px; line-height: 1; margin: 20px 0}
article dd {margin: 0 40px; text-align: justify}
article dd h2 {font-size: 26px}
blockquote.featured {border-left: 0; padding: 0; text-align: center}
blockquote small {font-size: smaller}
.mc {-moz-column-width: 300px; -webkit-column-width: 300px; column-width: 300px}
.two-cols {-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px;}
.three-cols {-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px;}
/* body > .container {padding: 0} */
.navbar {margin-bottom: 0}
.navbar-brand {font-size: 24px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background-color: inherit}
.navbar-inverse .navbar-brand {color: #fff}
.navbar a {text-decoration: none;}
header {margin-bottom: 30px;}
.breadcrumb {background: none; color: #ccc; font-size: 14px; padding: 0; text-transform: lowercase;}
.breadcrumb>.active, .lead.notice {color: #999}
footer {color: #999; font-size: 14px; padding: 30px;}
footer p a {display: inline-block; margin: 0 2px;}
footer p {margin: 0 0 10px;}
.cover {color: #999; font-size: 14px; line-height: 1.1;}
.cover img {display: block;}
#sb menu {border-bottom: 1px dotted #ccc; margin: 0 0 20px 0;}
#top-banner {margin: 20px 0;}
.sb aside {margin-bottom: 15px}
#sb .menu li a {border-bottom: solid 1px #fff; display: block; padding: 8px 10px}
#sb .menu li.active > a, #sb .menu li a:hover {background: #23435A; border-right: none; color: #fff; text-decoration: none;}
#menu ul {margin: 0}
#sb li {line-height: 1.1;}
.rl-books {list-style: none; margin: 20px 0 0 0; padding: 0;}
.rl-books li {display: inline-block; margin: 0 10px 15px 0; vertical-align: bottom; width: 46%;}
.content section {border-bottom: 1px solid #ccc; margin: 20px 0; padding-bottom: 20px;}
.share label {display: block}
.share input, .share div[contenteditable] {color: #999; display: block; font-size: 15px; line-height: 1}
.share div[contenteditable] {height: auto; line-height: 1.2}
.share a {color: #fff; display: inline-block; font-size: 24px; height: 42px; margin: 0 5px 5px 0; padding: 5px 0; text-align: center; width: 42px}
.share > div {margin-bottom: 10px}
.share a:hover {background: none}
/* charts and tables */
/* .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #000} */
table.facts {font-size: 15px}
table.facts th {min-width: 180px}
.comparison-chart thead th, .brc th, .comparison-chart th a {font-size: 18px !important;}
.comparison-chart .table>thead>tr>th, .comparison-chart .table>tbody>tr>td, .comparison-chart .table>tbody>tr>th {font-size: 14px; line-height: 1.2}
.comparison-chart .table>thead>tr>th, .comparison-chart .table>tbody>tr>th {padding: 10px}
.brc th, .brc td {max-width: 105px}
/* .comparison-chart .table>tbody>tr>th[scope] {background: #f5f5f5} */
.comparison-chart.brc .table>tbody>tr>th span.alt-names {display: block; font-size: 12px; font-weight: normal;}
td.adspan {padding: 20px}
.compare table textarea.form-control {font-size: inherit; line-height: inherit; padding: 5px}
.compare table .btn {padding: 5px 10px}
/* boxes and colors */
.bxs {font-size: 14px; line-height: 1.2;} 
.bxs h2 {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.bxs li {margin-bottom: 5px;}
.bxs p {font-size: 16px;}
.bxo {padding: 2px;}
.bxi, .navbar-inverse {border-radius: 0}
.bxi {margin-bottom: 5px; padding: 15px}
.bx-db, #sb {background: #23435A; border-color: #23435A; color: #a1b8cd;} 
.bx-db a {color: #e5e5e5}
.bx-lb, aside.menu {background: #a1b8cd}
.bx-lb, .bx-lb a, .bx-lg a {color: #23435A}
.bx-lg {background: #D5D5D5} /* was light-green: #A5BD8C; */
.bx-dg {background: #3D4426}
.bx-wh {background: #FFF}
.bx-wh .ad {float: none; text-align: center}
.highlight {background: rgba(162,184,204,0.32)}
/* social colors */
.fb{background:#3b5998;}
.fb:hover{color:#3b5998;}
.tw{background:#55acee}
.tw:hover{color:#55acee}
.gp{background:#dd4b39}
.gp:hover{color:#dd4b39}
.su {background: #eb4924}
.su:hover {color: #eb4924}
.reddit {background: #5f99cf}
.reddit:hover {color: #5f99cf}
.digg {background: #000}
.digg:hover {color: #000}
.std{background: #666}
.std:hover {background:none;color:#666}

/* 
==========================================================================  
Media Queries
========================================================================== 
*/

@media screen and (max-width: 767px) {
  .aol, .bottom-share {display: none !important}
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {white-space: normal}
  .letters a {display: inline-block; padding: 5px 20px; width: 0.9em}
  .ad.float-rect {display: none}
}

@media screen and (min-width: 1200px) {
  /*
.letters a {font-size: 26px; padding: 0 12px}
  .letters a:first {padding-left:0}
*/
}