/* IMAGE CLASSES - Default is medium size image floated right
 class="l" : Large full width size, text shows below only
 class="s" : Small inline image floated, enough space for 2 images in a single section
 class="r" : Floated right instead of left.      class="r s" Small & floated right
 
 Options for image display per section are:
 SINGLE IMAGE: Large, Medium Right, Medium Left, Small Right, Small Left
 TWO IMAGES: Both Small RIght, Both Small Left, One each side with text in centre 
 Images resize automatically for any browser width  */

/* Page defaults */
body {
	font-size: 1.0em;
	font-family: 'Tahoma', 'Arial', 'Helvetica', sans-serif;
	background:#014479 url('nyanback.png');
	margin: 0;
}

/* Header which contains logo and title */
#rainbow {
	clear: both;
	float: none;
	background: none;
	border: none;
	padding: 0;
	margin: 0 0 1.0em 0;
}
#rainbow img {
	width: 35%
}

/*Navigation cointainer */
#sunshine {
	clear: both;
	float: none;
	background: #ccc;
	border: none;
	padding: 0 1.0em 0 1.0em;
	margin: 0 auto 0 auto;
	width: 90%;
	border-radius: 1.0em 1.0em 0 0;
	text-align: center;
}
#sunshine ul {
	border: none;
	margin: 0;
	padding: 0.8em;
}
#sunshine li {
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	border: none;
	margin: 0;
	padding: 0 0.8em 0 0.8em;
	line-height: 1.6em;
	display: inline;
}
#sunshine a:link {
	color: #014479;
}
#sunshine a:visited {
	color: #014479;
}
#sunshine a:active {
	color: #a00;
}
#sunshine a:hover {
	color: #014479;
	background: #fff;
}

/*Content cointainer */
#coinery {
	clear: both;
	float: none;
	background: #fff;
	border: none;
	padding: 1.0em;
	margin: 0 auto 1.0em auto;
	width: 90%;
	border-radius: 0 0 1.0em 1.0em;
}
#coinery p {
	font-size: 1.0em;
	color: #000;
	padding: 0;
	margin: 0.3em 0 1.0em 0;
}
#coinery p.eol {
	font-family: 'Courier', monospace;
	font-size: 1.5em;
	color: #44f;
	line-height: 2em;
	background: #000;
	font-weight: bold;
	padding: 1em;
}
#coinery h1 {
	background: url('coinicon.png') no-repeat;
	background-position: left;
	background-size: 1.7em;
	font-size: 1.8em;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 0 0 0 2em;
}
#coinery h2 {
	font-size: 1.4em;
	text-decoration: none;
	color: #000;
	margin: 2.1em 0 0 0;
	clear: right;
}
#coinery h3 {
	font-size: 1.0em;
	text-decoration: none;
	color: #000;
	margin: 1.8em 0 0 0;
	clear: both;
}
#coinery ul {
	font-size: 1.0em;
	list-style-image: url('coinicon.png');
	color: #000;
	border: none;
	margin: 0 4.0em 0 4.0em;	
	padding: 0;
	clear: both;
}
#coinery li {
	padding: 0;
	border: none;
}

#coinery a:link {
	color: #00f;
}
#coinery a:visited {
	color: #909;
}
#coinery a:active {
	color: #a00;
}
#coinery a:hover {
	background: #ccc;
}
#coinery img {
	float: left;
	padding: 1.3em;
	margin: 0;
	border: 0;
	width: 40%;
}
#coinery img.l {
	width: 95%;
	float: none;
}
#coinery img.s {
	width: 25%;
}
#coinery img.r {
	float: right;
}
#coinery pre {
	font-size: 1.3em;
	font-family: monospace;
	color: #000;
	border: 1px dotted #000;
	margin: 0.3em 0 1.0em 0;
	padding: 0.5em;
	clear: both;
	background:#eee;
}
#coinery table {
	width: 96%;
	margin: 20px 2% 20px 2%;
	border: 1px solid #000;
	border-radius: 0.5em;
}
#coinery tr {
	background: #f3f3f3;
}
#coinery tr:nth-child(odd) {
	background: #fafafa;
}
#coinery tr:hover {
	background: #ccdcff;
}
#coinery th {
	font-weight: bold;
	font-size: 1.2em;
	color: #014479;
	background: #cccccc;
	padding: 6px;
	text-align: center;
	border-radius: 0.5em;
}
#coinery td {
	background: none;
	padding: 8px;
	text-align: center;
	border-radius: 0.5em;
}
#coinery td a:link {
	color: #00f;
}
#coinery td a:visited {
	color: #909;
}
#coinery td a:active {
	color: #a00;
}
#coinery td a:hover {
	background: #fff;
}
#coinery form {
	width: 100%;
	padding: 5px 0 5px 0;
	margin: 0;
	border: 0;
}
#coinery input {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	border: 2px inset #aaa;
	border-radius: 0.5em;
	margin: 0 10% 0 10%;
	width: 80%;
	background: #fafafa;
}

#poptart {
	clear: both;
	width: 100%;
}
#poptart p { color: #aaa;
	font-size: 0.7em;
}