├── README.textile
├── app-icon.png
├── c
    ├── ie6.css
    ├── ie7.css
    ├── ie8.css
    ├── ie9.css
    └── main.css
├── favicon.ico
├── i
    ├── aaron-gustafson-right.jpg
    ├── aaron-gustafson.jpg
    ├── bridge.jpg
    ├── c
    │   ├── dirt.png
    │   └── spring
    │   │   ├── bullet-8.png
    │   │   ├── bullet.png
    │   │   ├── button.png
    │   │   ├── checkout-8.png
    │   │   ├── checkout.png
    │   │   ├── day.jpg
    │   │   ├── easter-egg.png
    │   │   ├── grass_bg.png
    │   │   ├── grass_fg.png
    │   │   ├── leaves_bg-8.png
    │   │   ├── leaves_bg-full.png
    │   │   ├── leaves_bg.png
    │   │   ├── leaves_fg-8.png
    │   │   ├── leaves_fg-full.png
    │   │   ├── leaves_fg.png
    │   │   ├── log-8.png
    │   │   ├── log.png
    │   │   ├── logo-8.png
    │   │   ├── logo-full.png
    │   │   ├── logo-paypal.png
    │   │   ├── logo.png
    │   │   ├── main-nav-1-on.png
    │   │   ├── main-nav-1.png
    │   │   ├── main-nav-2-on.png
    │   │   ├── main-nav-2.png
    │   │   ├── main-nav-3-on.png
    │   │   ├── main-nav-3.png
    │   │   ├── main-nav-8.png
    │   │   ├── main-nav.png
    │   │   ├── mobile-nav-8.png
    │   │   ├── mobile-nav.png
    │   │   ├── nail.png
    │   │   ├── nav-details.png
    │   │   ├── nav-instructors.png
    │   │   ├── nav-location.png
    │   │   ├── nav-lodging.png
    │   │   ├── nav-register-8.png
    │   │   ├── nav-register-full.png
    │   │   ├── nav-register.png
    │   │   ├── nav-remaining-8.png
    │   │   ├── nav-remaining-full-8.png
    │   │   ├── nav-remaining-full.png
    │   │   ├── nav-remaining.png
    │   │   ├── nav-schedule.png
    │   │   ├── night.jpg
    │   │   ├── postcard-sm.jpg
    │   │   ├── postcard.jpg
    │   │   ├── return-8.png
    │   │   ├── return.png
    │   │   ├── roots.png
    │   │   ├── stamp.jpg
    │   │   ├── stump.png
    │   │   ├── sunflower-8.png
    │   │   ├── sunflower-small-8.png
    │   │   ├── sunflower-small.png
    │   │   ├── sunflower.png
    │   │   ├── sunrise.jpg
    │   │   ├── sunset.jpg
    │   │   ├── trunk.png
    │   │   ├── wormie-8.png
    │   │   └── wormie.png
    ├── easy-logo.png
    ├── eric-meyer.jpg
    ├── gatlinburg.jpg
    ├── gondola.jpg
    ├── interior.jpg
    ├── lodge.jpg
    ├── logo.png
    ├── mountains.jpg
    ├── porch.jpg
    ├── rafting.jpg
    ├── room.jpg
    ├── together.jpg
    ├── trolley.jpg
    ├── view.jpg
    ├── waterfall.jpg
    └── woods.jpg
├── index.html
├── j
    ├── jquery.js
    └── main.js
└── vendors
    └── fancybox
        ├── blank.gif
        ├── fancy_close.png
        ├── fancy_loading.png
        ├── fancy_nav_left.png
        ├── fancy_nav_right.png
        ├── fancy_shadow_e.png
        ├── fancy_shadow_n.png
        ├── fancy_shadow_ne.png
        ├── fancy_shadow_nw.png
        ├── fancy_shadow_s.png
        ├── fancy_shadow_se.png
        ├── fancy_shadow_sw.png
        ├── fancy_shadow_w.png
        ├── fancy_title_left.png
        ├── fancy_title_main.png
        ├── fancy_title_over.png
        ├── fancy_title_right.png
        ├── fancybox-x.png
        ├── fancybox-y.png
        ├── fancybox.png
        ├── jquery.easing-1.3.pack.js
        ├── jquery.fancybox-1.3.1.css
        ├── jquery.fancybox-1.3.1.js
        ├── jquery.fancybox-1.3.1.pack.js
        └── jquery.mousewheel-3.0.2.pack.js


/README.textile:
--------------------------------------------------------------------------------
1 | h1. Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement
2 | 
3 | h2. The Project Files
4 | 
5 | These files go along with my book. If you’d like more information, visit "adaptivewebdesign.info":http://adaptivewebdesign.info


--------------------------------------------------------------------------------
/app-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/app-icon.png


--------------------------------------------------------------------------------
/c/ie6.css:
--------------------------------------------------------------------------------
 1 | /* -----------------------------------------------
 2 |  * Retreats 4 Geeks - Retreat.js 2010
 3 |  * Stylesheet for IE <= 7
 4 |  * Created by Easy! Designs, LLC
 5 |  * http://easy-designs.net
 6 |  * ----------------------------------------------- */
 7 | 
 8 | #top, nav {
 9 | 	width: 100%;
10 | }
11 | nav {
12 |   height: 0;
13 | }
14 | #ornament-1 { width: 100%; }
15 | #location figcaption {
16 | 	width: 350px;
17 | }
18 | .checkbox input, .radio input {
19 | 	border-width: 0;
20 | }
21 | input.other {
22 | 	border-width: 1px;
23 | 	width: 120px;
24 | }
25 | 
26 | #top h1 {
27 | 	background: top left no-repeat;
28 | 	display: block;
29 | 	height: 0;
30 | 	padding-top: 133px;
31 | 	overflow: hidden;
32 | }
33 | .double { position: relative; }
34 | 
35 | /* =PNGs */
36 | /* Spring */
37 | .spring #top h1 { background-image: url(../i/c/spring/logo-8.png); }
38 | .spring ul li { background-image: url(../i/c/spring/bullet-8.png); }
39 | .spring legend span {	background-image: url(../i/c/spring/sunflower-8.png); }
40 | .spring .buttons button { background-image: url(../i/c/spring/checkout-8.png); }
41 | .spring dl.vevent .summary, .spring .vevent .dates { background-image: url(../i/c/spring/sunflower-8.png); }
42 | .spring .events .dates { background-image: url(../i/c/spring/sunflower-small-8.png); }
43 | .spring #main-nav { background-image: url(../i/c/spring/main-nav-8.png);	}
44 | .spring #nav-register, .spring #top .return { background-image: url(../i/c/spring/return-8.png);	}
45 | .spring #nav-register { background-image: url(../i/c/spring/nav-register-8.png); }
46 | .spring #nav-register .remaining { background-image: url(../i/c/spring/nav-remaining-8.png); }
47 | .spring #nav-register .sold-out { background-image: url(../i/c/spring/nav-remaining-full-8.png); }
48 | .spring #bottom { background-image: url(../i/c/spring/log-8.png); }
49 | .spring #ornament-2 { background-image: url(../i/c/spring/wormie-8.png); }
50 | .spring #ornament-4 { background-image: url(../i/c/spring/leaves_fg-8.png); }
51 | .spring #ornament-1 { background-image: url(../i/c/spring/leaves_bg-8.png); }
52 | 
53 | .fancybox-ie #fancybox-title {
54 | 	background: transparent;
55 | 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale');
56 | 	zoom: 1;
57 | }


--------------------------------------------------------------------------------
/c/ie7.css:
--------------------------------------------------------------------------------
 1 | <?php header('Content-Type: text/css'); ?>
 2 | 
 3 | /* -----------------------------------------------
 4 |  * Retreats 4 Geeks - Retreat.js 2010
 5 |  * Stylesheet for IE <= 7
 6 |  * Created by Easy! Designs, LLC
 7 |  * http://easy-designs.net
 8 |  * ----------------------------------------------- */
 9 | 
10 | #top h1 {
11 | 	top: 0;
12 | 	z-index: 112;
13 | }
14 | html {
15 | 	background: rgb(152, 224, 239) url(../i/c/day.jpg) bottom center repeat-x;
16 | }
17 | article {
18 | 	height: 1%;
19 | }
20 | legend span {
21 | 	width: 71.5%;
22 | }
23 | .checkbox, .radio {
24 | 	padding-bottom: 5px;
25 | }
26 | .confirm input {
27 | 	border: 0;
28 | }
29 | .checkbox legend,
30 | .radio legend {
31 | 	position: relative;
32 | 	overflow: visible;
33 | 	margin: 0 0 -6px;
34 | }
35 | .checkbox legend span,
36 | .radio legend span {
37 |   font-size: 1em;
38 |   position: absolute;
39 |   right: 10px;
40 | }
41 | .frame {
42 | 	background: transparent;
43 | 	filter: none;
44 |   position: static;
45 | }
46 | .frame .inner {
47 | 	filter: progid:DXImageTransform.Microsoft.Glow( color=#999999, direction=270, strength=4 );
48 |   position: static;
49 | }
50 | #location figcaption {
51 | 	bottom: -15px;
52 | }
53 | #contact fieldset {
54 | 	position: relative;
55 | }
56 | #contact form ol {
57 | 	overflow: visible;
58 | 	position: absolute;
59 | 	top: 20px;
60 | 	bottom: 10px;
61 | 	left: 20px;
62 | 	right: 10px;
63 | }
64 | #contact .buttons {
65 | 	width: 49%;
66 | 	text-align: right;
67 | }
68 | #contact button {
69 | 	margin: 0;
70 | }
71 | #contact button:hover strong {
72 | 	visibility: hidden;
73 | }
74 | .remaining {
75 | 	left: 5px;
76 | }
77 | .failure a:link, .failure a:visited {
78 | 	color: #fff;
79 | }
80 | #ornament-1 { z-index: 1; }
81 | #top { z-index: 2; }
82 | #main-nav li { margin: 0; }
83 | 


--------------------------------------------------------------------------------
/c/ie8.css:
--------------------------------------------------------------------------------
 1 | /* -----------------------------------------------
 2 |  * Retreats 4 Geeks - Retreat.js 2010
 3 |  * Stylesheet for IE <= 8
 4 |  * Created by Easy! Designs, LLC
 5 |  * http://easy-designs.net
 6 |  * ----------------------------------------------- */
 7 | 
 8 | /* =General */
 9 | label {
10 | 	padding-top: 6px;
11 | }
12 | .focal {
13 | 	margin-bottom: 40px;
14 | }
15 | form .frame {
16 |   margin-bottom: 60px;
17 | }
18 | form .frame .inner {
19 |   top: 10px;
20 | }
21 | #top h1 {
22 | 	top: -42px;
23 | 	left: 10%;
24 | 	height: 133px;
25 | }
26 | #mobile-nav {
27 | 	background:  url(../i/c/mobile-nav.png) center bottom no-repeat;
28 | 	display: block;
29 | 	padding: 90px 10px 17px;
30 | 	width: 295px;
31 | 	position: absolute;
32 | 	top: 0;
33 | 	right: 10%;
34 | }
35 | #mobile-nav select {
36 | 	width: 280px;
37 | }
38 | 
39 | 
40 | /* =Filters */
41 | .frame {
42 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455, SizingMethod="auto expand" );
43 | 	position: relative;
44 | }
45 | .frame .inner {
46 |   filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913, SizingMethod="auto expand" ), progid:DXImageTransform.Microsoft.Glow( color=#999999, direction=270, strength=4 );
47 |   position: relative;
48 |   top: 3px;
49 |   left: 0;
50 | }
51 | .double .matte-1, .double .matte-2 {
52 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455, SizingMethod="auto expand" );
53 | }
54 | .double img {
55 |   filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913, SizingMethod="auto expand" ), progid:DXImageTransform.Microsoft.Glow( color=#999999, direction=270, strength=4 );
56 | }
57 | .focal .inner {
58 | 	top: 8px;
59 | 	left: 3px;
60 | }
61 | #registration .inner {
62 | 	top: 8px;
63 | }
64 | #location figcaption {
65 | 	bottom: -40px;
66 | }
67 | #contact fieldset {
68 | 	filter: progid:DXImageTransform.Microsoft.Glow( color=#999999, direction=270, strength=4 );
69 | }
70 | #nav-register .sold-out {
71 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9781476007338057, M12=0.20791169081775934, M21=-0.20791169081775934, M22=0.9781476007338057, SizingMethod="auto expand" );
72 | 	bottom: 20px;
73 | }
74 | 


--------------------------------------------------------------------------------
/c/ie9.css:
--------------------------------------------------------------------------------
 1 | /* -----------------------------------------------
 2 |  * Retreats 4 Geeks - Retreat.js 2010
 3 |  * Stylesheet for IE 9
 4 |  * Created by Easy! Designs, LLC
 5 |  * http://easy-designs.net
 6 |  * ----------------------------------------------- */
 7 | 
 8 | /* =General */
 9 | label {
10 | 	padding-top: 4px;
11 | }
12 | 
13 | /* =Filters */
14 | .frame {
15 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455, SizingMethod="auto expand" );
16 | 	position: relative;
17 | 	left:  -10px;
18 | }
19 | .focal {
20 | 	margin-bottom: 40px;
21 | }
22 | .frame .inner {
23 |   filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913, SizingMethod="auto expand" );
24 |   position: relative;
25 |   top: 6px;
26 |   left: 10px;
27 | }
28 | .focal .inner {
29 | 	top: 12px;
30 | }
31 | .double .matte-1, .double .matte-2 {
32 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455, SizingMethod="auto expand" );
33 | }
34 | .double img {
35 |   filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913, SizingMethod="auto expand" ), progid:DXImageTransform.Microsoft.Glow( color=#999999, direction=270, strength=4 );
36 | }
37 | form .frame {
38 |   margin-bottom: 60px;
39 | }
40 | form .frame .inner {
41 |   top: 20px;
42 |   left: 8px;
43 | }
44 | #registration .inner {
45 | 	top: 12px;
46 | 	left: 3px;
47 | }
48 | #location figcaption {
49 | 	margin: 0;
50 | 	width: auto;
51 | 	left: 0;
52 | 	right: 0;
53 | 	bottom: -40px;
54 | }
55 | #nav-register .sold-out {
56 | 	filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9781476007338057, M12=0.20791169081775934, M21=-0.20791169081775934, M22=0.9781476007338057, SizingMethod="auto expand" );
57 | 	bottom: 20px;
58 | }
59 | @media screen and (min-width:1025px) {
60 | 	#nav-register b {
61 | 		filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9902680687415704, M12=-0.13917310096006544, M21=0.13917310096006544, M22=0.9902680687415704, SizingMethod="auto expand" );
62 | 		top: 35px;
63 | 	}
64 | 	#nav-register .remaining {
65 | 		progid:DXImageTransform.Microsoft.Matrix( M11=0.9975640502598242, M12=0.0697564737441253, M21=-0.0697564737441253, M22=0.9975640502598242, SizingMethod="auto expand" );
66 | 	}
67 | 	#nav-register .sold-out {
68 | 		top: 55px;
69 | 		bottom: auto;
70 | 	}
71 | }
72 | 


