* {
	font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
}
body {
	color: #666;
	background: url(../img/bg.jpg);
/*	background: url(../img/spring.jpg) center no-repeat fixed;
	background-size: cover; */
}
#body img { margin: 0.5em; }
noscript, noscript p:first-letter { color: #393; }
* html .width {
	overflow: hidden;
	width: 100%;
}
.width {
	clear: both;
	margin: 0 auto;
	max-width: 1050px;
	width: 100%;
	*width: 1050px !important; /* hack for IE6 */
}
.highlight {
	font-weight: bold;
	color: #c33;
}
html >/**/body .width { width /*\**/: 1050px\9; }
h1, h2, h3, h4, strong, input, textarea, .button, .txt { font-family: 'Offside', cursive; }
h1, h2, h3, h4 {
	color: #47006d;
	margin-bottom: 0.5em;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
a, a:visited { color: #56108d; }
a:hover { color: #56108d; }
a img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
p, blockquote {
	line-height: 1.5em;
	margin-top: 1em;
}
blockquote {
	padding: 0 2em 0 3.5em;
	background: url(../img/quote.png) 0 1em no-repeat;
	background-size: 2em;
	overflow: hidden;
	text-align: justify;
	min-height: 2.6em
}
blockquote span {
	clear: both;
	display: block;
	font-family: 'Offside', cursive;
	color: #004799;
	text-transform: uppercase;
	font-weight: bold
}
p:first-letter, dd:first-letter {
	color: #004799;
	font-family: 'Offside', cursive;
	font-size: 1.25em;
}
#canvas .img { margin: 1em; }
#canvas .imgleft {
	float: left;
	margin: 1em 1em 1em 0;
}
#canvas .imgright {
	float: right;
	margin: 1em 0 1em 1em;
}
@media only screen and (max-width: 750px) {
	.nomobile { display: none !important; }
}
/* * * * * * * * * * * * * * * * * * * * LOGO * * * * * * * * * * * * * * * * * * * */
#logo {
	font-size: 6em;
	margin: 0.75em 0.15em;
	_margin-top: 0.25em;
	position: absolute;
}
@media only screen and (max-width: 900px) {
	#logo { display: none !important; }
}
#logo a { color: #fff; }
#logo a:hover { text-decoration: none; }
#logolet {
	margin: 0.125em 0 0.125em 0.25em;
	font-size: 2em;
}
#logo div.img, #logolet div.img {
	color: #fff;
	float: left;
	line-height: 0.7em;
	padding: 0 0.1em 0.175em 0.1em;
	text-shadow: 0.05em 0.05em 0 #333;
}
#logo div.img { /* shadow */
	-moz-box-shadow: 0.125em 0.125em 0.25em #8db5d6;
	-webkit-box-shadow: 0.125em 0.125em 0.25em #8db5d6;
	box-shadow: 0.125em 0.125em 0.25em #8db5d6;
}
#logo div.img, #logolet div.img {
	-moz-border-radius: 0.125em;
	-webkit-border-radius: 0.125em;
	border-radius: 0.125em;
	border: 1px solid #004799;
}
#logo div.img, #logolet div.img { /* background */
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), olor-stop(100%, #1e5799));
	background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #1e5799 100%);
	background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #1e5799 100%);
	background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #1e5799 100%);
	background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #1e5799 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799', GradientType=0 );
}
#logo div.img { /* rotation */
	-webkit-transform: rotate(15deg); 
	-moz-transform: rotate(15deg); 
	-ms-transform: rotate(15deg); 
	-o-transform: rotate(15deg); 
	transform: rotate(15deg);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#logo div.img:hover {
	-webkit-transform: rotate(720deg);
	-moz-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	transform: rotate(720deg);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#logo .txt {
	color: #333;
	float: left;
	font-family: 'Offside', cursive;
	font-size: 0.15em;
	margin: 1.25em 0 0 1.5em;
}
#logolet .txt {
	float: left;
	font-size: 0.6em;
	font-weight: normal;
	margin: 0.15em 0 0 0.4em;
}
#logolet .txt .small {
	color: #3f6;
	font-size: 0.8em;
}
@media only screen and (max-width: 1050px) {
	#logo .txt { display: none !important; }
}
@media only screen and (max-width: 700px) {
	#logolet .small { display: none }
}
/* * * * * * * * * * * * * * * * * * * * TOP BLACK STRIP * * * * * * * * * * * * * * * * * * * */
#header {
	left: 0;
	color: #ccc;
	width: 100%;
	position: fixed;
	z-index: 100;
}
#header { /* shadow */
	-moz-box-shadow: 0 0.3em 0.3em #999;
	-webkit-box-shadow: 0 0.3em 0.3em #999;
	box-shadow: 0 0.3em 0.3em #999;
}
#header { /* background */
	background: #232323;
	background: -moz-linear-gradient(top, #3f3f3f 0%, #232323 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f3f3f), color-stop(100%, #232323));
	background: -webkit-linear-gradient(top, #3f3f3f 0%, #232323 100%);
	background: -o-linear-gradient(top, #3f3f3f 0%, #232323 100%);
	background: -ms-linear-gradient(top, #3f3f3f 0%, #232323 100%);
	background: linear-gradient(to bottom, #3f3f3f 0%, #232323 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#232323', GradientType=0 );
}
#header img {
	width: 1.55em;
	height: 1.55em;
}
#social {
	left: 0;
	right: 0;
 *left: 45%;
 *right: 55%;
	margin: 0.45em auto 0.25em auto;
	position: absolute;
	text-align: right;
	width: 7.5em;
}
@media only screen and (max-width: 500px) {
	#social { display: none; }
}
#social li {
	display: inline;
	margin: 0 0.3em;
}
#profile {
	float: right;
	padding: 0.5em 0;
	text-align: right;
 *width: 20em;
	_white-space: nowrap;
	_text-wrap: none;
	_overflow: hidden;
}
#profile div {
	color: #000;
	display: none;
	margin: 0.15em 0 0 0.6em;
	text-wrap: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#profile #mobilemenu { display: none; }
