<?php

/**
 * Background
 */

add_color_rule( 'bg', '#FFFFFF', array(
	array( 'body', 'background-color' ),
) );

/**
 * Foreground #1
 * Hover styles
 */

add_color_rule( 'fg1', '#CC0000', array(
	array( '#page a:hover, #page a:link:hover, #page a:visited:hover', 'color', '#fff' ),
	array( '#page .navigation a:link:hover, #page .navigation a:visited:hover, #page .navigation a:link:hover .arrow, #page .navigation a:visited:hover .arrow, #page .navigation a:link:hover .date, #page .navigation a:visited:hover .date', 'color', '#fff' ),
	array( '#container h2 a:link:hover, #container h2 a:visited:hover', 'color', '#fff' ),
	array( '#menu ul li a:hover, #menu ul li a:active, #menu ul li.current-menu-item > a, #menu ul li.current-menu-ancestor > a, #menu ul li.current_page_item > a, #menu ul li.current_page_ancestor > a, #content .readmore a:link:hover, #content .readmore a:visited:hover, #content .readmore a:active, #content #showcomments a:link:hover, #content #showcomments a:visited:hover, #content #showcomments a:active', 'background-color', '#fff' ),
), __( 'Links Hover' ) );

/**
 * Foreground #2
 */

add_color_rule( 'fg2', '#CC0000', array(
) );

/**
 * Links
 */

add_color_rule( 'link', '#990000', array(
	array( 'a, a:link, a:visited', 'color', '#fff' ),
	array( '#menu ul li a, #menu ul li a:link, #menu ul li a:visited', 'color', '#fff' ),
	array( '#home h2 a:link, #home h2 a:visited', 'color', '#fff' ),
	array( '.sticky > h2', 'border-color' ),
	array( '#content .readmore a, #content .readmore a:link, #content .readmore a:visited, #showcomments a, #showcomments a:link, #showcomments a:visited', 'background-color', '#fff' ),
	array( '#container h1 a, #container h1 a:link, #container h1 a:visited', 'color', '#fff' ),
) );

/**
 * Text
 */

add_color_rule( 'txt', '#000', array(
	array( '.home #page .sitename', 'color', '#fff' ),
	array( '#content .hentry > h2', 'color', '#fff' ),
	array( '#sidebar h2, #sidebar h3, #sidebar h2 a, #sidebar h2 a:link, #sidebar h2 a:visited', 'color', '#fff' ),
) );

/**
 * Color rules with the 'extra' cat are used to set a permanent color.
 * Useful for transparency effects on elements that need to blend with user's colors
 */
add_color_rule( 'extra', '#fff', array(
	array( '#menu ul li:hover a:hover, #menu ul li:hover a:active, #menu ul li.current-menu-item:hover > a, #menu ul li.current-menu-ancestor:hover > a, #menu ul li.current_page_item:hover > a, #menu ul li.current_page_ancestor:hover > a, #content .readmore a:link:hover, #content .readmore a:visited:hover, #content .readmore a:active, #page #content #showcomments a:visited:hover, #page #content #showcomments a:active', 'color' ),
	array( '#content .readmore a, #content .readmore a:link, #content .readmore a:visited, #showcomments a, #showcomments a:link, #showcomments a:visited', 'link' ),
	array( '#sidebar ul', 'border-color' ),
) );


/**
 * If you need extra, non-color CSS when Custom Colors is active, supply a callback function with raw CSS
 * Straight echoing or using a return var is fine.
 */
add_theme_support( 'custom_colors_extra_css', 'depo_masthead_extra_css' );
function depo_masthead_extra_css() { ?>
#page {
	background: #fff;
	margin-top: 0;
	padding: 50px 50px 1px;
}
#wpstats {
	display: none;
}

<?php
}