--------------------------------------------------------------------------------
/c/main.css:
--------------------------------------------------------------------------------
   1 | /* -----------------------------------------------
   2 |  * Retreats 4 Geeks - Retreat.js 2010 Stylesheet
   3 |  * Created by Easy! Designs, LLC
   4 |  * http://easy-designs.net
   5 |  * ----------------------------------------------- */
   6 | 
   7 | /* =Reset defaults (based on Eric Meyer's) */
   8 | html,body,div,header,footer,nav,article,section,figure,aside,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;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;background:transparent;}
   9 | body{line-height:1;}
  10 | header,footer,nav,article,aside,section,figure,figcaption{display:block;}
  11 | ol,ul{list-style:none;}
  12 | blockquote,q{quotes:none;}
  13 | blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  14 | ins{text-decoration:none;}
  15 | del{text-decoration:line-through;}
  16 | table{border-collapse:collapse;border-spacing:0;}
  17 | 
  18 | /* =Global Typography */
  19 | body {
  20 | 	font: 87.5%/1.25 'Trebuchet MS', Verdana, sans-serif;
  21 | 	-webkit-font-smoothing: antialiased;
  22 | }
  23 | a {
  24 |   border-bottom: 1px dotted;
  25 | 	text-decoration: none;
  26 | }
  27 | a:hover, a:focus, li:focus a, a:focus b, button:focus {
  28 | 	text-decoration: none;
  29 | }
  30 | nav {
  31 |   font-size: 1.1em;
  32 | 	line-height: 1;         
  33 | }
  34 | nav h2 {
  35 |   position: absolute;
  36 |   left:  -999em;
  37 | }
  38 | nav a {
  39 |   border-bottom: 0;
  40 | 	text-decoration: none;
  41 | }
  42 | button:focus {
  43 | 	outline: 0;
  44 | }
  45 | abbr {
  46 | 	border: none;
  47 | }
  48 | q:before {
  49 |   content: '“';
  50 |   margin-left: -.5em;
  51 | }
  52 | q:after {
  53 |   content: '”';
  54 | }
  55 | h1, h2, h3, h4, h5, h6, dt {
  56 | 	font-family: Georgia, Times, 'Times New Roman', serif;
  57 | 	font-weight: bold;
  58 | }
  59 | h1 {
  60 | 	font-size: 3em;
  61 | 	line-height: 1;
  62 | 	text-align: center;
  63 | }
  64 | aside h1,
  65 | .vcard h1,
  66 | h2,
  67 | header .dates,
  68 | header .location,
  69 | h2.tag {
  70 | 	font-size: 1.25em;
  71 | }
  72 | .vcard h1 {
  73 | 	text-align: left;
  74 | }
  75 | header, p, ol, ul {
  76 | 	margin-bottom: 1.5em;
  77 | }
  78 | li {
  79 | 	margin-bottom: .5em;
  80 | }
  81 | header {
  82 | 	text-align: center;
  83 | }
  84 | header * {
  85 | 	margin-bottom: 0;
  86 | }
  87 | dt, strong {
  88 | 	font-size: 1.1em;
  89 | 	font-weight: bold;
  90 | }
  91 | button strong {
  92 | 	font: inherit;
  93 | }
  94 | img {
  95 | 	display: block;
  96 | }
  97 | .faq, .faq-on dt {
  98 |   margin-top: .5em;
  99 | }
 100 | .faq-on {
 101 |   margin-bottom: 2em;
 102 | }
 103 | .faq-on dt {
 104 |   cursor: pointer;
 105 | }
 106 | form {
 107 | 	font-size: 1em;
 108 | 	display: block;
 109 | }
 110 | form ol,
 111 | form ul {
 112 | 	list-style: none;
 113 | 	margin: 0;
 114 | }
 115 | form ol ul {
 116 | 	width: 100%;
 117 | 	overflow: hidden;
 118 | }
 119 | form ol li,
 120 | form ul li {
 121 | 	list-style: none;
 122 | 	margin: 0 0 1em;
 123 | }
 124 | form ol li {
 125 | 	clear: both;
 126 | }
 127 | form ol ul li {
 128 | 	clear: none;
 129 | 	float: left;
 130 | 	min-width: 10em;
 131 | 	margin: 0 2em 0.5em 0;
 132 | }
 133 | form ol ul li:nth-child(2n+1) {
 134 | 	clear: left;
 135 | }
 136 | legend,
 137 | label {
 138 | 	display: block;
 139 |   font-weight: bold;
 140 | 	margin: 0 0 0.25em;
 141 | }
 142 | legend span {
 143 | 	font-size: 1.5em;
 144 | }
 145 | legend em,
 146 | .checkbox label,
 147 | .radio label {
 148 | 	font-style: normal;
 149 | 	font-weight: normal;
 150 | }
 151 | .help,
 152 | legend em,
 153 | small {
 154 | 	display: block;
 155 | 	font-size: .8em;
 156 | }
 157 | label {
 158 | 	padding: 8px 0;
 159 | }
 160 | input,
 161 | select,
 162 | textarea {
 163 | 	border: 1px solid;
 164 | 	-moz-border-radius: 3px;
 165 | 	-o-border-radius: 3px;
 166 | 	-webkit-border-radius: 3px;
 167 | 	-moz-box-shadow: 0 0; /* fixes odd behavior in FF4b6 */
 168 | 	border-radius: 3px;
 169 | 	font-family: inherit;
 170 | 	font-size: inherit;
 171 | }
 172 | input, textarea {
 173 | 	padding: 4px 2px;
 174 | }
 175 | textarea {
 176 | 	overflow-y: auto;
 177 | }
 178 | input[type=checkbox],
 179 | input[type=radio] {
 180 | 	border: 0;
 181 | 	line-height: 0;
 182 | }
 183 | button {
 184 | 	border: 0;
 185 | 	border-radius: 3px;
 186 | 	padding: 0;
 187 | 	font-size: 1.25em;
 188 | }
 189 | .buttons button {
 190 | 	font-size: 1.5em;
 191 | }
 192 | .checkbox legend span,
 193 | .radio legend span {
 194 | 	font-size: inherit;
 195 | }
 196 | .notice {
 197 | 	border: 1px solid;
 198 | 	-moz-border-radius: 3px;
 199 | 	-o-border-radius: 3px;
 200 | 	-webkit-border-radius: 3px;
 201 | 	border-radius: 3px;
 202 | 	padding: 20px;
 203 |   margin: 0 0 1.5em;
 204 | }
 205 | .notice p {
 206 | 	margin-bottom: .5em;
 207 | }
 208 | .notice ol {
 209 | 	list-style-type: disc;
 210 |   padding-left: 1em;
 211 | }
 212 | .notice ol,
 213 | .notice li {
 214 |   margin-bottom: 0;	
 215 |   overflow: visible;
 216 | }
 217 | .notice a {
 218 | 	text-decoration: underline;
 219 | }
 220 | form .buttons {
 221 | 	clear: both;
 222 | 	margin: 0;
 223 | }
 224 | button {
 225 | 	cursor: pointer;
 226 | }
 227 | table {
 228 | 	line-height: 1.5;
 229 | 	width: 100%;
 230 | }
 231 | caption {
 232 | 	font-size: 1.25em;
 233 | }
 234 | th, tfoot {
 235 | 	font-weight: bold;
 236 | }
 237 | caption, th {
 238 | 	text-align: left;
 239 | }
 240 | tbody th {
 241 | 	font-weight: normal;
 242 | }
 243 | th, td {
 244 | 	vertical-align: top;
 245 | 	padding: 1px 5px;
 246 | }
 247 | caption, .instructions {
 248 | 	padding: 0 20px;
 249 | }
 250 | .cart .description {
 251 | 	padding-left: 20px;
 252 | }
 253 | .cart .price {
 254 | 	padding-right: 20px;
 255 | }
 256 | .intro, #elevator-pitch p {
 257 | 	font-size: 1.1428em;
 258 | }
 259 | .gallery {
 260 | 	text-align: center;
 261 | }
 262 | .gallery li {
 263 | 	display: inline;
 264 | }
 265 | .nbsp {
 266 | 	visibility: hidden;
 267 | }
 268 | tbody th, tbody td,
 269 | .calendar thead td {
 270 | 	font-size: 0.875em;
 271 | }
 272 | .calendar tfoot td {
 273 | 	font-size: 0.775em;
 274 | 	font-weight: normal;
 275 | 	padding: 6px 8px;
 276 | }
 277 | table.calendar {
 278 |   border-collapse: collapse;
 279 |   margin-bottom: 1.5em;
 280 | }
 281 | .calendar tbody th, .calendar tbody td {
 282 |   border: 1px solid;
 283 |   padding: 6px 8px;
 284 | }
 285 | .calendar thead th,
 286 | .calendar thead td,
 287 | .calendar tbody td.break {
 288 |   text-align: center;
 289 |   vertical-align: middle;
 290 | }
 291 | .calendar tr.calendar-dates th {
 292 |   font-size: 1em;
 293 |   padding: 6px 0 0;
 294 | }
 295 | .calendar tr.calendar-description td {
 296 |   font-size: 1.25em;
 297 |   line-height: 1.25;
 298 |   padding: 0;
 299 | }
 300 | .calendar tr.calendar-description a {
 301 |   border: 0;
 302 |   font-size: 0.675em;
 303 |   vertical-align: super;
 304 | }
 305 | .calendar tr.calendar-notes td {
 306 |   line-height: 1.25;
 307 |   padding: 0 0 6px;
 308 |   vertical-align: top;
 309 | }
 310 | .calendar col.times {
 311 | 	width: 11%;
 312 | }
 313 | .calendar col.day {
 314 | 	width: 17%;
 315 | }
 316 | .remaining {
 317 | 	font-size: 0.875em;
 318 | }
 319 | 
 320 | /* =Fonts */
 321 | h1,
 322 | aside h1,
 323 | h2,
 324 | nav ol,
 325 | nav p,
 326 | strong,
 327 | .intro,
 328 | caption,
 329 | .buttons button,
 330 | .faq-promo,
 331 | .actions {
 332 | 	font-family: 'lapture-1', 'lapture-2', Georgia, Times, 'Times New Roman', serif;
 333 | 	font-weight: 700;
 334 | 	text-rendering: optimizeLegibility;
 335 | }
 336 | h2.tag {
 337 |   font-family: inherit;
 338 |   font-weight: inherit;
 339 | }
 340 | #events .intro {
 341 |   font-family: inherit;
 342 |   font-weight: inherit;
 343 |   font-size: 1.1428em;
 344 | }
 345 | .faq-promo {
 346 |   font-weight: inherit;
 347 | }
 348 | cite {
 349 |   font-style: italic;
 350 | }
 351 | .amp {
 352 |   font-family: "Apple Chancery", Constantia, Palatino, serif;
 353 |   font-style: italic;
 354 | }
 355 | 
 356 | 
 357 | /* =Section-specific typography */
 358 | #fancybox-close,
 359 | #fancybox-left,
 360 | #fancybox-right {
 361 |   border-bottom: 0;
 362 | 	text-decoration: none;
 363 | }
 364 | #nav-register {
 365 | 	font-size: 1em;
 366 | }
 367 | #nav-register b {
 368 | 	font-size: 1.1em;
 369 | }
 370 | article section h1,
 371 | .events h1 {
 372 |   font-size: 2.5em;
 373 | }
 374 | .events .vevent {
 375 |   font-size: .9em;
 376 | }
 377 | .events .vevent h1 {
 378 |   font-size: 1.25em;
 379 |   text-align: left;
 380 | }
 381 | .events .next {
 382 |   font-size: 1em;
 383 | }
 384 | .events .next h1 {
 385 |   font-size: 1.75em;
 386 | }
 387 | .events .summary,
 388 | .events .dates,
 389 | .events .location {
 390 |   font-weight: bold;
 391 | }
 392 | .faq-promo {
 393 | 	font-size: 1.25em;
 394 | 	text-align: center;
 395 | }
 396 | #location .location {
 397 | 	font-size: 1em;
 398 | 	display: block;
 399 | }
 400 | #contact button {
 401 | 	font-size: 1.2em;
 402 | 	font-family: inherit;
 403 | }
 404 | #registration .discount label {
 405 | 	font-weight: normal;
 406 | }
 407 | 
 408 | @media screen and (min-width:1025px) {
 409 |   .tree .remaining {
 410 |     font-size: 0.8em;
 411 |   }
 412 | }
 413 | 
 414 | /* =Small screen typography*/
 415 | @media screen and (max-width:659px) {
 416 | 	#contact button {
 417 | 		font-size: 1em;
 418 | 	}
 419 | 	strong {
 420 | 		font-size: 1.25em;
 421 | 	}
 422 | 	aside h1, h2 {
 423 | 		font-size: 1.75em;
 424 | 	}
 425 | 	#top .return {
 426 | 		font-size: 0.875em;
 427 | 	}
 428 | 	#contact .confirm {
 429 | 		font-size: 0.8em;
 430 | 	}
 431 | }
 432 | 
 433 | /* =Hide the Safari Validator stuff */
 434 | embed[type$=x-safari-validator] {
 435 | 	position: absolute;
 436 | 	top: 0;
 437 | 	left: -999em;
 438 | 	width: 0;
 439 | }
 440 | 
 441 | /* =Base Layout */
 442 | @media screen {
 443 | 	body {
 444 | 		position: relative;
 445 | 	}
 446 | 	header {
 447 | 		margin: 0 0 20px 0;
 448 | 	}
 449 | 	h1 {
 450 | 		margin-bottom: .25em;
 451 | 	}
 452 | 	nav {
 453 | 		height: 141px;
 454 | 		position: absolute;
 455 | 		top: 0;
 456 | 		left: 0;
 457 | 		right: 0;
 458 | 		z-index: 100;
 459 | 	}
 460 | 	ul li {
 461 | 		margin-left: 0px;
 462 | 		padding-left: 0px;
 463 | 	}
 464 | 	form ol,
 465 | 	form ul {
 466 | 		margin: 0;
 467 | 		overflow: hidden;
 468 | 	}
 469 | 	form li {
 470 | 		overflow: hidden;
 471 | 		margin: 0 0 .5em;
 472 | 	}
 473 | 	legend {
 474 |     padding-bottom: .25em;
 475 | 		width: 100%;
 476 | 		overflow: hidden;
 477 | 	}
 478 | 	legend span {
 479 | 		display: block;
 480 | 		float: right;
 481 | 		margin: 0 0 .25em;
 482 | 		padding-left: 20px;
 483 | 		width: 70%;
 484 | 	}
 485 | 	label {
 486 | 		clear: both;
 487 | 		float: left;
 488 | 		text-align: right;
 489 | 		width: 28.5%;
 490 | 	}
 491 | 	input,
 492 | 	select,
 493 | 	textarea {
 494 | 		float: right;
 495 | 		width: 68%;
 496 | 		margin-right: 1%;
 497 | 	}
 498 | 	select {
 499 | 		margin: 5px 6px 0 0;
 500 | 	}
 501 | 	.checkbox,
 502 | 	.radio {
 503 | 		overflow: hidden;
 504 | 	}
 505 | 	.checkbox legend,
 506 | 	.radio legend {
 507 | 		display: block;
 508 | 		float: left;
 509 | 		width: 28.5%;
 510 | 	}
 511 | 	form .checkbox legend span,
 512 | 	form .radio legend span {
 513 | 		background: transparent;
 514 | 		float: none;
 515 | 		margin: 0;
 516 | 		padding: 0;
 517 | 		text-align: right;
 518 | 		white-space: normal;
 519 | 		width: auto;
 520 | 	}
 521 | 	.checkbox ul,
 522 | 	.radio ul {
 523 | 		float: right;
 524 | 		width: 69%;
 525 | 	}
 526 | 	form .checkbox ul li,
 527 | 	form .radio ul li {
 528 | 	  background: transparent;
 529 | 		clear: none;
 530 | 		float: none;
 531 | 		width: auto;
 532 | 		margin: 0 1% .25em 0;
 533 | 		padding: 0;
 534 | 	}
 535 | 	.checkbox label,
 536 | 	.radio label {
 537 | 		display: inline;
 538 | 	}
 539 | 	.checkbox label,
 540 | 	.radio label,
 541 | 	.checkbox input,
 542 | 	.radio input {
 543 | 		float: none;
 544 | 		margin: 0;
 545 | 		padding: 0;
 546 | 		text-align: left;
 547 | 		width: auto;
 548 | 	}
 549 | 	.checkbox input[id$=other],
 550 | 	.radio input[id$=other] {
 551 | 		width: 60%;
 552 | 	}
 553 | 	form .help {
 554 | 		margin: .25em 0 0 0;
 555 | 		text-align: right;
 556 | 		float: right;
 557 | 		width: 69%;
 558 | 	}	
 559 | 	form .buttons {
 560 | 		margin: 0 0 .5em;
 561 | 		text-align: center;
 562 | 	}
 563 | 	.buttons button {
 564 | 		border: 0;
 565 | 		display: block;
 566 | 		height: 58px;
 567 | 		margin: 0 auto;
 568 | 		text-align: center;
 569 | 		width: 313px;
 570 | 	}
 571 | 	
 572 | 	/* =Images */
 573 | 	.frame {
 574 | 		max-width: 500px;
 575 | 		margin: 0 auto 40px;
 576 | 		-moz-transform: rotate(-5deg);
 577 | 		-o-transform: rotate(-5deg);
 578 | 		-webkit-transform: rotate(-5deg);
 579 | 		transform: rotate(-5deg);
 580 | 		position: relative;
 581 | 		top: 10px;
 582 | 	}
 583 | 	.frame .inner, .frame .inner-1, .frame .inner-2 {
 584 | 		border: 10px solid;
 585 | 		-moz-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
 586 | 		-o-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
 587 | 		-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
 588 | 		box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
 589 | 		-moz-transform: rotate(6deg);
 590 | 		-o-transform: rotate(6deg);
 591 | 		-webkit-transform: rotate(6deg);
 592 | 		transform: rotate(6deg);
 593 | 	}
 594 | 	.frame > a {
 595 | 		border: 0;
 596 | 		display: block;
 597 | 	}
 598 |   .frame a:hover img.inner,
 599 | 	.frame a:focus img.inner {
 600 | 		-moz-box-shadow: 0 0 5px 0 rgba(0,0,0, .2);
 601 | 		-o-box-shadow: 0 0 5px 0 rgba(0,0,0, .2);
 602 | 		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0, .2);
 603 | 		box-shadow: 0 0 5px 0 rgba(0,0,0, .2);
 604 |     -moz-transform: rotate(7deg) scale(1.03);
 605 | 		-o-transform: rotate(7deg) scale(1.03);
 606 | 		-webkit-transform: rotate(7deg) scale(1.03);
 607 | 		transform: rotate(7deg) scale(1.03);
 608 | 	}
 609 | 	.frame .inner p {
 610 | 		margin: 0;
 611 | 		padding: 10px;
 612 | 	}
 613 | 	.gallery {
 614 | 		clear: both;
 615 | 		margin: -10px 0 0 -20px;
 616 | 	}
 617 | 	article .frame {
 618 | 		display: inline-block;
 619 | 		margin: 20px;
 620 | 	}
 621 | 	article .focal {
 622 | 		display: block;
 623 | 		float: right;
 624 | 		margin: 0 20px 40px 30px;
 625 | 		width: 320px;
 626 | 	}
 627 | 	article .focal img {
 628 | 		width: 300px;
 629 | 	}
 630 | 	article img,
 631 | 	article .double img {
 632 | 	  width: 150px;
 633 | 	}
 634 |   .frame.double {
 635 | 		-moz-transform: rotate(0);
 636 | 		-o-transform: rotate(0);
 637 | 		-webkit-transform: rotate(0);
 638 | 		transform: rotate(0);
 639 |     float: right;
 640 | 		width: 300px;
 641 | 		height: 200px;
 642 | 		padding-bottom: 20px;
 643 | 		position: relative;
 644 |   }
 645 |   .double .matte-1, .double .matte-2 {
 646 |     display: block;
 647 |     width: 170px;
 648 |     height: 170px;
 649 |     position: absolute;
 650 |   }
 651 |   .double .matte-1 {
 652 |     -moz-transform: rotate(-2deg);
 653 | 		-o-transform: rotate(-2deg);
 654 | 		-webkit-transform: rotate(-2deg);
 655 | 		transform: rotate(-2deg);
 656 | 		top: 0;
 657 | 		right: 0;
 658 |   }
 659 |   .double .matte-2 {
 660 |     -moz-transform: rotate(2deg);
 661 | 		-o-transform: rotate(2deg);
 662 | 		-webkit-transform: rotate(2deg);
 663 | 		transform: rotate(2deg);
 664 | 		position: absolute;
 665 | 		bottom: 0;
 666 | 		left: 0;
 667 |   }
 668 |   .double .inner-1, .double .inner-2 {
 669 |     position: absolute;
 670 |   }
 671 | 	.double .inner-1 {
 672 | 		-moz-transform: rotate(6deg);
 673 | 		-o-transform: rotate(6deg);
 674 | 		-webkit-transform: rotate(6deg);
 675 | 		transform: rotate(6deg);
 676 | 		position: absolute;
 677 | 		top: 0;
 678 | 		right: 0;
 679 | 		z-index: 1;
 680 | 	}
 681 |   .double .inner-2 {
 682 | 		-moz-transform: rotate(-6deg);
 683 | 		-o-transform: rotate(-6deg);
 684 | 		-webkit-transform: rotate(-6deg);
 685 | 		transform: rotate(-6deg);
 686 | 		bottom: 0;
 687 | 		left: 0;
 688 | 	}
 689 |   #content .gallery li {
 690 | 	  background: transparent;
 691 | 	  margin-left: 0;
 692 | 	  padding-left: 0;
 693 | 	}
 694 | 	
 695 | 	/* =Cart */
 696 | 	.cart caption {
 697 | 		padding: 10px 20px 0;
 698 | 	}
 699 | 	.cart thead th {
 700 | 		padding-top: 10px;
 701 | 	}
 702 | 	.cart tfoot tr {
 703 | 		border-bottom: 5px solid;
 704 | 		border-top: 5px solid;
 705 | 	}
 706 | 	.cart tfoot th, .cart tfoot td {
 707 | 		border-top: 1px solid;
 708 | 	}
 709 | 	.cart a {
 710 | 		display: inline;
 711 | 	}
 712 | 	
 713 | 	/* =vEvents */
 714 | 	.vevent dt {
 715 | 		position: absolute;
 716 | 		left: -999em;
 717 | 	}
 718 | 	.vevent .summary,
 719 | 	.vevent .dates,
 720 | 	.vevent .location {
 721 | 		display: inline;
 722 | 	}
 723 | 	dl.vevent .summary,
 724 | 	.vevent .dates {
 725 | 		margin-right: 5px;
 726 | 		padding-right: 27px;
 727 | 	}
 728 | 	
 729 | 	
 730 | 	/*= Generic */
 731 | 	#top {
 732 | 	  margin: 0;
 733 | 		height: 141px;
 734 | 		position: absolute;
 735 | 		top: 0;
 736 | 		left: 0;
 737 | 		right: 0;
 738 |   }
 739 | 	#top h1 {
 740 | 		margin: 0;
 741 | 		overflow: visible;
 742 | 		width: 315px;
 743 | 		position: absolute;
 744 | 		left: 10%;
 745 | 		top: 0;
 746 | 		z-index: 110;
 747 | 	}
 748 | 	#top h1 img {
 749 | 		width: 315px;
 750 | 	}
 751 | 	#mobile-nav { display: none; }
 752 | 	#top #main-nav,
 753 | 	#nav-register,
 754 | 	#top .return {
 755 | 		padding-top: 110px;
 756 | 		width: 121px;
 757 | 		position: absolute;
 758 | 		right: 10%;
 759 | 		top: -25px;
 760 | 	}
 761 | 	#top #main-nav {
 762 | 	  padding: 120px 0 10px;
 763 | 	}
 764 |   #top .return {
 765 | 		width: 150px;
 766 | 	}
 767 | 	#nav-register b,
 768 | 	#top .return a {
 769 | 		display: block;
 770 | 		line-height: 1.2;
 771 | 		padding: 10px;
 772 | 		text-align: center;
 773 | 		position: relative;
 774 | 		z-index: 101;
 775 | 	}
 776 | 	#nav-register b {
 777 | 		line-height: 1.1;
 778 | 		padding: 8px 15px 11px;
 779 | 		margin-bottom: 2px;
 780 | 	}
 781 | 	#nav-register .remaining {
 782 | 		display: block;
 783 | 		padding: 21px 10px 13px;
 784 | 		width: 119px;
 785 | 		position: absolute;
 786 | 		left: -12px;
 787 | 		bottom: -41px;
 788 | 	}
 789 | 	#nav-register .sold-out {
 790 | 		display: block;
 791 | 		padding: 12px 10px 10px;
 792 | 		width: 89px;
 793 | 		position: absolute;
 794 | 		z-index: 102;
 795 | 		left: 5px;
 796 | 		bottom: 10px;
 797 | 		-moz-transform: rotate(-12deg);
 798 | 		-o-transform: rotate(-12deg);
 799 | 		-webkit-transform: rotate(-12deg);
 800 | 		transform: rotate(-12deg);
 801 | 	}
 802 | 	#content {
 803 | 		margin: 0 auto;
 804 | 		padding: 170px 30px 100px;
 805 | 		width: 85%;
 806 | 		min-width: 600px;
 807 | 		max-width: 1004px;
 808 | 		position: static;
 809 | 	}
 810 | 	#bottom {
 811 | 		height: 102px;
 812 | 		position: absolute;
 813 | 		top: auto;
 814 | 		bottom: 0;
 815 | 		left: 0;
 816 | 		right: 0;
 817 | 		z-index: 101;
 818 | 	}
 819 | 	#bottom section {
 820 | 		border: 0;
 821 | 		margin: 0 auto;
 822 | 		padding: 20px;
 823 | 		width: 70%;
 824 | 		min-width: 560px;
 825 | 		max-width: 1004px;
 826 | 		min-height: 59px;
 827 | 	}
 828 | 	#bottom p {
 829 | 		position: absolute;
 830 | 		left: 25%;
 831 | 		top: 55px;
 832 | 		padding: 0 0 0 70px;
 833 | 	}
 834 | 	p#copyright {
 835 | 		top: 35px;
 836 | 	}
 837 | 	#ornament-1 {
 838 | 	  margin: 0;
 839 | 		height: 130px;
 840 | 		position: absolute;
 841 | 		top: 0;
 842 | 		left: 0;
 843 | 		right: 0;
 844 | 		z-index: 100;
 845 |   }
 846 | 	#ornament-2 {
 847 | 		position: absolute;
 848 | 		bottom: 20px;
 849 | 		left: 25%;
 850 | 		height: 45px;
 851 | 		width: 58px;
 852 | 		z-index: 102;
 853 | 	}
 854 | 	#ornament-4 {
 855 | 		position: absolute;
 856 | 		top: 0;
 857 | 		left: 0;
 858 | 		right: 0;
 859 | 		height: 62px;
 860 | 		z-index: 111;
 861 | 	}
 862 |   
 863 |   
 864 | 	/* =Home */
 865 | 	h2.tag {
 866 | 	  text-align: center;
 867 | 	  margin: -.25em 0 2em;
 868 | 	}
 869 | 	#elevator-pitch {
 870 | 	  overflow: visible;
 871 | 	  margin: 0 0 1.5em;
 872 | 	}
 873 | 	#elevator-pitch:after {
 874 | 	  content: '';
 875 | 	  clear: both;
 876 | 	  display: block;
 877 | 	}
 878 |   #home .focal, #events .focal {
 879 | 	  float: left;
 880 | 	  margin: -.5em 25px 2.25em 0;
 881 | 	}
 882 | 	#home #content {
 883 | 	  padding-bottom: 124px;
 884 | 	}
 885 | 	
 886 | 	/* =Testimonials */
 887 | 	.testimonial {
 888 |     clear: both;
 889 | 	  margin: 1em auto;
 890 | 	  min-height: 100px;
 891 | 	  overflow: hidden;
 892 |     padding: 20px 20px 20px 150px;
 893 | 	  position: relative;
 894 | 	  width: 40%;
 895 | 	}
 896 |   .testimonial p {
 897 |     margin: 0;
 898 |   }
 899 |   .testimonial .attribution {
 900 |     float: right;
 901 |     position: relative;
 902 |   }
 903 |   .testimonial .attribution:before {
 904 |     content: '— ';
 905 |     position: absolute;
 906 |     margin-left: -1em;
 907 |     font-size: 1em;
 908 |   }
 909 |   .testimonial img {
 910 |     -moz-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
 911 | 		-o-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
 912 | 		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
 913 | 		box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
 914 |     -moz-transform: rotate(-2deg);
 915 | 		-o-transform: rotate(-2deg);
 916 | 		-webkit-transform: rotate(-2deg);
 917 | 		transform: rotate(-2deg);
 918 | 		border: 10px solid;
 919 | 		width: 100px;
 920 |     position: absolute;
 921 |     top: 50%;
 922 |     left: 14px;
 923 |     margin-top: -60px;
 924 |   }
 925 |   .testimonial .role {
 926 |     display: block;
 927 |   }
 928 |   
 929 | 	
 930 | 	/* =Events */
 931 | 	#about article > h1, #events article > h1 {
 932 | 	  margin-bottom: .75em;
 933 | 	}
 934 | 	#events .focal {
 935 | 	  margin-bottom: 3.5em;
 936 | 	}
 937 | 	.events {
 938 | 	  clear: both;
 939 | 	  margin: 2em 0 2em;
 940 | 	}
 941 |   .events:after {
 942 | 	  content: '';
 943 | 	  clear: both;
 944 | 	  display: block;
 945 | 	}
 946 |   .events .next aside {
 947 | 	  clear: both;
 948 | 	}
 949 |   .events .summary {
 950 |     display: block;
 951 |     margin: 0 0 .25em;
 952 |   }
 953 |   .events .description {
 954 |     margin-top: .25em;
 955 |   }
 956 |   .events .vevent,
 957 |   #upcoming.events .vevent:nth-child(even) {
 958 |     margin-right: 2%;
 959 |     width: 49%;
 960 |     float: left;
 961 |     clear: right;
 962 |   }
 963 |   #upcoming.events .vevent:nth-child(odd),
 964 |   .events .vevent:nth-child(even) {
 965 |     margin-right: 0;
 966 |   }
 967 |   #upcoming.events .next {
 968 |     width: 100%;
 969 |     float: none;
 970 |     margin-right: 0;
 971 |   }
 972 |   ul.actions {
 973 |     margin-top: -1.25em;
 974 |   }
 975 |   #content ul.actions li {
 976 |     background: transparent;
 977 |     display: inline;
 978 |     padding-left: 0;
 979 |     margin-right: 10px;
 980 |   }
 981 |   #content ul.actions li a {
 982 |     border: 0;
 983 |     display: inline-block;
 984 |     line-height: 40px;
 985 |     padding: 0 10px;
 986 |     text-align: center;
 987 |     width: 105px;
 988 |   }
 989 |   .events aside {
 990 |     clear: both;
 991 | 		display: table;
 992 |     padding: 1.5em 0;
 993 |   }
 994 |   .faq-promo {
 995 |     margin: 2em auto;
 996 |     width: 230px;
 997 |   }
 998 |   .faq-promo a {
 999 |     border: 10px solid;
1000 |     display: block;
1001 | 		padding: 20px 10px 10px;
1002 | 		-moz-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
1003 | 		-o-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
1004 | 		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
1005 | 		box-shadow: 0 0 5px 0 rgba(0,0,0, .4);
1006 | 	}
1007 |   
1008 |   
1009 | 	/* =Event */
1010 | 	#event nav ol {
1011 | 		display: none;
1012 | 	}
1013 | 	#event article {
1014 | 		padding: 25px 0;
1015 | 		position: relative;
1016 | 	}
1017 | 	#event .calendar ol {
1018 | 	  -webkit-column-count: 3;
1019 | 	  -webkit-column-gap: 20px;
1020 | 	}
1021 | 	#event #location .focal {
1022 | 		position: relative;
1023 | 		margin-bottom: 50px;
1024 | 	}
1025 | 	#location figcaption {
1026 | 		text-align: center;
1027 | 		margin: 0;
1028 | 		position: absolute;
1029 | 		left: 0;
1030 | 		right: 0;
1031 | 		bottom: -30px;
1032 | 		-moz-transform: rotate(5deg);
1033 | 		-o-transform: rotate(5deg);
1034 | 		-webkit-transform: rotate(5deg);
1035 | 		transform: rotate(5deg);
1036 | 	}
1037 | 	#instructors .focal {
1038 | 	  width: 220px;
1039 | 	}
1040 | 	#instructors .focal img {
1041 | 		width: 200px;
1042 | 	}
1043 |   #event [id=instructors] .vcard:nth-child(2n) .focal {
1044 | 		float: left;
1045 | 		margin: 0 25px 25px 5px;
1046 | 	}
1047 |   #content article:last-child {
1048 |   	padding-bottom: 80px;
1049 |   }
1050 |   
1051 |   /* =Sponsors */
1052 |   #sponsors {
1053 |     text-align: center;
1054 |     margin: 1em 0 0;
1055 |   }
1056 |   #sponsors li {
1057 |     background: transparent;
1058 |     display: inline;
1059 |     list-style: none;
1060 |     margin: 0 1em;
1061 |     padding: 0;
1062 |   }
1063 |   #sponsors a {
1064 |     border: 0;
1065 |   }
1066 | 	#sponsors img {
1067 | 	  display: inline;
1068 | 	  width: auto;
1069 | 	  height: auto;
1070 | 	}
1071 | 	
1072 | 	/* =Contact */
1073 | 	#contact form {
1074 | 		margin: -30px auto 0;
1075 | 		padding: 50px 0 0;
1076 | 		height: 326px;
1077 | 		width: 518px;
1078 | 	}
1079 | 	#contact fieldset {
1080 | 		background: #fff;
1081 | 		border: 1px solid;
1082 | 		height: 284px;
1083 | 		width: 476px;
1084 | 		padding: 20px;
1085 | 		-moz-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1086 | 		-o-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1087 | 		-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1088 | 		box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1089 | 		-moz-transform: rotate(1deg);
1090 | 		-o-transform: rotate(1deg);
1091 | 		-webkit-transform: rotate(1deg);
1092 | 		transform: rotate(1deg);
1093 | 	}
1094 | 	#contact ol {
1095 | 		position: relative;
1096 | 	}
1097 | 	#contact .notice {
1098 | 		border: 3px solid;
1099 | 		padding: 20px;
1100 | 	  margin: -10px 0 0;
1101 | 	}
1102 | 	#contact form li {
1103 | 		overflow: visible;
1104 | 		float: right;
1105 | 		margin: 0;
1106 | 		width: 49%;
1107 | 		clear: right;
1108 | 	}
1109 | 	#contact label,
1110 | 	#contact input,
1111 | 	#contact select,
1112 | 	#contact textarea {
1113 | 		width: 90%;
1114 | 		float: none;
1115 | 		text-align: left;
1116 | 	}
1117 | 	#contact label {
1118 | 		margin: .5em 0 0;
1119 | 		padding: 0;
1120 | 	}  
1121 | 	#contact .message {
1122 | 		float: left;
1123 | 		padding-left: 5px;
1124 | 	}
1125 | 	#contact .message label {
1126 | 		margin-top: 0;
1127 | 	}
1128 | 	#contact textarea {
1129 | 		height: 250px;
1130 | 	}
1131 |   #contact .name {
1132 | 		margin-top: 5em;
1133 | 	}
1134 | 	#contact .confirm {
1135 | 		margin-top: 1em;
1136 | 		padding-left: 4%;
1137 | 		position: relative;
1138 | 		width: 45.9%;
1139 | 	}
1140 | 	#contact .confirm label {
1141 | 		font-weight: normal;
1142 | 		margin: 0;
1143 | 		padding: 0;
1144 | 	}
1145 | 	#contact .confirm input {
1146 | 		width: auto;
1147 | 		position: absolute;
1148 | 		top: 0;
1149 | 		left: 0;
1150 | 	}
1151 | 	#contact .buttons {
1152 | 		clear: both;
1153 | 		margin: 0;
1154 | 		padding: 0;
1155 | 		width: auto;
1156 | 		position: absolute;
1157 | 		top: -8px;
1158 | 		right: 0;
1159 | 	}
1160 | 	#contact button {
1161 | 		-moz-border-radius: 0;
1162 | 		-o-border-radius: 0;
1163 | 		-webkit-border-radius: 0;
1164 | 		border-radius: 0;
1165 | 		height: auto;
1166 | 		width: auto;
1167 | 	}
1168 | 	#contact button strong {
1169 | 		background: #fff;
1170 | 		border: 1px solid;
1171 | 		color: #999;
1172 | 		display: block;
1173 | 		line-height: 1;
1174 | 		padding: 8px 0 0;
1175 | 		margin: 0;
1176 | 		height: 62px;
1177 | 		width: 84px;
1178 | 	}
1179 | 	#contact button:focus strong,
1180 | 	#contact button:hover strong,
1181 | 	#contact button:active strong {
1182 | 		opacity: 0;
1183 | 	}
1184 | 	#postcard {
1185 | 		height: 326px;
1186 | 		width: 518px;
1187 | 		-moz-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1188 | 		-o-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1189 | 		-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1190 | 		box-shadow: 0 0 5px 1px rgba(0,0,0, .4);
1191 | 		-moz-transform: rotate(1deg);
1192 | 		-o-transform: rotate(1deg);
1193 | 		-webkit-transform: rotate(1deg);
1194 | 		transform: rotate(1deg);
1195 | 	}
1196 | 	#postcard p {
1197 | 		text-align: center;
1198 | 		margin-top: -2em;
1199 | 		position: absolute;
1200 | 		left: 0;
1201 | 		right: 0;
1202 | 		-moz-transform: rotate(-1deg);
1203 | 		-o-transform: rotate(-1deg);
1204 | 		-webkit-transform: rotate(-1deg);
1205 | 		transform: rotate(-1deg);
1206 | 	}
1207 | 	
1208 | 	/*= Registration */
1209 | 	#registration {
1210 | 		padding-right: 360px;
1211 | 		padding-bottom: 20px;
1212 | 		position: relative;
1213 | 	}
1214 | 	#registration header {
1215 | 		margin-right: -360px;
1216 | 	}
1217 | 	#registration .extra {
1218 | 		position: absolute;
1219 | 		top: 6.5em;
1220 | 		right: 0;
1221 | 		width: 340px;
1222 | 	}
1223 | 	form .frame, #cancelled .frame, #thanks .frame {
1224 | 	  display: block;
1225 | 		margin: 10px auto 40px;		
1226 | 	}
1227 | 	#registration .frame table {
1228 | 	  width: 310px;
1229 |   }
1230 |   #registration .cart thead {
1231 | 		display: none;
1232 | 	}
1233 | 	#registration .discount label,
1234 | 	#registration .discount input {
1235 | 		float: none;
1236 | 		width: auto;
1237 | 		text-align: left;
1238 | 	}
1239 | 	
1240 | 	/*= Registration Summary */
1241 | 	#checkout p {
1242 | 		text-align: left;
1243 | 		max-width: 500px;
1244 | 		margin: 0 auto 1.5em;
1245 | 	}
1246 | 	#checkout .buttons {
1247 | 		text-align: center;
1248 | 	}
1249 | 	#checkout .cart thead {
1250 | 		position: static;
1251 | 	}
1252 | 	#checkout .frame .inner {
1253 | 		-moz-transform: rotate(5deg);
1254 | 		-o-transform: rotate(5deg);
1255 | 		-webkit-transform: rotate(5deg);
1256 | 		transform: rotate(5deg);
1257 | 	}
1258 | 	
1259 | 	/* =Fancybox override */
1260 | 	#fancybox-title.fancybox-title-over {
1261 | 		padding: 10px;
1262 | 		background-image: url('../vendors/fancybox/fancy_title_over.png');
1263 | 		left: 10px;
1264 | 		right: 10px;
1265 | 		width: auto !important;
1266 | 	}
1267 | 
1268 | }
1269 | 
1270 | /* =Wide Layout */
1271 | @media screen and (min-width:1025px) {
1272 | 	nav,
1273 | 	#top,
1274 | 	#bottom,
1275 | 	#ornament-2,
1276 |   #ornament-5,
1277 |   #ornament-6,
1278 | 	#ornament-4 {
1279 | 		position: absolute;
1280 | 	}
1281 | 	#event nav,
1282 | 	#event #top,
1283 | 	#event #bottom,
1284 | 	#event #ornament-2,
1285 |   #event #ornament-5,
1286 |   #event #ornament-6,
1287 | 	#event #ornament-4,
1288 | 	#event #ornament-1 {
1289 | 		position: fixed;
1290 | 		z-index:5;
1291 | 	}
1292 | 	#top h1 {
1293 | 		left: 50%;
1294 | 		margin-left: -405px;
1295 | 	}
1296 | 	#top .return {
1297 | 		right: 50%;
1298 | 		margin-right: -405px;
1299 | 	}
1300 | 	nav {
1301 | 	  z-index: 102;
1302 | 	}
1303 | 	#top #main-nav {
1304 |   	display: block;
1305 |     left: 50%;
1306 |     margin: 0px 0px 0px -80px;
1307 |     position: absolute;
1308 |     top: 300px;
1309 |     z-index: 101;
1310 | 	}
1311 | 	#event #main-nav {
1312 | 	  margin-left: -470px;
1313 | 	}
1314 | 	.tree #top #main-nav {
1315 | 	  background: transparent;
1316 | 	  padding: 0;
1317 | 	}
1318 |   #main-nav li {
1319 | 	  margin-bottom: 8px;
1320 | 	  -moz-transform-origin: 99px 50%;
1321 | 	  -moz-transform: rotate(2deg);
1322 | 		-o-transform-origin: 99px 50%;
1323 |     -o-transform: rotate(2deg);
1324 | 		-webkit-transform-origin: 99px 50%;
1325 |     -webkit-transform: rotate(2deg);
1326 | 		transform-origin: 99px 50%;
1327 |     transform: rotate(2deg);
1328 | 	}
1329 | 	#main-nav li:nth-child(2) {
1330 | 	  -moz-transform: rotate(-1deg);
1331 | 		-o-transform: rotate(-1deg);
1332 | 		-webkit-transform: rotate(-1deg);
1333 | 		transform: rotate(-1deg);
1334 | 	}
1335 |   #main-nav li:nth-child(3) {
1336 | 	  -moz-transform-origin: 108px 50%;
1337 |     -moz-transform: rotate(-5deg);
1338 | 		-o-transform-origin: 108px 50%;
1339 |     -o-transform: rotate(-5deg);
1340 | 		-webkit-transform-origin: 108px 50%;
1341 |     -webkit-transform: rotate(-5deg);
1342 | 		transform-origin: 108px 50%;
1343 |     transform: rotate(-5deg);
1344 | 	}
1345 |   #main-nav li:hover {
1346 | 	  margin-bottom: 8px;
1347 | 	  -moz-transform: rotate(-1deg);
1348 | 		-o-transform: rotate(-1deg);
1349 | 		-webkit-transform: rotate(-1deg);
1350 | 		transform: rotate(-1deg);
1351 | 	}
1352 | 	#main-nav li:nth-child(2):hover {
1353 | 	  -moz-transform: rotate(1deg);
1354 | 		-o-transform: rotate(1deg);
1355 | 		-webkit-transform: rotate(1deg);
1356 | 		transform: rotate(1deg);
1357 | 	}
1358 |   #main-nav li:nth-child(3):hover {
1359 | 	  -moz-transform: rotate(-3deg);
1360 | 		-o-transform: rotate(-3deg);
1361 | 		-webkit-transform: rotate(-3deg);
1362 | 		transform: rotate(-3deg);
1363 | 	}
1364 |   #main-nav li a, #main-nav li mark {
1365 | 		display: block;
1366 | 		line-height: 46px;
1367 | 		width: 170px;
1368 | 		white-space: nowrap;
1369 | 		text-transform: uppercase;
1370 | 	}
1371 | 	#main-nav li b:after,
1372 | 	#main-nav li mark:after {
1373 | 	  content: '\00BD  mi';
1374 | 	  font-size: .9em;
1375 | 	  margin-left: 6px;
1376 | 	  padding-left: 15px;
1377 | 	  text-transform: none;
1378 | 	}
1379 |   #main-nav li:nth-child(2) b:after {
1380 | 	  content: '\2154  mi';
1381 | 	}
1382 |   #main-nav li:nth-child(3) b:after {
1383 | 	  content: '\00BC  mi';
1384 | 	}
1385 |   #main-nav li mark:after {
1386 | 	  content: '0 mi';
1387 | 	}
1388 |   nav ol#event-nav {
1389 | 		display: block;
1390 | 		margin: 0 auto;
1391 | 		padding-left: 274px;
1392 | 		width: 660px;
1393 | 	}
1394 | 	#event-nav li {
1395 | 		float: left;
1396 | 		margin: 0 2% 0 0;
1397 | 		padding: 110px 0 0;
1398 | 		width: 110px;
1399 | 		position: relative;
1400 | 		margin-top: -50px;
1401 | 	}
1402 | 	#event-nav li.current {
1403 | 		margin-top: -20px;
1404 | 	}
1405 | 	#event-nav a {
1406 | 		display: block;
1407 | 		line-height: 36px;
1408 | 		text-align: center;
1409 | 		position: relative;
1410 | 		z-index: 101;
1411 | 	}
1412 | 	#nav-register {
1413 | 		display: block;
1414 | 		padding: 0;
1415 | 		width: 132px;
1416 | 		height: 179px;
1417 | 		position: fixed;
1418 | 		top: auto;
1419 | 		bottom: 73px;
1420 | 		right: 50%;
1421 | 		z-index: 100;
1422 | 		margin-right: -527px;
1423 | 	}
1424 | 	#nav-register b {
1425 | 		line-height: 1.2;
1426 | 		padding: 15px 20px 15px 30px;
1427 | 		text-align: center;
1428 | 		width: 90px;
1429 | 		-moz-transform: rotate(8deg);
1430 | 		-o-transform: rotate(8deg);
1431 | 		-webkit-transform: rotate(8deg);
1432 | 		transform: rotate(8deg);
1433 | 		position: relative;
1434 | 		top: 45px;
1435 | 	}
1436 | 	#nav-register .remaining {
1437 | 		padding: 16px 18px 7px;
1438 | 		width: 89px;
1439 | 		position: absolute;
1440 | 		top: 0;
1441 | 		left: 10px;
1442 | 		bottom: auto;
1443 | 		-moz-transform: rotate(-4deg);
1444 | 		-o-transform: rotate(-4deg);
1445 | 		-webkit-transform: rotate(-4deg);
1446 | 		transform: rotate(-4deg);
1447 | 	}
1448 | 	#nav-register .sold-out {
1449 | 		position: absolute;
1450 | 		top: 65px;
1451 | 		left: 15px;
1452 | 		z-index: 102;
1453 | 		bottom: auto;
1454 | 		-moz-transform: rotate(-12deg);
1455 | 		-o-transform: rotate(-12deg);
1456 | 		-webkit-transform: rotate(-12deg);
1457 | 		transform: rotate(-12deg);
1458 | 	}
1459 | 	body {
1460 | 		margin: 0 auto;
1461 | 		height:  100%;
1462 | 		position: relative;
1463 | 	}
1464 | 	.tree #top {
1465 | 		left: 50%;
1466 | 		bottom: 64px;
1467 | 		width: 237px;
1468 | 		height: 100%;
1469 | 		margin: 0 0 0 -507px;
1470 | 	}
1471 | 	.tree #top h1 {
1472 | 		margin: 0 0 0 -75px;
1473 | 		overflow: hidden;
1474 | 		width: 157px;
1475 | 		position: absolute;
1476 | 		top: 100px;
1477 | 		left: 50%;
1478 | 		z-index: 103;
1479 | 	}
1480 | 	.tree #top h1 img {
1481 | 		display: block;
1482 | 		width: 157px;
1483 | 		padding-top: 180px;
1484 | 		height: 0;
1485 | 	}
1486 | 	.tree #content {
1487 | 		padding: 140px 30px 94px;
1488 | 		width: 680px;
1489 | 		min-width: 0;
1490 | 		position: relative;
1491 | 		right: auto;
1492 | 		left: 50%;
1493 | 		margin-left: -250px;
1494 | 	}
1495 | 	#event #content {
1496 | 		padding: 0 30px 74px;
1497 | 		position: absolute;
1498 | 	}
1499 | 	article {
1500 | 		position: relative;
1501 | 		z-index: 102;
1502 | 	}
1503 | 	#event article {
1504 | 		padding: 140px 0 100px;
1505 | 		z-index: 1;
1506 | 	}
1507 | 	.tree #bottom {
1508 | 		border-top: 5px solid rgb(68,57,6);
1509 | 		height: auto;
1510 | 		bottom: 0;
1511 | 		left: 0;
1512 | 		right: 0;
1513 | 		z-index: 101;
1514 | 	}
1515 | 	.tree #bottom section {
1516 | 		border-top: 10px solid rgb(44, 23, 16);
1517 | 		padding: 10px 0 10px 740px;
1518 | 		margin: 0 0 0 -740px;
1519 | 		min-height: 39px;
1520 | 		width: auto;
1521 | 		min-width: none;
1522 | 		max-width: none;
1523 | 	}
1524 | 	.tree #bottom p {
1525 | 		margin-left: -300px;
1526 | 		left: 50%;
1527 | 		top: 40px;
1528 | 	}
1529 | 	.tree p#copyright {
1530 | 		top: 20px;
1531 | 	}
1532 | 	.tree #ornament-1 {
1533 | 	  height: 135px;
1534 | 	}
1535 | 	.tree #ornament-2,
1536 | 	.tree #ornament-5 {
1537 | 		bottom: 73px;
1538 | 		left: 0;
1539 | 		right: 0;
1540 | 		height: 60px;
1541 | 		width: auto;
1542 | 	}
1543 | 	.tree #ornament-2 {
1544 | 	  z-index: 0;
1545 | 	}
1546 |   .tree #ornament-5 {
1547 | 		background-position: center top;
1548 | 		z-index: 1;
1549 | 	}
1550 | 	.tree #ornament-3 {
1551 | 		height: 126px;
1552 | 		width: 146px;
1553 | 		margin-right: -550px;
1554 | 	  position: absolute;
1555 | 		bottom: 73px;
1556 | 		right: 50%;
1557 | 		z-index: 1;
1558 | 	}
1559 | 	#event #ornament-3 {
1560 | 	  display: none;
1561 | 	}
1562 | 	.tree #ornament-6 {
1563 | 		bottom: 73px;
1564 | 		left: 50%;
1565 | 		width: 431px;
1566 | 		height: 169px;
1567 | 		margin-left: -608px;
1568 | 		z-index: 1;
1569 | 	}
1570 | 	
1571 | 	.faq-promo {
1572 |     position: absolute;
1573 |     top: 340px;
1574 |     left: -285px;
1575 |   }
1576 |   .faq-promo a {
1577 |     -moz-transform-origin: 50% 7px;
1578 |     -moz-transform: rotate(1deg);
1579 | 		-o-transform-origin: 50% 7px;
1580 |     -o-transform: rotate(1deg);
1581 | 		-webkit-transform-origin: 50% 7px;
1582 |     -webkit-transform: rotate(1deg);
1583 | 		transform-origin: 50% 7px;
1584 |     transform: rotate(1deg);
1585 |   }
1586 |   .faq-promo a:hover {
1587 |     -moz-transform: rotate(-1deg);
1588 | 		-o-transform: rotate(-1deg);
1589 | 		-webkit-transform: rotate(-1deg);
1590 | 		transform: rotate(-1deg);
1591 |   }
1592 | }
1593 | 
1594 | /* =Mobile Layout */
1595 | @media screen and (max-width:659px) {
1596 |   html {
1597 | 		min-width: 0;
1598 | 	}
1599 | 	nav ol, nav p {
1600 | 		display: none;
1601 | 	}
1602 | 	nav #mobile-nav, #top .return {
1603 | 		display: block;
1604 | 		padding: 20px 10px 17px;
1605 | 		width: 295px;
1606 | 		position: absolute;
1607 | 		top: 90px;
1608 | 		left: 50%;
1609 | 		margin-left: -157px;
1610 | 	}
1611 | 	#top .return {
1612 | 		display: block;
1613 | 		padding: 10px 5px 0;
1614 | 		width: 129px;
1615 | 		margin-left: -56px;
1616 | 		top: 92px;
1617 | 	}
1618 | 	#top .return a {
1619 | 		padding: 6px 5px;
1620 | 		line-height: 1em;
1621 | 	}
1622 | 	legend span {
1623 | 		float: left;
1624 | 	}
1625 | 	label {
1626 | 		float: none;
1627 | 		text-align: left;
1628 | 		padding: 0;
1629 | 		width: 98%;
1630 | 	}
1631 | 	input,
1632 | 	select,
1633 | 	textarea {
1634 | 		float: none;
1635 | 		width: 98%;
1636 | 	}
1637 | 	form .checkbox ul li,
1638 | 	form .radio ul li {
1639 | 		width: auto;
1640 | 	}
1641 | 	.gallery {
1642 | 		display: none;
1643 | 	}
1644 | 	#content .focal, #content .double, #event #content .focal {
1645 | 		float: none;
1646 | 	  display: block;
1647 | 		margin: 0 auto 40px;
1648 | 	}
1649 | 	.testimonial {
1650 | 	  padding-left: 20px;
1651 | 	  width: 70%;
1652 | 	}
1653 | 	.testimonial img {
1654 | 	  display: none;
1655 | 	}
1656 | 	.actions {
1657 | 	  text-align: center;
1658 | 	}
1659 | 	#content .faq-promo a {
1660 | 	  background-image: none;
1661 | 	  padding-top: 10px;
1662 | 	}
1663 | 	#content article {
1664 | 	  padding-top: 25px;
1665 | 	}
1666 | 	#instructors h2 {
1667 | 	  text-align: center;
1668 | 	  margin: -20px 0 20px;
1669 | 	}
1670 | 	#top {
1671 | 		height: 100px;
1672 | 	}
1673 | 	#top h1 {
1674 | 		position: relative;
1675 | 		margin: -40px auto 0;
1676 | 		left: auto;
1677 | 		right: auto;
1678 | 		top: auto;
1679 | 		bottom: auto;
1680 | 	}
1681 | 	#content {
1682 | 		padding-top: 150px;
1683 | 		width: 400px;
1684 | 		min-width: 0;
1685 | 		max-width: 450px;
1686 | 	}
1687 | 	#content article:last-child {
1688 |   	padding-bottom: 20px;
1689 |   }
1690 | 	#bottom {
1691 | 		background-position: top center;
1692 | 		height: auto;
1693 | 	}
1694 | 	#bottom section {
1695 | 		margin: 0 auto;
1696 | 		padding: 30px 0 20px;
1697 | 		width: 400px;
1698 | 		min-width: 0;
1699 | 		max-width: 400px;
1700 | 		min-height: 0;
1701 | 	}
1702 | 	#bottom p {
1703 | 		position: static;
1704 | 		margin: 0;
1705 | 		padding: 0;
1706 | 	}
1707 | 	#ornament-2 {
1708 | 		display: none;
1709 | 	}
1710 | 	#contact form,
1711 | 	#postcard {
1712 | 		height: 239px;
1713 | 		width: 380px;
1714 | 	}
1715 | 	#contact fieldset {
1716 | 		height: 217px;
1717 | 		width: 358px;
1718 | 		padding: 10px;
1719 | 	}
1720 | 	#contact label {
1721 | 		margin-top: 0;
1722 | 	}
1723 | 	#contact textarea {
1724 | 		height: 180px;
1725 | 	}
1726 | 	#contact .name {
1727 | 		margin-top: 0;
1728 | 	}
1729 | 	#contact .confirm {
1730 | 		line-height: 1em;
1731 | 		padding-left: 6%;
1732 | 		width: 43%;
1733 | 	}
1734 | 	#contact .confirm input {
1735 | 	  top: -3px;
1736 | 	}
1737 | 	#contact .buttons {
1738 | 		top: auto;
1739 | 		bottom: 0;
1740 | 		right: 15px;
1741 | 		width: 49%;
1742 | 	}
1743 | 	#contact button {
1744 | 		background: transparent;
1745 | 		border: 1px solid;
1746 | 		line-height: inherit;
1747 | 		padding:  4px 6px;
1748 | 	}
1749 | 	#contact button strong {
1750 | 		background: transparent;
1751 | 		border: 0;
1752 | 		display: inline;
1753 | 		line-height: inherit;
1754 | 		padding: 0;
1755 | 		margin: 0;
1756 | 		width: auto;
1757 | 		height: auto;
1758 | 	}
1759 | 	#contact button:focus strong,
1760 | 	#contact button:hover strong,
1761 | 	#contact button:active strong {
1762 | 		opacity: 1;
1763 | 	}
1764 | 	#contact button strong span {
1765 | 		display: none;
1766 | 	}
1767 | 	#registration {
1768 | 		padding-right: 0;
1769 | 	}
1770 | 	#registration header {
1771 | 		margin-right: 0;
1772 | 	}
1773 | 	#registration .extra {
1774 | 		position: static;
1775 | 		width: auto;
1776 | 	}
1777 | }
1778 | 
1779 | @media screen {
1780 | 	/* universal season settings */
1781 | 	html, #bottom { background: transparent bottom left repeat-x; }
1782 |   html { background-attachment: fixed; }
1783 | 	ul li { background: top left no-repeat; }
1784 | 	legend span {	background: transparent center left no-repeat; }
1785 | 	.buttons button, #nav-register, #main-nav, #ornament-2 { background: top left no-repeat; }
1786 |   #bottom { background: transparent top left repeat-x; }
1787 |   dl.vevent .summary, .vevent .dates { background: transparent center right no-repeat; }
1788 | 	#top .return, #nav-register .remaining, #nav-register .sold-out, #ornament-1, #ornament-4, #contact button { background: transparent bottom center no-repeat; }
1789 | 	#postcard { background: transparent center center no-repeat; }
1790 |   #content ul.actions li a { background: transparent center center no-repeat; }
1791 |   .faq-promo a { background: rgb(163, 31, 29) center 5px no-repeat; }
1792 |   .faq-promo a:hover, .faq-promo a:focus { background-color: rgb(143, 24, 25); }
1793 |   
1794 |   /* Spring */
1795 |   .spring { background-color: rgb(188, 229, 247); background-image: url(../i/c/spring/day.jpg); }
1796 | 	.spring.sunrise { background-color: rgb(254, 236, 222); background-image: url(../i/c/spring/sunrise.jpg); }
1797 |   .spring.sunset { background-color: rgb(138, 124, 185); background-image: url(../i/c/spring/sunset.jpg); }
1798 |   .spring.night { background-color: rgb(13, 41, 78); background-image: url(../i/c/spring/night.jpg); }
1799 |   .spring body { color: rgb(61, 35, 25); }
1800 |   .spring h1, .spring h2, .spring h3, .spring strong, .spring a:link, .spring a:visited { color: rgb(81, 125, 43); }
1801 |   .spring :focus { outline-color: rgb(79, 189, 191); }
1802 |   .spring a:hover, .spring a:focus, .spring dt:target { color: rgb(79, 189, 191); }
1803 |   .spring .frame, .spring .matte-1,.spring .matte-2, .spring .testimonial { background-color: rgb(79, 189, 191); }
1804 |   .spring ul li { background-image: url(../i/c/spring/bullet.png); padding-left: 25px; }
1805 | 	.spring legend span {	background-image: url(../i/c/spring/sunflower.png); padding-left: 30px; }
1806 | 	.spring .buttons button { background-image: url(../i/c/spring/checkout.png); }
1807 |   .spring dl.vevent .summary, .spring .vevent .dates { background-image: url(../i/c/spring/sunflower.png); padding-right: 33px; }
1808 | 	.spring .events .dates { background-image: url(../i/c/spring/sunflower-small.png); padding-right: 23px; margin-right: 1px; }
1809 |   .spring #main-nav { background-image: url(../i/c/spring/main-nav.png); }
1810 |   .spring #top .return { background-image: url(../i/c/spring/return.png);	}
1811 | 	.spring #nav-register { background-image: url(../i/c/spring/nav-register.png); }
1812 | 	.spring #nav-register .remaining { background-image: url(../i/c/spring/nav-remaining.png); }
1813 |   .spring #nav-register .sold-out { background-image: url(../i/c/spring/nav-remaining-full.png); }
1814 | 	.spring #bottom { background-image: url(../i/c/spring/log.png); }
1815 | 	.spring #ornament-2 { background-image: url(../i/c/spring/wormie.png); }
1816 | 	.spring #ornament-4 { background-image: url(../i/c/spring/leaves_fg.png); }
1817 | 	.spring #ornament-1 { background-image: url(../i/c/spring/leaves_bg.png); }
1818 | 	.spring #contact button { background-image: url(../i/c/spring/stamp.jpg); }
1819 |   .spring #postcard { background-image: url(../i/c/spring/postcard.jpg); }
1820 |   .spring #content ul.actions li a { background-image: url(../i/c/spring/button.png); }
1821 |   .spring .faq-promo a { background-image: url(../i/c/spring/nail.png); }
1822 | 
1823 |   /* Summer */
1824 |   .summer { background-color: rgb(188, 229, 247); background-image: url(../i/c/spring/day.jpg); }
1825 | 	.summer.sunrise { background-color: rgb(254, 236, 222); background-image: url(../i/c/spring/sunrise.jpg); }
1826 |   .summer.sunset { background-color: rgb(138, 124, 185); background-image: url(../i/c/spring/sunset.jpg); }
1827 |   .summer.night { background-color: rgb(13, 41, 78); background-image: url(../i/c/spring/night.jpg); }
1828 |   .summer body { color: rgb(61, 35, 25); }
1829 |   .summer h1, .summer h2, .summer h3, .summer strong, .summer a:link, .summer a:visited { color: rgb(81, 125, 43); }
1830 |   .summer :focus { outline-color: rgb(79, 189, 191); }
1831 |   .summer a:hover, .summer a:focus, .summer dt:target { color: rgb(79, 189, 191); }
1832 |   .summer .frame, .summer .matte-1, .summer .matte-2, .summer .testimonial { background-color: rgb(79, 189, 191); }
1833 |   .summer ul li { background-image: url(../i/c/spring/bullet.png); padding-left: 25px; }
1834 | 	.summer legend span {	background-image: url(../i/c/spring/sunflower.png); padding-left: 30px; }
1835 | 	.summer .buttons button { background-image: url(../i/c/spring/checkout.png); }
1836 |   .summer dl.vevent .summary, .summer .vevent .dates { background-image: url(../i/c/spring/sunflower.png); padding-right: 33px; }
1837 | 	.summer .events .dates { background-image: url(../i/c/spring/sunflower-small.png); padding-right: 23px; margin-right: 1px; }
1838 | 	.summer #main-nav { background-image: url(../i/c/summer/main-nav.png); }
1839 |   .summer #top .return { background-image: url(../i/c/spring/return.png);	}
1840 | 	.summer #nav-register { background-image: url(../i/c/spring/nav-register.png); }
1841 | 	.summer #nav-register .remaining { background-image: url(../i/c/spring/nav-remaining.png); }
1842 |   .summer #nav-register .sold-out { background-image: url(../i/c/spring/nav-remaining-full.png); }
1843 | 	.summer #bottom { background-image: url(../i/c/spring/log.png); }
1844 | 	.summer #ornament-2 { background-image: url(../i/c/spring/wormie.png); }
1845 | 	.summer #ornament-4 { background-image: url(../i/c/spring/leaves_fg.png); }
1846 | 	.summer #ornament-1 { background-image: url(../i/c/spring/leaves_bg.png); }
1847 | 	.summer #contact button { background-image: url(../i/c/spring/stamp.jpg); }
1848 |   .summer #postcard { background-image: url(../i/c/spring/postcard.jpg); }
1849 |   .summer #content ul.actions li a { background-image: url(../i/c/summer/button.png); }
1850 |   .summer .faq-promo a { background-image: url(../i/c/summer/nail.png); }
1851 | 
1852 |   /* Fall */
1853 |   .fall { background-color: rgb(188, 229, 247); background-image: url(../i/c/fall/day.jpg); }
1854 | 	.fall.sunrise { background-color: rgb(254, 239, 232); background-image: url(../i/c/fall/sunrise.jpg); }
1855 |   .fall.sunset { background-color: rgb(134, 124, 161); background-image: url(../i/c/fall/sunset.jpg); }
1856 |   .fall.night { background-color: rgb(13, 41, 78); background-image: url(../i/c/fall/night.jpg); }
1857 |   .fall body { color: rgb(61, 35, 25); }
1858 |   .fall h1, .fall h2, .fall h3, .fall a:link, .fall a:visited, .fall strong { color: rgb(180, 49, 25); }
1859 |   .fall :focus { outline-color: rgb(235, 123, 35); }
1860 |   .fall a:hover, .fall a:focus, .fall dt:target { color: rgb(235, 123, 35); }
1861 |   .fall .frame, .fall .matte-1, .fall .matte-2, .fall .testimonial { background-color: rgb(235, 123, 35); }
1862 |   .fall ul li { background-image: url(../i/c/fall/bullet.png); padding-left: 20px; }
1863 | 	.fall legend span {	background-image: url(../i/c/fall/leaves.png); padding-left: 28px; }
1864 | 	.fall .buttons button { background-image: url(../i/c/fall/checkout.png); }
1865 |   .fall dl.vevent .summary, .fall .vevent .dates { background-image: url(../i/c/fall/leaves.png); padding-right: 30px; margin-right: 0; }
1866 | 	.fall .events .dates { background-image: url(../i/c/fall/leaves-small.png); padding-right: 20px; }
1867 |   .fall #main-nav { background-image: url(../i/c/fall/main-nav.png); }
1868 | 	.fall #top .return { background-image: url(../i/c/fall/return.png); }
1869 | 	.fall #nav-register { background-image: url(../i/c/fall/nav-register.png); }
1870 | 	.fall #nav-register .remaining { background-image: url(../i/c/fall/nav-remaining.png); }
1871 |   .fall #nav-register .sold-out { background-image: url(../i/c/fall/nav-remaining-full.png); }
1872 | 	.fall #bottom { background-image: url(../i/c/fall/log.png); }
1873 | 	.fall #ornament-2 { background-image: url(../i/c/fall/wormie.png); }
1874 | 	.fall #ornament-4 { background-image: url(../i/c/fall/leaves_fg.png); }
1875 | 	.fall #ornament-1 { background-image: url(../i/c/fall/leaves_bg.png); }
1876 | 	.fall #contact button { background-image: url(../i/c/fall/stamp.jpg); }
1877 |   .fall #postcard { background-image: url(../i/c/fall/postcard.jpg); }
1878 |   .fall #content ul.actions li a { background-image: url(../i/c/fall/button.png); }
1879 |   .fall .faq-promo a { background-image: url(../i/c/fall/nail.png); }
1880 |   
1881 |   /* Winter */
1882 |   .winter { background-color: rgb(194, 231, 250); background-image: url(../i/c/winter/day.jpg); }
1883 | 	.winter.sunrise { background-color: rgb(237, 248, 254); background-image: url(../i/c/winter/sunrise.jpg); }
1884 |   .winter.sunset { background-color: rgb(176, 182, 220); background-image: url(../i/c/winter/sunset.jpg); }
1885 |   .winter.night { background-color: rgb(17, 21, 60); background-image: url(../i/c/winter/night.jpg); }
1886 | 	.winter body { color: rgb(44, 23, 16); }
1887 |   .winter h1, .winter h2, .winter h3, .winter strong, .winter a:link, .winter a:visited { color: rgb(180, 50, 38); }
1888 |   .winter :focus { outline-color: rgb(123, 192, 200); }
1889 |   .winter a:hover, .winter a:focus, .winter dt:target { color: rgb(79, 189, 191); }
1890 |   .winter .frame, .winter .matte-1, .winter .matte-2, .winter .testimonial { background-color: rgb(123, 192, 200); }
1891 |   .winter ul li { background-image: url(../i/c/winter/bullet.png); padding-top: 5px; padding-left: 30px; }
1892 | 	.winter legend span {	background-image: url(../i/c/winter/snowflake.png); padding-left: 30px; }
1893 | 	.winter .buttons button { background-image: url(../i/c/winter/checkout.png); padding-top: 8px; height: 66px; }
1894 |   .winter dl.vevent .summary, .winter .vevent .dates { background-image: url(../i/c/winter/snowflake.png); padding: 6px 30px 6px 0; }
1895 | 	.winter .events .dates { background-image: url(../i/c/winter/snowflake-small.png); padding-right: 21px; margin-right: 1px; }
1896 |   .winter #main-nav { background-image: url(../i/c/winter/main-nav.png); }
1897 | 	.winter #top .return { background-image: url(../i/c/winter/return.png);	}
1898 | 	.winter #nav-register { background-image: url(../i/c/winter/nav-register.png); }
1899 | 	.winter #nav-register .remaining { background-image: url(../i/c/winter/nav-remaining.png); }
1900 |   .winter #nav-register .sold-out { background-image: url(../i/c/winter/nav-remaining-full.png); }
1901 | 	.winter #bottom { background-image: url(../i/c/winter/log.png); }
1902 | 	.winter #ornament-2 { background-image: url(../i/c/winter/wormie.png); }
1903 | 	.winter #ornament-4 { background-image: url(../i/c/winter/leaves_fg.png); }
1904 | 	.winter #ornament-1 { background-image: url(../i/c/winter/leaves_bg.png); }
1905 | 	.winter #contact button { background-image: url(../i/c/winter/stamp.jpg); }
1906 |   .winter #postcard { background-image: url(../i/c/winter/postcard.jpg); }
1907 |   .winter #content ul.actions li a { background-image: url(../i/c/winter/button.png); padding-top: 8px; }
1908 |   .winter .faq-promo a { background-image: url(../i/c/winter/nail.png); }
1909 | }
1910 | 
1911 | @media screen and (min-width:1025px) {
1912 | 	/* Global */
1913 |   .tree #main-nav, nav li { background: transparent bottom left no-repeat; }
1914 | 	.tree #top { background: transparent url(../i/c/spring/trunk.png) repeat-y top left; }
1915 |   .tree #top h1 img { background: transparent url(../i/c/spring/logo-full.png) no-repeat 50% 50%; }
1916 |   .tree #main-nav li a, .tree #main-nav li mark { background: transparent url(../i/c/spring/main-nav-1.png) no-repeat 50% 50%; }
1917 |   .tree #main-nav li:nth-child(2) a { background-image: url(../i/c/spring/main-nav-2.png); }
1918 |   .tree #main-nav li:nth-child(3) a { background-image: url(../i/c/spring/main-nav-3.png); }
1919 |   .tree #main-nav li mark { background-image: url(../i/c/spring/main-nav-1-on.png); }
1920 |   .tree #main-nav li:nth-child(2) mark { background-image: url(../i/c/spring/main-nav-2-on.png); }
1921 |   .tree #main-nav li:nth-child(3) mark { background-image: url(../i/c/spring/main-nav-3-on.png); }
1922 |   .tree #main-nav li b:after, .tree #main-nav li mark:after { background: transparent url(../i/c/spring/nail.png) no-repeat center left; }
1923 |   .tree #bottom { background: transparent url(../i/c/dirt.png) repeat 50% bottom; }
1924 |   .tree #nav-register { background: bottom left no-repeat; }
1925 | 	.tree #nav-register .remaining, .tree #nav-register .sold-out { background: transparent bottom center no-repeat; }
1926 |   .tree #bottom section { background: transparent url(../i/c/spring/roots.png) no-repeat center top; }
1927 | 	.tree #ornament-2, #ornament-5 { background: url(../i/c/spring/grass_bg.png) -20% bottom repeat-x; }
1928 | 	.tree #ornament-5 { background-image: url(../i/c/spring/grass_fg.png); background-position: center top; }
1929 | 	.tree #ornament-6 { background: url(../i/c/spring/stump.png) bottom center no-repeat; }
1930 |   .tree #ornament-4 { background-image: url(../i/c/spring/leaves_fg-full.png); }
1931 |   .tree #ornament-1 { background-image: url(../i/c/spring/leaves_bg-full.png); }
1932 |   #event.tree #content article:last-child { background: transparent url(../i/c/spring/easter-egg.png) bottom center no-repeat; padding-bottom:  200px; }
1933 | 	.tree #ornament-3 { background: bottom center no-repeat; }
1934 |   
1935 |   /* Spring */
1936 |   .spring #nav-details { background-image: url(../i/c/spring/nav-details.png); }
1937 | 	.spring #nav-schedule { background-image: url(../i/c/spring/nav-schedule.png); }
1938 | 	.spring #nav-instructors { background-image: url(../i/c/spring/nav-instructors.png); }
1939 |   .spring #nav-lodging { background-image: url(../i/c/spring/nav-lodging.png); }
1940 | 	.spring #nav-location { background-image: url(../i/c/spring/nav-location.png); }
1941 | 	.spring #nav-topics { background-image: url(../i/c/spring/nav-instructor.png); }
1942 | 	.spring .tree #nav-register { background-image: url(../i/c/spring/nav-register-full.png); }
1943 | 	.spring .tree #nav-register .remaining, .spring .tree #nav-register .sold-out { background-image: url(../i/c/spring/nav-remaining-full.png); }
1944 |   
1945 | }
1946 | 
1947 | @media screen and (max-width:659px) {
1948 |   #contact .buttons button { background-image: none; }
1949 |   
1950 |   /* Spring */
1951 |   .spring nav #mobile-nav, .spring #top .return { background:  url(../i/c/spring/mobile-nav.png) center bottom no-repeat; }
1952 | 	.spring #top .return { background: url(../i/c/spring/nav-remaining.png) center bottom no-repeat; }
1953 | 	.spring #postcard { background-image: url(../i/c/spring/postcard-sm.jpg); }
1954 |   
1955 | }
1956 | 
1957 | /*= Color */
1958 | a strong {
1959 | 	color: inherit;
1960 | }
1961 | @media screen {
1962 | 	#content h2.tag { color: inherit; }
1963 |   #content figure.double { background: transparent; }
1964 |   .remaining {
1965 | 		color: rgb(238, 221, 207);
1966 | 	}
1967 | 	.frame .inner p, table, caption, #content table a:link, #content table a:visited {
1968 | 		background-color: rgb(75, 48, 33);
1969 | 		color: rgb(232, 216, 197);
1970 | 	}
1971 | 	.frame a:link, .frame a:visited {
1972 | 		color: rgb(228, 102, 28);
1973 | 	}
1974 | 	.cart tfoot tr {
1975 | 		border-color: rgb(75, 48, 33);
1976 | 	}
1977 | 	.cart tfoot th, .cart tfoot td {
1978 | 		border-color: rgb(232, 216, 197);
1979 | 	}
1980 | 	tbody tr:nth-child(odd) {
1981 | 		background-color: rgb(119, 83, 57);
1982 | 		color: rgb(232, 216, 197);
1983 | 	}
1984 | 	.calendar tfoot td {
1985 | 	  background: rgb(232, 216, 197);
1986 | 	  color: #000;
1987 | 	}
1988 | 	.frame .inner, .frame .inner-1, .frame .inner-2, .testimonial img {
1989 | 		background-color: rgb(227, 222, 215);
1990 | 		border-color: rgb(227, 222, 215);
1991 | 	}
1992 | 	.testimonial {
1993 | 		background-color: rgb(227, 222, 215);
1994 | 		border-color: rgb(227, 222, 215);
1995 | 		color: rgb(0, 0, 0);
1996 | 	}
1997 |   section.faq-promo a:link, section.faq-promo a:visited {
1998 | 		border-color: rgb(227, 222, 215);
1999 | 		color: rgb(227, 222, 215);
2000 | 	}
2001 |   section.faq-promo a:hover, section.faq-promo a:focus {
2002 | 	  color: rgb(255, 255, 255);
2003 | 	}
2004 |   button, .actions li a:link, .actions li a:visited, .actions li a:focus, .actions li a:hover {
2005 | 		background: rgb(180, 51, 38);
2006 | 		color: rgb(255, 255, 255);
2007 | 	}
2008 | 	#content {
2009 | 		background: rgb(255, 255, 255);
2010 | 		background: rgba(255, 255, 255, .90);
2011 | 	}
2012 | 	.sunset #content {
2013 | 		background: rgba(255, 255, 255, .92);
2014 | 	}
2015 | 	.night #content {
2016 | 		background: rgba(255, 255, 255, .95);
2017 | 	}
2018 | 	#contact form {
2019 | 		border-color: #322822;
2020 | 	}
2021 | 	.failure,
2022 | 	.error input,
2023 | 	.error select,
2024 | 	.error textarea {
2025 | 		background-color: rgb(169, 33, 31);
2026 | 		border-color: rgb(131, 26, 24);
2027 | 		color: rgb(255, 255, 255);
2028 | 	}
2029 | 	input.validate:invalid,
2030 | 	select.validate:invalid,
2031 | 	textarea.validate:invalid {
2032 | 		background-color: rgb(169, 33, 31);
2033 | 		border-color: rgb(131, 26, 24);
2034 | 		color: rgb(255, 255, 255);
2035 | 	}
2036 | 	.error label {
2037 | 		color: rgb(183, 32, 37);
2038 | 	}
2039 | 	#fancybox-title a, .failure a:link, .failure a:visited {
2040 | 		color: inherit;
2041 | 	}
2042 | 	#top a, #top mark, #nav-register b, #nav-register span {
2043 | 		color: rgb(232, 216, 197);
2044 | 	}
2045 | 	#top a:hover, #top a:hover b, #top a:focus, #top a:focus b, #top mark {
2046 | 		color: rgb(255, 255, 255);
2047 | 	}
2048 | 	#bottom {
2049 | 		color: rgb(205, 190, 176);
2050 | 		text-shadow: 0 0 5px rgba(32, 17, 13, .95);
2051 | 	}
2052 | 	#bottom a {
2053 | 		color: rgb(150, 195, 48);
2054 | 	}
2055 | }
2056 | /* =Mobile only */
2057 | @media screen and (max-width:659px) {
2058 | 	#contact button {
2059 | 		background: rgb(180, 51, 38);
2060 | 		color: rgb(255, 255, 255);
2061 | 	}
2062 | 	#contact button strong {
2063 | 		background: transparent;
2064 | 		color: inherit;
2065 | 	}
2066 | }
2067 | 
2068 | /* =Effects */
2069 | @media screen {
2070 | 	.has-3d .card,
2071 | 	.has-3d .frame .inner,
2072 | 	.has-3d nav li {
2073 | 		-webkit-transform-style: preserve-3d;
2074 | 		transform-style: preserve-3d;
2075 | 	}
2076 | 	a {
2077 | 		-moz-transition: color .5s;
2078 | 		-o-transition: color .5s;
2079 | 		-webkit-transition: color .5s;
2080 | 		transition: color .5s;
2081 | 	}
2082 | 	nav li {
2083 | 		-moz-transition: margin-top .5s, -moz-transform .5s;
2084 | 		-o-transition: margin-top .5s, -o-transform .5s;
2085 | 		-webkit-transition: margin-top .5s, -webkit-transform .5s;
2086 | 		transition: margin-top .5s, transform .5s;
2087 | 	}
2088 | 	#contact button strong,
2089 | 	.frame a img.inner,
2090 | 	.faq-promo a {
2091 | 		-moz-transition: .5s;
2092 | 		-o-transition: .5s;
2093 | 		-webkit-transition: .5s;
2094 | 		transition: .5s;
2095 | 	}
2096 | 	#main {
2097 | 		-webkit-perspective: 600;
2098 | 		perspective: 600;
2099 | 	}
2100 | 	.card {
2101 | 		position: relative;
2102 | 		-webkit-transition-property: -webkit-transform;
2103 | 		-webkit-transition-duration: 1.5s;
2104 | 		transition-property: transform;
2105 | 		transition-duration: 1.5s;
2106 | 	}
2107 | 	.card.flipped
2108 | 	{
2109 |  		-webkit-transform: rotateY(180deg);
2110 |  		transform: rotateY(180deg);
2111 | 	}
2112 | 	.card .face {
2113 | 		-webkit-backface-visibility: hidden;
2114 | 		backface-visibility: hidden;
2115 | 		position: absolute;
2116 | 		top: 50px;
2117 | 		left: 0;
2118 | 	}
2119 | 	#postcard.face {
2120 | 		-webkit-transform: rotate(1deg) rotateY(180deg);
2121 | 		transform: rotate(1deg) rotateY(180deg);
2122 | 	}
2123 | 	#postcard.face p {
2124 | 		-moz-transform: rotate(1deg);
2125 | 		-o-transform: rotate(1deg);
2126 | 		-webkit-transform: rotate(1deg);
2127 | 		transform: rotate(1deg);
2128 | 	}
2129 | 	#contact button span {
2130 | 		-moz-transition: opacity .5s;
2131 | 		-o-transition: opacity .5s;
2132 | 		-webkit-transition: opacity .5s;
2133 | 		transition: opacity .5s;
2134 | 	}
2135 | }
2136 | 
2137 | /* =Global Print Styles */
2138 | @media print {
2139 | 	@page { margin: 0.5in; }
2140 | 	* { background: transparent !important; }
2141 | 	body { font-size: 120%; }
2142 | 	h1, h2, h3, h4, h5, h6 { margin: 1em 0; }
2143 | 	p { widows: 4; orphans: 4; }
2144 | 	h1, h2, ul, ol { page-break-inside: avoid; }
2145 | 	nav, .frame, #contact, #mobile-nav { display: none; }
2146 | 	#bottom { margin-top: .05in; padding-top: 0.05in; border-top: 1px solid; }
2147 | 	#bottom p { display: inline; }
2148 | }


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/favicon.ico


