/* Colors: Default ------------------------------ */

	html#colors-default {
		border-top-color: #ff7200;
		background-color: #fff;
	}
	
	html#colors-default body {
		background-color: #fff;
		color: #464646;
	}
	
	html#colors-default h1,
	html#colors-default h2,
	html#colors-default h3,
	html#colors-default h4,
	html#colors-default h5,
	html#colors-default h6 {
		color: #464646;
	}
	
	html#colors-default a {
		color: #BF2726;
	}
	
	html#colors-default a:focus,
	html#colors-default a:hover {
		color: #751817;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-default .menu h2,
	html#colors-default .menu h2 a {
		color: #464646;
	}
	
	html#colors-default .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-default .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-default #logo {
		background: #568A91;
	}
	
	html#colors-default #tagline {
		color: #767676;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-default #navigation a {
		color: #555;
	}
	
	html#colors-default .news #navigation .news a,
	html#colors-default .news #navigation .news a:focus,
	html#colors-default .news #navigation .news a:hover,
	html#colors-default .events #navigation .events a,
	html#colors-default .events #navigation .events a:focus,
	html#colors-default .events #navigation .events a:hover,
	html#colors-default .magazine #navigation .magazine a,
	html#colors-default .magazine #navigation .magazine a:focus,
	html#colors-default .magazine #navigation .magazine a:hover,
	html#colors-default .about #navigation .about a,
	html#colors-default .about #navigation .about a:focus,
	html#colors-default .about #navigation .about a:hover,
	html#colors-default .contact #navigation .contact a,
	html#colors-default .contact #navigation .contact a:focus,
	html#colors-default .contact #navigation .contact a:hover {
		background: #568A91;
		color: #fff;
	}
	
	html#colors-default #navigation a:focus,
	html#colors-default #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-default #footer {
		border-top-color: #aaa;
	}
	
	html#colors-default #footer .menu {
		background: #eee;
	}
	
	html#colors-default #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-default #content .header {
		background: #568A91;
	}
	
	html#colors-default #content .header * {
		color: #eee;
	}
	
	html#colors-default #content .header h1 {
		color: #fff;
	}

	html#colors-default #content .header .meta a:focus,
	html#colors-default #content .header .meta a:hover {
		background: #eee;
		color: #464646;
	}
	
	html#colors-default #content .excerpt p {
		color: #222;
	}
	
	html#colors-default #content .content h1,
	html#colors-default #content .content h2,
	html#colors-default #content .content h3,
	html#colors-default #content .content h4 {
		color: #568A91;
	}
	
	html#colors-default #content .source {
		border-top-color: #aaa;
	}
	
	html#colors-default #content .sharing {
		border-bottom-color: #aaa;
		border-top-color: #aaa;
	}
	
	html#colors-default #content .sharing h4 {
		border-bottom-color: #aaa;
	}
	
	html#colors-default #content .picture .caption {
		color: #7b7b7b;
	}
	
	/* EVENTS ------------------------------------------------------------------- */
	
	#events.menu h2 {
		border-bottom-color: #aaa;
	}

	/* HOME --------------------------------------------------------------------- */

