<?
	header("Content-type: text/css");

	$primary=$_GET['p'];
	$secondary=$_GET['s'];
	$background=$_GET['b'];
	$text=($_GET['t'])?$_GET['t']:'FFF';
?>

html {background-color:#<?= $primary ?>;}

#supersized a,
#supersized a.image-loading,
.post-body .content .photos {background-color:#<?= $background ?> !important;}

#logo a {color:#<?= $secondary ?>;}
#primary-nav a {color:#<?= $secondary ?>;}

.single-post #logo a,
.error404 #logo a {color:#<?= $text ?>;}
.single-post #primary-nav a,
.error404 #primary-nav a {color:#<?= $text ?>;}

.no-js .ribbon .bigger:before,
.ribbon .bigger .before {background-color:#<?= $secondary ?>;}
.no-js .ribbon .smaller:before,
.ribbon .smaller .before {background-color:#<?= $primary ?>;}

.ribbon .bigger .button .before {background-color:transparent}

.ribbon .bigger h1,
.ribbon .bigger h3 {background-color:#<?= $secondary ?>;}

.no-js .ribbon .bigger h1:after,
.no-js .ribbon .bigger .button:after,
.ribbon .bigger h1 .after,
.no-js .ribbon .bigger h3:after,
.ribbon .bigger h3 .after,
.ribbon .bigger .button .after {border-left-color:#<?= $secondary ?>;}

.no-js .ribbon .bigger .button:before,
.ribbon .bigger .button .before {border-right-color:#<?= $secondary ?>;}

.ribbon .bigger .button {background-color:#<?= $secondary ?>;}

.ribbon .bigger .button:hover {background-color:#<?= $background ?> !important;}
.no-js .ribbon .bigger .button:hover:after,
.ribbon .bigger .button:hover .after {border-left-color:#<?= $background ?> !important;}
.no-js .ribbon .bigger .button:hover:before,
.ribbon .bigger .button:hover .before {border-right-color:#<?= $background ?> !important;}

.single-post .ribbon .bigger .button:hover {background-color:#<?= $primary ?> !important;}
.single-post.no-js .ribbon .bigger .button:hover:after,
.single-post .ribbon .bigger .button:hover .after {border-left-color:#<?= $primary ?> !important;}
.single-post.no-js .ribbon .bigger .button:hover:before,
.single-post .ribbon .bigger .button:hover .before {border-right-color:#<?= $primary ?> !important;}

.is_details.single-post .ribbon .bigger .button:hover {background-color:#<?= $text ?> !important; color:#<?= $primary ?> !important}
.is_details.single-post.no-js .ribbon .bigger .button:hover:after,
.is_details.single-post .ribbon .bigger .button:hover .after {border-left-color:#<?= $text ?> !important; color:#<?= $primary ?> !important}
.is_details.single-post.no-js .ribbon .bigger .button:hover:before,
.is_details.single-post .ribbon .bigger .button:hover .before {border-right-color:#<?= $text ?> !important; color:#<?= $primary ?> !important}

.ribbon .smaller {background-color:#<?= $primary ?>;}

.no-js .ribbon .smaller:after,
.ribbon .smaller .after {border-left-color:#<?= $primary ?>;}

.left-arrow,
.right-arrow {border-color:#<?= $background ?>;}
#older,
#newer {color:#<?= $background ?>;}

.is_details .left-arrow,
.is_details .right-arrow {border-color:#<?= $text ?>;}
.is_details #older,
.is_details #newer {color:#<?= $text ?>;}

.post-body,
.ribbon .bigger h1 a,
.ribbon .bigger h3 a,
.post-body .content a {color:#<?= $text ?>;}
.post-body .content a:hover {
	color:#<?= $text ?>;
	opacity:0.7;
	filter: alpha(opacity=70);
}

::-moz-selection { background-color:#<?= $background ?>; color:#<?= $primary ?>;}
::selection { background-color:#<?= $background ?>; color:#<?= $primary ?>;}

.thumbnail-list li a,
.related-articles li a {background-color:#<?= $secondary ?>;}

#search .input-text {color:#<?= $secondary ?>}