--------------------------------------------------------------------------------
/i/aaron-gustafson-right.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/aaron-gustafson-right.jpg


--------------------------------------------------------------------------------
/i/aaron-gustafson.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/aaron-gustafson.jpg


--------------------------------------------------------------------------------
/i/bridge.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/bridge.jpg


--------------------------------------------------------------------------------
/i/c/dirt.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/dirt.png


--------------------------------------------------------------------------------
/i/c/spring/bullet-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/bullet-8.png


--------------------------------------------------------------------------------
/i/c/spring/bullet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/bullet.png


--------------------------------------------------------------------------------
/i/c/spring/button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/button.png


--------------------------------------------------------------------------------
/i/c/spring/checkout-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/checkout-8.png


--------------------------------------------------------------------------------
/i/c/spring/checkout.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/checkout.png


--------------------------------------------------------------------------------
/i/c/spring/day.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/day.jpg


--------------------------------------------------------------------------------
/i/c/spring/easter-egg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/easter-egg.png


--------------------------------------------------------------------------------
/i/c/spring/grass_bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/grass_bg.png


--------------------------------------------------------------------------------
/i/c/spring/grass_fg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/grass_fg.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_bg-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_bg-8.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_bg-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_bg-full.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_bg.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_fg-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_fg-8.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_fg-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_fg-full.png


