/** Aurora's Journal
 *  Author: Timothy Foster
 *  Version: 1.01.150508
 *  Copyright 2014-15
 *
 ** Designed for the Standard Layout
 *
 ** TOC:
 *      IMPT: Imports
 *      GLBL: Global
 *      FRAM: Frame
 *      HEAD: Header
 *      LOGN: Login Status
 *      SRCH: Search
 *      TOPB: Top Bar
 *      SIDE: Side bar
 *      MAIN: Main Content
 *      QUOT: Blockquotes
 *      CODE: Code
 *      BSCL: Bootstrap Colors
 *      ACTA: Action Area
 *      FOOT: Footer
 *      POST: Post Info
 *      TABL: Tables
 *      COMM: Comments
 *      SMSC: Small Screens
 *      IFRM: Iframes
 *      IBOX: Image Box
 ** Colors:
 *      Primary: #448DDD/#41AAB7
 *      Info:    #448DDD/#4A9CE0
 *      Success: #5ABF4A/#6CC94A
 *      Warning: #E2B344/#EDB253
 *      Danger:  #DD4446/#E2515D
 * ***************************************************************/
 
/*  Imports (!IMPT)
=================================================================*/
@import url('http://css.wikidot.com/theme:community-bootstrap-base/code_');
@import url('http://css.wikidot.com/cssnippet:minimized-login-status/code_');
@import url('http://css.wikidot.com/cssnippet:minimized-search-bar/code_');
@import url('http://css.wikidot.com/cssnippet:fontawesome-editor/code_');
@import url('http://css.wikidot.com/cssnippet:better-code-blocks/code_');
@import url('http://css.wikidot.com/cssnippet:inline-hovertips/code_');
 
@import url('/local--files/css:aurora-s-journal/cssFont_ralewayExtraLight.css');
 
/*  Global (!GLBL)
=================================================================*/
body{
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 10pt;
}
@media (max-width:768px){
    body{  font-size: 11pt; }
}
a{
    text-decoration: none;
    color: #158491;
}
a:hover{
    text-decoration: underline;
    background: none;
}
 
.btn,
input[type=button]:not(.btn),
input[type=submit]:not(.btn),
.button,
.join-box a,
#new-post-button{
    font-family: 'RalewayExtralight', sans-serif;
    min-height: 26px;
    border-radius: 5px;
    border: 1px solid;
    transition: all 256ms;
    padding: 2px 1em;
}
.btn:hover,
input[type=button]:not(.btn):hover,
input[type=submit]:not(.btn):hover,
.button:hover,
.join-box a:hover,
#new-post-button:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover{
    color: #000;
    box-shadow: 0 5px 6px rgba(255, 255, 255, .75) inset;
    text-decoration: none;
}
 