@media only screen and (max-width: 750px) {
	#profile #mobilemenu {
		border-bottom: 15px double #069; 
		border-top: 5px solid #069;
		float: left;
		display: block;
		height: 5px; 
		margin: 0 0 0 0.6em;
		width: 35px;
	}
	#profile a:hover #mobilemenu {
		border-bottom: 15px double #09c; 
		border-top: 5px solid #09c;
	}
	#tabs { display: none; }
}
#profile li {
	float: left;
	display: inline;
	margin-left: 1em;
	*width: 7.5em;
}
#profile li img { float: left; }
#profile li span {
	float: right;
	padding-top: 0.15em;
}
#profile li span a, #profile li span a:visited {
	color: #9f75c7;
	margin: 1.75em 0.75em 0 0.5em;
}
#profile li a:hover { text-decoration: underline; }
@media only screen and (max-width: 850px) {
	#social {
		position: static;
		float: right;
	}
	#header {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#profile {
		background: #eee;
		border-bottom: 1px solid #ccc;
		clear: both;
		width: 100%;
	}
	#profile li span a, #profile li span a:visited { color: #56108d; }
	#profile div { display: block; }
}
/* * * * * * * * * * * * * * * * * * * * TABBED MAIN MENU * * * * * * * * * * * * * * * * * * * */
#tabs {
	color: #754f99;
	float: right;
	font-size: 1em;
	margin-top: 5em;
	_margin-top: 2em;
}
#tabs a span {
	float: left;
	margin-right: 0.6em;
	padding: 0.4em 0.7em 0.5em 0.7em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