--------------------------------------------------------------------------------
/i/c/spring/leaves_fg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/leaves_fg.png


--------------------------------------------------------------------------------
/i/c/spring/log-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/log-8.png


--------------------------------------------------------------------------------
/i/c/spring/log.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/log.png


--------------------------------------------------------------------------------
/i/c/spring/logo-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/logo-8.png


--------------------------------------------------------------------------------
/i/c/spring/logo-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/logo-full.png


--------------------------------------------------------------------------------
/i/c/spring/logo-paypal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/logo-paypal.png


--------------------------------------------------------------------------------
/i/c/spring/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/logo.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-1-on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-1-on.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-1.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-2-on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-2-on.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-2.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-3-on.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-3-on.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-3.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav-8.png


--------------------------------------------------------------------------------
/i/c/spring/main-nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/main-nav.png


--------------------------------------------------------------------------------
/i/c/spring/mobile-nav-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/mobile-nav-8.png


--------------------------------------------------------------------------------
/i/c/spring/mobile-nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/mobile-nav.png


--------------------------------------------------------------------------------
/i/c/spring/nail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nail.png


--------------------------------------------------------------------------------
/i/c/spring/nav-details.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-details.png


--------------------------------------------------------------------------------
/i/c/spring/nav-instructors.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-instructors.png


--------------------------------------------------------------------------------
/i/c/spring/nav-location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-location.png


--------------------------------------------------------------------------------
/i/c/spring/nav-lodging.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-lodging.png


--------------------------------------------------------------------------------
/i/c/spring/nav-register-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-register-8.png


--------------------------------------------------------------------------------
/i/c/spring/nav-register-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-register-full.png


--------------------------------------------------------------------------------
/i/c/spring/nav-register.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-register.png


--------------------------------------------------------------------------------
/i/c/spring/nav-remaining-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-remaining-8.png


--------------------------------------------------------------------------------
/i/c/spring/nav-remaining-full-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-remaining-full-8.png


--------------------------------------------------------------------------------
/i/c/spring/nav-remaining-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-remaining-full.png


--------------------------------------------------------------------------------
/i/c/spring/nav-remaining.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-remaining.png


--------------------------------------------------------------------------------
/i/c/spring/nav-schedule.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/nav-schedule.png


--------------------------------------------------------------------------------
/i/c/spring/night.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/night.jpg


--------------------------------------------------------------------------------
/i/c/spring/postcard-sm.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/postcard-sm.jpg


--------------------------------------------------------------------------------
/i/c/spring/postcard.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/postcard.jpg


--------------------------------------------------------------------------------
/i/c/spring/return-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/return-8.png


--------------------------------------------------------------------------------
/i/c/spring/return.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/return.png


--------------------------------------------------------------------------------
/i/c/spring/roots.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/roots.png


--------------------------------------------------------------------------------
/i/c/spring/stamp.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/stamp.jpg


--------------------------------------------------------------------------------
/i/c/spring/stump.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/stump.png


--------------------------------------------------------------------------------
/i/c/spring/sunflower-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunflower-8.png


--------------------------------------------------------------------------------
/i/c/spring/sunflower-small-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunflower-small-8.png


--------------------------------------------------------------------------------
/i/c/spring/sunflower-small.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunflower-small.png


--------------------------------------------------------------------------------
/i/c/spring/sunflower.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunflower.png


--------------------------------------------------------------------------------
/i/c/spring/sunrise.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunrise.jpg


--------------------------------------------------------------------------------
/i/c/spring/sunset.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/sunset.jpg


--------------------------------------------------------------------------------
/i/c/spring/trunk.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/trunk.png


--------------------------------------------------------------------------------
/i/c/spring/wormie-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/wormie-8.png


--------------------------------------------------------------------------------
/i/c/spring/wormie.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/c/spring/wormie.png


--------------------------------------------------------------------------------
/i/easy-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/easy-logo.png


--------------------------------------------------------------------------------
/i/eric-meyer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/eric-meyer.jpg


--------------------------------------------------------------------------------
/i/gatlinburg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/gatlinburg.jpg


--------------------------------------------------------------------------------
/i/gondola.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/gondola.jpg


--------------------------------------------------------------------------------
/i/interior.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/interior.jpg


--------------------------------------------------------------------------------
/i/lodge.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/lodge.jpg


--------------------------------------------------------------------------------
/i/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/logo.png


--------------------------------------------------------------------------------
/i/mountains.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/mountains.jpg


--------------------------------------------------------------------------------
/i/porch.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/porch.jpg


--------------------------------------------------------------------------------
/i/rafting.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/rafting.jpg


--------------------------------------------------------------------------------
/i/room.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/room.jpg


--------------------------------------------------------------------------------
/i/together.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/together.jpg


--------------------------------------------------------------------------------
/i/trolley.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/trolley.jpg


--------------------------------------------------------------------------------
/i/view.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/view.jpg


--------------------------------------------------------------------------------
/i/waterfall.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/waterfall.jpg


