/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: basic 1
 *
 * Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.3 (jPlayer 2.2.0)
 * Date: 19th November 2012
 */


/*fonts*/

@font-face {
font-family: 'AverageMono';
src: url('../fonts/AverageMono.ttf') format('truetype'),
src: url('../fonts/AverageMono.otf') format('otf');
}

@font-face {
font-family: 'AverageMonoItalic';
src: url('../fonts/AverageMonoItalic.ttf') format('truetype'),
src: url('../fonts/AverageMonoItalic.ttf')  format('otf');
}

@font-face {
font-family: 'UniversElse';
src: url('../fonts/UniversElse-Regular.ttf') format('truetype'),
src: url('../fonts/FluxischElse-Regular.woff') format('woff');
}

@font-face {
font-family: 'UniversElse-Light';
src: url('../fonts/UniversElse-Light.ttf') format('truetype'),
src: url('../fonts/FluxischElse-Light.woff') format('woff');
}

/*elements*/

body {
font-family: AverageMono;
font-size: 1em;
color: rgb(20, 20, 20);
line-height:1.6; 
letter-spacing: 1px;
background: transparent;
}

p.italics {
	font-family: AverageMonoItalic;
	font-style: italic;
}

a:link {
	color: rgb(35, 35, 35);
	text-decoration: underline;	
}
a:visited {
	color: rgb(35, 35, 35);
	text-decoration: underline;
}
a:active {
	color: rgb(35, 35, 35);
	text-decoration: none;
}
a:hover {
	color: rgb(35, 35, 35);
	text-decoration: none;	
}

.showBig {
  width: 400px;
}

.showVeryBig {
  width: 7284px;
  position: relative;
  top:-300px;
  z-index:-60;
}

.showW2557 {
  width: 2557px;
  position: relative;
  top:-300px;
  padding: px;
  background-color: transparent;
  z-index:-90;
}

.showW4738 {
  width: 4738px;
  position: relative;
  top:-300px;
  padding: px;
  background-color: transparent;
  color:;
  font-size: ;
  z-index:-90;
}

.showBigger {
  width: 400px;
  padding: px;
  background-color: transparent;
}

.showFullWidth {
  width: 2000px;
  position: relative;
  top:-300px;
  padding: px;
  background-color: transparent;
  color:;
  font-size: ;
  box-sizing: ;
}

.vertical {
width:200px;
background-color:transparent;
display:inline-block;
text-wrap: wrap;
position: absolute;
}

.elongate {
	position: relative;
	width: 19500px;
	height: 30px;
	background-color: transparent;
	white-space:nowrap;
}

.video,
.thumb {
cursor: pointer;
}

.thumbPage {
	position: absolute;
	width: 100px;
	height: 120px;
	top: 0px;
	display: inline-block;
	font-size: 0.3em;
	line-height: 0.7;
	letter-spacing: 0.4px;
	text-wrap: wrap;
	background-color: ;
	overflow:visible;
}

.thumbTable {
	position: absolute;
	width: 100px;
	height: 120px;
	top: px;
	display: ;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-wrap: wrap;
	background-color: transparent;
	overflow:visible;
}

.explode1 {
	width: 600px;
	height: 200px;
	font-size: 1em;
	letter-spacing: 2px;
	line-height: 1;
	overflow: visible;
	z-index: 90;
}

.caption {
	width: 200px;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 1.5px;
	text-align: justify;
	text-wrap: wrap;
}

.hidden {
visibility: hidden;
}


div.textbox2
{
width: ;
height: ;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
letter-spacing: 2px;
white-space:nowrap;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 12%;
top: 340px;
z-index:50;
}

div.textbox3
{
width: ;
height: ;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
letter-spacing: 2px;
white-space:nowrap;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: relative;
left: 89000px;
top: 300px;
z-index:5;
}

div.orangepeeltextbox
{
width:200px;
height:100px;
display: inline-block;
overflow:;
border: 0px solid black;
padding: 0px;
background-color: transparent;
position: absolute;
left: ;
top: -140px;
z-index: -20;
}


.videoContainer
{
width:200px;
height:140px;
display: inline-block;
background-color: transparent;
position: absolute;
left:px;
top:0px;
}



div.videocontainer3 {
display: inline-block;
width: 240px;
height:181px;
overflow:;
text-align: left;
text-wrap: wrap;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left:px;
top: 27px;
z-index:;
}

div.imagewithtextbox1
{
width: 400px;
height:;
display: inline-block;
overflow: ;
text-wrap: wrap;
text-align: justify;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left:px;
top:-165px;
z-index:10;
}

.imageBox
{
display: inline-block;
overflow:;
background-color: transparent;
position: absolute;
z-index: 1;
opacity:1;
}

div.imagebox1
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 1100px;
top: 32%;
z-index: 12;
opacity:0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
div.imagebox1:hover
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 1100px;
top: 32%;
z-index: 12;
opacity:1;
	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imagebox2
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: ;
position: absolute;
left: -300px;
top: 62%;
z-index: 12;
opacity:0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
div.imagebox2:hover
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: -300px;
top: 62%;
z-index: 12;
opacity:1;
	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}