.btn.btn-default, .btn.btn-primary,
input[type=button]:not(.btn),
input[type=submit]:not(.btn),
.button,
.join-box a,
#new-post-button{
    border-color: #4588D1;
    color: #18344E;
    background: #448DDD;
    background-image: -moz-linear-gradient(top, #41AAB7, #9CDEE5 2px, #49BECC 10px, #448DDD);
    background-image: -webkit-linear-gradient(top, #41AAB7, #9CDEE5 2px, #49BECC 10px, #448DDD);
}
 
#new-post-button{  display: inline-block !important; }
 
.form-control,
input[type=text]:not(.form-control),
textarea:not(.form-control){
    border: 1px solid #CCC;
    border-radius: 5px;
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(top, #F4F4F4, #FFFFFF 8px, #FFFFFF 90%, #F8F8F8);
    background-image: -webkit-linear-gradient(top, #F4F4F4, #FFFFFF 10px, #FFFFFF 90%, #F8F8F8);
    min-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 256ms;
    font-size: inherit;
}
.form-control:focus,
input[type=text]:not(.form-control):focus,
textarea:not(.form-control):focus{
    box-shadow: 0 0 4px 4px rgba(255,255,255, 0.75) inset;
    border: 1px solid #4588D1;
}
 
.alert{  border-radius: 6px; }
.alert.admins-only{  text-align: center; }
 
/*  Frame (!FRAM)
=================================================================*/
body{
    background-color: #223;
    background-image: url('http://timothyfoster.wikidot.com/local--files/css:aurora/back.png');
}
 
/*  Header (!HEAD)
=================================================================*/
header .header{  height: 108px; }
header .header::after{
    background-image: url('http://css-sandbox.wikidot.com/local--files/sandbox:148/aurora_corner.png');
    position: absolute;
    top: 140px;
    left: 273px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    z-index: 1001;
}
@media (max-width:768px){
    header .header::after{  display: none; }
}
@media (max-width:992px){
    header .header::after{  display: none; }
}
@media (max-width:1200px){
    header .header::after{  left: 223px; }
}
 
header .header h1{
    margin: 14px 0 0 18px;
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 36pt;
    letter-spacing: 2px;
}
header .header h1 a{
    color: #DDD;
    text-shadow: 7px 0 2px rgba(200, 200, 220, .35);
    transition: all 256ms;
}
header .header h1 a:hover,
header .header h1 a:focus{
    color: #FFF;
    text-shadow: 6px 0 1px rgba(200, 200, 220, .45);
    background: none;
    text-decoration: none;
}
header .header h2{
    font-family: 'RalewayExtralight', sans-serif;
    color: #CCC;
    text-shadow: 1px 0 2px rgba(0,0,0,.75);
    font-size: 10pt;
    letter-spacing: 1px;
    margin-left: 150px;
    margin-top: 5px;
}
 
/*  Login Status (!LOGN)
=================================================================*/
.login-status .btn.dropdown-toggle{
    border-color: #444455;
}
.login-status .btn.dropdown-toggle:hover,
.login-status .btn.dropdown-toggle:focus{
    border-color: #555566;
    background: #333344;
    box-shadow: none;
}
 
/*  Search (!SRCH)
=================================================================*/
#search-top-box{
    position: absolute;
    right: 5px;
    top: 64px;
}
#search-top-box input.text{
    border-color: #444455;
    background: none;
}
#search-top-box form:hover input.text{
    border-color: #555566;
    background: rgba(255,255,255, .1);
}
#search-top-box input.text:focus{
    border: 1px solid #555566;
    background: rgba(255,255,255, .75);
}
#search-top-box form::before{
    background: #333344;
    color: #DDDDE6;
}
 
/*  Top Bar (!TOPB)
=================================================================*/
nav.top-bar-wrap{
/*  Emulate .container */
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 25px;
 
    background: none;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}
