/*
==================================================
==================================================

DARK SKIN

==================================================
==================================================
*/


/* global styles
================================================== */
body.dark {
background-color:#404040;
color:#999
}

.dark hr {
border-color:#303030
}

.dark blockquote {
background:#383838;
border:1px solid #303030
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
color:#D9D9D9
}

/* buttons
================================================== */
.dark .btn-default:hover {
border:1px solid #D9D9D9 !important;
color:#D9D9D9 !important
}

.dark .btn-inverse {
border:1px solid #D9D9D9;
color:#D9D9D9 !important;
}

.dark .btn-inverse:hover {
color:#D9D9D9 !important
}

/* preloader
================================================== */
.dark #preloader {
background-color:#404040
}

.dark #spinner {
background:url(../../images/preload-dark.gif) no-repeat 0 0
}

/* general
================================================== */
.dark .alternate-wrapper {
background:#383838;
border-top:1px solid #303030
}

/* fixed navbar
================================================== */
.dark .scroll-navbar a.brand h1 { 
background:url(../../images/website-logo/logo-dark.png) 0 0 no-repeat
}		

.dark .scroll-navbar {
background:#404040;
border-bottom:1px solid #303030 !important
}

.dark .scroll-navbar ul.nav li a,
.dark .scroll-navbar .brand h1 {
color:#D9D9D9
}

.dark .scroll-navbar a.nav-signup:hover {
border:1px solid #D9D9D9 !important;
color:#D9D9D9 !important
}

.dark .scroll-navbar .navbar-toggle {
background-color:none;
border:1px solid #D9D9D9;
color:#D9D9D9
}

/*  icon boxes
================================================== */
.dark .icon-box figure,
.dark .icon-round figure,
.dark .icon-square figure {
background:#EDEDED;
color:#404040
}

/*  Screenshots section
================================================== */
.dark .screenshots-slider .carousel-indicators .active {
background:#404040;
border:1px solid #919191
}

.dark .screenshots-slider .carousel-indicators li {
background:#919191
}

.dark .screenshot figure span.figure-mask {
background-color:rgba(0, 0, 0, 0.7)
}

/* Blog
================================================== */
.dark .news-list article {
border-bottom:1px solid #303030
}

.dark .blog-list article {
border-bottom:1px solid #303030
}

.dark .meta span {
color:#C6C6C6
}

.dark .comment {
border-bottom:1px solid #303030
}

.dark .pagination li a:hover,
.dark .pagination li a:active {
background:none !important;
border:1px solid #D9D9D9;
color:#D9D9D9 !important
}

/*  Pricing table
================================================== */
.dark .price-plan {
border:1px solid #333
}

.dark .plan-title {
background:#404040
}

.dark .plan-fee {
background:#545454;
border-top:1px solid #333
}

.dark .plan-fee p {
color:#C6C6C6
}

.dark .plan-fee .fee-period {
color:#333
}

.dark .price-plan ul {
background:#404040
}

.dark .price-plan ul li {
border-top:1px solid #333
}

.dark .price-plan ul li.plan-signup {
background:#545454
}

/* Form
================================================== */
.dark fieldset input,
.dark fieldset textarea {
border:1px solid #303030;
color:#D9D9D9;
}

.dark fieldset i {
color:#C9C9C9;
}

.dark .alternate-wrapper fieldset input,
.dark .alternate-wrapper fieldset textarea {
border:1px solid #4F4F4F
}

/* Footer
================================================== */
.dark footer {
background:#292929
}

.dark footer p {
color:#999
}

.dark ul.footer-social a {
color:#999
}

/*  modal panel - login and signup
================================================== */
.dark .access-panel {
background:#404040;
border:1px solid #303030
}

.dark .modal-backdrop {
background:#404040
}

.dark .modal-header {
background: url(../../images/website-logo/logo-dark.png) 50% 0 no-repeat;
border-bottom:1px solid #303030
}

.dark .modal-footer {
background:#383838;
border-top:1px solid #303030
}

.dark .modal-divider {
background:#303030
}

.dark .modal-divider p {
background:#404040;
color:#B0B0B0
}

.dark input[type=checkbox] + label:before {
border:1px solid #303030;
color:#B0B0B0
}

/*  retina logo features
================================================== */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

		.dark .scroll-navbar a.brand h1,
		.dark .modal-header { 
		background-image:url(images/retina/logo-dark-2x.png);
		background-size:30px 30px
		}		

}