--------------------------------------------------------------------------------
/i/woods.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/i/woods.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html id="retreats4geeks_com" class="day spring">
  4 | 	<head>
  5 | 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6 | 		<meta http-equiv="Content-Language" content="en"/>
  7 | 		<title>Retreats 4 Geeks presents HTML5 &amp; CSS3 &#8212; 8&#8211;10 April 2011</title>
  8 | 		
  9 | 		<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 10 | 		
 11 | 		<meta name="title" content="Retreats 4 Geeks presents HTML5 &amp; CSS3 &#8212; 8&#8211;10 April 2011"/>
 12 | 		<meta name="description" content="This Spring, Retreats 4 Geeks is proud to present three days of HTML5 &amp; CSS3 training from Eric Meyer and Aaron Gustafson. If you're the kind of person who finds conference sessions inspiring, but leave feeling like you didn&#8217;t learn any practical skills, look no futher. Our retreats are focused on arming you with the information you need to build incredible websites."/>
 13 | 
 14 | 		<link rel="stylesheet" href="c/main.css" type="text/css"/>
 15 | 		<!--[if IE 9]><link rel="stylesheet" href="c/ie9.css"/><![endif]-->
 16 | 		<!--[if lte IE 8]><link rel="stylesheet" href="c/ie8.css"/><![endif]-->
 17 | 		<!--[if lte IE 7]><link rel="stylesheet" href="c/ie7.css"/><![endif]-->
 18 | 		<!--[if lte IE 6]><link rel="stylesheet" href="c/ie6.css"/><![endif]-->
 19 | 		
 20 | 		<!-- Icons -->
 21 | 		<link rel="apple-touch-icon" href="/app-icon.png"/>
 22 | 		<link rel="shortcut icon" href="/favicon.ico"/>
 23 | 		
 24 | 		<!-- Device stuff -->
 25 | 		<meta name="viewport" content="width=device-height"/>
 26 | 		
 27 | 	</head>
 28 | 	<body id="event" class="tree">
 29 | 		<section>
 30 | 			<b id="ornament-1"></b>
 31 | 			<b id="ornament-2"></b>
 32 | 			<b id="ornament-3"></b>
 33 | 		</section>
 34 | 		<header id="top" role="banner">
 35 | 			<h1><a href="/">
 36 | 				<img src="i/c/spring/logo.png" alt="Retreats 4 Geeks" />
 37 | 			</a></h1>
 38 | 			<nav role="navigation">
 39 | 				<ol id="event-nav">
 40 | 					<li id="nav-details">
 41 | 						<a href="#details" title="Find out what this retreat is all about">Details</a>
 42 | 					</li> 
 43 | 					<li id="nav-schedule">
 44 | 						<a href="#schedule" title="Get familiar what this retreat will cover">Schedule</a>
 45 | 					</li> 
 46 | 					<li id="nav-instructors">
 47 | 						<a href="#instructors" title="Get to know this retreat&#8217;s facilitators">Instructors</a>
 48 | 					</li> 
 49 | 					<li id="nav-lodging">
 50 | 						<a href="#lodging" title="Learn more about the place we&#8217;re staying">Lodging</a>
 51 | 					</li> 
 52 | 					<li id="nav-location">
 53 | 						<a href="#location" title="Get the 411 on Gatlinburg, TN">Location</a>
 54 | 					</li> 
 55 | 				</ol>
 56 | 				<p id="nav-register">
 57 | 					<b>Register Now</b>
 58 | 					<span class="sold-out">Sold Out</span>
 59 | 				</p>
 60 | 			</nav>
 61 | 		</header>
 62 | 		
 63 | 		<div id="content" class="vevent" role="main">
 64 | 
 65 | 			<article id="details">
 66 | 				<header>
 67 | 					<h1>Join us for <b class="summary">HTML5<i class="nbsp">&nbsp;</i><i class="amp">&amp;</i><i class="nbsp">&nbsp;</i>CSS3</b></h1>
 68 | 					<p class="dates"><time class="dtstart" datetime="2011-04-08" title="2011-04-08">8</time>&#8211;<time class="dtend" datetime="2011-04-10" title="2011-04-10">10 April 2011</time></p>
 69 | 					<p class="location">Gatlinburg, <abbr title="Tennessee">TN</abbr></p>
 70 | 				</header>
 71 | 				
 72 | 				<figure class="frame focal">
 73 | 					<img class="inner" src="i/mountains.jpg" alt="" title="Smoky Mountains by Jetfxer - http://www.flickr.com/photos/stevesphoto/3031671073/"/>
 74 | 				</figure>
 75 | 
 76 | 				<section class="main description">
 77 | 					<p class="intro">This Spring, Retreats 4 Geeks is proud to present three days of HTML5 <i class="amp">&amp;</i> CSS3 training from <a href="#eric-meyer">Eric Meyer</a> and <a href="#aaron-gustafson">Aaron Gustafson</a>.</p>
 78 | 				    <p>If you&#8217;re the kind of person who finds conference sessions inspiring, but leave feeling like you didn&#8217;t learn any practical skills, look no futher. Our retreats are focused on arming you with the information you need to build incredible websites.</p>
 79 | 					<ul>
 80 | 						<li><strong>Top notch training:</strong>
 81 | 							Retreats are comprised of <em>2 full days of in-depth workshops</em>, <em>one day of hands-on mentoring</em>, and <em>lots of lively discussions</em> outside of the classroom.</li>
 82 | 						<li><strong>Get the attention you deserve:</strong> 
 83 | 							Our retreats offer <em>an intimate classroom setting</em> you won&#8217;t get anywhere else because we cap our class sizes at 20 students.</li>
 84 | 						<li><strong>Learn from the experts:</strong>
 85 | 							With more than 32 years of combined experience on the web, CSS grand master <a href="#eric-meyer">Eric Meyer</a> and the Web Standards Project&#8217;s <a href="#aaron-gustafson">Aaron Gustafson</a> know how to teach. They also understand HTML5 <i class="amp">&amp;</i> CSS3 like few others.</li>
 86 | 						<li><strong>Includes everything but airfare:</strong>
 87 | 							You&#8217;re here to learn, not to worry about where you&#8217;ll stay, how you&#8217;ll get to the event and where you&#8217;ll eat each day. This retreat includes <a href="#lodging">4 nights of lodging</a> plus <em>gourmet, home-cooked organic meals <i class="amp">&amp;</i> snacks</em> each day.</li>
 88 | 						<li><strong>A fantastic location:</strong>
 89 | 							Clearing your mind is the first step to learning, so we look for relaxing environs in which to host our events. And what could be better than a <a href="#lodging">luxury lodge</a> nestled in the middle of the <a href="#location">Great Smoky Mountains</a>?</li>
 90 | 					</ul>
 91 | 				</section>
 92 | 			</article><!-- / #details -->
 93 | 			<article id="schedule">
 94 | 				<header>
 95 | 					<h1>3 Days, Countless<i class="nbsp">&nbsp;</i>Lessons</h1>
 96 | 				</header>
 97 | 				
 98 | 				<section class="main">
 99 | 					<p>Below is the schedule for the retreat itself. <a href="#arrival">Skip ahead</a> for information on arrival and departure dates.</p>
100 | 					<table class="calendar" summary="Event schedule. All dates are in 2011.">
101 | 						<col class="times">
102 | 						<col class="day">
103 | 						<col class="day">
104 | 						<col class="day">
105 | 						<thead>
106 | 							<tr class="calendar-dates">
107 | 								<th rowspan="2"></th>
108 | 								<th scope="col">8 April</th>
109 | 								<th scope="col">9 April</th>
110 | 								<th scope="col">10 April</th>
111 | 							</tr>
112 | 							<tr class="calendar-description">
113 | 								<td>HTML5</td>
114 | 								<td>CSS3</td>
115 | 								<td>Mentoring<a href="#mentoring">*</a></td>
116 | 							</tr>
117 | 							<tr class="calendar-notes">
118 | 								<td></td>
119 | 								<td>Aaron Gustafson</td>
120 | 								<td>Eric Meyer</td>
121 | 								<td>Aaron Gustafson <br/><i class="amp;">&amp;</i> Eric Meyer</td>
122 | 							</tr>
123 | 						</thead>
124 | 						<tbody>
125 | 							<tr>
126 | 								<th scope="row">8–9AM</th>
127 | 								<td colspan="3" class="break">Breakfast</td>
128 | 							</tr>
129 | 							<tr>
130 | 								<th scope="row">9–10:30AM</th>
131 | 								<td>Semantics</td>
132 | 								<td>Selectors</td>
133 | 								<td rowspan="3">Mentoring</td>
134 | 							</tr>
135 | 							<tr>
136 | 								<th scope="row">10:30–11AM</th>
137 | 								<td colspan="2" class="break">Break</td>
138 | 							</tr>
139 | 							<tr>
140 | 								<th scope="row">11–12:30PM</th>
141 | 								<td>Audio <i class="amp;">&amp;</i> Video</td>
142 | 								<td>Backgrounds <i class="amp;">&amp;</i> Borders</td>
143 | 							</tr>
144 | 							<tr>
145 | 								<th scope="row">12:30–2PM</th>
146 | 								<td colspan="3" class="break">Lunch</td>
147 | 							</tr>
148 | 							<tr>
149 | 								<th scope="row">2–3:30PM</th>
150 | 								<td>Accessibility</td>
151 | 								<td>Transforms</td>
152 | 								<td rowspan="3">Mentoring</td>
153 | 							</tr>
154 | 							<tr>
155 | 								<th scope="row">3:30–4PM</th>
156 | 								<td colspan="2" class="break">Break</td>
157 | 							</tr>
158 | 							<tr>
159 | 								<th scope="row">4–5:30PM</th>
160 | 								<td>JavaScript Interfaces</td>
161 | 								<td>Animations</td>
162 | 							</tr>
163 | 							<tr>
164 | 								<th scope="row">6PM–</th>
165 | 								<td colspan="3" class="break">Dinner <i class="amp;">&amp;</i> evening entertainment</td>
166 | 							</tr>
167 | 						</tbody>
168 | 					</table>
169 | 					<p id="mentoring">*Attendees will work together (or in small teams) on a real-world project, incorporating everything they&#8217;ve learned over the previous two days. <a href="#instructors">Our instructors</a> will be available to answer (and pose) questions throughout the day. Attendees will present their work to the group for discussion and feedback.</p>
170 | 					<h2 id="arrival">7 April 2011 – Arrival</h2>
171 | 					<p>Attendees will be able to check into the lodge after 12PM. Dinner will be served at 7PM. An informal dinner will be available for attendees arriving late.</p>
172 | 					<h2 id="departure">11 April 2011 – Departure</h2>
173 | 					<p>Attendees must check out of the lodge by 10AM. Breakfast will be served from 8–9AM. An informal breakfast will be available for attendees departing early.</p>
174 | 				</section>
175 | 			</article><!-- / #schedule -->
176 | 			
177 | 			<article id="instructors">
178 | 				<header>
179 | 					<h1>Your Fearless<i class="nbsp">&nbsp;</i>Leaders</h1>
180 | 				</header>
181 | 				
182 | 				<section class="main">
183 | 					<section id="eric-meyer" class="vcard">
184 | 						<figure class="frame focal">
185 | 							<img class="inner photo" src="i/eric-meyer.jpg" alt=""/>
186 | 						</figure>
187 | 						<h1 class="fn">Eric Meyer</h1>
188 | 						<p>An internationally recognized expert on the subjects of HTML, CSS, and Web standards, Eric Meyer has been working on the web since late 1993. He is the founder of <a href="http://complexspiral.com/">Complex Spiral Consulting</a>, a co-founder of the <a href="http://microformats.org/">microformats</a> movement, and co-founder (with <a href="http://zeldman.com/">Jeffrey Zeldman</a>) of <a href="http://aneventapart.com/">An Event Apart</a>, the conference series for people who make web sites.</p>
189 | 						<p>Beginning in early 1994, Eric was the visual designer and campus web coordinator for the <a href="http://www.cwru.edu/">Case Western Reserve University</a> website, where he authored a widely acclaimed series of HTML tutorials and was project coordinator for the online version of the <cite><a href="http://ech.cwru.edu/">Encyclopedia of Cleveland History</a></cite>, the first example of an encyclopedia of urban history being fully and freely published on the web.</p>
190 | 						<p>Eric is the author of several books including <cite><a href="http://www.meyerweb.com/eric/books/css-tdg/">Cascading Style Sheets: The Definitive Guide</a></cite> (O'Reilly & Associates) and <cite><a href="http://meyerweb.com/eric/books/smashing/">Smashing CSS</a></cite> (Wiley) as well as numerous articles for the O'Reilly Network, Web Techniques, Web Review, and <a href="http://alistapart.com/">A List Apart</a>.  He conducts customized, in-depth training for a wide variety of organizations and has delivered keynotes and technical presentations at conferences the world over.  In 2006, he was inducted into the <a href="http://iadas.net/">International Academy of Digital Arts and Sciences</a> for &#8220;international recognition on the topics of HTML and CSS&#8221; and helping to &#8220;inform excellence and efficiency on the Web.&#8221;</p>
191 | 						<p>In his personal time, Eric acts as List Chaperone for the highly active <a href="http://css-discuss.org/">css-discuss</a> mailing list, enjoys a good meal whenever possible, and considers almost no type of music to be worthless. He lives in Cleveland Heights with his wife and daughters.</p>
192 | 					</section>
193 | 					<section id="aaron-gustafson" class="vcard">
194 | 						<figure class="frame focal">
195 | 							<img class="inner photo" src="i/aaron-gustafson.jpg" alt=""/>
196 | 						</figure>
197 | 						<h1 class="fn">Aaron Gustafson</h1>
198 | 						<p>Aaron has been working on the web for nearly 15 years and, in that time, has cultivated a love of web standards and an in-depth knowledge of website strategy and architecture, interface design, and numerous languages (including XHTML, CSS, JavaScript, and PHP). Aaron and his wife, Kelly, own <a class="url" rel="external" href="http://easy-designs.net">Easy! Designs</a>, a boutique web consultancy based in Chattanooga, TN. When not neck deep in code, Aaron is usually found evangelizing his findings and sharing his knowledge and passion with others in the field.</p>
199 | 						<p>Aaron has trained professionals at <cite>The New York Times</cite>, Gartner, and the US Environmental Protection Agency (among others), and has presented at the world's foremost web conferences, such as An Event Apart and Web Directions. He is <b class="role">Group Manager</b> of the <a class="org" rel="external" href="http://webstandards.org">Web Standards Project (WaSP)</a> and serves as an Invited Expert to the World Wide Web Consortium’s <a rel="external" href="http://www.w3.org/2005/Incubator/owea/">Open Web Education Alliance (OWEA)</a>. He created <a rel="external" href="http://ecsstender.org">eCSStender</a>, serves as Technical Editor for <a rel="external" href="http://alistapart.com"><cite>A List Apart</cite></a>, is a contributing writer for <a rel="external" href="http://netmag.co.uk"><cite>.net Magazine</cite></a>, and has filled a small library with his technical writing and editing credits. His next book, <cite>Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement</cite>, is due out in early 2011.</p>
200 | 						
201 | 					</section>
202 | 				</section>
203 | 			</article><!-- / #instructors -->
204 | 			
205 | 			<article id="lodging">
206 | 				<header>
207 | 					<h1>Where You&#8217;ll<i class="nbsp">&nbsp;</i>Stay</h1>
208 | 				</header>
209 | 				
210 | 				<figure class="frame focal">
211 | 					<img class="inner" src="i/lodge.jpg" alt="" title="The exterior of our lodge. Courtesy Majestic Overlook."/>
212 | 				</figure>
213 | 
214 | 				<section class="main">
215 | 					<p class="intro">This is about as far from industrial carpeting and folding chairs as you can get.</p>
216 | 					<p>Our luxury lodge is located on the side of a mountain in Sevierville, Tennessee, just outside of Gatlinburg. Equipped with a 4x8 foot theater screen, wireless internet, a hot tub, a pool table, a dartboard, a bar, and gorgeous views of the surrounding mountains, it&#8217;s the perfect atmosphere to escape the daily grind and learn something new.</p>
217 | 					<p>Each of the lodge&#8217;s twelve suites has a king-sized bed, private bathroom with a jacuzzi tub, and its own balcony so you can relax and relish your surroundings. You can even bring a guest for a small additional fee.</p>
218 | 					<p>In addition to filling your head with knowledge, we&#8217;ll fill your tummy with tasty organic meals (and plenty of snacks for when you get peckish), all prepared in-house by our personal chef. And if you have dietary restrictions or preferences, we&#8217;ll do everything we can to accommodate and offer tasty choices.</p>
219 | 				</section>
220 | 				
221 | 				<aside class="extra">
222 | 					<ul class="gallery">
223 | 						<li>
224 | 							<figure class="frame">
225 | 								<img class="inner" src="i/room.jpg" alt="" title="Your guest room. Courtesy Majestic Overlook."/>
226 | 							</figure>                   
227 | 						</li>                           
228 | 						<li>                            
229 | 							<figure class="frame">      
230 | 								<img class="inner" src="i/interior.jpg" alt="" title="The main living room. Courtesy Majestic Overlook."/>
231 | 							</figure>                   
232 | 						</li>                           
233 | 						<li>                            
234 | 							<figure class="frame">      
235 | 								<img class="inner" src="i/porch.jpg" alt="" title="Your private balcony. Courtesy Majestic Overlook."/>
236 | 							</figure>
237 | 						</li>
238 | 					</ul>
239 | 				</aside>
240 | 			</article><!-- / #lodging -->
241 | 			
242 | 			<article id="location">
243 | 				<header>
244 | 					<h1>Nestled in the<i class="nbsp">&nbsp;</i>Smokies: <b class="location">Gatlinburg, <abbr title="Tennessee">TN</abbr></b></h1>
245 | 				</header>
246 | 				
247 | 				<figure class="frame focal">
248 | 					<a rel="external" href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Gatlinburg,+TN&amp;sll=37.0625,-95.677068&amp;sspn=54.533615,74.091797&amp;ie=UTF8&amp;hq=&amp;hnear=Gatlinburg,+Sevier,+Tennessee&amp;ll=35.713068,-83.509827&amp;spn=1.768401,2.315369&amp;z=9" title="View Gatlinburg, Tennessee on Google Maps"><img class="inner illustration map" src="http://maps.google.com/maps/api/staticmap?center=Gatlinburg%2C%20TN&amp;zoom=8&amp;size=300x225&amp;sensor=false&amp;markers=color:red|Gatlinburg%2C%20TN" alt="A map showing the location of Gatlinburg, Tennessee" /></a>
249 | 					<figcaption class="geo"><abbr class="latitude" title="35.71251">35°43′19″N</abbr> <abbr class="longitude" title="-83.51017">83°29′58″W</abbr></figcaption>
250 | 				</figure>
251 | 				
252 | 				<section class="main">
253 | 					<p class="intro">Located adjacent to the Great Smoky Mountains National Park, Gatlinburg boasts small town charm and world-class amenities.</p>
254 | 					<p>In addition to fun and campy activities organized just for the retreat attendees at the lodge, you have <a rel="external" href="http://ripleysgatlinburg.com ">museums</a>, a <a rel="external" href="http://ripleysaquariumofthesmokies.com">nationally-recognized aquarium</a>, outstanding eateries, fantastic attractions, outdoor activities and picturesque surroundings right at your doorstep.</p>
255 | 					<p>Gatlinburg is also an ideal destination for eco-friendly vacations and travel. Recently partnering with the Gatlinburg Chamber of Commerce Foundation, the city’s residents and businesses are participating in the <a rel="external" href="http://www.gatlinburggoesgreen.com/">Gatlinburg Goes Green Initiative</a> in an effort to stay environmentally responsible.</p>
256 | 				</section>
257 | 
258 | 				<aside class="extra">
259 | 					<ul class="gallery">
260 | 						<li> 
261 | 							<figure class="frame">
262 | 								<img class="inner" src="i/waterfall.jpg" alt="" title="Weekend in Gatlinburg by merfam - http://www.flickr.com/photos/merfam/4088069734/"/>
263 | 							</figure>                   
264 | 						</li>                           
265 | 						<li>                            
266 | 							<figure class="frame">      
267 | 								<img class="inner" src="i/gondola.jpg" alt="" title="Sky Lift, Gatlinburg, TN by faungg - http://www.flickr.com/photos/44534236@N00/3821640981/"/>
268 | 							</figure>                   
269 | 						</li>                           
270 | 						<li>                            
271 | 							<figure class="frame">      
272 | 								<img class="inner" src="i/woods.jpg" alt="" title="Laurel Falls Gatlinburg, TN. by mgarone810 - http://www.flickr.com/photos/39982724@N07/3677528554/"/>
273 | 							</figure>
274 | 						</li>
275 | 					</ul>
276 | 				</aside>
277 | 			</article><!-- / #location -->
278 | 			
279 | 
280 | 		</div><!-- / #content -->
281 | 		
282 | 		<footer id="bottom" role="contentinfo">
283 | 			<section>
284 | 				<p id="copyright">&copy;2010 Retreats 4 Geeks. All Rights Reserved.</p>
285 | 			  <p>Retreats 4 Geeks is an <a rel="external me" href="http://easy-designs.net/">Easy! Designs</a> venture.</p>
286 | 			</section>
287 | 		</footer>
288 | 		<section>
289 | 			<b id="ornament-4"></b>
290 | 			<b id="ornament-5"></b>
291 | 			<b id="ornament-6"></b>
292 | 		</section>
293 | 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
294 | 		<script>window.jQuery || document.write("<script src='j/jquery.js'>\x3C/script>")</script>
295 | 		<script type="text/javascript" src="j/main.js"></script>
296 | 	</body>
297 | </html>


--------------------------------------------------------------------------------
/j/main.js:
--------------------------------------------------------------------------------
  1 | /*------------------------------------------------------------------------------
  2 | Function:       FunctionHandler()
  3 | Author:         Aaron Gustafson (aaron at easy-designs dot net)
  4 | Creation Date:  2009-04-02
  5 | Version:        0.2
  6 | Homepage:       http://github.com/easy-designs/FunctionHandler.js
  7 | License:        MIT License (see homepage)
  8 | Note:           If you change or improve on this script, please let us know by
  9 |                 emailing the author (above) with a link to your demo page.
 10 | ------------------------------------------------------------------------------*/
 11 | (function($){var FunctionHandler={version:"0.2"},pages={};function initialize(){var body_id=$("body").attr("id");if(body_id!=false&&typeof(pages[body_id])!="undefined"){run(pages[body_id])}if(typeof(pages["*"])!="undefined"){run(pages["*"])}}$(document).ready(initialize);FunctionHandler.register=function(id,callback){if((typeof(id)!="string"&&!(id instanceof Array))||typeof(callback)!="function"){return false}if(typeof(id)=="string"&&id.indexOf(", ")!=-1){id=id.split(", ")}if(id instanceof Array){for(var i=id.length-1;i>=0;i--){add(id[i],callback)}}else{add(id,callback)}return true};function add(id,callback){if(typeof(pages[id])=="undefined"){pages[id]=[]}pages[id].push(callback)}function run(arr){if(!(arr instanceof Array)){return}for(var i=arr.length-1;i>=0;i--){arr[i]()}}window.FunctionHandler=FunctionHandler})(jQuery);
 12 | 
 13 | /**
 14 |  * jQuery.ScrollTo - Easy element scrolling using jQuery.
 15 |  * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 16 |  * Dual licensed under MIT and GPL.
 17 |  * Date: 5/25/2009
 18 |  * @author Ariel Flesler
 19 |  * @version 1.4.2
 20 |  *
 21 |  * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 22 |  */
 23 | ;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);
 24 | 
 25 | 
 26 | // make sure a user hitting the back button doesn't kill the layout
 27 | if ( window.addEventListener )
 28 | {
 29 | 	window.addEventListener('pageshow',function(e){
 30 | 		if (e.persisted)
 31 | 		{
 32 | 			setTimeout(function(){
 33 | 				window.scrollTo(window.scrollX,window.scrollY+1);
 34 | 			},10);
 35 | 		}
 36 | 	}, false);
 37 | }
 38 | 
 39 | 
 40 | // function to adjust the viewport
 41 | (function(win,doc){
 42 |   window.adjustViewport = function( property, value )
 43 |   {
 44 |   	var
 45 |   	$viewport = $('meta[name=viewport]'),
 46 |   	currently = $viewport.attr('content'),
 47 |   	o_props		=	currently.split(/\s,\s?/),
 48 |   	n_props		= [],
 49 |   	i					=	o_props.length,
 50 |   	set       = false;
 51 |   	while ( i-- )
 52 |   	{
 53 |   		o_props[i] = o_props[i].split(/\s?=\s?/);
 54 |   		if ( o_props[i][0] == property )
 55 |   		{
 56 |   			if ( value !== false )
 57 |   			{
 58 |   				o_props[i][1] = value;
 59 |   				n_props.push( o_props[i].join('=') );
 60 |   			}
 61 |   			set = true;
 62 |   		}
 63 |   		else
 64 |   		{
 65 |   			n_props.push( o_props[i].join('=') );
 66 |   		}
 67 |   	}
 68 |   	if ( ! set )
 69 |   	{
 70 |   		n_props.push(property+'='+value);
 71 |   	}
 72 |   	n_props = n_props.join(',');
 73 |   	$viewport.attr('content',n_props);
 74 |   };
 75 | })(window);
 76 | 
 77 | 
 78 | // create the maxContentHeight method
 79 | (function(win,doc){
 80 | 	var
 81 | 	$window		= $(win),
 82 | 	$document	= $(doc),
 83 | 	$content	= $('#content');
 84 | 
 85 | 	window.maxContentHeight = function(){
 86 | 		$content.css('min-height','0');
 87 | 		var
 88 | 		c_height	=	$content.height(),
 89 | 		d_height	= $document.height(),
 90 | 		w_height	=	$window.height(),
 91 | 		p_height	= ( d_height > w_height ? d_height : w_height ) - 
 92 | 								$('#ornament-1').outerHeight(true) -
 93 | 								$('#bottom').outerHeight(true);
 94 | 		if ( p_height > c_height )
 95 | 		{
 96 | 			$content.css('min-height',p_height+'px');
 97 | 		}
 98 | 	};
 99 | })(window,document);
