/* START NOTES CSS */


  
/* END NOTES CSS */      
/* Start Responsive Shim stack CSS code */


.stacks_in_88353shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
#stacks_in_2725 {
	margin:  10px;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanVideos/
 * Support: support@1littledesigner.com
 * Version 1.1.0
 * Description: cleanVideo uses Chris Coyier's FitVids and tailors it for use in RapidWeaver
 */

/* HTML 5 Videos Only */

cleanVids_stacks_in_88336 video {
    width: 100% !important;
    height: auto !important;
}
#stacks_in_88336 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width:  10px;
}
/* Start Responsive Shim stack CSS code */


.stacks_in_88354shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
#stacks_in_2727 {
	margin:  10px;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanVideos/
 * Support: support@1littledesigner.com
 * Version 1.1.0
 * Description: cleanVideo uses Chris Coyier's FitVids and tailors it for use in RapidWeaver
 */

/* HTML 5 Videos Only */

cleanVids_stacks_in_88338 video {
    width: 100% !important;
    height: auto !important;
}
#stacks_in_88338 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width:  10px;
}
/* Start Responsive Shim stack CSS code */


.stacks_in_88355shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
#stacks_in_139 {
	margin:  10px;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanVideos/
 * Support: support@1littledesigner.com
 * Version 1.1.0
 * Description: cleanVideo uses Chris Coyier's FitVids and tailors it for use in RapidWeaver
 */

/* HTML 5 Videos Only */

cleanVids_stacks_in_88340 video {
    width: 100% !important;
    height: auto !important;
}
#stacks_in_88340 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width:  10px;
}
/* Start Responsive Shim stack CSS code */


