/* ########## CSS Reset ########## */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ########## General Stuff ########## */

body {
	background-color:#252525;
	background-image:url("images/texture-252525.jpg");
	padding:0px; margin:0;
	font-family: "HelveticaNeueLTStd55Roman", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height:1.5em;
}

#skip {text-align:center; font-size:10pt;}
#skip a, #skip a:hover, #skip a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 
#skip a:active, #skip a:focus {position:absolute; top:10px; width:100%; height:auto; text-decoration:underline; color:#0072BC;}

a:link, a:visited {text-decoration:none; color:#0072BC;}
a:hover, a:focus, a:active {text-decoration:none; color:#9f000e;}

a:link img, a img {border:0px;} 
a { outline: none; } /* Removes Firefox imposed outline */

h1 {font-size:3em;}
h2 {font-size:2.5em; line-height:1em; margin-top:0.5em; color:#333; font-family: "Neucha", Helvetica, Arial, sans-serif;}
h3 {font-size:2em; margin-top:0.9em; color:#1db0ed; font-weight:normal; font-size:1.8em; margin-bottom:-0.4em;font-family: "Neucha", "HelveticaNeueLTStd45Light", Helvetica, Arial, sans-serif;}
h4 {font-size:1.2em; margin-top:0.9em; color:#333; margin-bottom:-0.4em; font-family: "Neucha", "HelveticaNeueLTStd45Light", Helvetica, Arial, sans-serif;}
p {
	margin-top:1em;
	color:#111;
	text-align: left;
}
strong {font-weight:bold;}
em {font-style:italic;}
.highlight {font-weight:bold; background-color:#d4e6f5; padding:1px;}

.content ul {margin-top:1em; list-style-type:disc;}
.content ol {margin:1em 0 0 1em; list-style-type:decimal;}
.content ol li ol {margin-top:0em;}
.content ul li ul {margin-top:0em;}
.content li {margin-left:2em;}


.alignright {text-align:right;}
.aligncenter {text-align:center;}
.floatright {float:right; margin:0em 0em 1em 1em;}
.floatleft {float:left; margin:0em 1em 1em 0em;}

/* ########## Special Classes ########## */

.hide {text-indent:-999em; height:0;}
.printonly {display:none;}




/* ########## Site ########## */
#stripes {background-image:url("images/stripes.png"); background-repeat:x; height:25px;}
#stripes2013 {background-image:url("images/stripes-2013.png"); background-repeat:x; height:25px;}

#pagewrapper {background-color:#e9e9e9; border-bottom:3px solid #000; background-image:url("images/extra_clean_paper.png");}
#page {width:800px; margin:auto; padding:1em 0 0 0; text-align:center; /*border:1px solid red;*/}

.content {margin-right:23px; text-align:left; margin-top:1em; border:1px solid #ddd; border-bottom:2px solid #bbb; padding:0 15em 0.9em 1em; min-height:375px; line-height:1.5em; background: #fbfbfb; border-radius:6px; position:relative;}

.waldoman {float:right; width:215px; height:365px; position:absolute; bottom:0px; right:0px; background: #fbfbfb url("images/waldo-costume.jpg") no-repeat 98% 100%; background-size:200px 360px;}

.lebox {width:215px; float:left; margin:15px 15px 15px 0px; border:1px solid #ddd; border-bottom:2px solid #bbb; padding:1em 1em 0.9em 1em; line-height:1.3em; border-radius:6px; background-color:#fbfbfb;}
.lebox p {color:#333; margin-top:0;}
.lebox h3 {margin:0 0 0.5em 0;}

.button { color: #fff; padding: 8px 14px 10px; border: none; margin-right: 25px; position: relative; 
	background-color:#cc0815; font-family: 'Alegreya', serif; font-weight:bold; font-style:italic; font-size:1.8em;
	-webkit-user-select: none;
	-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		 }
		 
.button:hover {background-color:#dc1825;
}


a.button:link, a.button:visited, a.button:hover, a.button:active {
-webkit-transition: all 200ms ease-out,
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}

.button:active { position: relative; top: 3px;
    -webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
}
.button:active:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; }

a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active  {text-decoration:none; color:#fff;}





#footerwrapper {clear:both; background-color:#252525; background-image:url("images/texture-252525.jpg");}

#footer {width:800px; margin:auto; padding:2em 0; color:#eee; font-size:12px; line-height:1.3em;}

#footer h3 {font-size:1.3em; margin:0em; line-height:1.3em; color:#fff;}

#footer h3 a:link, #footer h3 a:visited {color: #cfb87c;}
#footer h3 a:hover, #footer h3 a:active {color: #cfb87c;}

#footer a:link, #footer a:visited {color: #eee;}
#footer a:hover, #footer a:active {color: #cfb87c; text-decoration:underline;}