/* dark red skin 
   
   GENERAL COLORS */

body {
	background-color: #000;
	color: #ffffff;}
a, 
a:visited {
	color: #ce0000;}
a:hover {
	color: #ffffff;}

/* SITE HEADER */

#site-header{
	background-color: transparent;}

	/* header slogan */

	#advertisment {
		color: #ffffff;}
	#advertisment a {
		color: #ffffff;}

	/* header tool bar / search / login */

	#welcome{
		background-color: #222;}
	#site-header,
	#welcome:after,
	#welcome:before{
		border-top-color: #222;}
	#search-bar{
		background:#555;
		color:#a1a1a1;}
	#welcome #signup{
		background-color: #930000;
		color: #ffffff;}
	#welcome #signup:hover{
		background-color: #930000;
		background-image: -webkit-linear-gradient(#930000, #cf0000);
		background-image: -o-linear-gradient(#930000, #cf0000);
		background-image: linear-gradient(#930000, #cf0000);}
	#welcome #login{
		background-color: #8d8d8d;
		color: #ffffff;}
	#welcome #login:hover{
		background-color: #505050;}

/* MAIN MENU  */

nav#main-menu{
	background-color: #380303;
	background-image: -webkit-linear-gradient(#380303, #5f0101);
	background-image: -o-linear-gradient(#380303, #5f0101);
	background-image: linear-gradient(#380303, #5f0101);}
nav#main-menu a {
	color: #ffffff;}
nav#main-menu li.active a,
nav#main-menu a:hover{
	background-color: #930000;
	background-image: -webkit-linear-gradient(#930000, #cf0000);
	background-image: -o-linear-gradient(#930000, #cf0000);
	background-image: linear-gradient(#930000, #cf0000);
    border-radius: 4px;
    color: #ffffff;}

nav#main-menu #upload a{
	background-color: #8d8d8d;
	background-image: -webkit-linear-gradient(#505050, #8d8d8d);
	background-image: -o-linear-gradient(#505050, #8d8d8d);
	background-image: linear-gradient(#505050, #8d8d8d);
    color: #ffffff;}
nav#main-menu #upload a:hover{
	background-color: #505050;
	background-image: none;
	color:#ffffff;}

	/* main menu toggler for mobile */

	#menu-toggler {
		background-color: #930000;}
	#menu-toggler:hover{
		background-color: #380303;}

.profile-navigation li a {
	color: #ffffff;}
.profile-navigation li a:hover {
	color: #cccccc;}
.profile-navigation li.active a {
	color: #cf0000;}

/* LEFT MENU */

#categories {
    background-color: #380303;}
#categories,
#categories li,
#categories li:last-child {
	border-color: #5f0101;}
#categories li a{
	color: #ffffff;}
#categories li a:hover, 
#categories li.active a{
	background-color: #930000;
	color: #efeee8;}

/* BUTTONS */

.m-button{
	color: #ffffff;
	background-color: #d00000;}
.m-button:hover{
	color: #ffffff;
	background-color: #950000;}

	/* user actions buttons */

	.user-actions > li a {
		color: #ffffff;
    	background-color: #8d8d8d;}
    .user-actions > li a:hover {
    	background-color: #950000;
    	color: #ffffff;}
    .user-actions > li a.negative-action:hover {
		background-color: #db1414;
		color: #ffffff;}

/* PAGINATION */

#pagination a:hover, 
#pagination .currentpage {
	color: #ffffff;
	background-color: #ce0000;
    border-color: #390303;}

/* SECTION HEADERS & TOOLS */

.content-title {
	background-color: #1a1a1a;}
.section-title h4 {
	color: #8d8d8d;}

	/* header bar - sort options */

	.sort-options li.active a {
		color: #ffffff;}
	.sort-options li.active:after {
		border-top-color: #666666;}
	.sort-options li:after {
		border-left-color: #666666;}

	/* header bar - action button ex. 'add new album' */

	.add-action {
		background-color: #930000;
		color: #ffffff;}
	.add-action:hover{
		background-color: #930000;
	    background-image: -webkit-linear-gradient(#930000, #cf0000);
	    background-image: -o-linear-gradient(#930000, #cf0000);
	    background-image: linear-gradient(#930000, #cf0000);
		color:#ffffff;}

/* ELEMENTS BORDERS */

#top-ads article, #media-tools, .views-likes, .comment-alert,
#side-ad, #upgrade-page .benefits, #dating .column50,
#share-form > div, #embed-code, #flag-form,
.tools, .tools.short,
.story-info, 
#user-details .views-likes,
#join-now,
.mailbox td,
.feed, 
.section-title,
#comments .comment, #reply-comment,
#partners-ads > article,
#user-action-forms > section,
#user-action-forms header,
.wall-comment,
#search-member > div,
.mail-actions,
#mail-reply,
.settings td,
#user-account,
.item-action,
#pagination a,
.cat,
#attach-video,
#attach-photo {
	border-color: #222;}

/* TABLE */

#user-info td {
    color: #999;}
#user-info tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.08);}

/* TABS */

.tabs ul:after,
.tabs > ul li a {
	border-color: #222}
.tabs > ul li a {
	color: #ffffff;
    background-color: #505050;}
.tabs > ul li.active a {
    background-color: #8d8d8d;
    border-bottom-color: #222;
    color: #ffffff;}
    @media screen and (max-width: 480px) {
	.tabs > ul li.active a {
	    border-bottom-color: #222;}
	}


/* UPGRADE PAGE */

#upgrade {
	background-color: transparent;}
#upgrade h1,
#login-page h1 {
    color: #d00000;}
#upgrade h1 span {
    color: #ffffff;}
#upgrade h1:after,
#login-page h1:after {
    background-color: #475463;}
.duration {
    color: #d00000;}
#upgrade-benefits {
	background-color: #475463;}
#upgrade-benefits h1 {
    color: #ffffff;}


.listing .listing-item figcaption,
.member figure figcaption {
	background:#000;
	background:rgba(0, 0, 0, .8);}

/* LOGIN POPUP */

.acme_popup {
    background-color: #222;}
.acme_popup input[type="text"], 
.acme_popup input[type="password"] {
	background-color: #fff;}

/* FOOTER */

#dynacloud {
	color: #ce0000;}
footer nav a {
	color: #ce0000;}
footer p.copyright {
	color: #333;}

/* CTA, ADS, etc */

#top-ads a {
	color: #ce0000;}
#top-ads a:hover {
	color: #ce0000;
	text-decoration: underline;}

#join-now {
	background-color: #222222;}
#join-now h3 {
	color: #fcd300;}

/* COMMENTS */

.comment-details{
	color:#383838;}
.comment-author{
	color:#ce0000;}
#comments .comment .comment {
	background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.07);}
.thumbnail {
	background-color: rgba(255,255,255,.05);}

/* FORM elements */

.dialog-form .row input[type="text"], 
.dialog-form .row input[type="file"], 
.dialog-form .row input[type="password"], 
.dialog-form .row textarea, 
.dialog-form .row select,
#search-member input[type="text"],
#reply-comment {
    background-color: #363636;
    color: #fff;}

.mail-sender {
    color: #ffffff;}