#tabs a span { margin-right: 0.4em; }
}
#tabs a span {
	-moz-border-radius: 0.3em 0.3em 0 0;
	-webkit-border-radius: 0.3em 0.3em 0 0;
	border-radius: 0.3em 0.3em 0 0;
	border: 1px solid #ccc;
}
#tabs a span { /* background */
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}
#tabs a span.active, #tabs a:hover span { color: #fff; }
#tabs a span.active, #tabs a:hover span { /* border & shadow */
	-moz-border-radius: 0.3em 0.3em 0 0;
	-webkit-border-radius: 0.3em 0.3em 0 0;
	border-radius: 0.3em 0.3em 0 0;
	border-color: #3e2e53;
	-moz-box-shadow: 0.2em 0.2em 0.4em #999;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #999;
	box-shadow: 0.2em 0.2em 0.4em #999;
}
#tabs a:hover span { text-decoration: none; }
#tabs a span.active, #tabs a:hover span { /* background */
	background: #3e2e53;
	background: -moz-linear-gradient(top, #9f75c7 0%, #3e2e53 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f75c7), color-stop(100%, #3e2e53));
	background: -webkit-linear-gradient(top, #9f75c7 0%, #3e2e53 100%);
	background: -o-linear-gradient(top, #9f75c7 0%, #3e2e53 100%);
	background: -ms-linear-gradient(top, #9f75c7 0%, #3e2e53 100%);
	background: linear-gradient(to bottom, #9f75c7 0%, #3e2e53 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f75c7', endColorstr='#3e2e53', GradientType=0 );
}
@media only screen and (max-width: 750px) {
	#tabs { width: 100%; }
	#tabs a span { margin: 0; width: 100%; }	
}
/* * * * * * * * * * * * * * * * * * * * BUTTON * * * * * * * * * * * * * * * * * * * */
.button {
	color: #56108d;
	cursor: pointer;
	font-size: 0.9em;
	margin: 0 0.3em;
	padding: 0.5em 0.75em;
	text-wrap: none;
	white-space: nowrap;
	width: auto;
}
.button { /* border */
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	border: 1px solid #ccc;
}
.button { /* shadow */
	-moz-box-shadow: 0.2em 0.2em 0.4em #999;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #999;
	box-shadow: 0.2em 0.2em 0.4em #999;
}
.button { /* background */
	border-color: #89c3eb;
	background: #ebf1f6;

background: -moz-linear-gradient(-45deg,  #ebf1f6 0%, #d5eaf6 50%, #c3e1f5 51%, #e5f2fc 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ebf1f6), color-stop(50%,#d5eaf6), color-stop(51%,#c3e1f5), color-stop(100%,#e5f2fc));

background: -webkit-linear-gradient(-45deg,  #ebf1f6 0%,#d5eaf6 50%,#c3e1f5 51%,#e5f2fc 100%);

background: -o-linear-gradient(-45deg,  #ebf1f6 0%,#d5eaf6 50%,#c3e1f5 51%,#e5f2fc 100%);

background: -ms-linear-gradient(-45deg,  #ebf1f6 0%,#d5eaf6 50%,#c3e1f5 51%,#e5f2fc 100%);

background: linear-gradient(135deg,  #ebf1f6 0%,#d5eaf6 50%,#c3e1f5 51%,#e5f2fc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#e5f2fc',GradientType=1 );


}
.button:hover {
	border-color: #004799;
	color: #fff;
	text-decoration: none;
}
.button:hover { /* background */
	background: #2989d8;
	background: -moz-linear-gradient(top, #2989d8 0%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2989d8), color-stop(100%, #1e5799));
	background: -webkit-linear-gradient(top, #2989d8 0%, #1e5799 100%);
	background: -o-linear-gradient(top, #2989d8 0%, #1e5799 100%);
	background: -ms-linear-gradient(top, #2989d8 0%, #1e5799 100%);
	background: linear-gradient(to bottom, #2989d8 0%, #1e5799 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#1e5799', GradientType=0 );
}
.button:active, button:focus { /* background */
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #2989d8));
	background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 100%);
	background: -o-linear-gradient(top, #1e5799 0%, #2989d8 100%);
	background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 100%);
	background: linear-gradient(to bottom, #1e5799 0%, #2989d8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8', GradientType=0 );
}
/* * * * * * * * * * * * * * * * * * * * BODY CANVAS * * * * * * * * * * * * * * * * * * * */
#canvas {
	background: #fff;
	border: 1px solid #ccc;
	clear: both;
	float: left;
	*float: none;
	*clear: none;
	width: 100%;
}
#canvas { /* shadow */
	box-shadow: 0.2em 0.2em 0.5em #999;
	-moz-box-shadow: 0.2em 0.2em 0.5em #999;
	-webkit-box-shadow: 0.2em 0.2em 0.5em #999;
}
#banner {
	color: #2989d8;
	background: #f5f5f5;
	border-bottom: 0.1em solid #ccc;
	font-family: 'Offside', cursive;
	font-size: 0.9em;
	padding: 1.25em 1.5em 1.25em 11em;
	text-align: justify;
	text-shadow: 0 0 0.1em #8db5d6;
	clear: both;
}
@media only screen and (max-width: 900px) {
	#banner { padding-left: 1.5em }
}
@media only screen and (max-width: 750px) {
	#banner { display: none !important; }
}
#body { margin: 2em 2.5em; }
@media only screen and (max-width: 750px) {
	#body { margin: 6em 1em 1em 1em; }
}
#lcol { margin-bottom: 2em; }
#body > div {
	margin: 0 auto;
	width: 100%;
}
#lcol {
	width: 70%;
	float: left
}
#rcol {
	width: 25%;
	float: right
}
@media only screen and (max-width: 750px) {
	#lcol { width: 65%; }
	#rcol { width: 30%; }
}
@media only screen and (max-width: 500px) {
	#lcol, #rcol { width: 100%; float: none; }
}
/* * * * * * * * * * * * * * * * * * * * AUTHOR * * * * * * * * * * * * * * * * * * * */
html, body {
	height: 100%;
}
#author-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}
#author {
	clear: both;
/*	color: #eee;
*/	padding: 10px 0;
	text-align: center;
	width: 100%;
}