/* Colors: Sido 1 ------------------------------ */

	html#colors-sido-1 {
		border-top-color: #025373;
		background-color: #fff;
	}
	
	html#colors-sido-1 body {
		background-color: #fff;
		color: #464646;
	}
	
	html#colors-sido-1 h1,
	html#colors-sido-1 h2,
	html#colors-sido-1 h3,
	html#colors-sido-1 h4,
	html#colors-sido-1 h5,
	html#colors-sido-1 h6 {
		color: #464646;
	}
	
	html#colors-sido-1 a {
		color: #035f83;
	}
	
	html#colors-sido-1 a:focus,
	html#colors-sido-1 a:hover {
		color: #025373;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-sido-1 .menu h2,
	html#colors-sido-1 .menu h2 a {
		color: #ff7200;
	}
	
	html#colors-sido-1 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-sido-1 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-sido-1 #logo {
		background: #ff7200;
	}
	
	html#colors-sido-1 #tagline {
		color: #767676;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-sido-1 #navigation a {
		color: #025373;
	}
	
	html#colors-sido-1 .news #navigation .news a,
	html#colors-sido-1 .news #navigation .news a:focus,
	html#colors-sido-1 .news #navigation .news a:hover,
	html#colors-sido-1 .events #navigation .events a,
	html#colors-sido-1 .events #navigation .events a:focus,
	html#colors-sido-1 .events #navigation .events a:hover,
	html#colors-sido-1 .magazine #navigation .magazine a,
	html#colors-sido-1 .magazine #navigation .magazine a:focus,
	html#colors-sido-1 .magazine #navigation .magazine a:hover,
	html#colors-sido-1 .about #navigation .about a,
	html#colors-sido-1 .about #navigation .about a:focus,
	html#colors-sido-1 .about #navigation .about a:hover,
	html#colors-sido-1 .contact #navigation .contact a,
	html#colors-sido-1 .contact #navigation .contact a:focus,
	html#colors-sido-1 .contact #navigation .contact a:hover {
		background: #025373;
		color: #fff;
	}
	
	html#colors-sido-1 #navigation a:focus,
	html#colors-sido-1 #navigation a:hover {
		background: #ff7200;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-sido-1 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-sido-1 #footer .menu {
		background: #eee;
	}
	
	html#colors-sido-1 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-sido-1 #content .header {
		background: #025373;
	}
	
	html#colors-sido-1 #content .header * {
		color: #eee;
	}
	
	html#colors-sido-1 #content .header h1 {
		color: #fff;
	}

	html#colors-sido-1 #content .header .meta a:focus,
	html#colors-sido-1 #content .header .meta a:hover {
		background: #eee;
		color: #464646;
	}
	
	html#colors-sido-1 #content .excerpt p {
		color: #222;
	}
	
	html#colors-sido-1 #content .content h1,
	html#colors-sido-1 #content .content h2,
	html#colors-sido-1 #content .content h3,
	html#colors-sido-1 #content .content h4 {
		color: #024059;
	}
	
	html#colors-sido-1 #content .source {
		border-top-color: #aaa;
	}
	
	html#colors-sido-1 #content .sharing {
		border-bottom-color: #aaa;
		border-top-color: #aaa;
	}
	
	html#colors-sido-1 #content .sharing h4 {
		border-bottom-color: #aaa;
	}
	
	html#colors-sido-1 #content .picture .caption {
		color: #7b7b7b;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Sido 2 ------------------------------ */

	html#colors-sido-2 {
		border-top-color: #286997;
		background-color: #fff;
	}
	
	html#colors-sido-2 body {
		background-color: #fff;
		color: #464646;
	}
	
	html#colors-sido-2 h1,
	html#colors-sido-2 h2,
	html#colors-sido-2 h3,
	html#colors-sido-2 h4,
	html#colors-sido-2 h5,
	html#colors-sido-2 h6 {
		color: #464646;
	}
	
	html#colors-sido-2 a {
		color: #a61103;
	}
	
	html#colors-sido-2 a:focus,
	html#colors-sido-2 a:hover {
		color: #344300;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-sido-2 .menu h2,
	html#colors-sido-2 .menu h2 a {
		color: #464646;
	}
	
	html#colors-sido-2 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-sido-2 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-sido-2 #logo {
		background: #a61103;
	}
	
	html#colors-sido-2 #tagline {
		color: #767676;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-sido-2 #navigation a {
		color: #555;
	}
	
	html#colors-sido-2 .news #navigation .news a,
	html#colors-sido-2 .news #navigation .news a:focus,
	html#colors-sido-2 .news #navigation .news a:hover,
	html#colors-sido-2 .events #navigation .events a,
	html#colors-sido-2 .events #navigation .events a:focus,
	html#colors-sido-2 .events #navigation .events a:hover,
	html#colors-sido-2 .magazine #navigation .magazine a,
	html#colors-sido-2 .magazine #navigation .magazine a:focus,
	html#colors-sido-2 .magazine #navigation .magazine a:hover,
	html#colors-sido-2 .about #navigation .about a,
	html#colors-sido-2 .about #navigation .about a:focus,
	html#colors-sido-2 .about #navigation .about a:hover,
	html#colors-sido-2 .contact #navigation .contact a,
	html#colors-sido-2 .contact #navigation .contact a:focus,
	html#colors-sido-2 .contact #navigation .contact a:hover {
		background: #286997;
		color: #fff;
	}
	
	html#colors-sido-2 #navigation a:focus,
	html#colors-sido-2 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-sido-2 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-sido-2 #footer .menu {
		background: #eee;
	}
	
	html#colors-sido-2 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-sido-2 #content .header {
		background: #025373;
	}
	
	html#colors-sido-2 #content .header * {
		color: #eee;
	}
	
	html#colors-sido-2 #content .header h1 {
		color: #fff;
	}

	html#colors-sido-2 #content .header .meta a:focus,
	html#colors-sido-2 #content .header .meta a:hover {
		background: #eee;
		color: #464646;
	}
	
	html#colors-sido-2 #content .excerpt p {
		color: #222;
	}
	
	html#colors-sido-2 #content .content h1,
	html#colors-sido-2 #content .content h2,
	html#colors-sido-2 #content .content h3,
	html#colors-sido-2 #content .content h4 {
		color: #286997;
	}
	
	html#colors-sido-2 #content .source {
		border-top-color: #aaa;
	}
	
	html#colors-sido-2 #content .sharing {
		border-bottom-color: #aaa;
		border-top-color: #aaa;
	}
	
	html#colors-sido-2 #content .sharing h4 {
		border-bottom-color: #aaa;
	}
	
	html#colors-sido-2 #content .picture .caption {
		color: #7b7b7b;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Sido 3 ------------------------------ */

	html#colors-sido-3 {
		border-top-color: #97bf04;
		background-color: #fff;
	}
	
	html#colors-sido-3 body {
		background-color: #fff;
		color: #464646;
	}
	
	html#colors-sido-3 h1,
	html#colors-sido-3 h2,
	html#colors-sido-3 h3,
	html#colors-sido-3 h4,
	html#colors-sido-3 h5,
	html#colors-sido-3 h6 {
		color: #464646;
	}
	
	html#colors-sido-3 a {
		color: #025373;
	}
	
	html#colors-sido-3 a:focus,
	html#colors-sido-3 a:hover {
		color: #0d9fd9;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-sido-3 .menu h2,
	html#colors-sido-3 .menu h2 a {
		color: #464646;
	}
	
	html#colors-sido-3 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-sido-3 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-sido-3 #logo {
		background: #025373;
	}
	
	html#colors-sido-3 #tagline {
		color: #025373;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-sido-3 #navigation a {
		color: #555;
	}
	
	html#colors-sido-3 .news #navigation .news a,
	html#colors-sido-3 .news #navigation .news a:focus,
	html#colors-sido-3 .news #navigation .news a:hover,
	html#colors-sido-3 .events #navigation .events a,
	html#colors-sido-3 .events #navigation .events a:focus,
	html#colors-sido-3 .events #navigation .events a:hover,
	html#colors-sido-3 .magazine #navigation .magazine a,
	html#colors-sido-3 .magazine #navigation .magazine a:focus,
	html#colors-sido-3 .magazine #navigation .magazine a:hover,
	html#colors-sido-3 .about #navigation .about a,
	html#colors-sido-3 .about #navigation .about a:focus,
	html#colors-sido-3 .about #navigation .about a:hover,
	html#colors-sido-3 .contact #navigation .contact a,
	html#colors-sido-3 .contact #navigation .contact a:focus,
	html#colors-sido-3 .contact #navigation .contact a:hover {
		background: #97bf04;
		color: #fff;
	}
	
	html#colors-sido-3 #navigation a:focus,
	html#colors-sido-3 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-sido-3 #footer {
		border-top-color: #454545;
	}
	
	html#colors-sido-3 #footer .menu {
		background: #e8f2d0;
	}
	
	html#colors-sido-3 #footer .credit {
		border-top-color: #454545;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-sido-3 #content .header {
		background: #97bf04;
	}
	
	html#colors-sido-3 #content .header * {
		color: #e8f2d0;
	}
	
	html#colors-sido-3 #content .header h1 {
		color: #fff;
	}

	html#colors-sido-3 #content .header .meta a:focus,
	html#colors-sido-3 #content .header .meta a:hover {
		background: #e8f2d0;
		color: #464646;
	}
	
	html#colors-sido-3 #content .excerpt p {
		color: #222;
	}
	
	html#colors-sido-3 #content .content h1,
	html#colors-sido-3 #content .content h2,
	html#colors-sido-3 #content .content h3,
	html#colors-sido-3 #content .content h4 {
		color: #97bf04;
	}
	
	html#colors-sido-3 #content .source {
		border-top-color: #454545;
	}
	
	html#colors-sido-3 #content .sharing {
		border-bottom-color: #454545;
		border-top-color: #454545;
	}
	
	html#colors-sido-3 #content .sharing h4 {
		border-bottom-color: #454545;
	}
	
	html#colors-sido-3 #content .picture .caption {
		color: #7b7b7b;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Roderick 1 ------------------------------ */

	html#colors-roderick-1 {
		border-top-color: #17375D;
		background-color: #fff;
	}
	
	html#colors-roderick-1 body {
		background-color: #fff;
		color: #17375D;
	}
	
	html#colors-roderick-1 h1,
	html#colors-roderick-1 h2,
	html#colors-roderick-1 h3,
	html#colors-roderick-1 h4,
	html#colors-roderick-1 h5,
	html#colors-roderick-1 h6 {
		color: #464646;
	}
	
	html#colors-roderick-1 a {
		color: #C00000;
	}
	
	html#colors-roderick-1 a:focus,
	html#colors-roderick-1 a:hover {
		color: #C00000;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-roderick-1 .menu h2,
	html#colors-roderick-1 .menu h2 a {
		color: #17375D;
	}
	
	html#colors-roderick-1 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-1 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-roderick-1 #logo {
		background: #E46D0A;
	}
	
	html#colors-roderick-1 #tagline {
		color: %%TAGLINE%%;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-roderick-1 #navigation a {
		color: #555;
	}
	
	html#colors-roderick-1 .news #navigation .news a,
	html#colors-roderick-1 .news #navigation .news a:focus,
	html#colors-roderick-1 .news #navigation .news a:hover,
	html#colors-roderick-1 .events #navigation .events a,
	html#colors-roderick-1 .events #navigation .events a:focus,
	html#colors-roderick-1 .events #navigation .events a:hover,
	html#colors-roderick-1 .magazine #navigation .magazine a,
	html#colors-roderick-1 .magazine #navigation .magazine a:focus,
	html#colors-roderick-1 .magazine #navigation .magazine a:hover,
	html#colors-roderick-1 .about #navigation .about a,
	html#colors-roderick-1 .about #navigation .about a:focus,
	html#colors-roderick-1 .about #navigation .about a:hover,
	html#colors-roderick-1 .contact #navigation .contact a,
	html#colors-roderick-1 .contact #navigation .contact a:focus,
	html#colors-roderick-1 .contact #navigation .contact a:hover {
		background: #17375D;
		color: #fff;
	}
	
	html#colors-roderick-1 #navigation a:focus,
	html#colors-roderick-1 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-roderick-1 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-1 #footer .menu {
		background: #eee;
	}
	
	html#colors-roderick-1 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-roderick-1 #content .header {
		background: #17375D;
	}
	
	html#colors-roderick-1 #content .header * {
		color: #fff;
	}
	
	html#colors-roderick-1 #content .header h1 {
		color: %%ARTICLE_HEADER_H1%%;
	}

	html#colors-roderick-1 #content .header .meta a:focus,
	html#colors-roderick-1 #content .header .meta a:hover {
		background: %%ARTICLE_HEADER_META_LINK_BG%%;
		color: %%ARTICLE_HEADER_META_LINK%%;
	}
	
	html#colors-roderick-1 #content .excerpt p {
		color: %%ARTICLE_EXCERPT%%;
	}
	
	html#colors-roderick-1 #content .content h1,
	html#colors-roderick-1 #content .content h2,
	html#colors-roderick-1 #content .content h3,
	html#colors-roderick-1 #content .content h4 {
		color: %%ARTICLE_HEADING%%;
	}
	
	html#colors-roderick-1 #content .source {
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-1 #content .sharing {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-1 #content .sharing h4 {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-1 #content .picture .caption {
		color: %%ARTICLE_PICTURE_CAPTION%%;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Roderick 2 ------------------------------ */

	html#colors-roderick-2 {
		border-top-color: #4F6228;
		background-color: #fff;
	}
	
	html#colors-roderick-2 body {
		background-color: #fff;
		color: #17375D;
	}
	
	html#colors-roderick-2 h1,
	html#colors-roderick-2 h2,
	html#colors-roderick-2 h3,
	html#colors-roderick-2 h4,
	html#colors-roderick-2 h5,
	html#colors-roderick-2 h6 {
		color: #464646;
	}
	
	html#colors-roderick-2 a {
		color: #C00000;
	}
	
	html#colors-roderick-2 a:focus,
	html#colors-roderick-2 a:hover {
		color: #C00000;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-roderick-2 .menu h2,
	html#colors-roderick-2 .menu h2 a {
		color: #17375D;
	}
	
	html#colors-roderick-2 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-2 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-roderick-2 #logo {
		background: #E46D0A;
	}
	
	html#colors-roderick-2 #tagline {
		color: %%TAGLINE%%;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-roderick-2 #navigation a {
		color: #555;
	}
	
	html#colors-roderick-2 .news #navigation .news a,
	html#colors-roderick-2 .news #navigation .news a:focus,
	html#colors-roderick-2 .news #navigation .news a:hover,
	html#colors-roderick-2 .events #navigation .events a,
	html#colors-roderick-2 .events #navigation .events a:focus,
	html#colors-roderick-2 .events #navigation .events a:hover,
	html#colors-roderick-2 .magazine #navigation .magazine a,
	html#colors-roderick-2 .magazine #navigation .magazine a:focus,
	html#colors-roderick-2 .magazine #navigation .magazine a:hover,
	html#colors-roderick-2 .about #navigation .about a,
	html#colors-roderick-2 .about #navigation .about a:focus,
	html#colors-roderick-2 .about #navigation .about a:hover,
	html#colors-roderick-2 .contact #navigation .contact a,
	html#colors-roderick-2 .contact #navigation .contact a:focus,
	html#colors-roderick-2 .contact #navigation .contact a:hover {
		background: #4F6228;
		color: #fff;
	}
	
	html#colors-roderick-2 #navigation a:focus,
	html#colors-roderick-2 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-roderick-2 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-2 #footer .menu {
		background: #eee;
	}
	
	html#colors-roderick-2 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-roderick-2 #content .header {
		background: #4F6228;
	}
	
	html#colors-roderick-2 #content .header * {
		color: #fff;
	}
	
	html#colors-roderick-2 #content .header h1 {
		color: %%ARTICLE_HEADER_H1%%;
	}

	html#colors-roderick-2 #content .header .meta a:focus,
	html#colors-roderick-2 #content .header .meta a:hover {
		background: %%ARTICLE_HEADER_META_LINK_BG%%;
		color: %%ARTICLE_HEADER_META_LINK%%;
	}
	
	html#colors-roderick-2 #content .excerpt p {
		color: %%ARTICLE_EXCERPT%%;
	}
	
	html#colors-roderick-2 #content .content h1,
	html#colors-roderick-2 #content .content h2,
	html#colors-roderick-2 #content .content h3,
	html#colors-roderick-2 #content .content h4 {
		color: %%ARTICLE_HEADING%%;
	}
	
	html#colors-roderick-2 #content .source {
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-2 #content .sharing {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-2 #content .sharing h4 {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-2 #content .picture .caption {
		color: %%ARTICLE_PICTURE_CAPTION%%;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Roderick 3 ------------------------------ */

	html#colors-roderick-3 {
		border-top-color: #5A5A5A;
		background-color: #fff;
	}
	
	html#colors-roderick-3 body {
		background-color: #fff;
		color: #002060;
	}
	
	html#colors-roderick-3 h1,
	html#colors-roderick-3 h2,
	html#colors-roderick-3 h3,
	html#colors-roderick-3 h4,
	html#colors-roderick-3 h5,
	html#colors-roderick-3 h6 {
		color: #464646;
	}
	
	html#colors-roderick-3 a {
		color: #C00000;
	}
	
	html#colors-roderick-3 a:focus,
	html#colors-roderick-3 a:hover {
		color: #C00000;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-roderick-3 .menu h2,
	html#colors-roderick-3 .menu h2 a {
		color: #002060;
	}
	
	html#colors-roderick-3 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-3 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-roderick-3 #logo {
		background: #376091;
	}
	
	html#colors-roderick-3 #tagline {
		color: %%TAGLINE%%;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-roderick-3 #navigation a {
		color: #555;
	}
	
	html#colors-roderick-3 .news #navigation .news a,
	html#colors-roderick-3 .news #navigation .news a:focus,
	html#colors-roderick-3 .news #navigation .news a:hover,
	html#colors-roderick-3 .events #navigation .events a,
	html#colors-roderick-3 .events #navigation .events a:focus,
	html#colors-roderick-3 .events #navigation .events a:hover,
	html#colors-roderick-3 .magazine #navigation .magazine a,
	html#colors-roderick-3 .magazine #navigation .magazine a:focus,
	html#colors-roderick-3 .magazine #navigation .magazine a:hover,
	html#colors-roderick-3 .about #navigation .about a,
	html#colors-roderick-3 .about #navigation .about a:focus,
	html#colors-roderick-3 .about #navigation .about a:hover,
	html#colors-roderick-3 .contact #navigation .contact a,
	html#colors-roderick-3 .contact #navigation .contact a:focus,
	html#colors-roderick-3 .contact #navigation .contact a:hover {
		background: #5A5A5A;
		color: #fff;
	}
	
	html#colors-roderick-3 #navigation a:focus,
	html#colors-roderick-3 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-roderick-3 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-3 #footer .menu {
		background: #eee;
	}
	
	html#colors-roderick-3 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-roderick-3 #content .header {
		background: #5A5A5A;
	}
	
	html#colors-roderick-3 #content .header * {
		color: #fff;
	}
	
	html#colors-roderick-3 #content .header h1 {
		color: %%ARTICLE_HEADER_H1%%;
	}

	html#colors-roderick-3 #content .header .meta a:focus,
	html#colors-roderick-3 #content .header .meta a:hover {
		background: %%ARTICLE_HEADER_META_LINK_BG%%;
		color: %%ARTICLE_HEADER_META_LINK%%;
	}
	
	html#colors-roderick-3 #content .excerpt p {
		color: %%ARTICLE_EXCERPT%%;
	}
	
	html#colors-roderick-3 #content .content h1,
	html#colors-roderick-3 #content .content h2,
	html#colors-roderick-3 #content .content h3,
	html#colors-roderick-3 #content .content h4 {
		color: %%ARTICLE_HEADING%%;
	}
	
	html#colors-roderick-3 #content .source {
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-3 #content .sharing {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-3 #content .sharing h4 {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-3 #content .picture .caption {
		color: %%ARTICLE_PICTURE_CAPTION%%;
	}
	

	/* HOME --------------------------------------------------------------------- */