100 | 
101 | // borrowed from modernizr
102 | function supports3d()
103 | {
104 | 	var
105 | 	doc		= document,
106 | 	props = ['perspectiveProperty', 'WebkitPerspective'],
107 | 	div		= doc.createElement('div'),
108 | 	ret		= false,
109 | 	i, st;
110 | 	
111 | 	for ( i = props.length - 1; i >= 0; i-- )
112 | 	{
113 | 		ret = ret ? ret : div.style[props[i]] != undefined;
114 | 		if ( ret ){ break; }
115 | 	};
116 | 
117 | 	// webkit has 3d transforms disabled for chrome, though
118 | 	// it works fine in safari on leopard and snow leopard
119 | 	// as a result, it 'recognizes' the syntax and throws a false positive
120 | 	// thus we must do a more thorough check:
121 | 	if (ret)
122 | 	{
123 | 		st = doc.createElement('style');
124 | 		st.textContent = '@media (-webkit-transform-3d){#test3d{height:3px}}';
125 | 		st = $(st).appendTo('head');
126 | 		div = $(div)
127 | 						.attr('id','test3d')
128 | 						.appendTo('body');
129 | 		
130 | 		ret = div.height() === 3;
131 | 		
132 | 		st.remove();
133 | 		div.remove();
134 | 	}
135 | 	if ( navigator.userAgent.indexOf('Version/4') > -1 &&
136 |        navigator.userAgent.indexOf('Safari') > -1 )
137 | 	{
138 | 		ret = false;
139 | 	}
140 | 	return ret;
141 | }
142 | 
143 | // all page scripts
144 | FunctionHandler.register(
145 | 	'*',
146 | 	function(){
147 | 		
148 | 		// If the browser supports the new HTML5 form stuff,
149 | 		// add a trigger to form elements that have been touched
150 | 		(function(doc){
151 | 			var
152 | 			input		= doc.createElement( 'input' ),
153 | 			trigger	=	'validate';
154 | 			input.setAttribute('type','email');
155 | 			if ( input.type == 'email' )
156 | 			{
157 | 				$('input, textarea, select')
158 | 					.blur(function(){
159 | 						var $this		= $(this);
160 | 						if ( ! $this.hasClass(trigger) &&
161 | 						 		 $this.val() != '' )
162 | 						{
163 | 							$this.addClass(trigger);
164 | 						}
165 | 					})
166 | 					.focus(function(){
167 | 						$(this).removeClass(trigger);
168 | 					});
169 | 			}
170 | 		})(document);
171 | 		
172 | 		if ( supports3d() )
173 | 		{
174 | 			$('html').addClass('has-3d');
175 | 		}
176 | 		
177 | 		// for iOS (remove the toolbar)
178 | 		if ( window.location.hash == '' )
179 | 		{
180 |   			window.scrollTo(0, 1);
181 | 		}
182 | 
183 | 		// set the content height to 100% of screen height
184 | 		maxContentHeight();
185 | 		var r_timer;
186 | 		$(window)
187 | 			.resize(function(){
188 | 				if ( r_timer ){
189 | 					clearTimeout( r_timer );
190 | 					r_timer = false;
191 | 				}
192 | 				r_timer = setTimeout( realResize, 50 );
193 | 			});
194 | 		function realResize()
195 | 		{
196 | 			clearTimeout( r_timer );
197 | 			r_timer = false;
198 | 			maxContentHeight();
199 | 		}
200 | 		
201 | 		// Small screen nav conversion
202 | 		(function(win){
203 | 		  // not on the reg-related pages
204 | 		  
205 | 			var
206 | 			page        = $('body').attr('id'),
207 | 			$window     = $(win),
208 | 			$document	  = $(document),
209 |   		curr_page   = '',
210 |   		autoScroll	= false,
211 |       // get the existing navigation
212 | 			$old_nav = $('#top nav > *'),
213 | 			// new var to reduce the number of times we have to find() the links
214 | 			$links	 = $old_nav.find('a'),
215 | 			// we don't need to create the markup yet
216 | 			$new_nav, $option, $optgroup
217 | 			// track what's showing
218 | 			showing	 = 'old',
219 | 			// predefine the trigger size
220 | 			trigger  = 659,
221 | 			// we'll need a timer later
222 | 			timer		 = null;
223 | 			
224 | 			// don't execute this when on the reg page
225 | 			if ( page == 'register' ||
226 | 			     page == 'checkout' ||
227 | 			     page == 'thanks' ||
228 | 			     page == 'cancelled' )
229 | 			{
230 | 			  return;
231 | 			}
232 |       
233 |       // make sure the UL exists & it contains links
234 | 			if ( $old_nav.length &&
235 | 					 $links.length )
236 | 			{
237 | 				// now we can create the markup & assign event handlers
238 | 				$new_nav  =	$('<select></select>');
239 | 				$option   =	$('<option>-- Navigation --</option>')
240 | 											.appendTo($new_nav);
241 | 				$optgroup =	$('<optgroup></optgroup>');
242 | 				if ( window.location.toString().match(/\/events\/\d{4}\//) )
243 | 				{
244 | 				  $new_nav.append($optgroup.clone().attr('label','On This Page'));
245 | 				  $new_nav.append($optgroup.clone().attr('label','On This Site'));
246 |           // event page
247 | 				  $links
248 |   					.each(function(){
249 |   						var $a = $(this);
250 |   						$option
251 |   							.clone()
252 |   							.attr( 'value', $a.attr('href') )
253 |   							.text( $a.text() )
254 |   							.appendTo( ( $a.parents('#main-nav').length > 0 ) ? $new_nav.find('optgroup[label$=Site]')
255 |   							                                                  : $new_nav.find('optgroup[label$=Page]') );
256 |   					});
257 | 				}
258 | 				else
259 | 				{
260 | 				  // other pages
261 | 				  $links
262 |   					.each(function(){
263 |   						var $a = $(this);
264 |   						$option
265 |   							.clone()
266 |   							.attr( 'value', $a.attr('href') )
267 |   							.text( $a.text() )
268 |   							.appendTo( $new_nav );
269 |   					});
270 | 				}
271 | 				$new_nav	=	$new_nav
272 | 											.wrap('<div id="mobile-nav"/>')
273 | 											.parent()
274 | 											.delegate('select', 'change', function(){
275 | 												var $this = $(this);
276 | 												if ( $this.val().indexOf('#') != -1 )
277 | 												{
278 | 													scrollToArticle( $this.val().replace(/(#)\/(.*)/,'$1$2') );
279 | 												}
280 | 												else
281 | 												{
282 | 													window.location = $this.val();
283 | 												}
284 | 											});
285 | 
286 | 				// our toggle function
287 | 				function toggleDisplay()
288 | 				{
289 | 					var width = $window.width();
290 | 					if ( showing == 'old' &&
291 | 						   width <= trigger )
292 | 					{
293 | 						$old_nav.replaceWith($new_nav);
294 | 						showing = 'new';
295 | 						adjustViewport('user-scalable','no');
296 | 					} else if ( showing == 'new' &&
297 | 											width > trigger ) {
298 | 						$new_nav.replaceWith($old_nav);
299 | 						showing = 'old';
300 | 						adjustViewport('user-scalable',false);
301 | 					}
302 | 				}
303 | 				// toggle it the first time
304 | 				toggleDisplay();
305 | 
306 | 				// set up the toggle
307 | 				$window
308 | 					.resize(function(){
309 | 						if ( timer ) {
310 | 							clearTimeout(timer);
311 | 						}
312 | 						timer = setTimeout(toggleDisplay,100);
313 | 					});
314 | 			}
315 | 			
316 |   		function defaultScrollCallback(){
317 |   			window.location.hash = '#/' + curr_page;
318 |   		};
319 | 			function scrollToArticle( selector, callback )
320 |   		{
321 |   			autoScroll = true;
322 |   			var new_callback = function(){
323 |   				curr_page = selector.replace('#','');
324 |   				if ( callback )
325 |   				{
326 |   					callback();
327 |   				}
328 |   				else
329 |   				{
330 |   					defaultScrollCallback();
331 |   				}
332 |   				setTimeout(function(){
333 |   					autoScroll = false;
334 |   				},50);
335 |   			};
336 | 
337 |   			$document.scrollTo(
338 |   				selector,
339 |   				500,
340 |   				{
341 |   					easing:		'swing',
342 |   					onAfter:	new_callback
343 |   				}
344 |   			);
345 |   		}
346 |   		
347 | 		})(window)
348 | 		
349 | 	});
350 | 		
351 | 
352 | FunctionHandler.register(
353 | 	'event',
354 | 	function()
355 | 	{
356 | 		var
357 | 		$window		= $(window),
358 | 		$document	= $(document),
359 | 		TRUE			= true,
360 | 		FALSE			= false,
361 | 
362 | 		// scroll-related variables
363 | 		link_count  = 0,
364 | 		hash				= window.location.hash,
365 | 		s_timer			= FALSE,
366 | 		curr_page		= 'details',
367 | 		curr_top		= 0,
368 | 		tops				= {},
369 | 		bottoms			= {},
370 | 		autoScroll	= FALSE;
371 | 		
372 | 		// Deal with navigation
373 | 		$('body').delegate('#content a[href^=#]', 'click', function(e){
374 | 			var
375 | 			id  = $(this).attr('href'),
376 | 			$el = $(id);
377 | 			if ( $el.length > 0 )
378 | 			{
379 |   			e.preventDefault();
380 |   			scrollToArticle( id );
381 |   			// find the section to highlight
382 |   			if ( $el.is(':not(article)') )
383 |   			{
384 |     			$el = $el.parents('article').eq(0);
385 |   			}
386 |   			$( 'li#nav-' + $el.attr('id') ).click();
387 | 			}
388 | 		});
389 |     $('#top')
390 | 		  .delegate('#event-nav li[id^=nav]', 'click', function(){
391 | 				$(this)
392 | 					.siblings('.current')
393 | 						.removeClass('current')
394 | 						.end()
395 | 					.addClass('current');
396 | 			})
397 | 			// get the anchors now
398 | 			.delegate('#event-nav li[id^=nav] a', 'click', function(e){
399 | 					e.preventDefault();
400 | 					var href = $(this).attr('href').replace(/^.*(#)\/(.*)$/,'$1$2');
401 | 					scrollToArticle( href );
402 | 				})
403 | 			// find the tops of the target articles
404 | 			.find('#event-nav li[id^=nav] a')
405 | 				.each(function(){
406 | 					var
407 | 					$this = $(this),
408 | 					href	= $this.attr('href').replace(/^.*(#.*)$/,'$1'),
409 | 					id		= href.replace('#',''),
410 | 					// find the article
411 | 					$el		= $(href);
412 | 					// find the tops & bottoms
413 | 					tops[id]		= $el.offset().top;
414 | 					bottoms[id] = tops[id] + $el.outerHeight();
415 | 					// adjust the href
416 | 					$this.attr('href','#/'+id);
417 | 				});
418 | 
419 | 		// Scrolling
420 | 		$window
421 | 			.scroll(function(){
422 | 				if ( s_timer ){
423 | 					clearTimeout( s_timer );
424 | 					s_timer = FALSE;
425 | 				}
426 | 				if ( autoScroll === false )
427 | 				{
428 | 					s_timer = setTimeout( realScroll, 50 );
429 | 				}
430 | 			});
431 | 		function realScroll()
432 | 		{
433 | 			// manage the timer
434 | 			clearTimeout( s_timer );
435 | 			s_timer = FALSE;
436 | 			var
437 | 			article,
438 | 			current = FALSE,
439 | 			top			= $document.scrollTop();
440 | 			for ( article in tops )
441 | 			{
442 | 				if ( typeof tops[article] == 'number' &&
443 | 						 top >= tops[article] )
444 | 				{
445 | 					current = article;
446 | 				}
447 | 			}
448 | 			if ( current &&
449 | 					 current != curr_page )
450 | 			{
451 | 				$('#nav-'+current).click();
452 | 				window.location.hash = '#/' + current;
453 | 				curr_page = current;
454 | 			}
455 | 		}
456 | 		function defaultScrollCallback(){
457 | 			window.location.hash = '#/' + curr_page;
458 | 		};
459 | 		function scrollToArticle( selector, callback )
460 | 		{
461 | 			autoScroll = TRUE;
462 | 			new_callback = function(){
463 | 				curr_page = selector.replace('#','');
464 | 				if ( callback )
465 | 				{
466 | 					callback();
467 | 				}
468 | 				else
469 | 				{
470 | 					defaultScrollCallback();
471 | 				}
472 | 				setTimeout(function(){
473 | 					autoScroll = FALSE;
474 | 				},50);
475 | 			};
476 | 
477 | 			$document.scrollTo(
478 | 				selector,
479 | 				500,
480 | 				{
481 | 					easing:		'swing',
482 | 					onAfter:	new_callback
483 | 				}
484 | 			);
485 | 		}
486 | 		// initialize
487 | 		if ( hash != '' )
488 | 		{
489 | 			$(hash.replace(/(#)\/?(.*)/,'$1nav-$2')).click();
490 | 			scrollToArticle( hash.replace(/(#)\/?(.*)/,'$1$2') );
491 | 		}
492 | 		else
493 | 		{
494 | 			realScroll();
495 | 		}
496 | 
497 | 
498 | 		// make sure as focus moves, so does the page
499 | 		$('#content').delegate('a,input,select,textarea,button','focus',function(){
500 | 			var id = $(this).parents('#details, #lodging, #location, #topics, #contact').attr('id');
501 | 			if ( id != curr_page )
502 | 			{
503 | 				setTimeout(function(){scrollToArticle( '#'+id )},10);
504 | 			}
505 | 		});
506 | 
507 | 
508 | 		// image enlargement
509 | 		$.getScript('vendors/fancybox/jquery.mousewheel-3.0.2.pack.js',function(){
510 | 			$.getScript('vendors/fancybox/jquery.fancybox-1.3.1.js',function(){
511 | 				$.get('vendors/fancybox/jquery.fancybox-1.3.1.css',null,function(css){
512 | 
513 | 					css = css.replace(/(url\('?)(.*\.(png|gif|jpg)'?\))/g, '$1vendors/fancybox/$2')
514 | 								   .replace(/(src=')(.*\.(png|gif|jpg)')/g, '$1vendors/fancybox/$2');
515 | 					$('<style type="text/css">'+css+'</style>').appendTo('head');
516 | 
517 | 					var
518 | 					articles	= '#details, #lodging, #location',
519 | 					$form			= $('form.card');
520 | 					$('.frame img')
521 | 						.filter(function(){
522 | 							 return ( $(this).parents(articles).length == 1 &&
523 | 												! $(this).parent().is('a') );
524 | 						 })
525 | 						.wrap(function(){
526 | 							return '<a rel="gallery" class="enlarge" href="' + $(this).attr('src') +
527 | 							       '" title="' + $(this).attr('title') + '"></a>';
528 | 						});
529 | 
530 | 					$('a.enlarge').fancybox({
531 | 						titleShow: true,
532 | 						titlePosition: 'over',
533 | 						hideOnContentClick: true,
534 | 						centerOnScroll: true,
535 | 						margin: 0,
536 | 						autoScale: true,
537 | 						onStart: function(){
538 | 							$('html').removeClass('has-3d');
539 | 						},
540 | 						onClosed: function( arr, i ){
541 | 							if ( supports3d() )
542 | 							{
543 | 								$('html').addClass('has-3d');
544 | 							}
545 | 							arr[i].focus();
546 | 						},
547 | 						titleFormat: function( title ){
548 | 							var
549 | 							temp = title.split(' - '),
550 | 							href;
551 | 							if ( temp.length > 1 )
552 | 							{
553 | 								href =	temp[1];
554 | 								temp	= temp[0].split(' by ');
555 | 								title = '<a rel="external" href="'+href+'">'+temp[0]+'</a> by '+temp[1];
556 | 							}
557 | 							return title;
558 | 						}
559 | 					});
560 | 
561 | 				});
562 | 			});
563 | 		});
564 | 
565 | 	});


--------------------------------------------------------------------------------
/vendors/fancybox/blank.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/blank.gif


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_close.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_loading.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_nav_left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_nav_left.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_nav_right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_nav_right.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_e.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_n.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_n.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_ne.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_ne.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_nw.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_nw.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_s.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_s.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_se.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_se.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_sw.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_sw.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_shadow_w.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_shadow_w.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_title_left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_title_left.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_title_main.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_title_main.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_title_over.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_title_over.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancy_title_right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancy_title_right.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancybox-x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancybox-x.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancybox-y.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancybox-y.png


--------------------------------------------------------------------------------
/vendors/fancybox/fancybox.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aarongustafson/Adaptive-Web-Design-Project-Files/9cd60f4712ff7dc5ae5a615c3ecec424395e5d2e/vendors/fancybox/fancybox.png


--------------------------------------------------------------------------------
/vendors/fancybox/jquery.easing-1.3.pack.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 3 |  *
 4 |  * Uses the built in easing capabilities added In jQuery 1.1
 5 |  * to offer multiple easing options
 6 |  *
 7 |  * TERMS OF USE - jQuery Easing
 8 |  * 
 9 |  * Open source under the BSD License. 
10 |  * 
11 |  * Copyright © 2008 George McGinley Smith
12 |  * All rights reserved.
13 |  * 
14 |  * Redistribution and use in source and binary forms, with or without modification, 
15 |  * are permitted provided that the following conditions are met:
16 |  * 
17 |  * Redistributions of source code must retain the above copyright notice, this list of 
18 |  * conditions and the following disclaimer.
19 |  * Redistributions in binary form must reproduce the above copyright notice, this list 
20 |  * of conditions and the following disclaimer in the documentation and/or other materials 
21 |  * provided with the distribution.
22 |  * 
23 |  * Neither the name of the author nor the names of contributors may be used to endorse 
24 |  * or promote products derived from this software without specific prior written permission.
25 |  * 
26 |  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
27 |  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
28 |  * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
29 |  *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
30 |  *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
31 |  *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
32 |  * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
33 |  *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
34 |  * OF THE POSSIBILITY OF SUCH DAMAGE. 
35 |  *
36 | */
37 | 
38 | // t: current time, b: begInnIng value, c: change In value, d: duration
39 | eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('h.i[\'1a\']=h.i[\'z\'];h.O(h.i,{y:\'D\',z:9(x,t,b,c,d){6 h.i[h.i.y](x,t,b,c,d)},17:9(x,t,b,c,d){6 c*(t/=d)*t+b},D:9(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},13:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},X:9(x,t,b,c,d){6 c*(t/=d)*t*t+b},U:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},R:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},N:9(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},M:9(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},L:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},K:9(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},J:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},I:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},G:9(x,t,b,c,d){6-c*8.C(t/d*(8.g/2))+c+b},15:9(x,t,b,c,d){6 c*8.n(t/d*(8.g/2))+b},12:9(x,t,b,c,d){6-c/2*(8.C(8.g*t/d)-1)+b},Z:9(x,t,b,c,d){6(t==0)?b:c*8.j(2,10*(t/d-1))+b},Y:9(x,t,b,c,d){6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b},W:9(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;6 c/2*(-8.j(2,-10*--t)+2)+b},V:9(x,t,b,c,d){6-c*(8.o(1-(t/=d)*t)-1)+b},S:9(x,t,b,c,d){6 c*8.o(1-(t=t/d-1)*t)+b},Q:9(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;6 c/2*(8.o(1-(t-=2)*t)+1)+b},P:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b},H:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b},T:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b},F:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*(t/=d)*t*((s+1)*t-s)+b},E:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},16:9(x,t,b,c,d,s){e(s==u)s=1.l;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.B))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.B))+1)*t+s)+2)+b},A:9(x,t,b,c,d){6 c-h.i.v(x,d-t,0,c,d)+b},v:9(x,t,b,c,d){e((t/=d)<(1/2.k)){6 c*(7.q*t*t)+b}m e(t<(2/2.k)){6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}m e(t<(2.5/2.k)){6 c*(7.q*(t-=(2.14/2.k))*t+.11)+b}m{6 c*(7.q*(t-=(2.18/2.k))*t+.19)+b}},1b:9(x,t,b,c,d){e(t<d/2)6 h.i.A(x,t*2,0,c,d)*.5+b;6 h.i.v(x,t*2-d,0,c,d)*.5+c*.5+b}});',62,74,'||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|asin|||undefined|easeOutBounce|abs||def|swing|easeInBounce|525|cos|easeOutQuad|easeOutBack|easeInBack|easeInSine|easeOutElastic|easeInOutQuint|easeOutQuint|easeInQuint|easeInOutQuart|easeOutQuart|easeInQuart|extend|easeInElastic|easeInOutCirc|easeInOutCubic|easeOutCirc|easeInOutElastic|easeOutCubic|easeInCirc|easeInOutExpo|easeInCubic|easeOutExpo|easeInExpo||9375|easeInOutSine|easeInOutQuad|25|easeOutSine|easeInOutBack|easeInQuad|625|984375|jswing|easeInOutBounce'.split('|'),0,{}))
40 | 
41 | /*
42 |  *
43 |  * TERMS OF USE - EASING EQUATIONS
44 |  * 
45 |  * Open source under the BSD License. 
46 |  * 
47 |  * Copyright © 2001 Robert Penner
48 |  * All rights reserved.
49 |  * 
50 |  * Redistribution and use in source and binary forms, with or without modification, 
51 |  * are permitted provided that the following conditions are met:
52 |  * 
53 |  * Redistributions of source code must retain the above copyright notice, this list of 
54 |  * conditions and the following disclaimer.
55 |  * Redistributions in binary form must reproduce the above copyright notice, this list 
56 |  * of conditions and the following disclaimer in the documentation and/or other materials 
57 |  * provided with the distribution.
58 |  * 
59 |  * Neither the name of the author nor the names of contributors may be used to endorse 
60 |  * or promote products derived from this software without specific prior written permission.
61 |  * 
62 |  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
63 |  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
64 |  * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
65 |  *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
66 |  *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
67 |  *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
68 |  * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
69 |  *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
70 |  * OF THE POSSIBILITY OF SUCH DAMAGE. 
71 |  *
72 |  */
73 | 


--------------------------------------------------------------------------------
/vendors/fancybox/jquery.fancybox-1.3.1.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * FancyBox - jQuery Plugin
  3 |  * Simple and fancy lightbox alternative
  4 |  *
  5 |  * Examples and documentation at: http://fancybox.net
  6 |  * 
  7 |  * Copyright (c) 2008 - 2010 Janis Skarnelis
  8 |  *
  9 |  * Version: 1.3.1 (05/03/2010)
 10 |  * Requires: jQuery v1.3+
 11 |  *
 12 |  * Dual licensed under the MIT and GPL licenses:
 13 |  *   http://www.opensource.org/licenses/mit-license.php
 14 |  *   http://www.gnu.org/licenses/gpl.html
 15 |  */
 16 | 
 17 | #fancybox-loading {
 18 | 	position: fixed;
 19 | 	top: 50%;
 20 | 	left: 50%;
 21 | 	height: 40px;
 22 | 	width: 40px;
 23 | 	margin-top: -20px;
 24 | 	margin-left: -20px;
 25 | 	cursor: pointer;
 26 | 	overflow: hidden;
 27 | 	z-index: 1104;
 28 | 	display: none;
 29 | }
 30 | 
 31 | * html #fancybox-loading {	/* IE6 */
 32 | 	position: absolute;
 33 | 	margin-top: 0;
 34 | }
 35 | 
 36 | #fancybox-loading div {
 37 | 	position: absolute;
 38 | 	top: 0;
 39 | 	left: 0;
 40 | 	width: 40px;
 41 | 	height: 480px;
 42 | 	background-image: url('fancybox.png');
 43 | }
 44 | 
 45 | #fancybox-overlay {
 46 | 	position: fixed;
 47 | 	top: 0;
 48 | 	left: 0;
 49 | 	bottom: 0;
 50 | 	right: 0;
 51 | 	background: #000;
 52 | 	z-index: 1100;
 53 | 	display: none;
 54 | }
 55 | 
 56 | * html #fancybox-overlay {	/* IE6 */
 57 | 	position: absolute;
 58 | 	width: 100%;
 59 | }
 60 | 
 61 | #fancybox-tmp {
 62 | 	padding: 0;
 63 | 	margin: 0;
 64 | 	border: 0;
 65 | 	overflow: auto;
 66 | 	display: none;
 67 | }
 68 | 
 69 | #fancybox-wrap {
 70 | 	position: absolute;
 71 | 	top: 0;
 72 | 	left: 0;
 73 | 	margin: 0;
 74 | 	padding: 20px;
 75 | 	z-index: 1101;
 76 | 	display: none;
 77 | }
 78 | 
 79 | #fancybox-outer {
 80 | 	position: relative;
 81 | 	width: 100%;
 82 | 	height: 100%;
 83 | 	background: #FFF;
 84 | }
 85 | 
 86 | #fancybox-inner {
 87 | 	position: absolute;
 88 | 	top: 0;
 89 | 	left: 0;
 90 | 	width: 1px;
 91 | 	height: 1px;
 92 | 	padding: 0;
 93 | 	margin: 0;
 94 | 	outline: none;
 95 | 	overflow: hidden;
 96 | }
 97 | 
 98 | #fancybox-hide-sel-frame {
 99 | 	position: absolute;
100 | 	top: 0;
101 | 	left: 0;
102 | 	width: 100%;
103 | 	height: 100%;
104 | 	background: transparent;
105 | }
106 | 
107 | #fancybox-close {
108 | 	position: absolute;
109 | 	top: -15px;
110 | 	right: -15px;
111 | 	width: 30px;
112 | 	height: 30px;
113 | 	background-image: url('fancybox.png');
114 | 	background-position: -40px 0px;
115 | 	cursor: pointer;
116 | 	z-index: 1103;
117 | 	display: none;
118 | }
119 | 
120 | #fancybox_error {
121 | 	color: #444;
122 | 	font: normal 12px/20px Arial;
123 | 	padding: 7px;
124 | 	margin: 0;
125 | }
126 | 
127 | #fancybox-content {
128 | 	height: auto;
129 | 	width: auto;
130 | 	padding: 0;
131 | 	margin: 0;
132 | }
133 | 
134 | #fancybox-img {
135 | 	width: 100%;
136 | 	height: 100%;
137 | 	padding: 0;
138 | 	margin: 0;
139 | 	border: none;
140 | 	outline: none;
141 | 	line-height: 0;
142 | 	vertical-align: top;
143 | 	-ms-interpolation-mode: bicubic;
144 | }
145 | 
146 | #fancybox-frame {
147 | 	position: relative;
148 | 	width: 100%;
149 | 	height: 100%;
150 | 	border: none;
151 | 	display: block;
152 | }
153 | 
154 | #fancybox-title {
155 | 	position: absolute;
156 | 	bottom: 0;
157 | 	left: 0;
158 | 	font-family: Arial;
159 | 	font-size: 12px;
160 | 	z-index: 1102;
161 | }
162 | 
163 | .fancybox-title-inside {
164 | 	padding: 10px 0;
165 | 	text-align: center;
166 | 	color: #333;
167 | }
168 | 
169 | .fancybox-title-outside {
170 | 	padding-top: 5px;
171 | 	color: #FFF;
172 | 	text-align: center;
173 | 	font-weight: bold;
174 | }
175 | 
176 | .fancybox-title-over {
177 | 	color: #FFF;
178 | 	text-align: left;
179 | }
180 | 
181 | #fancybox-title-over {
182 | 	padding: 10px;
183 | 	background-image: url('fancy_title_over.png');
184 | 	display: block;
185 | }
186 | 
187 | #fancybox-title-wrap {
188 | 	display: inline-block;
189 | }
190 | 
191 | #fancybox-title-wrap span {
192 | 	height: 32px;
193 | 	float: left;
194 | }
195 | 
196 | #fancybox-title-left {
197 | 	padding-left: 15px;
198 | 	background-image: url('fancybox.png');
199 | 	background-position: -40px -90px;
200 | 	background-repeat: no-repeat;
201 | }
202 | 
203 | #fancybox-title-main {
204 | 	font-weight: bold;
205 | 	line-height: 29px;
206 | 	background-image: url('fancybox-x.png');
207 | 	background-position: 0px -40px;
208 | 	color: #FFF;
209 | }
210 | 
211 | #fancybox-title-right {
212 | 	padding-left: 15px;
213 | 	background-image: url('fancybox.png');
214 | 	background-position: -55px -90px;
215 | 	background-repeat: no-repeat;
216 | }
217 | 
218 | #fancybox-left, #fancybox-right {
219 | 	position: absolute;
220 | 	bottom: 0px;
221 | 	height: 100%;
222 | 	width: 35%;
223 | 	cursor: pointer;
224 | 	outline: none;
225 | 	background-image: url('blank.gif');
226 | 	z-index: 1102;
227 | 	display: none;
228 | }
229 | 
230 | #fancybox-left {
231 | 	left: 0px;
232 | }
233 | 
234 | #fancybox-right {
235 | 	right: 0px;
236 | }
237 | 
238 | #fancybox-left-ico, #fancybox-right-ico {
239 | 	position: absolute;
240 | 	top: 50%;
241 | 	left: -9999px;
242 | 	width: 30px;
243 | 	height: 30px;
244 | 	margin-top: -15px;
245 | 	cursor: pointer;
246 | 	z-index: 1102;
247 | 	display: block;
248 | }
249 | 
250 | #fancybox-left-ico {
251 | 	background-image: url('fancybox.png');
252 | 	background-position: -40px -30px;
253 | }
254 | 
255 | #fancybox-right-ico {
256 | 	background-image: url('fancybox.png');
257 | 	background-position: -40px -60px;
258 | }
259 | 
260 | #fancybox-left:hover, #fancybox-right:hover {
261 | 	visibility: visible;    /* IE6 */
262 | }
263 | 
264 | #fancybox-left:hover span {
265 | 	left: 20px;
266 | }
267 | 
268 | #fancybox-right:hover span {
269 | 	left: auto;
270 | 	right: 20px;
271 | }
272 | 
273 | .fancy-bg {
274 | 	position: absolute;
275 | 	padding: 0;
276 | 	margin: 0;
277 | 	border: 0;
278 | 	width: 20px;
279 | 	height: 20px;
280 | 	z-index: 1001;
281 | }
282 | 
283 | #fancy-bg-n {
284 | 	top: -20px;
285 | 	left: 0;
286 | 	width: 100%;
287 | 	background-image: url('fancybox-x.png');
288 | }
289 | 
290 | #fancy-bg-ne {
291 | 	top: -20px;
292 | 	right: -20px;
293 | 	background-image: url('fancybox.png');
294 | 	background-position: -40px -162px;
295 | }
296 | 
297 | #fancy-bg-e {
298 | 	top: 0;
299 | 	right: -20px;
300 | 	height: 100%;
301 | 	background-image: url('fancybox-y.png');
302 | 	background-position: -20px 0px;
303 | }
304 | 
305 | #fancy-bg-se {
306 | 	bottom: -20px;
307 | 	right: -20px;
308 | 	background-image: url('fancybox.png');
309 | 	background-position: -40px -182px; 
310 | }
311 | 
312 | #fancy-bg-s {
313 | 	bottom: -20px;
314 | 	left: 0;
315 | 	width: 100%;
316 | 	background-image: url('fancybox-x.png');
317 | 	background-position: 0px -20px;
318 | }
319 | 
320 | #fancy-bg-sw {
321 | 	bottom: -20px;
322 | 	left: -20px;
323 | 	background-image: url('fancybox.png');
324 | 	background-position: -40px -142px;
325 | }
326 | 
327 | #fancy-bg-w {
328 | 	top: 0;
329 | 	left: -20px;
330 | 	height: 100%;
331 | 	background-image: url('fancybox-y.png');
332 | }
333 | 
334 | #fancy-bg-nw {
335 | 	top: -20px;
336 | 	left: -20px;
337 | 	background-image: url('fancybox.png');
338 | 	background-position: -40px -122px;
339 | }
340 | 
341 | /* IE */
342 | 
343 | #fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); }
344 | .fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); }
345 | 
346 | .fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
347 | .fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); }
348 | .fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); }
349 | .fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); }
350 | 
351 | .fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); }
352 | .fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); }
353 | 
354 | .fancybox-ie .fancy-bg { background: transparent !important; }
355 | 
356 | .fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); }
357 | .fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); }
358 | .fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); }
359 | .fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); }
360 | .fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); }
361 | .fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); }
362 | .fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); }
363 | .fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); }
364 | 


