/* Copyright 2007-2009 Perette Barella.  All rights reserved. */
/* $Id: rks.css,v 1.12 2010/03/23 21:34:53 perette Exp perette $ */

/* ========== Common colors and setup ========== */
BODY {
	color: black;
	background: #CCC;
}

H2, H3, H4, H5 {
	color: #603;
	font-family: sans-serif;
}

H4, H5 {
	margin-bottom: 0;
}

ACRONYM, ABBR {
	border-bottom: thin dotted blue;
}

STRONG.heading {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* ========== Common navigation colors ========== */
UL.navigation {
	background: none;
}
UL.navigation > LI > A {
	text-decoration: none;
}
UL.navigation > LI > A:hover {
	color: white;
	background: #555;
}
UL.navigation > LI.navigationbargrouptitle > A:hover,
UL#navigationbar > LI.navigationbargrouptitle:hover {
	color: black;
	background: #A01;
}
UL.navigation > LI > A.selected {
	color: #eee;
	background: #401;
}


/* ========== Navigation menu ========== */
UL#navigation {
	background: none;
}
UL#navigation > LI.group {
	color: black;
	background: #AAA;
}


/* =========== Navigation bar ========== */
UL#navigationbar {
	background: #712;
}
UL#navigationbar > LI,
UL#navigationbar > LI:first-child,
UL#navigationbar > LI > UL {
	border-color: #300;
}
P.eventlist A,
UL.eventlist A,
UL#navigationbar > LI > A {
	color: #9BF;
}
P.eventlist A,
UL.eventlist A:visited,
UL#navigationbar > LI > A:visited {
	color: #88F;
}





/* ========== Left gutter common stuff ========== */
TD#leftcolumn,
DIV#leftcolumn {
	background: #712;
	color: #DDD;
	width: 175px;
}
TD#leftgutter H2,
DIV#leftgutter H2 {
	color: white;
	font-size: 100%;
	width: auto;
	text-align: center;
}


/* ========== Page header ========== */
H1 {
	color: #603;
	font-family: "Apple Chancery", "Lucida Calligraphy",
		     "Edwardian Script ITC",
		     "URW Chancery L", "Monotype Corsiva", cursive;
	text-align: center;
	font-size: 250%;
	margin-top: 0;
	margin-bottom: 0.5ex;
	padding-top: 0.5ex;
	text-shadow: 0.03em 0.03em 0.05em black;
	vertical-align: middle;
}
@media print {
	H1 {
		text-shadow: none;
	}
}


H1 IMG {
	vertical-align: middle;
}

P.slogan {
	text-align: center;
	font-style: italic;
	font-family: "Chalkboard", "Comic Sans MS", cursive;
	color: #73a;
	font-size: 165%;
	margin: 0 1ex 1ex 1ex;
	text-shadow: 0.05em 0.05em black;
}

DIV.rkstitle {
	margin-left: auto;
	margin-right: auto;
	max-width: 550px;
	text-align: center;
}
IMG.titlelogo {
	float: left;
	vertical-align: top;
}
@media handheld {
	IMG.titlelogo {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	P.slogan {
		margin-top: 0;
	}
}


/* ========== Slideshow setup =========== */

DIV#slideshow {
	margin: 0 0 2ex 1ex;
	font-size: 120%;
	width: 20em;
	height: 15em;
	float: right;
	color: white;
	background-color: black;
}
@media print {
	DIV#slideshow {
		height: auto;
		width: auto;
	}
}
DIV#slideshow H2 {
	text-align: center;
	text-decoration: underline;
	color: #D24;
	margin-bottom: 0;
}

DIV#slideshow DIV.slideshowframe DIV {
	max-width: 80%;
}
DIV#slideshow DIV.slideshowframe DIV P {
	text-align: center;
	font-style: italic;
}


@media print {
	DIV#slideshow {
		margin: 0 3ex 2ex 1ex;
	}
	P.slogan {
		display: none;
	}
	DIV#slideshow DIV.slideshowframe DIV {
		max-width: 30ex;
	}
}


/* ========== The gallery slideshows ========== */
DIV.slideshow {
	clear: none;
} 


/* ========== Event list on home page ========== */
UL.eventlist {
	margin-left: 0;
	margin-bottom: 1.5ex;
	list-style-type: none;
	padding: 0;
}
UL.eventlist LI {
	border: 0;
}
SPAN.event {
	display: block;
	margin-bottom: 1.5ex;
}
SPAN.eventdate {
	margin-top: 1.5ex;
	font-weight: bold;
	display: block;
}
DIV#navigation SPAN.eventtime {
	display: inline;
	font-weight: normal;
	font-size: 80%;
}
SPAN.eventtitle {
	font-weight: bold;
	display: block;
}
SPAN.eventdetails {
	font-size: 90%;
	display: block;
	font-weight: normal;
	font-style: italic;
	padding-left: 2ex;
}

/* ========== Used on the landing/certification page ========== */
A.button {
	background: #712;
	color: white;
	font-size: 150%;
	border: solid medium black;
	margin: 8ex 1em;
	padding: 0.5ex 0.5em;
	text-decoration: none;
	border-radius: 1.5ex;
	-webkit-border-radius: 1.5ex;
	-moz-border-radius: 1.5ex;
}

/* ========== Affiliations - used by links and shopping pages ========== */
DL.affiliation DT {
	margin-top: 1ex;
	margin-bottom: 0.25ex;
	font-weight: bold;
	font-size: 105%;
}

DL.affiliation DD {
	font-style: italic;
}

TABLE.affiliation {
	border-collapse: collapse;
}

TABLE.affiliation TD {
	font-style: italic;
	padding-top: 1ex;
}

TABLE.affiliation TD.name {
	font-style: normal;
	font-weight: bold;
}

TABLE.affiliation TD:first-child {
	width: 33%;
	vertical-align: top;
}

DIV.banneradvert {
	text-align: center;
	display: none;
}

@media screen {
	IMG.banneradvert {
		margin-bottom: 1.5ex;
	}
	DIV.banneradvert {
		display: block;
	}
}

P.deprecated {
	color: gray;
}

/* ========== Images placed in left gutter from content area ========== */
IMG.leftgutter {
	position: absolute;
	width: 160px;
	height: auto;
	left: -170px;
}

IMG.guttersmall {
	position: absolute;
	width: 48px;
	height: auto;
	left: -125px;
}