.stacks_in_88358shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
#stacks_in_137 {
	margin:  10px;
}
div.oiplayer
{
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.oiplayer.fullscreen
{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #000;
}

div.oiplayer.fullscreen > div.player
{
	width: 100%;
	height: 100%;
	z-index: 1001;
}
div.oiplayer.fullscreen > div.player > video,
div.oiplayer.fullscreen > div.player > object,
div.oiplayer.fullscreen > div.player > embed { z-index: 1002; }

div.oiplayer.fullscreen > div.oipcontrols
{
	z-index: 1003;
	margin: 0 auto;
}

div.oiplayer video, div.oiplayer object, div.oiplayer embed 
{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

div.oiplayer audio
{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

div.oiplayer > div.player
{
	margin: 0;
	padding: 0;
	z-index: 10;
}

div.oiplayer.audio > div.player { bottom: 0; }

div.oipcontrols
{
    display: block;
	height: 30px;
	margin: 0;
	max-width: 640px;
	color: #555;
	z-index: 19;
	background-color: transparent;
	background-image: url(images/bg-whitish.png);/*era whitish*/
	position: absolute;
	bottom: 0;
	left: 0;
}

div.oipcontrols.ios
{
	position: relative;
	margin: 0;
	padding: 0;
}

div.oiplayer div.oipcontrols.top
{
	margin: auto auto 10px auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

div.oiplayer > .preview
{
    position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	cursor: pointer;
}
div.oiplayer > div.preview.video { background: url(images/preview_video.png) left top repeat; }
div.oiplayer > div.preview.audio { background: url(images/preview_audio.png) left top repeat; }

div.oipcontrols > div
{
	margin: 2px 0 0 0;
	padding: 0;
	height: 28px;
}

div.oipcontrols div { position: absolute; }
div.oipcontrols > div.play { left: 6px; width: 21px; }
div.oipcontrols > div.time { width: 50px; left: 25px; text-align: right;  /* 83 */ }
div.oipcontrols > div.progress { left: 83px; right: 122px; }   /* 10px margin left and right */
div.oipcontrols > div.timeleft { width: 55px; right: 54px; text-align: left; /* 115 */ }
div.oipcontrols > div.screen { width: 21px; right: 33px; /* 54 */ }
div.oipcontrols > div.sound { width: 21px; right: 6px; }

div.oiplayer.audio div.progress { right: 100px; }   /* 10px margin left and right */
div.oiplayer.audio div.timeleft { right: 30px; }   /* 10px margin left and right */

/* on iOS sound (iPad) or screen (iPhone) are hidden */
div.oipcontrols.ios > div.progress { right: 100px; }
div.oipcontrols.ios > div.timeleft { right: 30px; }
div.oipcontrols.ios > div.screen { right: 6px; }


div.oipcontrols div.progress div.oiprogress  { 
    background: url(images/slider11-long.png) left -50px no-repeat;
    height: 25px;
    left: 0;
    right: 0;
    pointer-events: none;
}
div.oipcontrols div.progress.changed div.oiprogress { 
    /*background: url(images/slider11-long.png) left -50px no-repeat;*/
}

div.oipcontrols div.bar {
    height: 25px;
    left: 6px;
    top: 0;
}
div.oipcontrols div.back {
    width: 100%;
    background: url(images/slider11-long.png) right 0 no-repeat;
    margin-right: 6px;
    pointer-events: auto;
}
div.oipcontrols div.loaded {
    background: url(images/slider11-long.png) right -25px no-repeat;
    margin-right: 6px;
    pointer-events: auto;
}
div.oipcontrols div.played
{
	background: url(images/slider11-long.png) right -50px no-repeat;
	pointer-events: none;
}
/* dark */
div.oipcontrols.dark div.progress.changed div.oiprogress { background: url(images/slider11-long.png) left -50px no-repeat; }
div.oipcontrols.dark div.back { background: url(images/slider11-long.png) right 0 no-repeat; }
div.oipcontrols.dark div.loaded { background: url(images/slider11-long.png) right -25px no-repeat; }
div.oipcontrols.dark div.played { background: url(images/slider11-long.png) right -50px no-repeat; }
/* ios: bit different color scheme */
div.oipcontrols.ios div.back { background: url(images/slider11-long.png) right -25px no-repeat; }
div.oipcontrols.ios div.loaded { background: url(images/slider11-long.png) right -50px no-repeat; }
div.oipcontrols.ios div.player { background: url(images/slider11-long.png) right -75px no-repeat; }
div.oipcontrols.ios.dark div.back { background: url(images/slider11-long.png) right 0 no-repeat; }
div.oipcontrols.ios.dark div.loaded { background: url(images/slider11-long.png) right -25px no-repeat; }
div.oipcontrols.ios.dark div.played { background: url(images/slider11-long.png) right -50px no-repeat; }

/* gray */
div.oipcontrols.gray{
	background-image: url(images/bg-grayish.png);
}


div.oipcontrols div.oiprogress-container
{
	left: 0;
	right: 6px;
}
div.oipcontrols div.progress div.oiprogress-push {
    width: 11px;
    height: 25px;
    pointer-events: auto;
}
div.oipcontrols div.pos {
    width: 11px;
    height: 25px;
}


/* others */
div.oipcontrols div.play a, 
div.oipcontrols div.pause a {
	width: 21px;
	float: left;
}
div.oipcontrols div.play a { background-image: url(images/controls-play.png); }
div.oipcontrols div.pause a { background-image: url(images/controls-pause.png); }
div.oipcontrols div.pos a {
	background: url(images/slider11-pos.png) left -75px no-repeat;
	width: 13px;
	float: left;
}
div.oipcontrols > div.time, 
div.oipcontrols > div.timeleft
{
	font-size: 10px;
	font-family: Monaco, "Courier New", monospaced;
	line-height: 26px;
}

/* controls */
div.oipcontrols a
{
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0 !important;
    height /**/: 25px;  /* for IE5/Win */
}
div.oipcontrols a:hover { background-position: 0 -25px; }
div.oipcontrols div.pos a:hover { background-position: 0 -100px; }
div.oipcontrols a { outline: none; }

div.oipcontrols div.sound a
{
	float: right;
	background-image: url(images/controls-soundon.png);
	background-repeat: no-repeat;
	width: 23px;
}
div.oipcontrols div.sound.muted a { background-image: url(images/controls-soundoff.png); }

div.oipcontrols div.screen a
{
	float: right;
	background-image: url(images/controls-fullscreen.png);
	width: 23px;
}

/* dark  */
div.oipcontrols.dark
{
	color: #efefef;
	background-color: transparent;
	background-image: url(images/bg-blackish.png);
}
div.oipcontrols.dark a { background-position: 0 -50px; }
div.oipcontrols.dark a:hover { background-position: 0 0; }

/* ### inavailable / no compatible sources ### */
div.oiplayer.video.inavailable { background: url(images/preview_video.png) left top repeat; }
div.oiplayer.audio.inavailable { background: url(images/preview_audio.png) left top repeat; }
div.oiplayer.inavailable div.player { display: none; }
div.oiplayer.inavailable p
{
	width: 80%;
	text-align: center;
	font-size: 1.4em;
	margin: 0 auto;
	padding-top: 32%;
	font-weight: bold;
}

div.oiplayerinfo
{
	font-size: xx-small;
	padding: 2px;
	background-color: #efefef;
	z-index: 99;
	border-top: 1px solid #bbb;
	font-family: Monaco, "Courier New", monospaced;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
}

div.oiplayerinfo.bottom {
	position: static;
	margin-top: 32px;
}

#clientcaps
{
	behavior: url(#default#clientCaps);
	display: none;
}
#stacks_in_88370 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width:  10px;
}
/* Start Responsive Shim stack CSS code */


.stacks_in_88356shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
#stacks_in_135 {
	margin:  10px;
}
/*
 * AUTHOR: JEREMY HAWES
 * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanVideos/
 * Support: support@1littledesigner.com
 * Version 1.1.0
 * Description: cleanVideo uses Chris Coyier's FitVids and tailors it for use in RapidWeaver
 */

/* HTML 5 Videos Only */

cleanVids_stacks_in_88342 video {
    width: 100% !important;
    height: auto !important;
}
#stacks_in_88342 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width:  10px;
}
/* Start Responsive Shim stack CSS code */


.stacks_in_88357shim{
	padding-top: 3%;
}









/* End Responsive Shim stack CSS code */
/* Tab style */
#scrollUp_tab {
	bottom: 0px;
	right: 30px;
	width: 70px;
	height: 40px;
	margin-bottom: -10px;
	padding: 10px 5px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	
	color: #FFFFFF;
	-webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
	background-color: #E6E6E6;
	background-image: -moz-linear-gradient(top, #FF0000, #000000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF0000), to(#000000));
	background-image: -webkit-linear-gradient(top, #FF0000, #000000);
	background-image: -o-linear-gradient(top, #FF0000, #000000);
	background-image: linear-gradient(to bottom, #FF0000, #000000);
	background-repeat: repeat-x;
	-webkit-transition: margin-bottom 150ms linear;
	-moz-transition: margin-bottom 150ms linear;
	transition: margin-bottom 150ms linear;
}
	#scrollUp_tab:hover {
		margin-bottom: 0px;
	}
	/* Pill style */
	#scrollUp_pill {
		bottom: 20px;
		right: 20px;
		background: #555555;
		color: #FFFFFF;
		font-size: 12px;
		font-family: sans-serif;
		text-decoration: none;
		opacity: .9;
		padding: 10px 20px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
		border-radius: 16px;
		-webkit-transition: background 200ms linear;
		-moz-transition: background 200ms linear;
		transition: background 200ms linear;
		-webkit-backface-visibility: hidden;
	}
		#scrollUp_pill:hover {
			background: #000000;
		}
	#scrollUp_textlink {
			bottom: 20px;
			right: 20px;
			color: #FFFFFF;
			-webkit-transition: margin-bottom 300ms linear;
			-moz-transition: margin-bottom 300ms linear;
			transition: margin-bottom 300ms linear;
		}
		#scrollUp_textlink:hover {
				bottom: 20px;
				right: 20px;
				color: #AA0000;
			}