@media (min-width:768px){
    nav.top-bar-wrap{  max-width: 750px; }
}
@media (min-width:992px){
    nav.top-bar-wrap{  max-width: 970px; }
}
@media (min-width:1200px){
    nav.top-bar-wrap{  max-width: 1170px; }
}
nav .top-bar{
    max-width: 100% !important;
    width: 100%;
    display: block;
    background: #448DDD;
    background-image: -moz-linear-gradient(top, #41AAB7, #9CDEE5 2px, #49BECC 10px, #448DDD);
    background-image: -webkit-linear-gradient(top, #41AAB7, #9CDEE5 2px, #49BECC 10px, #448DDD);
    height: 32px;
    border-radius: 15px 10px 10px 0;
    box-shadow: 0 0 4px rgba(0,0,0,.25), 4px 4px 3px -2px rgba(0,0,0,.125) inset;
    padding: 6px 0 0 0;
    margin: 0;
z-index: 1;
}
nav .navbar-brand{  display: none; }
 
nav .top-bar ul{
    font-size: 12pt;
    font-family: 'RalewayExtralight', sans-serif;
    margin: 0 0 0 25%;
}
nav.top-bar-wrap.navbar-default .navbar-nav > li > a{  color: #0E5A63; }
nav .top-bar ul li a{
    border-radius: 5px;
    transition: color 256ms;
    padding-top: 0;
    padding-bottom: 0;
    color: #0E5A63;
}
nav.top-bar-wrap.navbar-default .navbar-nav > li > a:hover{  color: #000000; }
nav .top-bar ul li a:hover{
    background: none;
    text-decoration: none;
    color: #000000;
}
 
nav .top-bar li ul{
    border: none;
    background: #FBFBFF;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.25);
    border-radius: 0 5px 5px 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 16px;
    transition: all 512ms;
    padding: 0;
}
nav .top-bar li ul li a{
    background: none;
    display: block;
    border: none;
    border-left: 3px solid #448DDD;
    color: #444;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 10pt;
    border-radius: 0;
    transition: all 256ms;
}
nav .top-bar li:hover ul{
    opacity: 1;
}
nav .top-bar li ul li a:hover{
    box-shadow: none;
    color: #444;
    border-left: 3px solid #41A9B5;
    padding-left: 1.25em;
}
 
nav .top-bar li ul li ul{  display: none; }
 
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
    background: none;
}
 
/*  Side bar (!SIDE)
=================================================================*/
nav.side-bar-wrap{
    padding-left: 0;
    margin-left: -18px;
}
nav .side-bar{
    border-radius: 0 0 15px 15px;
    background: #448DDD;
    background-image: -moz-linear-gradient(top , #448DDD, #5795DB 60px, #5596B5);
    background-image: -webkit-linear-gradient(top , #448DDD, #5795DB 60px, #5596B5);
z-index: 1000;
position: relative;
top: 0;
    box-shadow: 0 4px 3px rgba(0,0,0,.25), 4px -4px 3px -2px rgba(0,0,0,.125) inset;
    padding-top: 18px;
    padding-bottom: 6px;
    color: #222;
}
 
nav .side-bar a,
nav .side-bar .btn{  color: #22486D; }
nav .side-bar a:hover,
nav .side-bar .btn:hover{  color: #000; text-decoration: none; }
 
nav .side-bar h1, nav .side-bar h2{
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 14pt;
    color: #01434C;
    text-shadow: 0 0 1px rgba(0,0,0,.1);
}
nav .side-bar h2{  font-size: 12pt; }
nav .side-bar h3,
nav .side-bar h4,
nav .side-bar h5,
nav .side-bar h6{
    font-size: 10pt;
    font-weight: normal;
}
nav .side-bar p{    font-size: 90%; }
nav .side-bar ul{
    list-style: none;
    padding-left: 0;
}
nav .side-bar ul li a,
nav .side-bar .btn,
nav .side-bar .button,
nav .side-bar .btn.btn-default,
nav .side-bar .btn.btn-primary{
    display: block;
    padding: 1px 10px;
    margin: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.18) inset;
    background: rgba(0,0,0, 0.025);
    transition: all 256ms;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-family: Tahoma, Verdana, Segoe, sans-serif;
}
nav .side-bar ul li a:hover,
nav .side-bar .btn:hover,
nav .side-bar .button:hover,
nav .side-bar .btn.btn-default:hover,
nav .side-bar .btn.btn-primary:hover,
nav .side-bar ul li a:focus,
nav .side-bar .btn:focus,
nav .side-bar .button:focus,
nav .side-bar .btn.btn-default:focus,
nav .side-bar .btn.btn-primary:focus{
    text-decoration: none;
    background: rgba(255,255,255, .025);
    border-color: rgba(0,0,0,.1);
}
 
/*  Main Content (!MAIN)
=================================================================*/
main.content-wrap{
    margin-top: -18px;
}
main > .content{
/*  margin-top: -18px;  */
    padding-left: 0;
}
main > .content > .row{
    background: #FFF;
    border-radius: 0 15px 15px 15px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 30, .75);
    margin-left: 18px;
    padding-bottom: 18px;
    padding-top: 18px;
}
main > .content .page-title{
    border: none;
    font-family: 'RalewayExtralight', sans-serif;
    font-weight: bold;
    margin: 16px 0 .5em 0;
}
main > .content h1{
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 22pt;
}
main > .content h2{
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 16pt;
}
main > .content h1,
main > .content h2,
main > .content h3,
main > .content h4,
main > .content h5,
main > .content h6{
    font-weight: normal;
    margin: 16px 0 8px 0;
}
main > .content h3{    font-size: 14pt; }
main > .content h4{    font-size: 12pt; }
main > .content h5{    font-size: 11pt; }
main > .content h6{    font-size: 10pt; }
main > .content p{    margin: 8px 0 16px 0; }
.main-content .alert p:first-child{
    margin-top: 0;
}
 
main > .content .page-options-container{  text-align: right; }
#page-info{  margin-bottom: 3px; }
.page-watch-options{
    font-size: 80%;
    margin-bottom: 3px;
}
#page-options-bottom{  margin-bottom: 3px; }
#page-options-bottom-2 a{
    font-size: 90%;
}
 
/*  Blockquotes (!QUOT)
=================================================================*/
blockquote{
    border: none;
    background: #5496DD;
    border-top: 1px solid #5496DD;
    border-bottom: 1px solid #5496DD;
    padding: 0;
}
blockquote p{
    background: #FFF;
    margin: 0 !important;
    padding: 0.5em 1em;
    font-style: normal;
    color: #444;
    font-size: inherit;
}
blockquote > *:first-child{
    border-top-left-radius: 80px 20px;
    padding-top: 1em;
}
blockquote > *:last-child{
    border-bottom-right-radius: 80px 20px;
    padding-bottom: 1em;
}
 
blockquote blockquote{
    margin: 0;
    border: none;
    padding: 0 2em;
    background: #FFF;
}
blockquote blockquote > *:first-child,
blockquote blockquote > *:last-child{
    padding-bottom: 0;
    padding-top: 0;
}
 
/*  CODE (!CODE)
=================================================================*/
main > .content div.code p, div.code pre{
    margin: 0;
}
div.code{
    border-color: #A0D4DB;
    border-radius: 6px;
}
div.code span.line::before{  border-color: #A0D4DB; }
div.code span.line:hover{  background-color: rgba(65, 170, 183, .05); }
 
/*  Bootstrap Colors (!BSCL)
=================================================================*/
.btn.btn-info{
    border-color: #3C9DA8;
    color: #FFF;
    background: #448DDD;
    background-image: -moz-linear-gradient(top, #4A9CE0, #91C2EA 2px, #4A9CE0 10px, #448DDD);
    background-image: -webkit-linear-gradient(top, #4A9CE0, #91C2EA 2px, #4A9CE0 10px, #448DDD);
}
 
.btn.btn-success{
    border-color: #56AF44;
    color: #FFF;
    background: #5ABF4A;
    background-image: -moz-linear-gradient(top, #6CC94A, #ADDA9A 2px, #6CC94A 10px, #5ABF4A);
    background-image: -webkit-linear-gradient(top, #6CC94A, #ADDA9A 2px, #6CC94A 10px, #5ABF4A);
}
 
.btn.btn-warning{
    border-color: #D6A942;
    color: #FFF;
    background: #E2B344;
    background-image: -moz-linear-gradient(top, #EDB253, #EED1A3 2px, #EDB253 10px, #E2B344);
    background-image: -webkit-linear-gradient(top, #EDB253, #EED1A3 2px, #EDB253 10px, #E2B344);
}
 
.btn.btn-danger{
    border-color: #D14547;
    color: #FFF;
    background: #DD4446;
    background-image: -moz-linear-gradient(top, #E2515D, #EA8C94 2px, #E2515D 10px, #DD4446);
    background-image: -webkit-linear-gradient(top, #E2515D, #EA8C94 2px, #E2515D 10px, #DD4446);
}
 
/**
 *  Color Transpositions (brightness):
 *  Border: +80
 *  Background: +70
 *  Color: -30
 */
.alert.alert-primary{  border-color: #41AAB7; }
.alert.alert-info{
    border-color: #C8DDF4;
    background: #DAE8F8;
    color: #30639B;
}
.alert.alert-success{
    border-color: #CDECC9;
    background: #DEF2DB;
    color: #3F8634;
}
.alert.alert-warning{
    border-color: #F6E8C7;
    background: #F9F0DA;
    color: #9E7D30;
}
.alert.alert-danger{
    border-color: #F5C7C8;
    background: #F8DADA;
    color: #9B3031;
}
 
.label.label-default{  background: #222233; }
.label.label-primary{  background: #41AAB7; }
.label.label-info{  background: #448DDD; }
.label.label-success{  background: #5ABF4A; }
.label.label-warning{  background: #E2B344; }
.label.label-danger{  background: #DD4446; }
 
/*  Action Area (!ACTA)
=================================================================*/
#action-area .form-group .col-sm-5{  width: 75%; }
.change-textarea-size{  display: none; }
 
/*  Footer (!FOOT)
=================================================================*/
footer .footer{  color: #BBB; }
footer .footer a{  color: #4E85B2; }
footer .license-area{  color: #999; }
 
/*  Post Info (!POST)
=================================================================*/
.post-info{  width: 100%; }
.post-info.mini{  clear: both; }
.post-info.mini .post-info-head{
    background: #5496DD;
    border-radius: 6px;
    padding: 2px 0;
}
.post-info.mini .post-info-head p{
    margin: 0;
}
.post-info.mini .post-info-head .post-info-title{
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 16pt;
    font-weight: bold;
}
.post-info .post-info-head .post-info-title a{
    color: #00282D;
}
.post-info .post-info-head .post-info-title a:hover{
    color: #000;
    text-decoration: none;
}
.post-info.mini .post-info-head .post-info-date{
    color: #004549;
    text-align: right;
    padding-top: 5px;
}
.post-info.mini .post-info-body .post-info-body-tagline{
    font-family: 'RalewayExtralight', sans-serif;
    font-size: 11pt;
}
.post-info.mini .post-info-body .post-info-body-tagline p:first-child{
    margin-top: 12px;
}
.post-info.mini .post-info-body .post-info-body-icon{
    text-align: right; 
}
.post-info.mini .post-info-body .post-info-body-icon img{
    margin-top: 12px;
}
.post-info .post-info-footer .post-info-footer-comments{
    font-size: 20pt;
}
.post-info.mini .post-info-footer .post-info-footer-comments{
    font-size: 18pt;
}
.post-info .post-info-footer .post-info-footer-comments a{
    text-decoration: none;
}
.post-info.mini .post-info-footer .post-info-footer-more p{
    text-align: right;
    padding-top: 5px;
}
 
/*  Tables (!TABL)
=================================================================*/
table.wiki-content-table,
table.table{
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
}
table.wiki-content-table tr:first-child td:first-child,
table.table tr:first-child td:first-child,
table.wiki-content-table tr:first-child th:first-child,
table.table tr:first-child th:first-child{
    border-top-left-radius: 6px;
}
table.wiki-content-table tr:first-child td:last-child,
table.table tr:first-child td:last-child,
table.wiki-content-table tr:first-child th:last-child,
table.table tr:first-child th:last-child{
    border-top-right-radius: 6px;
}
table.wiki-content-table tr:last-child td:first-child,
table.table tr:last-child td:first-child,
table.wiki-content-table tr:last-child th:first-child,
table.table tr:last-child th:first-child{
    border-bottom-left-radius: 6px;
}
table.wiki-content-table tr:last-child td:last-child,
table.table tr:last-child td:last-child,
table.wiki-content-table tr:last-child th:last-child,
table.table tr:last-child th:last-child{
    border-bottom-right-radius: 6px;
}
.wiki-content-table > thead > tr > th,
.wiki-content-table > tbody > tr > th,
.wiki-content-table > tfoot > tr > th,
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th{
    background: #5496DD;
    color: #222;
    letter-spacing: 1px;
    border: none;
}
.wiki-content-table > thead > tr > td,
.wiki-content-table > tbody > tr > td,
.wiki-content-table > tfoot > tr > td,
table.table > thead > tr > td,
table.table > tbody > tr > td,
table.table > tfoot > tr > td{
    border: none;
    background: #F5F5F5;
    color: #444;
}
 
/*  Comments (!COMM)
=================================================================*/
.post-comments .comments-box #thread-container-posts .post .options > a{  display: none; }
.post-comments .comments-box #thread-container-posts .post .head .printuser img,
.post-comments #recent-posts-container .post .head .printuser img{
    visibility: hidden;
}
 
/*  The rest needs to be overwritten in Global CSS */
 
/*  Tabs (!TABS)
=================================================================*/
ul.nav.nav-tabs{
    border: none;
    width: 100%;
    margin-bottom: 8px;
}
ul.nav.nav-tabs li{  text-align: center; }
ul.nav.nav-tabs li a{
    background: #5496DD;
    color: #00282D;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 12pt;
    font-family: 'RalewayExtralight', sans-serif;
    font-weight: bold;
    margin-right: 8px;
}
ul.nav.nav-tabs li:last-child a{  margin-right: 0; }
ul.nav.nav-tabs li a:hover,
ul.nav.nav-tabs li.active a{
    background: #76ABE4;
    color: #00282D;
    border-width: 0;
}
ul.nav.nav-tabs li a:focus{  outline: none; }
 
/*  Small Screens (!SMSC)
=================================================================*/
@media (max-width:768px){
/*  Fix top bar display for tablets and phones */
    main > .content .justify-on-small p{  text-align: justify; }
    main > .content .center-on-small,
    main > .content .center-on-small p{  text-align: center; }
    .btn{  font-size: 16px; }
    header .header h1{
        font-size: 26pt;
        margin-top: 22px;
        margin-left: 0;
    }
    header .header h2{
        font-size: 9.5pt;
        margin-left: 18px;
    }
    .login-status{  right: 12px; }
    #search-top-box{  right: 12px; }
    nav.top-bar-wrap{  padding-right: 0; }
    nav .top-bar{
        border-bottom-right-radius: 0;
        border-radius: 0;
    }
    nav.side-bar-wrap{  padding: 0; }
    nav .side-bar{  border-radius: 0; }
    main > .content > .row{
        margin-left: 0;
        border-radius: 0;
    }
    nav .top-bar.container > .navbar-header,
    nav .top-bar.container > .navbar-collapse{
        margin-left: 0;
        margin-right: 0;
    }
    nav .side-bar{  display: none; }
 
    nav .top-bar .navbar-collapse{
        background: #448DDD;
        background-image: -moz-linear-gradient(top , #448DDD, #5795DB 60px, #5596B5);
        background-image: -webkit-linear-gradient(top , #448DDD, #5795DB 60px, #5596B5);
        border: none;
        box-shadow: 0 4px 3px rgba(0,0,0,.25);
    }
 
    .post-info.mini .post-info-head{
        border-radius: 0;
    }
}
 
@media (min-width: 768px) and (max-width:992px){
    nav .side-bar{  display: none; }
    nav.top-bar-wrap{  padding-right: 0; }
    nav .top-bar{  border-radius: 10px; }
    nav .top-bar ul{  margin: auto; }
    main > .content > .row{  margin-right: 0; }
    .post-info.mini .post-info-head{
        border-radius: 0;
    }
}
 
nav .top-bar .navbar-toggle{
    margin: 2px 16px 0 0;
    border: none;
    padding: 0;
    border-radius: 0;
}
nav .top-bar .navbar-toggle .icon-bar{
    background-color: #28547F;
    width: 18px;
    height: 3px;
    border-radius: 2px;
}
nav .top-bar .navbar-toggle .icon-bar + .icon-bar{
    margin-top: 3px;
}
nav .top-bar .navbar-toggle:hover,
nav .top-bar .navbar-toggle:focus{
    outline: none;
    background: none;
}
nav .top-bar .navbar-toggle:hover .icon-bar,
nav .top-bar .navbar-toggle:focus .icon-bar{
    background-color: #000;
}
 
nav .top-bar .navbar-collapse{
    border: none;
    overflow: hidden;
    max-height: none;
}
nav .top-bar .navbar-collapse.collapsing,
nav .top-bar .navbar-collapse.in{
    position: relative;
    z-index: 999;
    top: 9px;
}
nav .top-bar .navbar-collapse.collapsing,
nav .top-bar .navbar-collapse.in,
nav .top-bar .navbar-collapse.collapsing .dropdown-menu,
nav .top-bar .navbar-collapse.in .dropdown-menu{
    text-align: right;
}
nav .top-bar .navbar-collapse.collapsing ul.navbar-nav,
nav .top-bar .navbar-collapse.in ul.navbar-nav{
    margin: 6px;
}
nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu,
nav .top-bar .navbar-collapse.in ul.dropdown-menu{
    margin-right: 1em;
}
nav .top-bar .navbar-collapse.collapsing ul li,
nav .top-bar .navbar-collapse.in ul li{
    margin: 8px 0;
}
nav .top-bar .navbar-collapse.collapsing ul li a,
nav .top-bar .navbar-collapse.in ul li a{
   color: #142E48;
}
 
/*  Iframes (!IFRM)
=================================================================*/
.flash-iframe iframe{
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .25);
}
main > .content .flash-iframe p{  margin: 0; }
 
/*  Image Box  (!IBOX)
=================================================================*/
main .content .image-box.image-box-primary{
    border: 1px solid #A0D4DB;
}
main .content .image-box.image-box-primary .image-box-heading{
    background: #5496DD;
    color: #222;
}
main .content .image-box.image-box-primary .image-box-caption{
    color: #5496DD;
}