/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */
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,font,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 { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/*============================================================================================*/

/*@font-face { font-family: Myriad; src: url('images/MyriadPro-Regular.otf');}

@font-face { font-family: Myriad; font-weight: bold; src: url('images/MyriadPro-Bold.otf');}*/

body { background: rgb(240,240,241) top center repeat-x url(images/bkgd_trees.jpg); font-size:11px; font-family: Helvetica, Arial, sans-serif; }

.fr {float:right;} .fl {float:left;} .cl{clear:both;}

#page2, #page3 {display:none;}

#hidden {position:absolute;top:-1000px;left:-1000px;}

#header {height:75px;display:block;overflow:hidden;background: transparent top left repeat-x url(images/bkgd_head.gif);position: fixed;top:0;left:0;width:100%;z-index:1000;}

#header h1 {height:45px;text-indent:-10000px;background: transparent center 6px no-repeat url(images/text_head.gif);-webkit-box-shadow: 0 0 10px rgb(128,128,128);-moz-box-shadow: 0 0 10px rgb(128,128,128);width:100%;}

#container {position:relative;width:1050px;margin:0px auto;top:75px;_top:0;}

#container .signpost {position:absolute;top:110px;left:0;width:312px;height:440px;}

#container .signpost .sign {position:absolute;top:0;right:0; background: transparent top left no-repeat url(images/signpost.png);height:440px; width:161px;}

#container .signpost .santa {position:absolute;top:152px;left:0;}

#container .creditslink {position:absolute;top:445px;right:28px;font-size:10px;}

#container .creditslink a {color:rgb(160,160,160);text-decoration:none;}

#container .creditslink a:hover {text-decoration:underline;}

#main {position:relative;margin:0 auto;background-color: rgb(255,255,255);width:380px;-webkit-box-shadow: 0 0 10px rgb(0,0,0);-moz-box-shadow: 0 0 5px rgb(128,128,128);-moz-border-radius: 10px;-webkit-border-radius: 10px;padding:25px 10px;}

/*#main .holly {position:absolute;top:-5px;left:-45px;}

#main .intro {padding:0 20px 0 95px;min-height:105px;height:auto !important;height:105px;background: transparent bottom center no-repeat url(images/shadow_up.gif);}*/

#main .holly {float:left;margin:-50px 5px 0 -65px;}

#main .intro {padding:0 20px;min-height:105px;height:auto !important;height:105px;background: transparent bottom center no-repeat url(images/shadow_up.gif);}

#main .instructions {padding:0 20px;min-height:105px;height:auto !important;height:105px;background: transparent bottom center no-repeat url(images/shadow_up.gif);}

#main h1 {color:rgb(64,144,6);font-size:18px;padding-bottom:10px;}

#main h2 {font-size:14px;padding:8px 0 25px 0;}

#main h3 {color:rgb(64,144,6);font-size:14px;padding-bottom:10px;text-transform: uppercase;}

#main p {line-height: 150%;padding:6px 0;}

#main ul.elflist {margin:25px 0 0 0;}

#main ul.elflist li {background: transparent left top no-repeat;padding-top:8px;position:relative;}
#main ul.elflist li.selected {background-image: url(images/highlight_choice.gif);}

#main ul.elflist li a {background: transparent 50px top no-repeat;height:78px;display:block;color:rgb(0,0,0);display:block;text-decoration: none;padding-left:130px;}

#main ul.elflist li.chipper a {background-image: url(images/thumb_chipper.jpg);}
#main ul.elflist li.larue a {background-image: url(images/thumb_larue.jpg);}
#main ul.elflist li.twittle a {background-image: url(images/thumb_twittle.jpg);}
#main ul.elflist li.crash a {background-image: url(images/thumb_crash.jpg);}

#main ul.elflist li a b {line-height:150%;font-size:13px;}

.buttonbar {padding:20px 20px 0 20px;height:27px;background: transparent top left no-repeat url(images/shadow_down.gif);}

#container .elf {position:absolute;left:735px;top:100px;width:299px;height:486px;display:none;background-position:left bottom ;background-repeat: no-repeat;}
#container .elf img.mouth {position:absolute;display:none;}

#container #chipper {background-image:url(images/chipper.gif)}
#container #chipper img.mouth {top:218px;left:117px;}
#container #larue {background-image:url(images/larue.gif)}
#container #larue img.mouth {top:167px;left:107px;}
#container #twittle {background-image:url(images/twittle.gif)}
#container #twittle img.mouth {top:170px;left:82px;}
#container #crash {background-image:url(images/crash.gif)}
#container #crash img.mouth {top:160px;left:87px;}

#main ul.alonegroup {margin:15px;clear: both;}

#main ul.alonegroup li {float:left;width:170px;height:205px;}

#main ul.alonegroup li a {font-size:1px;text-indent:-10000px;display:block;width:170px;height:165px;background: transparent top left no-repeat;opacity:.35;filter:alpha(opacity=35);}
#main ul.alonegroup li a:hover,
#main ul.alonegroup li a.selected {opacity:1;filter:alpha(opacity=100);height:205px;}
#main ul.alonegroup li#alone a {background-image: url(images/btn_alone.gif);}
#main ul.alonegroup li#group a {background-image: url(images/btn_group.gif);}

#formstuff {padding:25px 0 15px 0;}

#formstuff .formfield {margin:0 30px 10px 35px;}
#formstuff .formfield label {font-weight:bold;line-height:110%;}
#formstuff .formfield input.textfield,
#formstuff .formfield textarea.textfield {font-size:11px;width:170px;margin-bottom:3px;}

input.passtofriend {float:right;padding:0 0 7px 27px;background:transparent left top no-repeat url(images/icon_check.gif);vertical-align:middle;}

#AloneGroup,#Elf,#GenerateStory{display:none;}

#overlay {display:none;}
#overlay .front {padding:30px 15px;width:369px;height:400px;background-color:#fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#overlay h1 {font-size:16px;padding-bottom:10px;text-align:center;margin-top:25px;color:rgb(64,144,6);}

#overlay ul.chooser {margin:45px 0 0 0;}

#overlay ul.chooser li {width:377px;height:81px;}
#overlay ul.chooser li a {display:block;text-align:center;width:377px;height:81px;}
#overlay ul.chooser li a:hover {background:transparent top left no-repeat url(images/highlight_choice.gif);}

#overlay .back {z-index:-1;position:absolute;top:-15px;left:-15px;background-color:rgb(0,0,0);-moz-border-radius: 20px;-webkit-border-radius: 20px;width:429px;height:490px;opacity:.5;filter:alpha(opacity=50);}

#mailpanel {display:none;}

#mailpanel .formbody {margin:30px 0;}

#mailpanel h1 {margin-top:0;}

#mailpanel .formfield {margin:0 30px 10px 35px;}
#mailpanel .formfield label {font-weight:bold;line-height:110%;}
#mailpanel .formfield input.textfield,
#mailpanel .formfield textarea.textfield {font-size:11px;width:300px;margin:3px;}

#foot {margin:0 auto;width:400px;padding:17px 0;}

#foot ul li {float:left;height:30px;margin-left:27px;}

#foot ul li a {font-size:1px;text-indent:-10000px;display:block;height:20px;background: transparent top left no-repeat;}
#foot ul li a:hover,
#foot ul li a.selected {background-position:0 -20px;}
#foot ul li.facebook a {width:171px;background-image: url(images/bkgd_follow_fb.gif);}
#foot ul li.twitter a {width:144px;background-image: url(images/bkgd_follow_t.gif);}

#story {padding:0 15px;}
#story .buttonbar {margin-top:25px;}
#story h1 {text-transform:uppercase;}
#story p {padding-top:12px;line-height:150%;font-size:12px;}

.madLib {color:rgb(64,144,6);text-decoration:underline;font-weight:bold;}
.error{font-style:italic;color:Red;font-size:10px;}
.desc{position:absolute;top:-1000px;left:-1000px;}
#divError{color:Red;border:solid 1px red;padding:0 5px;margin:10px auto;width:300px;background-color:rgb(245,245,245);}#divError p {padding:12px 0;}

#story p span.dropcap {font-size : 64px;font-weight : bold;float : left; padding:16px 5px 0 0 ;color:rgb(64,144,6);}