/* Image style */
	#scrollUp_image {
			bottom: 20px;
			right: 20px;
			height: 38px;  /* Height of image */
			width: 38px; /* Width of image */
			background: url("../BIG-DRUMS-Videos_files/top.png") no-repeat;
		}
		#scrollUp_image:hover {
				background: url("../BIG-DRUMS-Videos_files/top_active.png") no-repeat;
			}





/* Start doobox pro columns css */
.stacks_in_96outerwrap{
border: 1px solid #333333;
}

.stacks_in_96leftcolumn {
  width: 100%;
  float:left;
  margin-right: -50%;
}

.stacks_in_96leftcolumn_inner {
margin-right: 50%;
border-right: 1px solid #333333;
padding: 5px;
}

.stacks_in_96rightcolumn {
  width: 50%;
  float: right;
}

.stacks_in_96rightcolumn_inner{
border-left: 1px solid #333333;
margin-left: -1px;
padding: 5px;
}

/* show or hide some borders */










/* end doobox pro columns css */
#stacks_in_96 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width: 5px 5px 2px 5px;
}
 #caption_stacks_in_3908{color:#000000} #caption_stacks_in_3908{text-align:center;margin-top:0px;font-size:15px;font-weight:normal}
 #caption_stacks_in_88331{color:#000000} #caption_stacks_in_88331{text-align:center;margin-top:0px;font-size:15px;font-weight:normal}


/* Start doobox pro columns css */
.stacks_in_255outerwrap{
border: 1px solid #333333;
}

.stacks_in_255leftcolumn {
  width: 100%;
  float:left;
  margin-right: -50%;
}

.stacks_in_255leftcolumn_inner {
margin-right: 50%;
border-right: 1px solid #333333;
padding: 5px;
}

.stacks_in_255rightcolumn {
  width: 50%;
  float: right;
}

.stacks_in_255rightcolumn_inner{
border-left: 1px solid #333333;
margin-left: -1px;
padding: 5px;
}

/* show or hide some borders */










/* end doobox pro columns css */
#stacks_in_255 {
	border: solid rgba(51, 51, 51, 1.00);
	border-width: 3px 5px 5px 5px;
}
 #caption_stacks_in_8482{color:#000000} #caption_stacks_in_8482{text-align:center;margin-top:0px;font-size:15px;font-weight:normal}
 #caption_stacks_in_8490{color:#000000} #caption_stacks_in_8490{text-align:center;margin-top:0px;font-size:15px;font-weight:normal}