--------------------------------------------------------------------------------
/vendors/fancybox/jquery.fancybox-1.3.1.js:
--------------------------------------------------------------------------------
   1 | /*
   2 |  * FancyBox - jQuery Plugin
   3 |  * Simple and fancy lightbox alternative
   4 |  *
   5 |  * Examples and documentation at: http://fancybox.net
   6 |  * 
   7 |  * Copyright (c) 2008 - 2010 Janis Skarnelis
   8 |  *
   9 |  * Version: 1.3.1 (05/03/2010)
  10 |  * Requires: jQuery v1.3+
  11 |  *
  12 |  * Dual licensed under the MIT and GPL licenses:
  13 |  *   http://www.opensource.org/licenses/mit-license.php
  14 |  *   http://www.gnu.org/licenses/gpl.html
  15 |  */
  16 | 
  17 | (function($) {
  18 | 
  19 | 	var tmp, loading, overlay, wrap, outer, inner, close, nav_left, nav_right,
  20 | 
  21 | 		selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [],
  22 | 
  23 | 		ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i,
  24 | 
  25 | 		loadingTimer, loadingFrame = 1,
  26 | 
  27 | 		start_pos, final_pos, busy = false, shadow = 20, fx = $.extend($('<div/>')[0], { prop: 0 }), titleh = 0, 
  28 | 
  29 | 		isIE6 = !$.support.opacity && !window.XMLHttpRequest,
  30 | 
  31 | 		/*
  32 | 		 * Private methods 
  33 | 		 */
  34 | 
  35 | 		fancybox_abort = function() {
  36 | 			loading.hide();
  37 | 
  38 | 			imgPreloader.onerror = imgPreloader.onload = null;
  39 | 
  40 | 			if (ajaxLoader) {
  41 | 				ajaxLoader.abort();
  42 | 			}
  43 | 
  44 | 			tmp.empty();
  45 | 		},
  46 | 
  47 | 		fancybox_error = function() {
  48 | 			$.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>', {
  49 | 				'scrolling'		: 'no',
  50 | 				'padding'		: 20,
  51 | 				'transitionIn'	: 'none',
  52 | 				'transitionOut'	: 'none'
  53 | 			});
  54 | 		},
  55 | 
  56 | 		fancybox_get_viewport = function() {
  57 | 			return [ $(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
  58 | 		},
  59 | 
  60 | 		fancybox_get_zoom_to = function () {
  61 | 			var view	= fancybox_get_viewport(),
  62 | 				to		= {},
  63 | 
  64 | 				margin = currentOpts.margin,
  65 | 				resize = currentOpts.autoScale,
  66 | 
  67 | 				horizontal_space	= (shadow + margin) * 2,
  68 | 				vertical_space		= (shadow + margin) * 2,
  69 | 				double_padding		= (currentOpts.padding * 2),
  70 | 				
  71 | 				ratio;
  72 | 
  73 | 			if (currentOpts.width.toString().indexOf('%') > -1) {
  74 | 				to.width = ((view[0] * parseFloat(currentOpts.width)) / 100) - (shadow * 2) ;
  75 | 				resize = false;
  76 | 
  77 | 			} else {
  78 | 				to.width = currentOpts.width + double_padding;
  79 | 			}
  80 | 
  81 | 			if (currentOpts.height.toString().indexOf('%') > -1) {
  82 | 				to.height = ((view[1] * parseFloat(currentOpts.height)) / 100) - (shadow * 2);
  83 | 				resize = false;
  84 | 
  85 | 			} else {
  86 | 				to.height = currentOpts.height + double_padding;
  87 | 			}
  88 | 
  89 | 			if (resize && (to.width > (view[0] - horizontal_space) || to.height > (view[1] - vertical_space))) {
  90 | 				if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
  91 | 					horizontal_space	+= double_padding;
  92 | 					vertical_space		+= double_padding;
  93 | 
  94 | 					ratio = Math.min(Math.min( view[0] - horizontal_space, currentOpts.width) / currentOpts.width, Math.min( view[1] - vertical_space, currentOpts.height) / currentOpts.height);
  95 | 
  96 | 					to.width	= Math.round(ratio * (to.width	- double_padding)) + double_padding;
  97 | 					to.height	= Math.round(ratio * (to.height	- double_padding)) + double_padding;
  98 | 
  99 | 				} else {
 100 | 					to.width	= Math.min(to.width,	(view[0] - horizontal_space));
 101 | 					to.height	= Math.min(to.height,	(view[1] - vertical_space));
 102 | 				}
 103 | 			}
 104 | 
 105 | 			to.top	= view[3] + ((view[1] - (to.height	+ (shadow * 2 ))) * 0.5);
 106 | 			to.left	= view[2] + ((view[0] - (to.width	+ (shadow * 2 ))) * 0.5);
 107 | 
 108 | 			if (currentOpts.autoScale === false) {
 109 | 				to.top	= Math.max(view[3] + margin, to.top);
 110 | 				to.left	= Math.max(view[2] + margin, to.left);
 111 | 			}
 112 | 
 113 | 			return to;
 114 | 		},
 115 | 
 116 | 		fancybox_format_title = function(title) {
 117 | 			if (title && title.length) {
 118 | 				switch (currentOpts.titlePosition) {
 119 | 					case 'inside':
 120 | 						return title;
 121 | 					case 'over':
 122 | 						return '<span id="fancybox-title-over">' + title + '</span>';
 123 | 					default:
 124 | 						return '<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">' + title + '</span><span id="fancybox-title-right"></span></span>';
 125 | 				}
 126 | 			}
 127 | 
 128 | 			return false;
 129 | 		},
 130 | 
 131 | 		fancybox_process_title = function() {
 132 | 			var title	= currentOpts.title,
 133 | 				width	= final_pos.width - (currentOpts.padding * 2),
 134 | 				titlec	= 'fancybox-title-' + currentOpts.titlePosition;
 135 | 				
 136 | 			$('#fancybox-title').remove();
 137 | 
 138 | 			titleh = 0;
 139 | 
 140 | 			if (currentOpts.titleShow === false) {
 141 | 				return;
 142 | 			}
 143 | 
 144 | 			title = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(title, currentArray, currentIndex, currentOpts) : fancybox_format_title(title);
 145 | 
 146 | 			if (!title || title === '') {
 147 | 				return;
 148 | 			}
 149 | 
 150 | 			$('<div id="fancybox-title" class="' + titlec + '" />').css({
 151 | 				'width'			: width,
 152 | 				'paddingLeft'	: currentOpts.padding,
 153 | 				'paddingRight'	: currentOpts.padding
 154 | 			}).html(title).appendTo('body');
 155 | 
 156 | 			switch (currentOpts.titlePosition) {
 157 | 				case 'inside':
 158 | 					titleh = $("#fancybox-title").outerHeight(true) - currentOpts.padding;
 159 | 					final_pos.height += titleh;
 160 | 				break;
 161 | 
 162 | 				case 'over':
 163 | 					$('#fancybox-title').css('bottom', currentOpts.padding);
 164 | 				break;
 165 | 
 166 | 				default:
 167 | 					$('#fancybox-title').css('bottom', $("#fancybox-title").outerHeight(true) * -1);
 168 | 				break;
 169 | 			}
 170 | 
 171 | 			$('#fancybox-title').appendTo( outer ).hide();
 172 | 		},
 173 | 
 174 | 		fancybox_set_navigation = function() {
 175 | 			$(document).unbind('keydown.fb').bind('keydown.fb', function(e) {
 176 | 				if (e.keyCode == 27 && currentOpts.enableEscapeButton) {
 177 | 					e.preventDefault();
 178 | 					$.fancybox.close();
 179 | 
 180 | 				} else if (e.keyCode == 37) {
 181 | 					e.preventDefault();
 182 | 					$.fancybox.prev();
 183 | 
 184 | 				} else if (e.keyCode == 39) {
 185 | 					e.preventDefault();
 186 | 					$.fancybox.next();
 187 | 				}
 188 | 			});
 189 | 
 190 | 			if ($.fn.mousewheel) {
 191 | 				wrap.unbind('mousewheel.fb');
 192 | 
 193 | 				if (currentArray.length > 1) {
 194 | 					wrap.bind('mousewheel.fb', function(e, delta) {
 195 | 						e.preventDefault();
 196 | 
 197 | 						if (busy || delta === 0) {
 198 | 							return;
 199 | 						}
 200 | 
 201 | 						if (delta > 0) {
 202 | 							$.fancybox.prev();
 203 | 						} else {
 204 | 							$.fancybox.next();
 205 | 						}
 206 | 					});
 207 | 				}
 208 | 			}
 209 | 
 210 | 			if (!currentOpts.showNavArrows) { return; }
 211 | 
 212 | 			if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {
 213 | 				nav_left.show();
 214 | 			}
 215 | 
 216 | 			if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {
 217 | 				nav_right.show();
 218 | 			}
 219 | 		},
 220 | 
 221 | 		fancybox_preload_images = function() {
 222 | 			var href, 
 223 | 				objNext;
 224 | 				
 225 | 			if ((currentArray.length -1) > currentIndex) {
 226 | 				href = currentArray[ currentIndex + 1 ].href;
 227 | 
 228 | 				if (typeof href !== 'undefined' && href.match(imgRegExp)) {
 229 | 					objNext = new Image();
 230 | 					objNext.src = href;
 231 | 				}
 232 | 			}
 233 | 
 234 | 			if (currentIndex > 0) {
 235 | 				href = currentArray[ currentIndex - 1 ].href;
 236 | 
 237 | 				if (typeof href !== 'undefined' && href.match(imgRegExp)) {
 238 | 					objNext = new Image();
 239 | 					objNext.src = href;
 240 | 				}
 241 | 			}
 242 | 		},
 243 | 
 244 | 		_finish = function () {
 245 | 			inner.css('overflow', (currentOpts.scrolling == 'auto' ? (currentOpts.type == 'image' || currentOpts.type == 'iframe' || currentOpts.type == 'swf' ? 'hidden' : 'auto') : (currentOpts.scrolling == 'yes' ? 'auto' : 'visible')));
 246 | 
 247 | 			if (!$.support.opacity) {
 248 | 				inner.get(0).style.removeAttribute('filter');
 249 | 				wrap.get(0).style.removeAttribute('filter');
 250 | 			}
 251 | 
 252 | 			$('#fancybox-title').show();
 253 | 
 254 | 			if (currentOpts.hideOnContentClick)	{
 255 | 				inner.one('click', $.fancybox.close);
 256 | 			}
 257 | 			if (currentOpts.hideOnOverlayClick)	{
 258 | 				overlay.one('click', $.fancybox.close);
 259 | 			}
 260 | 
 261 | 			if (currentOpts.showCloseButton) {
 262 | 				close.show();
 263 | 			}
 264 | 
 265 | 			fancybox_set_navigation();
 266 | 
 267 | 			$(window).bind("resize.fb", $.fancybox.center);
 268 | 
 269 | 			if (currentOpts.centerOnScroll) {
 270 | 				$(window).bind("scroll.fb", $.fancybox.center);
 271 | 			} else {
 272 | 				$(window).unbind("scroll.fb");
 273 | 			}
 274 | 
 275 | 			if ($.isFunction(currentOpts.onComplete)) {
 276 | 				currentOpts.onComplete(currentArray, currentIndex, currentOpts);
 277 | 			}
 278 | 
 279 | 			busy = false;
 280 | 
 281 | 			fancybox_preload_images();
 282 | 		},
 283 | 
 284 | 		fancybox_draw = function(pos) {
 285 | 			var width	= Math.round(start_pos.width	+ (final_pos.width	- start_pos.width)	* pos),
 286 | 				height	= Math.round(start_pos.height	+ (final_pos.height	- start_pos.height)	* pos),
 287 | 
 288 | 				top		= Math.round(start_pos.top	+ (final_pos.top	- start_pos.top)	* pos),
 289 | 				left	= Math.round(start_pos.left	+ (final_pos.left	- start_pos.left)	* pos);
 290 | 
 291 | 			wrap.css({
 292 | 				'width'		: width		+ 'px',
 293 | 				'height'	: height	+ 'px',
 294 | 				'top'		: top		+ 'px',
 295 | 				'left'		: left		+ 'px'
 296 | 			});
 297 | 
 298 | 			width	= Math.max(width - currentOpts.padding * 2, 0);
 299 | 			height	= Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0);
 300 | 
 301 | 			inner.css({
 302 | 				'width'		: width		+ 'px',
 303 | 				'height'	: height	+ 'px'
 304 | 			});
 305 | 
 306 | 			if (typeof final_pos.opacity !== 'undefined') {
 307 | 				wrap.css('opacity', (pos < 0.5 ? 0.5 : pos));
 308 | 			}
 309 | 		},
 310 | 
 311 | 		fancybox_get_obj_pos = function(obj) {
 312 | 			var pos		= obj.offset();
 313 | 
 314 | 			pos.top		+= parseFloat( obj.css('paddingTop') )	|| 0;
 315 | 			pos.left	+= parseFloat( obj.css('paddingLeft') )	|| 0;
 316 | 
 317 | 			pos.top		+= parseFloat( obj.css('border-top-width') )	|| 0;
 318 | 			pos.left	+= parseFloat( obj.css('border-left-width') )	|| 0;
 319 | 
 320 | 			pos.width	= obj.width();
 321 | 			pos.height	= obj.height();
 322 | 
 323 | 			return pos;
 324 | 		},
 325 | 
 326 | 		fancybox_get_zoom_from = function() {
 327 | 			var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
 328 | 				from = {},
 329 | 				pos,
 330 | 				view;
 331 | 
 332 | 			if (orig && orig.length) {
 333 | 				pos = fancybox_get_obj_pos(orig);
 334 | 
 335 | 				from = {
 336 | 					width	: (pos.width	+ (currentOpts.padding * 2)),
 337 | 					height	: (pos.height	+ (currentOpts.padding * 2)),
 338 | 					top		: (pos.top		- currentOpts.padding - shadow),
 339 | 					left	: (pos.left		- currentOpts.padding - shadow)
 340 | 				};
 341 | 				
 342 | 			} else {
 343 | 				view = fancybox_get_viewport();
 344 | 
 345 | 				from = {
 346 | 					width	: 1,
 347 | 					height	: 1,
 348 | 					top		: view[3] + view[1] * 0.5,
 349 | 					left	: view[2] + view[0] * 0.5
 350 | 				};
 351 | 			}
 352 | 
 353 | 			return from;
 354 | 		},
 355 | 
 356 | 		fancybox_show = function() {
 357 | 			loading.hide();
 358 | 
 359 | 			if (wrap.is(":visible") && $.isFunction(currentOpts.onCleanup)) {
 360 | 				if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {
 361 | 					$.event.trigger('fancybox-cancel');
 362 | 
 363 | 					busy = false;
 364 | 					return;
 365 | 				}
 366 | 			}
 367 | 
 368 | 			currentArray	= selectedArray;
 369 | 			currentIndex	= selectedIndex;
 370 | 			currentOpts		= selectedOpts;
 371 | 
 372 | 			inner.get(0).scrollTop	= 0;
 373 | 			inner.get(0).scrollLeft	= 0;
 374 | 
 375 | 			if (currentOpts.overlayShow) {
 376 | 				if (isIE6) {
 377 | 					$('select:not(#fancybox-tmp select)').filter(function() {
 378 | 						return this.style.visibility !== 'hidden';
 379 | 					}).css({'visibility':'hidden'}).one('fancybox-cleanup', function() {
 380 | 						this.style.visibility = 'inherit';
 381 | 					});
 382 | 				}
 383 | 
 384 | 				overlay.css({
 385 | 					'background-color'	: currentOpts.overlayColor,
 386 | 					'opacity'			: currentOpts.overlayOpacity
 387 | 				}).unbind().show();
 388 | 			}
 389 | 
 390 | 			final_pos = fancybox_get_zoom_to();
 391 | 
 392 | 			fancybox_process_title();
 393 | 
 394 | 			if (wrap.is(":visible")) {
 395 | 				$( close.add( nav_left ).add( nav_right ) ).hide();
 396 | 
 397 | 				var pos = wrap.position(),
 398 | 					equal;
 399 | 
 400 | 				start_pos = {
 401 | 					top		:	pos.top ,
 402 | 					left	:	pos.left,
 403 | 					width	:	wrap.width(),
 404 | 					height	:	wrap.height()
 405 | 				};
 406 | 
 407 | 				equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height);
 408 | 
 409 | 				inner.fadeOut(currentOpts.changeFade, function() {
 410 | 					var finish_resizing = function() {
 411 | 						inner.html( tmp.contents() ).fadeIn(currentOpts.changeFade, _finish);
 412 | 					};
 413 | 					
 414 | 					$.event.trigger('fancybox-change');
 415 | 
 416 | 					inner.empty().css('overflow', 'hidden');
 417 | 
 418 | 					if (equal) {
 419 | 						inner.css({
 420 | 							top			: currentOpts.padding,
 421 | 							left		: currentOpts.padding,
 422 | 							width		: Math.max(final_pos.width	- (currentOpts.padding * 2), 1),
 423 | 							height		: Math.max(final_pos.height	- (currentOpts.padding * 2) - titleh, 1)
 424 | 						});
 425 | 						
 426 | 						finish_resizing();
 427 | 
 428 | 					} else {
 429 | 						inner.css({
 430 | 							top			: currentOpts.padding,
 431 | 							left		: currentOpts.padding,
 432 | 							width		: Math.max(start_pos.width	- (currentOpts.padding * 2), 1),
 433 | 							height		: Math.max(start_pos.height	- (currentOpts.padding * 2), 1)
 434 | 						});
 435 | 						
 436 | 						fx.prop = 0;
 437 | 
 438 | 						$(fx).animate({ prop: 1 }, {
 439 | 							 duration	: currentOpts.changeSpeed,
 440 | 							 easing		: currentOpts.easingChange,
 441 | 							 step		: fancybox_draw,
 442 | 							 complete	: finish_resizing
 443 | 						});
 444 | 					}
 445 | 				});
 446 | 
 447 | 				return;
 448 | 			}
 449 | 
 450 | 			wrap.css('opacity', 1);
 451 | 
 452 | 			if (currentOpts.transitionIn == 'elastic') {
 453 | 				start_pos = fancybox_get_zoom_from();
 454 | 
 455 | 				inner.css({
 456 | 						top			: currentOpts.padding,
 457 | 						left		: currentOpts.padding,
 458 | 						width		: Math.max(start_pos.width	- (currentOpts.padding * 2), 1),
 459 | 						height		: Math.max(start_pos.height	- (currentOpts.padding * 2), 1)
 460 | 					})
 461 | 					.html( tmp.contents() );
 462 | 
 463 | 				wrap.css(start_pos).show();
 464 | 
 465 | 				if (currentOpts.opacity) {
 466 | 					final_pos.opacity = 0;
 467 | 				}
 468 | 
 469 | 				fx.prop = 0;
 470 | 
 471 | 				$(fx).animate({ prop: 1 }, {
 472 | 					 duration	: currentOpts.speedIn,
 473 | 					 easing		: currentOpts.easingIn,
 474 | 					 step		: fancybox_draw,
 475 | 					 complete	: _finish
 476 | 				});
 477 | 
 478 | 			} else {
 479 | 				inner.css({
 480 | 						top			: currentOpts.padding,
 481 | 						left		: currentOpts.padding,
 482 | 						width		: Math.max(final_pos.width	- (currentOpts.padding * 2), 1),
 483 | 						height		: Math.max(final_pos.height	- (currentOpts.padding * 2) - titleh, 1)
 484 | 					})
 485 | 					.html( tmp.contents() );
 486 | 
 487 | 				wrap.css( final_pos ).fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish );
 488 | 			}
 489 | 		},
 490 | 
 491 | 		fancybox_process_inline = function() {
 492 | 			tmp.width(	selectedOpts.width );
 493 | 			tmp.height(	selectedOpts.height );
 494 | 
 495 | 			if (selectedOpts.width	== 'auto') {
 496 | 				selectedOpts.width = tmp.width();
 497 | 			}
 498 | 			if (selectedOpts.height	== 'auto') {
 499 | 				selectedOpts.height	= tmp.height();
 500 | 			}
 501 | 
 502 | 			fancybox_show();
 503 | 		},
 504 | 		
 505 | 		fancybox_process_image = function() {
 506 | 			busy = true;
 507 | 
 508 | 			selectedOpts.width	= imgPreloader.width;
 509 | 			selectedOpts.height	= imgPreloader.height;
 510 | 
 511 | 			$("<img />").attr({
 512 | 				'id'	: 'fancybox-img',
 513 | 				'src'	: imgPreloader.src,
 514 | 				'alt'	: selectedOpts.title
 515 | 			}).appendTo( tmp );
 516 | 
 517 | 			fancybox_show();
 518 | 		},
 519 | 
 520 | 		fancybox_start = function() {
 521 | 			fancybox_abort();
 522 | 
 523 | 			var obj	= selectedArray[ selectedIndex ],
 524 | 				href, 
 525 | 				type, 
 526 | 				title,
 527 | 				str,
 528 | 				emb,
 529 | 				selector,
 530 | 				data;
 531 | 
 532 | 			selectedOpts = $.extend({}, $.fn.fancybox.defaults, (typeof $(obj).data('fancybox') == 'undefined' ? selectedOpts : $(obj).data('fancybox')));
 533 | 			title = obj.title || $(obj).title || selectedOpts.title || '';
 534 | 			
 535 | 			if (obj.nodeName && !selectedOpts.orig) {
 536 | 				selectedOpts.orig = $(obj).children("img:first").length ? $(obj).children("img:first") : $(obj);
 537 | 			}
 538 | 
 539 | 			if (title === '' && selectedOpts.orig) {
 540 | 				title = selectedOpts.orig.attr('alt');
 541 | 			}
 542 | 
 543 | 			if (obj.nodeName && (/^(?:javascript|#)/i).test(obj.href)) {
 544 | 				href = selectedOpts.href || null;
 545 | 			} else {
 546 | 				href = selectedOpts.href || obj.href || null;
 547 | 			}
 548 | 
 549 | 			if (selectedOpts.type) {
 550 | 				type = selectedOpts.type;
 551 | 
 552 | 				if (!href) {
 553 | 					href = selectedOpts.content;
 554 | 				}
 555 | 				
 556 | 			} else if (selectedOpts.content) {
 557 | 				type	= 'html';
 558 | 
 559 | 			} else if (href) {
 560 | 				if (href.match(imgRegExp)) {
 561 | 					type = 'image';
 562 | 
 563 | 				} else if (href.match(swfRegExp)) {
 564 | 					type = 'swf';
 565 | 
 566 | 				} else if ($(obj).hasClass("iframe")) {
 567 | 					type = 'iframe';
 568 | 
 569 | 				} else if (href.match(/#/)) {
 570 | 					obj = href.substr(href.indexOf("#"));
 571 | 
 572 | 					type = $(obj).length > 0 ? 'inline' : 'ajax';
 573 | 				} else {
 574 | 					type = 'ajax';
 575 | 				}
 576 | 			} else {
 577 | 				type = 'inline';
 578 | 			}
 579 | 
 580 | 			selectedOpts.type	= type;
 581 | 			selectedOpts.href	= href;
 582 | 			selectedOpts.title	= title;
 583 | 
 584 | 			if (selectedOpts.autoDimensions && selectedOpts.type !== 'iframe' && selectedOpts.type !== 'swf') {
 585 | 				selectedOpts.width		= 'auto';
 586 | 				selectedOpts.height		= 'auto';
 587 | 			}
 588 | 
 589 | 			if (selectedOpts.modal) {
 590 | 				selectedOpts.overlayShow		= true;
 591 | 				selectedOpts.hideOnOverlayClick	= false;
 592 | 				selectedOpts.hideOnContentClick	= false;
 593 | 				selectedOpts.enableEscapeButton	= false;
 594 | 				selectedOpts.showCloseButton	= false;
 595 | 			}
 596 | 
 597 | 			if ($.isFunction(selectedOpts.onStart)) {
 598 | 				if (selectedOpts.onStart(selectedArray, selectedIndex, selectedOpts) === false) {
 599 | 					busy = false;
 600 | 					return;
 601 | 				}
 602 | 			}
 603 | 
 604 | 			tmp.css('padding', (shadow + selectedOpts.padding + selectedOpts.margin));
 605 | 
 606 | 			$('.fancybox-inline-tmp').unbind('fancybox-cancel').bind('fancybox-change', function() {
 607 | 				$(this).replaceWith(inner.children());
 608 | 			});
 609 |       
 610 |       switch (type) {
 611 | 				case 'html' :
 612 | 					tmp.html( selectedOpts.content );
 613 | 					fancybox_process_inline();
 614 | 				break;
 615 | 
 616 | 				case 'inline' :
 617 | 					$('<div class="fancybox-inline-tmp" />').hide().insertBefore( $(obj) ).bind('fancybox-cleanup', function() {
 618 | 						$(this).replaceWith(inner.children());
 619 | 					}).bind('fancybox-cancel', function() {
 620 | 						$(this).replaceWith(tmp.children());
 621 | 					});
 622 | 
 623 | 					$(obj).appendTo(tmp);
 624 | 
 625 | 					fancybox_process_inline();
 626 | 				break;
 627 | 
 628 | 				case 'image':
 629 | 					busy = false;
 630 | 
 631 | 					$.fancybox.showActivity();
 632 | 
 633 | 					imgPreloader = new Image();
 634 | 
 635 | 					imgPreloader.onerror = function() {
 636 | 						fancybox_error();
 637 | 					};
 638 | 
 639 | 					imgPreloader.onload = function() {
 640 | 						imgPreloader.onerror = null;
 641 | 						imgPreloader.onload = null;
 642 | 						fancybox_process_image();
 643 | 					};
 644 | 
 645 | 					imgPreloader.src = href;
 646 | 		
 647 | 				break;
 648 | 
 649 | 				case 'swf':
 650 | 					str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"><param name="movie" value="' + href + '"></param>';
 651 | 					emb = '';
 652 | 					
 653 | 					$.each(selectedOpts.swf, function(name, val) {
 654 | 						str += '<param name="' + name + '" value="' + val + '"></param>';
 655 | 						emb += ' ' + name + '="' + val + '"';
 656 | 					});
 657 | 
 658 | 					str += '<embed src="' + href + '" type="application/x-shockwave-flash" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"' + emb + '></embed></object>';
 659 | 
 660 | 					tmp.html(str);
 661 | 
 662 | 					fancybox_process_inline();
 663 | 				break;
 664 | 
 665 | 				case 'ajax':
 666 | 					selector	= href.split('#', 2);
 667 | 					data		= selectedOpts.ajax.data || {};
 668 | 
 669 | 					if (selector.length > 1) {
 670 | 						href = selector[0];
 671 | 
 672 | 						if (typeof data == "string") {
 673 | 							data += '&selector=' + selector[1];
 674 | 						} else {
 675 | 							data.selector = selector[1];
 676 | 						}
 677 | 					}
 678 | 
 679 | 					busy = false;
 680 | 					$.fancybox.showActivity();
 681 | 
 682 | 					ajaxLoader = $.ajax($.extend(selectedOpts.ajax, {
 683 | 						url		: href,
 684 | 						data	: data,
 685 | 						error	: fancybox_error,
 686 | 						success : function(data, textStatus, XMLHttpRequest) {
 687 | 							if (ajaxLoader.status == 200) {
 688 | 								tmp.html( data );
 689 | 								fancybox_process_inline();
 690 | 							}
 691 | 						}
 692 | 					}));
 693 | 
 694 | 				break;
 695 | 
 696 | 				case 'iframe' :
 697 | 					$('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" scrolling="' + selectedOpts.scrolling + '" src="' + selectedOpts.href + '"></iframe>').appendTo(tmp);
 698 | 					fancybox_show();
 699 | 				break;
 700 | 			}
 701 | 		},
 702 | 
 703 | 		fancybox_animate_loading = function() {
 704 | 			if (!loading.is(':visible')){
 705 | 				clearInterval(loadingTimer);
 706 | 				return;
 707 | 			}
 708 | 
 709 | 			$('div', loading).css('top', (loadingFrame * -40) + 'px');
 710 | 
 711 | 			loadingFrame = (loadingFrame + 1) % 12;
 712 | 		},
 713 | 
 714 | 		fancybox_init = function() {
 715 | 			if ($("#fancybox-wrap").length) {
 716 | 				return;
 717 | 			}
 718 | 
 719 | 			$('body').append(
 720 | 				tmp			= $('<div id="fancybox-tmp"></div>'),
 721 | 				loading		= $('<div id="fancybox-loading"><div></div></div>'),
 722 | 				overlay		= $('<div id="fancybox-overlay"></div>'),
 723 | 				wrap		= $('<div id="fancybox-wrap"></div>')
 724 | 			);
 725 | 
 726 | 			if (!$.support.opacity) {
 727 | 				wrap.addClass('fancybox-ie');
 728 | 				loading.addClass('fancybox-ie');
 729 | 			}
 730 | 
 731 | 			outer = $('<div id="fancybox-outer"></div>')
 732 | 				.append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>')
 733 | 				.appendTo( wrap );
 734 | 
 735 | 			outer.append(
 736 | 				inner		= $('<div id="fancybox-inner"></div>'),
 737 | 				close		= $('<a id="fancybox-close"></a>'),
 738 | 
 739 | 				nav_left	= $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),
 740 | 				nav_right	= $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')
 741 | 			);
 742 | 
 743 | 			close.click($.fancybox.close);
 744 | 			loading.click($.fancybox.cancel);
 745 | 
 746 | 			nav_left.click(function(e) {
 747 | 				e.preventDefault();
 748 | 				$.fancybox.prev();
 749 | 			});
 750 | 
 751 | 			nav_right.click(function(e) {
 752 | 				e.preventDefault();
 753 | 				$.fancybox.next();
 754 | 			});
 755 | 
 756 | 			if (isIE6) {
 757 | 				overlay.get(0).style.setExpression('height',	"document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");
 758 | 				loading.get(0).style.setExpression('top',		"(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");
 759 | 
 760 | 				outer.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>');
 761 | 			}
 762 | 		};
 763 | 
 764 | 	/*
 765 | 	 * Public methods 
 766 | 	 */
 767 | 
 768 | 	$.fn.fancybox = function(options) {
 769 | 		$(this)
 770 | 			.data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
 771 | 			.unbind('click.fb').bind('click.fb', function(e) {
 772 | 				e.preventDefault();
 773 | 
 774 | 				if (busy) {
 775 | 					return;
 776 | 				}
 777 | 
 778 | 				busy = true;
 779 | 
 780 | 				$(this).blur();
 781 | 
 782 | 				selectedArray	= [];
 783 | 				selectedIndex	= 0;
 784 | 
 785 | 				var rel = $(this).attr('rel') || '';
 786 | 
 787 | 				if (!rel || rel == '' || rel === 'nofollow') {
 788 | 					selectedArray.push(this);
 789 | 
 790 | 				} else {
 791 | 					selectedArray	= $("a[rel=" + rel + "], area[rel=" + rel + "]");
 792 | 					selectedIndex	= selectedArray.index( this );
 793 | 				}
 794 | 
 795 | 				fancybox_start();
 796 | 
 797 | 				return false;
 798 | 			});
 799 | 
 800 | 		return this;
 801 | 	};
 802 | 
 803 | 	$.fancybox = function(obj) {
 804 | 		if (busy) {
 805 | 			return;
 806 | 		}
 807 | 
 808 | 		busy = true;
 809 | 
 810 | 		var opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};
 811 | 
 812 | 		selectedArray	= [];
 813 | 		selectedIndex	= opts.index || 0;
 814 | 
 815 | 		if ($.isArray(obj)) {
 816 | 			for (var i = 0, j = obj.length; i < j; i++) {
 817 | 				if (typeof obj[i] == 'object') {
 818 | 					$(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));
 819 | 				} else {
 820 | 					obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));
 821 | 				}
 822 | 			}
 823 | 
 824 | 			selectedArray = jQuery.merge(selectedArray, obj);
 825 | 
 826 | 		} else {
 827 | 			if (typeof obj == 'object') {
 828 | 				$(obj).data('fancybox', $.extend({}, opts, obj));
 829 | 			} else {
 830 | 				obj = $({}).data('fancybox', $.extend({content : obj}, opts));
 831 | 			}
 832 | 
 833 | 			selectedArray.push(obj);
 834 | 		}
 835 | 
 836 | 		if (selectedIndex > selectedArray.length || selectedIndex < 0) {
 837 | 			selectedIndex = 0;
 838 | 		}
 839 | 
 840 | 		fancybox_start();
 841 | 	};
 842 | 
 843 | 	$.fancybox.showActivity = function() {
 844 | 		clearInterval(loadingTimer);
 845 | 
 846 | 		loading.show();
 847 | 		loadingTimer = setInterval(fancybox_animate_loading, 66);
 848 | 	};
 849 | 
 850 | 	$.fancybox.hideActivity = function() {
 851 | 		loading.hide();
 852 | 	};
 853 | 
 854 | 	$.fancybox.next = function() {
 855 | 		return $.fancybox.pos( currentIndex + 1);
 856 | 	};
 857 | 	
 858 | 	$.fancybox.prev = function() {
 859 | 		return $.fancybox.pos( currentIndex - 1);
 860 | 	};
 861 | 
 862 | 	$.fancybox.pos = function(pos) {
 863 | 		if (busy) {
 864 | 			return;
 865 | 		}
 866 | 
 867 | 		pos = parseInt(pos, 10);
 868 | 
 869 | 		if (pos > -1 && currentArray.length > pos) {
 870 | 			selectedIndex = pos;
 871 | 			fancybox_start();
 872 | 		}
 873 | 
 874 | 		if (currentOpts.cyclic && currentArray.length > 1 && pos < 0) {
 875 | 			selectedIndex = currentArray.length - 1;
 876 | 			fancybox_start();
 877 | 		}
 878 | 
 879 | 		if (currentOpts.cyclic && currentArray.length > 1 && pos >= currentArray.length) {
 880 | 			selectedIndex = 0;
 881 | 			fancybox_start();
 882 | 		}
 883 | 
 884 | 		return;
 885 | 	};
 886 | 
 887 | 	$.fancybox.cancel = function() {
 888 | 		if (busy) {
 889 | 			return;
 890 | 		}
 891 | 
 892 | 		busy = true;
 893 | 
 894 | 		$.event.trigger('fancybox-cancel');
 895 | 
 896 | 		fancybox_abort();
 897 | 
 898 | 		if (selectedOpts && $.isFunction(selectedOpts.onCancel)) {
 899 | 			selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);
 900 | 		}
 901 | 
 902 | 		busy = false;
 903 | 	};
 904 | 
 905 | 	// Note: within an iframe use - parent.$.fancybox.close();
 906 | 	$.fancybox.close = function() {
 907 | 		if (busy || wrap.is(':hidden')) {
 908 | 			return;
 909 | 		}
 910 | 
 911 | 		busy = true;
 912 | 
 913 | 		if (currentOpts && $.isFunction(currentOpts.onCleanup)) {
 914 | 			if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {
 915 | 				busy = false;
 916 | 				return;
 917 | 			}
 918 | 		}
 919 | 
 920 | 		fancybox_abort();
 921 | 
 922 | 		$(close.add( nav_left ).add( nav_right )).hide();
 923 | 
 924 | 		$('#fancybox-title').remove();
 925 | 
 926 | 		wrap.add(inner).add(overlay).unbind();
 927 | 
 928 | 		$(window).unbind("resize.fb scroll.fb");
 929 | 		$(document).unbind('keydown.fb');
 930 | 
 931 | 		function _cleanup() {
 932 | 			overlay.fadeOut('fast');
 933 | 
 934 | 			wrap.hide();
 935 | 
 936 | 			$.event.trigger('fancybox-cleanup');
 937 | 
 938 | 			inner.empty();
 939 | 
 940 | 			if ($.isFunction(currentOpts.onClosed)) {
 941 | 				currentOpts.onClosed(currentArray, currentIndex, currentOpts);
 942 | 			}
 943 | 
 944 | 			currentArray	= selectedOpts	= [];
 945 | 			currentIndex	= selectedIndex	= 0;
 946 | 			currentOpts		= selectedOpts	= {};
 947 | 
 948 | 			busy = false;
 949 | 		}
 950 | 
 951 | 		inner.css('overflow', 'hidden');
 952 | 
 953 | 		if (currentOpts.transitionOut == 'elastic') {
 954 | 			start_pos = fancybox_get_zoom_from();
 955 | 
 956 | 			var pos = wrap.position();
 957 | 
 958 | 			final_pos = {
 959 | 				top		:	pos.top ,
 960 | 				left	:	pos.left,
 961 | 				width	:	wrap.width(),
 962 | 				height	:	wrap.height()
 963 | 			};
 964 | 
 965 | 			if (currentOpts.opacity) {
 966 | 				final_pos.opacity = 1;
 967 | 			}
 968 | 
 969 | 			fx.prop = 1;
 970 | 
 971 | 			$(fx).animate({ prop: 0 }, {
 972 | 				 duration	: currentOpts.speedOut,
 973 | 				 easing		: currentOpts.easingOut,
 974 | 				 step		: fancybox_draw,
 975 | 				 complete	: _cleanup
 976 | 			});
 977 | 
 978 | 		} else {
 979 | 			wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);
 980 | 		}
 981 | 	};
 982 | 
 983 | 	$.fancybox.resize = function() {
 984 | 		var c, h;
 985 | 		
 986 | 		if (busy || wrap.is(':hidden')) {
 987 | 			return;
 988 | 		}
 989 | 
 990 | 		busy = true;
 991 | 
 992 | 		c = inner.wrapInner("<div style='overflow:auto'></div>").children();
 993 | 		h = c.height();
 994 | 
 995 | 		wrap.css({height:	h + (currentOpts.padding * 2) + titleh});
 996 | 		inner.css({height:	h});
 997 | 
 998 | 		c.replaceWith(c.children());
 999 | 
1000 | 		$.fancybox.center();
1001 | 	};
1002 | 
1003 | 	$.fancybox.center = function() {
1004 | 		busy = true;
1005 | 
1006 | 		var view	= fancybox_get_viewport(),
1007 | 			margin	= currentOpts.margin,
1008 | 			to		= {};
1009 | 
1010 | 		to.top	= view[3] + ((view[1] - ((wrap.height() - titleh) + (shadow * 2 ))) * 0.5);
1011 | 		to.left	= view[2] + ((view[0] - (wrap.width() + (shadow * 2 ))) * 0.5);
1012 | 
1013 | 		to.top	= Math.max(view[3] + margin, to.top);
1014 | 		to.left	= Math.max(view[2] + margin, to.left);
1015 | 
1016 | 		wrap.css(to);
1017 | 
1018 | 		busy = false;
1019 | 	};
1020 | 
1021 | 	$.fn.fancybox.defaults = {
1022 | 		padding				:	10,
1023 | 		margin				:	20,
1024 | 		opacity				:	false,
1025 | 		modal				:	false,
1026 | 		cyclic				:	false,
1027 | 		scrolling			:	'auto',	// 'auto', 'yes' or 'no'
1028 | 
1029 | 		width				:	560,
1030 | 		height				:	340,
1031 | 
1032 | 		autoScale			:	true,
1033 | 		autoDimensions		:	true,
1034 | 		centerOnScroll		:	false,
1035 | 
1036 | 		ajax				:	{},
1037 | 		swf					:	{ wmode: 'transparent' },
1038 | 
1039 | 		hideOnOverlayClick	:	true,
1040 | 		hideOnContentClick	:	false,
1041 | 
1042 | 		overlayShow			:	true,
1043 | 		overlayOpacity		:	0.3,
1044 | 		overlayColor		:	'#666',
1045 | 
1046 | 		titleShow			:	true,
1047 | 		titlePosition		:	'outside',	// 'outside', 'inside' or 'over'
1048 | 		titleFormat			:	null,
1049 | 
1050 | 		transitionIn		:	'fade',	// 'elastic', 'fade' or 'none'
1051 | 		transitionOut		:	'fade',	// 'elastic', 'fade' or 'none'
1052 | 
1053 | 		speedIn				:	300,
1054 | 		speedOut			:	300,
1055 | 
1056 | 		changeSpeed			:	300,
1057 | 		changeFade			:	'fast',
1058 | 
1059 | 		easingIn			:	'swing',
1060 | 		easingOut			:	'swing',
1061 | 
1062 | 		showCloseButton		:	true,
1063 | 		showNavArrows		:	true,
1064 | 		enableEscapeButton	:	true,
1065 | 
1066 | 		onStart				:	null,
1067 | 		onCancel			:	null,
1068 | 		onComplete			:	null,
1069 | 		onCleanup			:	null,
1070 | 		onClosed			:	null
1071 | 	};
1072 | 
1073 | 	$(document).ready(function() {
1074 | 		fancybox_init();
1075 | 	});
1076 | 
1077 | })(jQuery);


