/* Horhizon
 * Typography
 *
 * Basic Typography and specific typography
*/




/* 														------------- Basic Typography */

body {
	font-size: 62.5%;
	line-height: 1.5em;
	font-family: Georgia, Serif;
	color: #FFFFFF;
	opacity: 0.99;
}

p, h1, h2, h3, h4, h5 {
	font-size: 1.2em;
	padding-bottom: 0.9em;
	opacity: 0.99;
	font-weight: normal;
}

p {
	line-height: 1.4em;
}

li {
	font-size:  1.2em;
}

h1 {
	color: #000;
}

h2 {
}

em {
	font-style: italic;
}

a {
	color: #B2FF00;
	text-decoration: none;
}

a:hover {
	color: #019FDE;
}

/* Line Break for screen only */
.br {
	display: block;
}

strong {
	font-weight: bold;
}

/* 														------------- Layout Specific Typography */
/* 												--- Primary */

#primary li a, #primary li a:active, #primary li a:visited {
	
}

#primary li a:hover {
	color: #B2FF00;
}

#primary ul li.active a {
	color: #019FDE;
}


/* 												--- Secondary */
#secondary a {
	text-decoration: underline;
}
#secondary a:hover {
	text-decoration: none;
}


#secondary p.quote {
	margin: 0 0 0 14px;
	font-style: italic;
	text-align: center;
	width: 446px;
}




/* 														------------- Color Sets */
/* 												--- Turquoise */
/*.white #primary ul li a:hover,
.white #primary ul li.active a,
.white #secondary a, 
.white #secondary a:visited,
.white #secondary a:hover,
.white #secondary h1,
.white #secondary h2,
.white #secondary h3,
.white #secondary h4,
.white #secondary h5 {
	color: #FFFFFF;
}*/

.white #primary ul li a:hover,
.white #primary ul li.active a {
	color: #FFFFFF;
}

.white #secondary a, 
.white #secondary a:visited,
.white #secondary a:hover,
.white #secondary h1,
.white #secondary h2,
.white #secondary h3,
.white #secondary h4,
.white #secondary h5 {
	color: #8F9FFF;
}

.white #primary ul li a:hover {
	color: #8c8cff;
}

.white #primary ul li.active a:hover {
	color: #FFFFFF;
}

/* 												--- Turquoise */
.turquoise #primary ul li a:hover,
.turquoise #primary ul li.active a,
.turquoise #secondary a, 
.turquoise #secondary a:visited,
.turquoise #secondary a:hover,
.turquoise #secondary h1,
.turquoise #secondary h2,
.turquoise #secondary h3,
.turquoise #secondary h4,
.turquoise #secondary h5 {
	color: #69fdff;
}  

/* 												--- Violet */
.violet #primary ul li a:hover,
.violet #primary ul li.active a,
.violet #secondary a, 
.violet #secondary a:visited,
.violet #secondary a:hover,
.violet #secondary h1,
.violet #secondary h2,
.violet #secondary h3,
.violet #secondary h4,
.violet #secondary h5 {
	color: #A76791;
} 



/* 												--- Yellow */
.yellow #primary ul li a:hover,
.yellow #primary ul li.active a,
.yellow #secondary a, 
.yellow #secondary a:visited,
.yellow #secondary a:hover,
.yellow #secondary h1,
.yellow #secondary h2,
.yellow #secondary h3,
.yellow #secondary h4,
.yellow #secondary h5 {
	color: #f3fd02;
} 

/* 												--- Blue */
.blue #primary ul li a:hover,
.blue #primary ul li.active a,
.blue #secondary a, 
.blue #secondary a:visited,
.blue #secondary a:hover,
.blue #secondary h1,
.blue #secondary h2,
.blue #secondary h3,
.blue #secondary h4,
.blue #secondary h5 {
	/*color: #8c8cff;*/
	color: #8E8EF4;
}

/* 												--- Red */
.red #primary ul li a:hover,
.red #primary ul li.active a,
.red #secondary a, 
.red #secondary a:visited,
.red #secondary a:hover,
.red #secondary h1,
.red #secondary h2,
.red #secondary h3,
.red #secondary h4,
.red #secondary h5 {
	color: #fe6b6b;
}

/* 														------------- Page Specific Typography */
/* 												--- Home */

div#secondary p.special-sub {
	font-size: 1.1em;
	/* line-height: 1.7em; */
	line-height: 20px;
	color: #8f9fff;
	font-style: normal;
	text-decoration: underline;
}
div#secondary p.special {
	font-size: 1.7em;
	font-style: italic;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
}

/* 												--- Manifesto  */

#secondary.manifesto h2{
	font-size: 1.8em;
	color: #FFF;
	font-style: italic;
}
#secondary.manifesto h3{
	text-decoration: underline;
}
#secondary.manifesto p{
	font-style: italic;
}
}

/* 												--- Members */
#secondary.members h2 {
	font-size: 1.8em;
	font-style: italic;
}
#secondary.members h2 {
	font-size: 1.8em;
	font-style: italic;
}

/* 												--- Links */
#secondary.links h2 {
	font-size: 1.8em;
	font-style: italic;
}
#secondary.links h2 {
	font-size: 1.8em;
	font-style: italic;
}

#Members #secondary h2 + h2 {
	padding-links: 10px;
}

/* 												--- Contact */
#secondary.contact h2 {
	font-size: 1.8em;
	color: #a76791;
	font-style: italic;
}

/* 												--- Works */
#secondary.works h2{
	font-size: 1.8em;
	font-style: italic;
}

/* 												--- Projects */
#secondary.project h2 span.extra {
	font-style: italic;
}