/* NORMALISE */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* fullscreen background */

img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;		
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}
		
@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
}

/* layout */

body {
	font-family: 'Open Sans', Helvetica, sans-serif;
}

#wrapper {
	width:960px;
	height:auto;
	margin:0 auto;
	position:relative;
}

.top-container {
	width:100%;
	height:320px;
	position:relative;
}

.title {
	position:absolute;
}

.content {
	width:880px;
	margin:30px auto 0 auto;
	background:url(../images/white-bg.png);
	padding:40px;
}

#page.content {
	margin-top:150px;
	width:880px;
}

footer {
	width:100%;
	height:100px;
}


/* navigation */

nav{
	top:0;
	margin:0;
	padding:0;
	height:60px;
	background:#98b817;
	background:rgba(152,184,23,.9);
}

nav ul {
	width:960px;
	top:0;
	margin:0 auto;
}

nav ul li {
	float:left;
	list-style:none;
	margin:11px 75px 0 0 ;
}

nav ul li a {
	color:#fff;
	font-family:'Sorts Mill Goudy', Times New Roman, serif;
	font-weight:400;
	font-size:28px;
	text-decoration:none;
	text-shadow: 1px 1px 0px #5f7605;
}

nav ul li a:hover, nav ul li a.current {
	color:#3a7024;
}

.nav-top-fix{
	position:fixed;
	top:0;
	z-index:1;
	width:100%;
	height:150px;
}

/* headings */

h1,h2,h3,h4,h5 {
	font-family:'Sorts Mill Goudy', Times New Roman, serif;
	font-weight:400;
	color:#98b817;
	text-shadow: 1px 1px 0px #5f7605;
}

h1 {
	margin:0 0 10px 0;
}

h2,h3{
	margin:0 0 10px 0;
}



/* formatting */

p, .content ul, .content ol {
	line-height:1.4em;
	font-size:16px;
	font-weight:300;
	margin:0 0 20px 0;
}

.content li {
	margin:5px 0;
}

.content ol li ul {
	margin:10px 0;
	list-style:disc;
}

p a, ul li a, ol li a {
	color:#98b817;
}

p a:hover {
	text-decoration:none;
}

/* activity */

.activity-wrap{
	width:800px;
	height:auto;
	margin:0 auto;
	padding:30px;
	background: #f8f7e6;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
	-webkit-box-shadow: inset 1px 1px 1px white, 0 6px 10px -8px black;
	   -moz-box-shadow: inset 1px 1px 1px white, 0 6px 10px -8px black;
	        box-shadow: inset 1px 1px 1px white, 0 6px 10px -8px black;
	border:1px solid #f1f1f1;
	position:relative;
}

.activity-column{
	width:420px;
	height:100%;
}

.pebble {
	width:165px;
	height:80px;
	margin:10px;
	display:block;
	position:absolute;
	cursor:move;
}


#pebble-1{
	top:100px;
	left:60px;
}

#pebble-2{
	top:320px;
	left:150px;
}

#pebble-3{
	top:120px;
	left:630px;
}

#pebble-4{
	top:260px;
	left:585px;
}

#pebble-5{
	top:200px;
	left:300px;
}

#pebble-6{
	top:30px;
	left:340px;
}


.pebble-text{
	position:absolute;
	background:transparent;
	width:120px;
	height:30px;
	top:22px;
	left:20px;
	font-size:21px;
	border:0;
	text-align:center;
	font-family:'Open Sans', Helvetica, serif;
	resize: none;
	font-weight:600;
}

/* buttons */

.btn {
	display:block;
	font-family:'Open Sans', Helvetica, serif;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	color:white;
	font-size:16px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

.reset,.print {
	width:70px;
	background:#c3dc5d;
	position:absolute;
	bottom:30px;
	right:30px;
}

a.reset:hover, a.print:hover{
	background:#98b817;
}

/* videoplayer */

.videoplayer {
	position:absolute;
	right:50px;
	top:40px;
}

p.transcript_link {
	font-size:12px;
	margin:3px 0 0;
	text-align:right;
}

/* image gallery */

.image-container{
	width:660px;
	height:110px;
	margin:0 auto;
}

.thumb{
	float:left;
	margin:0 10px 0 0;
}

/* trailer transcript */

#transcript p {
	margin:.8em 0;
}

/* facebook */

#fblikewidget{
	position:absolute;
	top:-10px;
	left:-90px;
	margin:10px;
}

/* misc */

.clear {
	clear:both;
}

.print_hide {
	display:none;
}