/* ########## 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:1.8em; margin-top:0.9em; color:#1db0ed; font-weight:normal; 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;}

#header-image {width:100%; height:450px; background-image: url("images/crowd-of-waldos-large.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; max-width:2800px; box-shadow:inset -900px 0px 600px rgba(0,0,0,0.35); margin:0 auto; overflow:hidden;}
.pagewidth {min-width:960px; max-width:1280px; margin:auto;}
#masthead {background-color:#fff; float:left; padding:45px 16px 4px 16px; margin-top:-30px; -ms-transform: rotate(-2.8deg); -webkit-transform: rotate(-2.8deg); transform:rotate(-2.8deg); width:450px;}
#masthead a img {transition:all 100ms; -ms-transform: rotate(2.8deg); -webkit-transform: rotate(2.8deg); transform:rotate(2.8deg); }
#masthead a:hover img {padding-top:5px;}


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

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

.topright {max-width:400px; float:right; padding-right:29px; margin-top:40px; text-align:center;}
.bigdate {font-size:3.6em; color:#fff; text-shadow:0px 2px 1px rgba(0,0,0,0.75); font-family: 'Oswald', sans-serif; line-height:1.2em}

.datestar {position:absolute; top:-30px; right:-40px;}
a.savethedate img {transition:all 100ms ease-in;}
a.savethedate:hover img {top:-34px;}

#sm-icons {position:absolute; top:170px; right:-34px;}
#sm-icons a {transition:all 100ms; display:block; margin-bottom:0; padding-right:5px;}
#sm-icons a:hover {padding-left:5px; padding-right:0;}
#sm-icons a:hover img {box-shadow:-2px 2px 4px rgba(0,0,0,0.25);}
#sm-icons a img {transition:all 100ms;}

.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;}

.box {width:904px; clear:both; text-align: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 {width:269px; 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;}

.bigbutton { 
	display:block; color: #fff; border: none; position: relative; 
	background-color:#cc0815; font-family: 'Alegreya', san serif; font-weight:bold; font-style:italic;
	
	line-height:1.2em; margin-top:1em; padding:8px 8px 14px 8px; font-size:40px;
	
	-webkit-user-select: none;
	-webkit-box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.45), 0px 3px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.45), 0px 3px 5px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px -4px 1px rgba(0, 0, 0, 0.45), 0px 3px 5px rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 4px; -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);
		 }
		 
.bigbutton:hover {background-color:#dc1825;
}


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

a.bigbutton:active { position: relative;
    -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
    
	-webkit-transition: all 50ms ease-out,
	-moz-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}

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


a.rightbutton {background-color:#3ca2cb; padding:12px 6px; color:#fff; display:block; font-weight:bold; text-align:center;}
a.rightbutton:hover {background-color:#c81527;}

#jumpto a {background-color: #3ca2cb; padding: 4px 9px; color: #fff; border-radius: 4px; text-transform:uppercase; font-size:0.8em; font-weight:bold;}
#jumpto a:hover {background-color:#c81527;}



#tabwrap {
	overflow: hidden;
	width: 75%;
	min-height: 300px;
	margin:2em 0 1em 0;
	float:left;
}
#tabs {overflow: hidden; margin:0; border-bottom:4px solid #ca0f1f; }
#tabs li { list-style: none; margin:0;}
#tabs li a {
	background-color:#35a1cd;
	float: left;
	box-sizing: border-box;
	display: block;
	padding: 10px 5px;
	color: #fff;
	width: 21%;
	margin-right:1%;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	text-align: center;
	font-size: 16px;
}

#tabs li a:hover, #tabs li.current a:hover { background-color: #da1d2d; }
#tabs li:first-child a { border-left: 0; }
#tabs li:last-child a { margin-right: 0; }

#tabs li.current a {
	color: #fff;
	background-color:#ca0f1f;
}

#content > div {
	clear: both;
	padding-top: 1em;
	display: none;
}

#content .current { display: block; }
#content #home.first { display: block; }



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

#footer {min-width:960px; max-width:1280px; margin:auto; padding:2em 1em; 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;}