/*----------------------------------------------------------------------------
	BODY
----------------------------------------------------------------------------*/

body {
	font-family: "HelveticaNeue", "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #101010;
	background-color: #dbdbdb;
	
	
}


/*----------------------------------------------------------------------------
	BACKGROUND COLOR
----------------------------------------------------------------------------*/

.header-bar,
.skills-table > div,
.hero-slider .info,
.hero-slider .slider .next,
.hero-slider .slider .prev,
.mini-slider .next,
.mini-slider .prev,
.mini-slider > span,
.box,
.box-title.invert,
.site-footer,
article > .one-fourth > .left,
article > .one-fourth > .right,
#respond form,
.commentlist .comment-author,
.sidebar .widget,
.homepage .widget-content,
.audiojs {
	background-color: #101010;
	background-color: rgba( 16, 16, 16, 0.9 );
}

button:hover,
input[type="submit"]:hover,
.portfolio header ul li:first-child,
.project-view header a {
	background-color: #101010;
}

.box-title,
.portfolio header ul li,
.latest-articles li a,
.sidebar .portfolio-feed > h5,
.sidebar .video-widget > h5,
.latest-articles .jump:hover,
button:active,
input[type="submit"]:active {
	color: #101010;
}

.latest-articles li a {
	border-color: #101010;
}


/*----------------------------------------------------------------------------
	KEY COLOR
----------------------------------------------------------------------------*/

a,
.color,
.box-title.invert,
.subscribe-box form input[type="submit"]:hover,
.site-footer a,
.portfolio header ul li:first-child,
.project-view header a:hover,
.commentlist .comment-reply:hover .comment-reply-link,
#respond input[type="submit"]:hover,
.latest-articles .jump {
	color: #bf3228;
}

.social-bar .about-toggle:hover,
.social-bar .about-toggle.active,
.social-bar .mail-toggle:hover span,
.social-bar .mail-toggle.active span,
.contact-panel-form input[type="text"],
.contact-panel-form textarea,
.menu-bar ul .current-menu-item span,
.menu-bar ul .current_page_parent span,
.menu-bar ul .current-menu-ancestor span,
.menu-bar ul .current-page-ancestor span,
.menu-bar ul li:hover span,
.skills-table > h5 div,
.hero-slider nav .activeSlide,
.mini-slider nav .activeSlide,
.hero-slider .slider .next:hover,
.hero-slider .slider .prev:hover,
.mini-slider .next:hover,
.mini-slider .prev:hover,
.box-title,
.portfolio header,
.portfolio-item .meta,
.pagination,
article > .one-fourth .left span,
.commentlist .comment-reply,
#respond input[type="submit"],
.sidebar .portfolio-feed > h5,
.sidebar .video-widget > h5,
.latest-articles .widget-content,
blockquote,
.audiojs .scrubber .progress {
	background-color: #bf3228;
}

.social-bar .about-toggle div,
.social-bar .mail-toggle div {
	border-top-color: #bf3228;
}

.box-label > div {
	border-right-color: #bf3228;
}

.project-view header .right:hover .pl,
.project-view header a:hover .pl {
	border-right-color: #bf3228;
}

.project-view header .right:hover .pr,
.project-view header a:hover .pr {
	border-left-color: #bf3228;
}

.commentlist .comment-reply div,
.commentlist .bypostauthor .comment-author img {
	border-right-color: #bf3228;
}


/*----------------------------------------------------------------------------
	CONTRAST COLOR
----------------------------------------------------------------------------*/

.header-bar,
.header-bar a,
.contact-panel-form input[type="text"],
.contact-panel-form textarea,
.contact-panel-form input[type="submit"],
.skills-table > h5,
.skills-table > div,
.hero-slider .info,
.hero-slider .info a,
.mini-slider > span,
.box,
.box a,
.widget a,
.box-title a,
.box-title span,
.site-footer,
.site-footer a:hover,
.portfolio header ul .active,
.portfolio header ul li:hover,
.project-view header a,
.portfolio-item:hover,
.pagination a,
article > .one-fourth > .left,
article > .one-fourth > .right,
article > .one-fourth a,
.commentlist .comment-author,
.commentlist .comment-author a,
#respond form,
#respond a:hover,
#respond input[type="submit"],
.sidebar .widget,
.homepage .widget-content,
.sidebar .portfolio-feed > h5 span,
.sidebar .video-widget > h5 span,
.latest-articles li a:hover,
blockquote,
button:hover,
input[type="submit"]:hover,
.audiojs {
	color: #ffffff;
}

.contact-panel-form ::-webkit-input-placeholder {
	color: #ffffff;
}

.contact-panel-form :-moz-placeholder {
	color: #ffffff;
}

.contact-panel-form .placeholder {
	color: #ffffff;
}

.toggle-panel,
.hero-slider nav a,
.mini-slider nav a,
.content-wrap .content,
.commentlist .comment-content {
	background-color: #ffffff;
	background-color: rgba( 255, 255, 255, 0.9 );
}

.project-view header a:hover,
#respond input[type="submit"]:hover,
.commentlist .comment-reply:hover,
input[type="submit"]:active,
input[type="text"],
input[type="password"],
textarea,
.latest-articles .jump,
button:active {
	background-color: #ffffff;
}

.arrow.pl {
	border-right-color: #ffffff;
}

.arrow.pr {
	border-left-color: #ffffff;
}

.commentlist .comment-reply:hover div {
	border-right-color: #ffffff;
}

.latest-articles li a:hover {
	border-color: #ffffff;
}


/*----------------------------------------------------------------------------
	NEUTRAL COLOR
----------------------------------------------------------------------------*/

.toggle-panel h1 {
	color: #999999;
}

.contact-panel-form input[type="submit"],
.skills-table > h5,
.hero-slider .slider,
.mini-slider,
button,
input[type="submit"],
.audiojs .scrubber .loaded {
	background-color: #999999;
}

.box-label:hover > div {
	border-right-color: #999999;
}

.site-footer ul li {
	border-color: #999999;
}


/*----------------------------------------------------------------------------
	CUSTOM STYLES
----------------------------------------------------------------------------*/