#about {
position: ;
top: -4px;
left: px;
}

#textbox1 {
width:;
height:30px;
white-space:nowrap;
text-align: left;
letter-spacing: 3px;
background-color: transparent;
position: relative;
left: 12%;
top: 140px;
z-index:70;
}

#materialsLine {
width:;
height:5px;
white-space:nowrap;
letter-spacing: 3px;
background-color: transparent;
position: relative;
left: 12%;
top: 145px;
z-index:30;
}


#farmerWalking {
width:120px;
height:120px;
display: inline-block;
background-color: ;
position: absolute;
top:px;
z-index: -10;
}

#farmer {
width: ;
}

#apersonwho {
position: ;
top: -4px;
left: px;	
}

#ernestasaboy {
width:120px;
height:180px;
overflow:;
display: inline-block;
background-color: transparent;
position: absolute;
left:;
top: 0px;
z-index: 12;
}

#driveThrough {
position: ;
top: -4px;
left: px;	
}

#ernestbaseball {
width:;
height:;
overflow:;
display: inline-block;
background-color: transparent;
position: absolute;
left:;
top: 0px;
z-index: 12;
}

#somethingAbout {
position: ;
top: -4px;
left: px;	
}

#ifnarrative {
position: ;
top: -4px;
left: px;	
}

#insertions {
position: ;
top: -4px;
left: px;	
}

#lube {
position: ;
top: -4px;
left: px;	
}

#kisima {
position: ;
top: -4px;
left: px;	
}

#strangely {
position: ;
top: -4px;
left: px;	
}

#slicecaption {
position: ;
top: 20px;
left: px;	
}

#cornbombintro {
position: ;
top: -4px;
left: px;	
}


#derwoodClay {
position: ;
left: ;
}

#railheadok5 {
display: inline-block;
top: ;
z-index:;
}

#seeps {
width: ;
}


#railheadok7 {
display: inline-block;
width: 240px;
height:181px;
overflow:;
text-align: left;
text-wrap: wrap;
line-height:;
border: 0px solid black;
padding: 0px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: px;
top:px;
z-index:;
}

#railheadok6 {
display: inline-block;
width: 240px;
height:181px;
overflow:;
text-wrap: wrap;
line-height:;
background-color: transparent;
position: absolute;
left: px;
top:px;
z-index:;
}

#fairbanks {
display: inline-block;
width: 240px;
height:181px;
overflow:;
text-wrap: wrap;
line-height:;
background-color: transparent;
position: absolute;
left: px;
top:px;
z-index:;
}

div.imagebox3
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;

background-color: transparent;
position: absolute;
left: 1900px;
top: 11%;
z-index: 12;
opacity:0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imagebox3:hover
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 1900px;
top: 11%;
z-index: 12;
opacity:1;
	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}


div.smallimagebox4
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 2000px;
top: 34%;
z-index: 1;
opacity:1;
}

div.imagebox4
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;

background-color: transparent;
position: absolute;
left: 1900px;
top: 11%;
z-index: 12;
opacity:0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imagebox4:hover
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 1900px;
top: 11%;
z-index: 12;
opacity:1;
	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imageboxplaintopleftx
{
width:;
height:;
display: inline-block;
overflow:;
text-align:;
line-height:;
border: 0px solid black;
padding: 0px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: ;
top: -160px;
z-index: -30;
opacity:1;
}

div.imageboxplaintopleftx2 {
width:200px;
height:100px;
display: inline-block;
background-color:;
position: absolute;
left:px;
top: 15px;
z-index: -30;
opacity:1;
}

div.imageboxplaintopleftx3
{
width:;
height:;
overflow:;
text-align:;
line-height:;
border: 0px solid black;
padding: 0px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 40900px;
top: -5%;
z-index:;
opacity:;
}

div.imageboxplaintopleftx4
{
width:;
height:;
overflow:;
text-align:;
line-height:;
border: 0px solid black;
padding: 0px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 80000px;
top: -59%;
z-index:;
opacity:;
}

div.imagebox4small
{
width:300px;
height:;
overflow:;
display: inline-block;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
background-color: transparent;
position: absolute;
left: px;
top: 45px;
z-index:-30:
opacity:1;
}

div.imagebox4
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;

background-color: transparent;
position: absolute;
left: 40900px;
top: -5%;
z-index:;
z-index: 12;
opacity:0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}



