/* Ideally, in the future, we'll want to compile this file using something like cat */

/* GLOBAL TYPOGRAPHY */
a, input.link,
a:hover, a:active,
a.black:hover, a.black:active,
input.link:hover, input.link:active,
input.link.black:hover, input.link.black:active,
#comments .comment .info .name a:hover,
#email-resend-box a {
    color: #1aa0d8;
}

/* BUTTONS */
.button,
button {
    border-color: #1798c4 #1798c4 hsl(195, 79%, 38%);
    background-color: #169fdb;
    background-image: -webkit-linear-gradient(top, #19b6fa, #169fdb);
    background-image: -moz-linear-gradient(top, #30aadf, #169fdb);
    background-image: -ms-linear-gradient(top, #30aadf, #169fdb);
    background-image: -o-linear-gradient(top, #30aadf, #169fdb);
    background-image: linear-gradient(top, #30aadf, #169fdb);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#30aadf, endColorStr=#169fdb);
}

.button:hover, button:hover {
    background-image: -webkit-linear-gradient(top, #169fdb, #169fdb);
    background-image: -moz-linear-gradient(top, #169fdb, #169fdb);
    background-image: -ms-linear-gradient(top, #169fdb, #169fdb);
    background-image: -o-linear-gradient(top, #169fdb, #169fdb);
    background-image: linear-gradient(top, #169fdb, #169fdb);
}

.button a {
    color: #fff;
}

/* Non-blue buttons can keep their colors */
.button.orange,
button.orange {
    border-color: orange;
    background-image: -webkit-linear-gradient(top, #FCBE6A, #F9A739);
    background-image: -moz-linear-gradient(top,#FCBE6A,#F9A739);
    background-image: -ms-linear-gradient(top,#FCBE6A,#F9A739);
    background-image: -o-linear-gradient(top,#FCBE6A,#F9A739);
    background-image: linear-gradient(top,#FCBE6A,#F9A739);
}

.button.orange:hover,
button.orange:hover {
    background-image: -webkit-linear-gradient(top, #F9A739, #F9A739);
    background-image: -moz-linear-gradient(top,#F9A739,#F9A739);
    background-image: -ms-linear-gradient(top,#F9A739,#F9A739);
    background-image: -o-linear-gradient(top,#F9A739,#F9A739);
    background-image: linear-gradient(top,#F9A739,#F9A739);
}

.button.red,
button.red {
    border-color: #d6250d;
    background-image: -webkit-linear-gradient(top, #da4f3d, #d6250d);
    background-image: -moz-linear-gradient(top,#da4f3d, #d6250d);
    background-image: -ms-linear-gradient(top,#da4f3d, #d6250d);
    background-image: -o-linear-gradient(top,#da4f3d, #d6250d);
    background-image: linear-gradient(top,#da4f3d, #d6250d);
}

.button.red:hover,
button.red:hover {
    background-image: -webkit-linear-gradient(top,#d6250d, #d6250d);
    background-image: -moz-linear-gradient(top,#d6250d, #d6250d);
    background-image: -ms-linear-gradient(top,#d6250d, #d6250d);
    background-image: -o-linear-gradient(top,#d6250d, #d6250d);
    background-image: linear-gradient(top,#d6250d, #d6250d);
}

.button.grey,
button {
    border-color: #999;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(top, #fff, #ccc);
    background-image: -moz-linear-gradient(top, #fff, #ccc);
    background-image: -ms-linear-gradient(top, #fff, #ccc);
    background-image: -o-linear-gradient(top, #fff, #ccc);
    background-image: linear-gradient(top, #fff, #ccc);
}

.button.grey:hover,
button:hover {
    background-image: -webkit-linear-gradient(#e6e6e6, #e6e6e6);
    background-image: -moz-linear-gradient(#e6e6e6, #e6e6e6);
    background-image: -ms-linear-gradient(#e6e6e6, #e6e6e6);
    background-image: -o-linear-gradient(#e6e6e6, #e6e6e6);
    background-image: linear-gradient(#e6e6e6, #e6e6e6);
}

.button.grey:hover .dropdown-toggle:after, .button.grey.on .dropdown-toggle:after,
button:hover .dropdown-toggle:after, button.on .dropdown-toggle:after {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.button.grey.on,
button.grey.on {
    border-color: #ccc;
    border-top-color: #999;
    -moz-box-shadow: inset 0 1px 1px #aaa;
    -ms-box-shadow: inset 0 1px 1px #aaa;
    -webkit-box-shadow: inset 0 1px 1px #aaa;
    box-shadow: inset 0 1px 1px #aaa;
    background-image: -moz-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -ms-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -o-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(100%,#e0e0e6));
    background-image: -webkit-linear-gradient(bottom,#fff 0,#e0e0e6 100%);
    background-image: linear-gradient(to top,#fff 0,#e0e0e6 100%);
    color: #000;
}


/* FORUMS */
.blockpost div.box {
    border: 0;
    background-color: #28a5da;
    border-top: 1px solid #28a5da;
}
.blockpost .box-head {
    border-top-color: #5FB5DA;
}


/* TOPNAV GLOBAL */
#topnav ul.account-nav .logged-in-user .dropdown-menu,
#topnav ul.account-nav .sign-in .popover,
#topnav.apiclone-2023 .innerwrap,
#topnav.apiclone-2013,
#topbar.apiclone-beta .topbar-inner,
#topnav.apiclone-2023 li.logout.divider input {
    background-color: #0f8bc0;
}

#topnav ul.site-nav li,
#topnav ul.site-nav li.last,
#topnav ul.account-nav.logged-in>li,
#topnav ul.account-nav .sign-in .popover,
#topnav ul.account-nav ul.user-nav li.logout.divider,
#topnav.apiclone-2023 ul.account-nav>li.join-scratch,
#topnav.apiclone-2023 ul.account-nav>li,
#topnav.apiclone-2023 ul.account-nav>li:last-child,
#topnav.apiclone-2013 ul.account-nav>li,
#topbar.apiclone-beta ul.nav>li,
#topbar.apiclone-alpha ul.nav>li,
#topbar.apiclone-alpha ul.nav>li.last {
    border-color: #149acb;
}

#topnav ul.account-nav .sign-in .popover .arrow {
    border-bottom-color: #149acb;
}

#topnav ul.site-nav li:hover,
#topnav ul.account-nav>li.sign-in:hover,
#topnav ul.account-nav>li.sign-in.open,
#topnav ul.account-nav.logged-in li:hover,
#topnav.apiclone-2023 li.logout.divider input:hover,
#topbar.apiclone-beta ul.nav>li:hover,
#topbar.apiclone-beta .dropdown-menu li:hover,
#topbar.apiclone-alpha ul.nav>li:hover,
#topbar.apiclone-alpha .dropdown-menu li:hover {
    background-color: #0c6185;
}

#topnav ul.account-nav .sign-in .popover .arrow:after {
    border-bottom-color: #0f8bc0;
}

#topnav ul.account-nav .sign-in form label,
#topnav ul.account-nav .sign-in form .forgot-password a  {
    color: #d9edf5;
}

#topnav ul.account-nav .logged-in-user.dropdown.open,
#topbar.apiclone-beta ul.nav li.dropdown.open {
    background-color: #0c6185 !important;
}


/* TOPNAV BETA/ALPHA */

#topbar.apiclone-beta .dropdown-menu,
#topbar.apiclone-alpha ul.nav li.dropdown.open,
#topbar.apiclone-alpha .dropdown-menu {
    background-color: #2794cc;
}

#topbar.apiclone-beta .dropdown-menu ul li.divider,
#topbar.apiclone-alpha .dropdown-menu ul li.divider {
    border-top-color: #3F9DCC;
}

#topbar.apiclone-beta .dropdown-menu label,
#topbar.apiclone-alpha .dropdown-menu label {
    color: #C7E2F1;
}

#topbar.apiclone-beta .dropdown-menu input,
#topbar.apiclone-alpha .dropdown-menu input {
    background-color: #75b4d6;
    border-color: #2290c1;
}

/* TOPNAV ALPHA */
#topbar.apiclone-alpha,
#topbar.apiclone-alpha .topbar-inner,
#topbar.apiclone-alpha .dropdown-menu li:hover {
    background-color: #28a5da;
}

#topbar.apiclone-alpha ul.nav>li>a:hover,
#topbar.apiclone-alpha ul.nav>li.dropdown span:hover,
#topbar.apiclone-alpha ul.nav li.dropdown.open span {
    color: #fba939;
}


/* FEEDBACK */
#feedback, #feedback h3 {
    background-color: #28A5DA;
}

#feedback {
    border-color: #91c4da;
}