/* Colors: Roderick 4 ------------------------------ */

	html#colors-roderick-4 {
		border-top-color: #002060;
		background-color: #fff;
	}
	
	html#colors-roderick-4 body {
		background-color: #fff;
		color: #002060;
	}
	
	html#colors-roderick-4 h1,
	html#colors-roderick-4 h2,
	html#colors-roderick-4 h3,
	html#colors-roderick-4 h4,
	html#colors-roderick-4 h5,
	html#colors-roderick-4 h6 {
		color: #464646;
	}
	
	html#colors-roderick-4 a {
		color: #404040;
	}
	
	html#colors-roderick-4 a:focus,
	html#colors-roderick-4 a:hover {
		color: #404040;
	}
	
	/* UTILITY ------------------------------------------------------------------ */
	
	/* COMPONENT | VERTICAL MENU ------------------------------------------------ */
	
	html#colors-roderick-4 .menu h2,
	html#colors-roderick-4 .menu h2 a {
		color: #002060;
	}
	
	html#colors-roderick-4 .menu ul {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-4 .menu li a {
		border-bottom-color: #aaa;
	}
	
	/* HEADER ------------------------------------------------------------------- */
	
	html#colors-roderick-4 #logo {
		background: #C00000;
	}
	
	html#colors-roderick-4 #tagline {
		color: %%TAGLINE%%;
	}
	
	/* HEADER : NAVIGATION ------------------------------------------------------ */
	
	html#colors-roderick-4 #navigation a {
		color: #555;
	}
	
	html#colors-roderick-4 .news #navigation .news a,
	html#colors-roderick-4 .news #navigation .news a:focus,
	html#colors-roderick-4 .news #navigation .news a:hover,
	html#colors-roderick-4 .events #navigation .events a,
	html#colors-roderick-4 .events #navigation .events a:focus,
	html#colors-roderick-4 .events #navigation .events a:hover,
	html#colors-roderick-4 .magazine #navigation .magazine a,
	html#colors-roderick-4 .magazine #navigation .magazine a:focus,
	html#colors-roderick-4 .magazine #navigation .magazine a:hover,
	html#colors-roderick-4 .about #navigation .about a,
	html#colors-roderick-4 .about #navigation .about a:focus,
	html#colors-roderick-4 .about #navigation .about a:hover,
	html#colors-roderick-4 .contact #navigation .contact a,
	html#colors-roderick-4 .contact #navigation .contact a:focus,
	html#colors-roderick-4 .contact #navigation .contact a:hover {
		background: #002060;
		color: #fff;
	}
	
	html#colors-roderick-4 #navigation a:focus,
	html#colors-roderick-4 #navigation a:hover {
		background: #777;
		color: #fff;
	}

	/* FOOTER ------------------------------------------------------------------- */
	
	html#colors-roderick-4 #footer {
		border-top-color: #aaa;
	}
	
	html#colors-roderick-4 #footer .menu {
		background: #eee;
	}
	
	html#colors-roderick-4 #footer .credit {
		border-top-color: #aaa;
	}
	
	/* CONTENT ------------------------------------------------------------------ */
	
	html#colors-roderick-4 #content .header {
		background: #002060;
	}
	
	html#colors-roderick-4 #content .header * {
		color: #fff;
	}
	
	html#colors-roderick-4 #content .header h1 {
		color: %%ARTICLE_HEADER_H1%%;
	}

	html#colors-roderick-4 #content .header .meta a:focus,
	html#colors-roderick-4 #content .header .meta a:hover {
		background: %%ARTICLE_HEADER_META_LINK_BG%%;
		color: %%ARTICLE_HEADER_META_LINK%%;
	}
	
	html#colors-roderick-4 #content .excerpt p {
		color: %%ARTICLE_EXCERPT%%;
	}
	
	html#colors-roderick-4 #content .content h1,
	html#colors-roderick-4 #content .content h2,
	html#colors-roderick-4 #content .content h3,
	html#colors-roderick-4 #content .content h4 {
		color: %%ARTICLE_HEADING%%;
	}
	
	html#colors-roderick-4 #content .source {
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-4 #content .sharing {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
		border-top-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-4 #content .sharing h4 {
		border-bottom-color: %%ARTICLE_DIVIDER%%;
	}
	
	html#colors-roderick-4 #content .picture .caption {
		color: %%ARTICLE_PICTURE_CAPTION%%;
	}
	

	/* HOME --------------------------------------------------------------------- */

