#side { 
	width:30%; 
	border:0px solid black; 
	float:left; 
	background-color:#efefef; 
	padding:10px; 
	min-height:400px; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	font-size: 14px;
	margin-bottom: 20px;
}

#mainvid { width:65%; border:0px solid black; float:left; margin-left:16px; font-size: 14px;}

#sessions { }

#presfilters a { text-decoration: none; color:#222; text-shadow:1px 1px 1px rgba(0,0,0,.3);}

#vidcontent {
	position: relative;
	margin: 30px auto;	
	padding: 10px;
	background-color: #fff;
	color: #000000;
}

.ses { 
	background-color:#efefef; 
	width:95%; 
	padding: 8px; 
	margin-bottom:4px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#cccccc',GradientType=0 );
	background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(204,204,204,1) 100%);
}

.pres { 
	background-color:#efefef; 
	width:100%; 
	padding:5px; 
	margin-bottom:2px;
	font-size: .9em;
	cursor: pointer;
}

.pres .title {
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	text-shadow:1px 1px 1px rgba(0,0,0,0.15);
	color: #8E0E0E !important;
}
.pres .doc {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
	color: #676767;
}
.pres .sesname {
	font-size: .85em;
	width: 100%;
	position: relative;
	top: -5px;
	left: -5px;
	background-color: #dfdfdf;
	text-align: right;
	padding: 2px;
	color: #222;
}
.pres .sesname .adjust {
	margin-right: 8px;
}

.bigtitle { font-size: 2em; font-weight: bold; color:#555; text-shadow:1px 1px 1px rgba(0,0,0,.25); letter-spacing:-.5px; width:100%; line-height:1; }

.instruct { font-size:.75em; font-style: italic; line-height: 1; }

#videodisplay {
	display: none;
}

.vidcleared { clear: both; height:10px; }

.vidbutton {
/* text */
text-decoration: 		none;
font: 					14px/1em 'Droid Sans', sans-serif;
font-weight: 			bold;
text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
-webkit-user-select: 	none;
-moz-user-select: 		none;
user-select: 			none;


/* layout */
padding: 				.5em .6em .4em .6em;
margin-right:			.5em;
position: 				relative;

-webkit-border-radius: 	8px;
-moz-border-radius: 	8px;
border-radius: 	8px;
float: left;

/* effects */
border-top: 		1px solid rgba(255,255,255,0.8);
border-bottom: 		1px solid rgba(0,0,0,0.1);

background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));

-webkit-transition: background .2s ease-in-out;
-moz-transition: 	background .2s ease-in-out;
transition: 		background .2s ease-in-out;

/* color */
color: 				hsl(0, 0%, 40%) !important;
background-color: 	hsl(0, 0%, 75%);

-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
					hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
					rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
					hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
					rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
					hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
					rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.vidbutton.selected {
color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.vidbutton.selected:hover { background-color: hsl(39, 100%, 65%); }


.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
      transition-duration: 0.5s;
}

.isotope {
-webkit-transition-property: height, width;
 -moz-transition-property: height, width;
      transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property:    -moz-transform, opacity;
      transition-property:         transform, opacity;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}