div.imagebox4:hover
{
width:;
height:;
overflow:;
text-align: right;
line-height:;
border: 0px solid black;
padding: 10px;
font-size: ;
color: ;
opacity:;
background-color: transparent;
position: absolute;
left: 40900px;
top: -5%;
z-index:;
opacity:1;
	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imageboxDeere {
border: 0px;
padding: 10px;
display: inline-block;
font-size: ;
background-color: transparent;
position: absolute;
left: px;
top: -160px;
z-index: -12;
opacity: 1;
}

div.imagebox5 {
border: 0px;
padding: 10px;
display: inline-block;
font-size: ;
background-color: transparent;
position: absolute;
left: px;
top: -160px;
z-index: -12;
opacity: 1;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;

	-webkit-transition-duration: 6s;
	-moz-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

div.imagebox5:hover
{
padding: 10px;
background-color: transparent;
position: absolute;
left: 80000px;
top: -59%;
z-index: 12;
opacity: 0;
	-webkit-transition-property: opacity;
  	-moz-transition-property: opacity;
  	-o-transition-property: opacity;
  	transition-property: opacity;

  	-webkit-transition-duration: 6s;
  	-moz-transition-duration: 6s;
 	-o-transition-duration: 6s;
  	transition-duration: 6s;

  	-webkit-transition-delay:0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}



/****** player *************/


/*
GENERAL PLAYER
-> add divs as needed for other content and or additional players.
-> check the path to fonts, audio file, etc which depend on where the file is.
*/

@font-face {
font-family: AverageMono;
src: url('../fonts/AverageMono.ttf') format('truetype');
src: url('../fonts/AverageMono.otf') format('otf');
font-weight: normal;
}

@font-face {
font-family: AverageMonoItalic;
src: url('../fonts/AverageMonoItalic.ttf');
src: url('../fonts/AverageMonoItalic.otf') format('otf');
font-style: italic;
}

@font-face {
font-family: 'UniversElse';
src: url('../fonts/UniversElse-Regular.ttf') format('truetype');
src: url('../fonts/FluxischElse-Regular.woff') format('woff');
}

@font-face {
font-family: 'UniversElse-Light';
src: url('../fonts/UniversElse-Light.ttf') format('truetype');
src: url('../fonts/FluxischElse-Light.woff') format('woff');
}

/*what is this doing?*/

#float {
	position:relative;
	top: 250px;
	width: 720px;
	height: 180px;
	margin: 0 auto;
}


/* this holds the player and sets its position on the page */

#player1 {
	position: relative;	
	width: 300px;
	height: 100px;
	left: 14142px;
	top:430px;
	background-color: transparent;
}


#player2 {
	position: relative;	
	display: inline-block;
	width: 300px;
	height: 100px;
	left: 100px;
	top:0px;
	background-color: transparent;
}

/* the jp_container_# divs are not spatial. 
use the player1 and make other player# divs to position players.
you need a different jp_container for each player for it to work.
*/

/*
div#jp_container_1 {
	position: relative;
	left: 0px;
	top: 0px;
	background-color: transparent;
}
*/


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: basic 1
 *
 * Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.3 (jPlayer 2.2.0)
 * Date: 19th November 2012
 */


a:active {
		background-color: transparent;
		outline: 0px;
}

a:focus {
	background-color: transparent;
	outline: 0px;
}

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
font-family: UniversElse-Light;
font-size: 17	px;
position: ;
top: 0px;
left: 0px;
font-size: ;
line-height: ;
color: black;
background-color:;
}


/* play pause stop buttons */

div.jp-interface ul.jp-controls {
	list-style-type: none;
	overflow:hidden;
}

li,
ul.jp-controls, 
div.jp-interface,
ul.jp-controls		{
	display: inline-block;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display: inline-block;
}

a.jp-play,
a.jp-stop,
a.jp-pause	 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	color: black;
	text-decoration: none;
	background-color: ;
}

a.jp-play:hover,
a.jp-stop:hover,
a.jp-pause:hover  {
	color: black;
	opacity: 0.6;
}


/* progress bar */

div.jp-progress {
	overflow:;
	background-color: ;
}

div.jp-audio div.jp-progress {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: ;

}

div.jp-seek-bar {
	background-color: transparent;
	height: 15px;
	padding-top: 15px;
	padding-bottom: 0px; 
	width: 100px;
	cursor: pointer;
}

div.jp-play-bar {
	background-color: black;
	width: 100px;
	height: 2px;
	opacity: 1;	
}


/* The seeking class is added/removed inside jPlayer - ? */

div.jp-seeking-bg {
	background-color: ;
}


/* time : current and duration of track */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
	background-color: transparent;
	left:50px;
	width:100px;
}


div.jp-current-time,
div.jp-duration 	{
	width: ;
	font-family: UniversElse-Light;
	font-size: 0.6em;
	letter-spacing: 1.2;
	vertical-align: bottom;
	background-color: transparent;
}

div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
}


/* audio details - default: no text wrap */

div.jp-title {
	position: absolute;
	height: 30px;
	width: 450px;
	text-align: center ;
	letter-spacing: 2px;
	line-height: 30px;
	left: 0px;
	top: 70px;
	background-color: transparent;
}

div.jp-title ul {
	list-style-type: none;
}

div.jp-title li {
	white-space: nowrap;
	background-color: transparent;
	font-size: 1em;
	color: black;
	background-color: transparent;
}


/* set the span style for the title if you need to */


.right {
	text-align: right;
	display: ;
}


span.example {
	font-size: ;
	color: ;
}

/* @end */