--------------------------------------------------------------------------------
/vendors/fancybox/jquery.fancybox-1.3.1.pack.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * FancyBox - jQuery Plugin
 3 |  * Simple and fancy lightbox alternative
 4 |  *
 5 |  * Examples and documentation at: http://fancybox.net
 6 |  * 
 7 |  * Copyright (c) 2008 - 2010 Janis Skarnelis
 8 |  *
 9 |  * Version: 1.3.1 (05/03/2010)
10 |  * Requires: jQuery v1.3+
11 |  *
12 |  * Dual licensed under the MIT and GPL licenses:
13 |  *   http://www.opensource.org/licenses/mit-license.php
14 |  *   http://www.gnu.org/licenses/gpl.html
15 |  */
16 | 
17 | (function(b){var m,u,x,g,D,i,z,A,B,p=0,e={},q=[],n=0,c={},j=[],E=null,s=new Image,G=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,H,I=1,k,l,h=false,y=b.extend(b("<div/>")[0],{prop:0}),v=0,O=!b.support.opacity&&!window.XMLHttpRequest,J=function(){u.hide();s.onerror=s.onload=null;E&&E.abort();m.empty()},P=function(){b.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})},
18 | K=function(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]},T=function(){var a=K(),d={},f=c.margin,o=c.autoScale,t=(20+f)*2,w=(20+f)*2,r=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-40;o=false}else d.width=c.width+r;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-40;o=false}else d.height=c.height+r;if(o&&(d.width>a[0]-t||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){t+=r;
19 | w+=r;o=Math.min(Math.min(a[0]-t,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-r))+r;d.height=Math.round(o*(d.height-r))+r}else{d.width=Math.min(d.width,a[0]-t);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+40))*0.5;d.left=a[2]+(a[0]-(d.width+40))*0.5;if(c.autoScale===false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d},U=function(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return'<span id="fancybox-title-over">'+
20 | a+"</span>";default:return'<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+a+'</span><span id="fancybox-title-right"></span></span>'}return false},V=function(){var a=c.title,d=l.width-c.padding*2,f="fancybox-title-"+c.titlePosition;b("#fancybox-title").remove();v=0;if(c.titleShow!==false){a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):U(a);if(!(!a||a==="")){b('<div id="fancybox-title" class="'+f+'" />').css({width:d,paddingLeft:c.padding,
21 | paddingRight:c.padding}).html(a).appendTo("body");switch(c.titlePosition){case "inside":v=b("#fancybox-title").outerHeight(true)-c.padding;l.height+=v;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(D).hide()}}},W=function(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode==
22 | 37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d===0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!==0)A.show();if(c.cyclic&&j.length>1||n!=j.length-1)B.show()}},X=function(){var a,d;if(j.length-1>n){a=j[n+1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}if(n>0){a=
23 | j[n-1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}},L=function(){i.css("overflow",c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&x.one("click",b.fancybox.close);c.showCloseButton&&z.show();W();b(window).bind("resize.fb",
24 | b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;X()},M=function(a){var d=Math.round(k.width+(l.width-k.width)*a),f=Math.round(k.height+(l.height-k.height)*a),o=Math.round(k.top+(l.top-k.top)*a),t=Math.round(k.left+(l.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:t+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+v*a),0);i.css({width:d+"px",height:f+
25 | "px"});if(typeof l.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)},Y=function(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d},Q=function(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Y(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-20,left:a.left-c.padding-
26 | 20}}else{a=K();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d},N=function(){u.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");h=false;return}j=q;n=p;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){O&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});
27 | x.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}l=T();V();if(g.is(":visible")){b(z.add(A).add(B)).hide();var a=g.position(),d;k={top:a.top,left:a.left,width:g.width(),height:g.height()};d=k.width==l.width&&k.height==l.height;i.fadeOut(c.changeFade,function(){var f=function(){i.html(m.contents()).fadeIn(c.changeFade,L)};b.event.trigger("fancybox-change");i.empty().css("overflow","hidden");if(d){i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*
28 | 2,1),height:Math.max(l.height-c.padding*2-v,1)});f()}else{i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)});y.prop=0;b(y).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:M,complete:f})}})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=Q();i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(m.contents());g.css(k).show();if(c.opacity)l.opacity=
29 | 0;y.prop=0;b(y).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*2,1),height:Math.max(l.height-c.padding*2-v,1)}).html(m.contents());g.css(l).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}},F=function(){m.width(e.width);m.height(e.height);if(e.width=="auto")e.width=m.width();if(e.height=="auto")e.height=m.height();N()},Z=function(){h=true;e.width=s.width;e.height=s.height;b("<img />").attr({id:"fancybox-img",
30 | src:s.src,alt:e.title}).appendTo(m);N()},C=function(){J();var a=q[p],d,f,o,t,w;e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(o===""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(G))f=
31 | "image";else if(d.match(S))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!=="swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,p,e)===false){h=false;
32 | return}m.css("padding",20+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":m.html(e.content);F();break;case "inline":b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();
33 | s=new Image;s.onerror=function(){P()};s.onload=function(){s.onerror=null;s.onload=null;Z()};s.src=d;break;case "swf":t='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+d+'"></param>';w="";b.each(e.swf,function(r,R){t+='<param name="'+r+'" value="'+R+'"></param>';w+=" "+r+'="'+R+'"'});t+='<embed src="'+d+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+w+"></embed></object>";m.html(t);
34 | F();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];if(typeof f=="string")f+="&selector="+a[1];else f.selector=a[1]}h=false;b.fancybox.showActivity();E=b.ajax(b.extend(e.ajax,{url:d,data:f,error:P,success:function(r){if(E.status==200){m.html(r);F()}}}));break;case "iframe":b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" scrolling="'+e.scrolling+'" src="'+e.href+'"></iframe>').appendTo(m);N();break}},$=function(){if(u.is(":visible")){b("div",
35 | u).css("top",I*-40+"px");I=(I+1)%12}else clearInterval(H)},aa=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),u=b('<div id="fancybox-loading"><div></div></div>'),x=b('<div id="fancybox-overlay"></div>'),g=b('<div id="fancybox-wrap"></div>'));if(!b.support.opacity){g.addClass("fancybox-ie");u.addClass("fancybox-ie")}D=b('<div id="fancybox-outer"></div>').append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>').appendTo(g);
36 | D.append(i=b('<div id="fancybox-inner"></div>'),z=b('<a id="fancybox-close"></a>'),A=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),B=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));z.click(b.fancybox.close);u.click(b.fancybox.cancel);A.click(function(a){a.preventDefault();b.fancybox.prev()});B.click(function(a){a.preventDefault();b.fancybox.next()});if(O){x.get(0).style.setExpression("height",
37 | "document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");u.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");D.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>')}}};
38 | b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];p=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");p=q.index(this)}C();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;d=typeof d!=="undefined"?d:{};q=[];p=d.index||0;if(b.isArray(a)){for(var f=0,o=a.length;f<o;f++)if(typeof a[f]==
39 | "object")b(a[f]).data("fancybox",b.extend({},d,a[f]));else a[f]=b({}).data("fancybox",b.extend({content:a[f]},d));q=jQuery.merge(q,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},d,a));else a=b({}).data("fancybox",b.extend({content:a},d));q.push(a)}if(p>q.length||p<0)p=0;C()}};b.fancybox.showActivity=function(){clearInterval(H);u.show();H=setInterval($,66)};b.fancybox.hideActivity=function(){u.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n-
40 | 1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a,10);if(a>-1&&j.length>a){p=a;C()}if(c.cyclic&&j.length>1&&a<0){p=j.length-1;C()}if(c.cyclic&&j.length>1&&a>=j.length){p=0;C()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");J();e&&b.isFunction(e.onCancel)&&e.onCancel(q,p,e);h=false}};b.fancybox.close=function(){function a(){x.fadeOut("fast");g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=p=0;c=e={};h=false}
41 | if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}J();b(z.add(A).add(B)).hide();b("#fancybox-title").remove();g.add(i).add(x).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=Q();var d=g.position();l={top:d.top,left:d.left,width:g.width(),height:g.height()};if(c.opacity)l.opacity=1;y.prop=1;b(y).animate({prop:0},{duration:c.speedOut,easing:c.easingOut,
42 | step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){var a,d;if(!(h||g.is(":hidden"))){h=true;a=i.wrapInner("<div style='overflow:auto'></div>").children();d=a.height();g.css({height:d+c.padding*2+v});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=K(),d=c.margin,f={};f.top=a[3]+(a[1]-(g.height()-v+40))*0.5;f.left=a[2]+(a[0]-(g.width()+40))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+
43 | d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",
44 | easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){aa()})})(jQuery);


--------------------------------------------------------------------------------
/vendors/fancybox/jquery.mousewheel-3.0.2.pack.js:
--------------------------------------------------------------------------------
 1 | /*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 2 |  * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 3 |  * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 4 |  * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 5 |  * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 6 |  *
 7 |  * Version: 3.0.2
 8 |  * 
 9 |  * Requires: 1.2.2+
10 |  */
11 | 
12 | (function(b){function d(a){var f=[].slice.call(arguments,1),e=0;a=b.event.fix(a||window.event);a.type="mousewheel";if(a.wheelDelta)e=a.wheelDelta/120;if(a.detail)e=-a.detail/3;f.unshift(a,e);return b.event.handle.apply(this,f)}var c=["DOMMouseScroll","mousewheel"];b.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=c.length;a;)this.addEventListener(c[--a],d,false);else this.onmousewheel=d},teardown:function(){if(this.removeEventListener)for(var a=c.length;a;)this.removeEventListener(c[--a],
13 | d,false);else this.onmousewheel=null}};b.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);


--------------------------------------------------------------------------------