/**

	Theme Name: Creativelife
	Theme URI: http://themes.opendept.net/creativelife
	Description: WordPress Theme For Couch.
	Author: Jason Adams

**/

/** Static user.css */
/*----------------------------------------------------------------------------
	BODY
----------------------------------------------------------------------------*/

body {
	font-family: "HelveticaNeue", "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #101010;
	background-color: #dbdbdb;
	
		
	background-image: url(http://couchwins.com/wp-content/uploads/2012/11/exclusive_paper-bg.jpg);
	
	
}


/*----------------------------------------------------------------------------
	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: #ffffff;
	background-color: rgba( 255, 255, 255, 0.9 );
}

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

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

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


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

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

.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: #6e6d6b;
}

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

.social-bar .about-toggle span {
	width: 250px; /* open width */
	font-family: 'Stint Ultra Expanded', cursive;
	font-size: 16px;
	color: #dddddd;
}

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

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

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

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

.pagination {
    background-color: #6e6d6b;
}

/*----------------------------------------------------------------------------
	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: #000000;
}

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

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

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

.toggle-panel,
.hero-slider nav a,
.mini-slider nav a,
.content-wrap .content,
.commentlist .comment-content {
	background-color: #000000;
	background-color: rgba( 0, 0, 0, 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: #000000;
}

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

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

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

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


/*----------------------------------------------------------------------------
	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
----------------------------------------------------------------------------*/


.homepage .text-widget {
	width: 700px;
}

.front-panel {
	width: 700px;
	height: 220px;
}

.couch-panel {
    margin: 0px; 
    margin-right: 8px;
    padding: 0px;
    float: left;
    height: 214px;
    width: 231px;
	position: relative;
}

.couch-panel h2 {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100%;
	text-transform: none;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 18px;
    color: #000000;
}

.toggle-panel,
.hero-slider nav a,
.mini-slider nav a,
.content-wrap .content,
.commentlist .comment-content {
    background-color: #ffffff;
}
.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: #dddddd;
}

.social-bar {
    background-color: #6E6D6B;
}

.social-bar .about-toggle:hover,
.social-bar .about-toggle.active,
.social-bar .mail-toggle:hover span,
.social-bar .mail-toggle.active span,
.menu-bar ul li:hover span,
.skills-table > h5 div,
.hero-slider .slider .next:hover,
.hero-slider .slider .prev:hover,
.mini-slider .next:hover,
.mini-slider .prev:hover,
.sidebar .portfolio-feed > h5,
.sidebar .video-widget > h5,
blockquote,
.audiojs .scrubber .progress {
    background-color: #bf3228;
}

.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 {
	background-color: #bbbbbb;
}

.menu-bar .logo {
	font-family: 'Diplomata SC', cursive; 
	font-style: normal; 
	font-weight: normal !important;
	font-size: 28px;
}

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

a {
	color: #bf3228;
}

.contact-panel-form input[type="text"],
.contact-panel-form textarea,
article > .one-fourth .left span {
    background-color: #dddddd;
}  

.latest-articles .jump, .latest-articles .widget-content, .site-footer {
	background-color: transparent
}

.latest-articles ul h5 {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 18px;
	text-transform: capitalize;
}

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

.portfolio-item div {
    font-size: 12px;
}

.portfolio header ul li {
    padding: 10px 8px 10px;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.box-title {
    padding: 12px 10px;
}