/* WebMoose style.  */
.WebMoose {
    overflow: hidden;
}

.AlignLeft {

}

.AlignCenter {
    margin-left:auto;
    margin-right:auto;
}

.WebMooseAlignElementLeft {}
.WebMooseAlignElementRight {}
.WebMooseAlignElementCenterHorizontal {}

.WebMooseAlignElementTop {}
.WebMooseAlignElementBottom {}
.WebMooseAlignElementCenterVertical {}

.WebMooseAlignWindowLeft {}
.WebMooseAlignWindowRight {}
.WebMooseAlignWindowCenterHorizontal {}

.WebMooseAlignWindowTop {}
.WebMooseAlignWindowBottom {}
.WebMooseAlignWindowCenterVertical {}

.WebMooseAlignDocumentLeft {}
.WebMooseAlignDocumentRight {}
.WebMooseAlignDocumentCenterHorizontal {}

.WebMooseAlignDocumentTop {}
.WebMooseAlignDocumentBottom {}
.WebMooseAlignDocumentCenterVertical {}


@media (min-width:900px) {

    .WebMooseVideo {
        width:640px;
    }

}

@media (min-width: 600px) and (max-width: 899px) {

    .WebMooseVideo {
        width:520px;
    }

}

@media (min-width: 400px) and (max-width: 599px) {

    .WebMooseVideo {
        width:480px;
    }

}

@media (max-width: 399px) {

    .WebMooseVideo {
        width:320px;
    }

    .hidden-xs {
        display:none;
    }
}

/* Free to add anything you want. */
.ElementSlider {
	width:100%;
}

/* We don't actually need container we can add Elements directly to the Slider. */
/* But we might need to add something inside the Slider in the future (like previous and next buttons). */
.ElementSlider .SliderContainer{

    position: relative;
    overflow: hidden;   /* Needed for JavaScript - do not modify. */
    width:100%;
}


.ElementSlider .SliderElement {
    
    position:absolute;  /* Needed for JavaScript - do not modify. */
    left:100%;          /* Needed for JavaScript - do not modify. */
    width:100%;
}

/* Needed for JavaScript - do not modify. */
.YouTubePlayer {

    position:absolute;
    left:0px;
    top:0px;
    display:none;
}


/* This gradient is applied by the chatting and testimonials shortcodes, created in Dynamic Custom -> Functions*/
/* BLUE */
.mbk01  /* light blue bottom */
{
background: #fbfcfd; /* Old browsers */
background: -moz-linear-gradient(top, #fbfcfd 0%, #f1f9fb 80%, #eff9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfcfd 0%,#f1f9fb 80%,#eff9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfcfd 0%,#f1f9fb 80%,#eff9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfd', endColorstr='#eff9f9',GradientType=0 ); /* IE6-9 */
}   


/* This gradient is applied by the chatting and testimonials shortcodes, created in Dynamic Custom -> Functions*/
/* ( Replacement gradients can be generated at http://www.colorzilla.com/gradient-editor/ ) */
/* PINK */
.mbk02  /* light pink bottom */
{		
background: #fbfdfd; /* Old browsers */
background: -moz-linear-gradient(top, #fbfdfd 0%, #fef6f7 82%, #fdf3f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfdfd 0%,#fef6f7 82%,#fdf3f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfdfd 0%,#fef6f7 82%,#fdf3f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#fdf3f5',GradientType=0 ); /* IE6-9 */
}   


.mbk03  /*  light blue green bottom */
{			
background: #fdfbf9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fdfbf9 0%, #f9fcef 29%, #eaf7ff 80%, #f7fcff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fdfbf9 0%,#f9fcef 29%,#eaf7ff 80%,#f7fcff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fdfbf9 0%,#f9fcef 29%,#eaf7ff 80%,#f7fcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfbf9', endColorstr='#f7fcff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

							
/* Green */
.mbk04  /* light green bottom */
{		
background: #fff4f4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fff4f4 0%, #f2faff 53%, #fefff4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fff4f4 0%,#f2faff 53%,#fefff4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fff4f4 0%,#f2faff 53%,#fefff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#fefff4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}   

								
.mbk05  /* medium pink middle and light yellow bottom */
{			
background: #fcfdfe; /* Old browsers */
background: -moz-linear-gradient(top, #fcfdfe 0%, #fdf3fb 63%, #f9f0e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfdfe 0%,#fdf3fb 63%,#f9f0e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfdfe 0%,#fdf3fb 63%,#f9f0e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdfe', endColorstr='#f9f0e9',GradientType=0 ); /* IE6-9 */
}


.mbk06  /* yellow bottom  */
{			
background: #fffef7; /* Old browsers */
background: -moz-linear-gradient(top, #fffef7 1%, #fcfcf2 79%, #fafbdf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fffef7 1%,#fcfcf2 79%,#fafbdf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fffef7 1%,#fcfcf2 79%,#fafbdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef7', endColorstr='#fafbdf',GradientType=0 ); /* IE6-9 */
}
							
.mbk07  /* dark blue-purple bottom */
{
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top, #f7fbfc 0%, #f2fdff 60%, #eeedf2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7fbfc 0%,#f2fdff 60%,#eeedf2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7fbfc 0%,#f2fdff 60%,#eeedf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#eeedf2',GradientType=0 ); /* IE6-9 */
}
.mbk08  /* MyYellowPurpleGreen  */
{
background: #f4f4f2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4f4f2 0%, #e8fffa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4f4f2 0%,#e8fffa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4f4f2 0%,#e8fffa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f2', endColorstr='#e8fffa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk09  /* purple diagonal in top-left to light orange in bottom-right */
{
background: #f2f7ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f2f7ff 0%, #f7eff2 55%, #fff8ef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f2f7ff 0%,#f7eff2 55%,#fff8ef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f2f7ff 0%,#f7eff2 55%,#fff8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f7ff', endColorstr='#fff8ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk10  /* quite dark purple diagonal in bottom-right */
{
background: #fffbf9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fffbf9 0%, #fff4f8 53%, #effdff 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fffbf9 0%,#fff4f8 53%,#effdff 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fffbf9 0%,#fff4f8 53%,#effdff 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf9', endColorstr='#effdff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk11  /*  MyYellowBlueGreen  */
{
background: #fffff4; /* Old browsers */
background: -moz-linear-gradient(left, #fffff4 0%, #eaffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fffff4 0%,#eaffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fffff4 0%,#eaffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff4', endColorstr='#eaffff',GradientType=1 ); /* IE6-9 */
}
.mbk12 /*  MyOrangeBlueYellow  */
{
background: #fff2f2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fff2f2 1%, #f7fdff 55%, #f4f3e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fff2f2 1%,#f7fdff 55%,#f4f3e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fff2f2 1%,#f7fdff 55%,#f4f3e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#f4f3e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk13  /*  MyPinkOrangeYellow  */
{
background: #fbf4fc; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fbf4fc 0%, #f4f2ef 62%, #f9f8ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fbf4fc 0%,#f4f2ef 62%,#f9f8ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fbf4fc 0%,#f4f2ef 62%,#f9f8ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf4fc', endColorstr='#f9f8ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk14  /*  MyOrangePinkBlue  */
{
background: #f4efeb; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4efeb 0%, #ffeff8 42%, #e6eeef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4efeb 0%,#ffeff8 42%,#e6eeef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4efeb 0%,#ffeff8 42%,#e6eeef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4efeb', endColorstr='#e6eeef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mbk15  /*  MyGreenPurpleBlue  */
{
background: #f4fcff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4fcff 0%, #fdf7ff 41%, #e6eef4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4fcff 0%,#fdf7ff 41%,#e6eef4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4fcff 0%,#fdf7ff 41%,#e6eef4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fcff', endColorstr='#e6eef4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
							
.mbk16  /*  MyOrangePinkPurpleAngle1  */
{
background: #fff8f7; /* Old browsers */
background: -moz-linear-gradient(left, #fff8f7 0%, #ffeff3 72%, #eaeff7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff8f7 0%,#ffeff3 72%,#eaeff7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff8f7 0%,#ffeff3 72%,#eaeff7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8f7', endColorstr='#eaeff7',GradientType=1 ); /* IE6-9 */
}				
.mbk17  /*  MyOrangePinkPurpleAngle2   a darker purple in bottom-right, compared to above  */
{
background: #fcfcf4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fcfcf4 0%, #fff2ef 36%, #fff2ef 36%, #f7f2f5 73%, #f7f2f5 73%, #f4fbff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fcfcf4 0%,#fff2ef 36%,#fff2ef 36%,#f7f2f5 73%,#f7f2f5 73%,#f4fbff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fcfcf4 0%,#fff2ef 36%,#fff2ef 36%,#f7f2f5 73%,#f7f2f5 73%,#f4fbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcf4', endColorstr='#f4fbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

							
.mbk18  /*  MyYellowPurpleGreenReversedAngle1  */
{
background: #f4faff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4faff 0%, #e8f5ff 39%, #f7edf6 84%, #f4f7e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4faff 0%,#e8f5ff 39%,#f7edf6 84%,#f4f7e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4faff 0%,#e8f5ff 39%,#f7edf6 84%,#f4f7e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4faff', endColorstr='#f4f7e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
					
.mbk19  /*  MyPurplePinkOrangeReversedAngle1  kind of similar to others with orange in top-left and purple in bottom-right */
{
background: #f4efeb; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4efeb 0%, #fff4fd 61%, #f8f7ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4efeb 0%,#fff4fd 61%,#f8f7ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4efeb 0%,#fff4fd 61%,#f8f7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4efeb', endColorstr='#f8f7ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
			
.mbk20  /*  MyOrangeBlueYellowReversed  */
{
background: #f4f3e8; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f4f3e8 0%, #f2fcff 42%, #f4eee8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f4f3e8 0%,#f2fcff 42%,#f4eee8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f4f3e8 0%,#f2fcff 42%,#f4eee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3e8', endColorstr='#f4eee8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
								
							
.mbk21  /*  MyPinkOrangeYellowAngled1  */
{
background: #fdfff4; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fdfff4 1%, #e3f9f1 33%, #eafaff 71%, #ffeff8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fdfff4 1%,#e3f9f1 33%,#eafaff 71%,#ffeff8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fdfff4 1%,#e3f9f1 33%,#eafaff 71%,#ffeff8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfff4', endColorstr='#ffeff8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
						
  .myRefNameText1 {
    font-size:1.1rem;
    text-shadow:2px 2px 6px #A3A3A3;			
    color:#333; 
  }
								
  .myChatText1 {
    font-family:'Raleway', 'sans-serif';  /* ,'PT Sans'  'Architects Daughter'; 1.4rem */
	font-weight:600;
	font-size:1.4rem;  /* These sizes get changed by @media statements at the bottom of this file. */
	line-height:1.25;
	font-style:italic;
	letter-spacing:1px;
    text-shadow: -1px -1px 0px rgba(210,210,210,0.7), 2px 1px 6px #888;			/* #A3A3A3  */
  /* font-style:italic;  */
  }

  .mBq { /* myBigQuote */
    font-family:'PT Sans', 'sans-serif';
	font-weight:400;
	font-size:2.5rem;   /* this size gets changed by @media statements at the bottom of this file. */
	line-height:1.25;
	font-style:italic;
	letter-spacing:1px;
    text-shadow:2px 2px 6px #A3A3A3;		
	padding-right:10px;
    position:relative;
	float:left;
	width:50%;		
  }

  .mBqR { /* myBigQuoteRight */
    font-family:'PT Sans', 'sans-serif';
	font-weight:400;
	font-size:2.5rem;   /* this size gets changed by @media statements at the bottom of this file. */
	line-height:1.25;
	font-style:italic;
	letter-spacing:1px;
    text-shadow:2px 2px 6px #A3A3A3;	
	padding-left:10px;
    position:relative;
	float:right;
	width:50%;	
  }	


				
  .mBqF { /* myBigQuoteFull */
    font-family:'PT Sans', 'sans-serif';
	font-weight:400;
	font-size:2.5rem;   /* this size gets changed by @media statements at the bottom of this file. */
	line-height:1.25;
	font-style:italic;
	letter-spacing:1px;
    text-shadow:2px 2px 6px #A3A3A3;

  }	
							
  .mTc01 { /* dark green */
    color:#516350;  /* 006006 */ /* green text on yellow background */
  }

  .mTc02 { /* dark red  */
    color:#8F7575;  /* b73300 */ /* dark red text on dark blue background */
  }

  .mTc03 { /* black dark */
    color:#606060;  /* 000000 */ /* black text on purple background */
  }

  .mTc04 { /* medium blue  */
    color:#627271;  /* 005df9 */ /* medium blue text on pink background */
  }

  .mTc05 { /* dark purple  */
    color:#6f6372;  /* a80098 */ /* purple text on green background */
  }

  .mTc06 { /* dark blue */
    color:#535a7a;  /* 002c9e */ /* dark blue text on red background */
  }

  .mBdr {
  border:1px solid #e5e5e5;
  /*margin:1px auto;*/    /* top, right, bottom, left   outside the colored rectangle */
  padding:20px 15px 5px 15px;   /* top, right, bottom, left  inside the colored rectangle */
  box-shadow:5px 5px 7px #aaaaaa;
  }
		
  .Ov1 {  /*  OneLineChatOverlap  */
	margin:auto auto -125px auto;
  }
		
  .Ov2 {  /*  TwoLinesChatOverlap  */
	margin:auto auto -50px auto;
  }	
							
  .Ov3 {  /*  ThreeLinesChatOverlap  */
	margin:auto auto 0px auto;
  }								
							
  .shRc { /* ShiftRightChat */
    position:relative;
    z-index auto;
    left:10%;
  }

  .shLc { /* ShiftLeftChat */
    position:relative;
    z-index:auto;
    left:-10%;
  }
							
  .ShiftMiddle{
    position:relative;
    z-index:auto;
    left:5%;
  }
							
  .ShiftFull {  /* needs a bit of shift to keep the right shadow edge inside the viewing area. */
    position:relative;
    z-index:auto;
    left:1%;
  }
							
  .shCnam { /* ShiftChatName */
    position:relative;
    top:-22px;
    border:1px solid #A6A6A6;
    max-height:30px;
    background:-moz-linear-gradient(top,  rgba(249,237,237,0.7) 0%, rgba(249,224,224,1) 50%, rgba(255,247,247,0.4) 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,237,237,0.7)), color-stop(50%,rgba(249,224,224,1)), color-stop(100%,rgba(255,247,247,0.4))); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  rgba(249,237,237,0.7) 0%,rgba(249,224,224,1) 50%,rgba(255,247,247,0.4) 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  rgba(249,237,237,0.7) 0%,rgba(249,224,224,1) 50%,rgba(255,247,247,0.4) 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  rgba(249,237,237,0.7) 0%,rgba(249,224,224,1) 50%,rgba(255,247,247,0.4) 100%); /* IE10+ */
    background:linear-gradient(to bottom,  rgba(249,237,237,0.7) 0%,rgba(249,224,224,1) 50%,rgba(255,247,247,0.4) 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f9eded', endColorstr='#66fff7f7',GradientType=0 ); /* IE6-9 */
  }
							
  .cf:before, .cf:after { 
    content:""; 
    display:table; 
  }
  
  .cf:after { 
    clear:both; 
  }
  
  .cf { 
    zoom:1; 
  }			
  
  /*p {
    -webkit-backface-visibility:hidden;
  }*/ /* Was testing a fix for text elements on hover. */
							
/* These values for colors for links in the regular content, are duplicated from Dynamik Design */
/* But Dynamik Design only gives control over the link and hover color.  Because I added hover and active, */
/* and because the order must be link, visited, hover, active,  I had to re-put them all here. */

  .entry-content a:visited {
	color:#0C8272;   /* medium green  */
  }

  .entry-content a:hover {
	color:#B3101B;    /* dark red  */
  }

  .entry-content a:active {
	color:#FF3838;    /* light red with yellow outer glow */
	text-shadow:0px 0px 5px yellow;
  }
							
  ::selection {color:red;background:yellow;}
  ::-moz-selection {color:red;background:yellow;}					
							
/* This makes the little avatar faces in my chat boxes, get smaller when the window is narrow */
  
  .cSz { /* CSize */
    max-width:120px;
	max-height:120px;
    min-width:73px;
    width:25%;
	/*padding:0px 5px 0px 5px;*/  /* top right bottom left */
	margin-bottom:20px;
  }

  
  .cSzSm { /* CSizeSmall */
    max-width:100px;
	max-height:100px;
    min-width:73px;
    width:25%;
	margin-bottom:20px;
  }	
  
  .tiRcol { /* TinyRightColumn */
	display:inline-block;
	position:relative;
	float:left; 
	width:20%;
	min-height:150px;  
  }
  
  .tiLcol { /* TinyLeftColumn */
	display:inline-block;
	position:relative;
	float:left;  
	width:20%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:17%;" after using this class */
	min-height:150px;
  }
  
  .smRcol { /* SmallRightColumn */
	display:inline-block;
	position:relative;
	float:left; 
	width:35%;  
	min-height:150px;
  }
					
  .smLcol { /* SmallLeftColumn */
	display:inline-block;
	position:relative;
	float:left;  
	width:35%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:16.6675;" after using this class */
	min-height:150px;
  }

  .bgRcol { /* BigRightColumn */
	display:inline-block;
	position:relative;
	padding-left:5%;
	float:left; 
	width:60%;  /* Also, don't use style="width:80.333%;" because 3% isn't enough to set aside for paddings. */
	min-height:150px;
  }

  .bgLcol { /* BigLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:5%;
	float:left;  
	width:60%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:16.6675;" after using this class */
	min-height:150px;
  }

  .huRcol { /* HugeRightColumn */
	display:inline-block;
	position:relative; 
	padding-left:5%; 
	float:left; 
	width:75%;  /* Also, don't use style="width:80%;" because 3% isn't enough to set aside for paddings. */
	min-height:150px;
  }

  .huLcol { /* HugeLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:5%;
	float:left;  
	width:75%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:74%;" after using this class */
	min-height:150px;
  }



  .clearfix {
	display:block;
	clear:both;
  }



table {
	max-width: 100%;
}
 
th {
	text-align: left;
}
 
.table {
	width: 100%;
	margin-bottom: 20px;
}
 
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
 
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
 
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
 
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
 
.table .table {
	background-color: #fff;
}
 
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 5px;
}
 
.table-bordered {
	border: 1px solid #ddd;
}
 
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
 
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
 
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #eaeaea;
}
 
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
}						   
						   
	
	
							
@media (max-width:399px) {
	
   .tiLcol, .tiRcol, .smLcol, .smRcol, .bgLcol, .bgRcol, .huLcol, .huRcol {
	width:100%;
	padding:0;
	min-height:50px;		
   }
	

	
  .Ov1 {
	margin:auto auto -20px auto;
  }	
  	
  .Ov2 {
	margin auto auto -20px auto;
  }		
  						
  .Ov3 {
	margin:auto auto -20px auto;
  }
  
  .myChatText1 {
  	font-size:1.2rem;
  	padding-left:0px;
  	padding-right:0px;
  	line-height:0.9;
  }
  
  .mBq, /* myBigQuote */
  .mBqR, /* myBigQuoteRight */
  .mBqF { /* myBigQuoteFull */
    font-size:1.5rem;
  }
  

  
  .entry-content p {    /* This is for anything in a <p>...</p>  */
	font-size:1.7rem;  /*  so the effect is very serious in a lot of places.  */
	line-height:1.4;
  }
	

	

	
  .ShadowBox {
    max-height:inherit;
    /*margin:0;*/
  }
  
  .FloatLeftMooseCartoon {               /* appled to the cartoon moose picture, to limit it's size  */
    width:60px; 
    position:relative; 
    top:5px;
    max-width:126px;
    max-height:120px;
  }	
	

	
  .PaddingFive {
    padding:5px 5px 0 5px;
  }
	
}

@media (min-width:400px) and (max-width:599px) {	

  .bgRcol { /* BigRightColumn */
	display:inline-block;
	position:relative;
	padding-left:15%;
	float:left; 
	width:45%;  /* Also, don't use style="width:80.333%;" because 3% isn't enough to set aside for paddings. */
  }

  .bgLcol { /* BigLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:15%;
	float:left;  
	width:45%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:16.6675;" after using this class */
  }

  .huRcol { /* HugeRightColumn */
	display:inline-block;
	position:relative; 
	padding-left:15%; 
	float:left; 
	width:65%;  /* Also, don't use style="width:80%;" because 3% isn't enough to set aside for paddings. */
  }

  .huLcol { /* HugeLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:15%;
	float:left;  
	width:65%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:74%;" after using this class */
  }
	

	
  .Ov1 {
	margin:auto auto -40px auto;
  }	
  	
  .Ov2 {
	margin:auto auto -20px auto;
  }		
  						
  .Ov3 {
	margin:auto auto -20px auto;
  }	
  
  .myChatText1
  {
	  font-size:1.25em;
	  padding-left:3px;
	  padding-right:3px;
    line-height:1.21;
  }
  
  .mBq, /* myBigQuote */
  .mBqR, /* myBigQuoteRight */
  .mBqF { /* myBigQuoteFull */
    font-size:1.7em;
	width:100%;
  }
  
  .entry-content p {    /* This is for anything in a <p>...</p>  */
    font-size:1.8rem;  /*  so the effect is very serious in a lot of places.  */
    line-height:1.48;
  }
	

  
  .ShadowBox {
    max-height:120px;
  }
  
  .FloatLeftMooseCartoon {               /* appled to the cartoon moose picture, to limit it's size  */
    width:80px; 
    position:relative; 
    top:0px;
    max-width:126px;
    max-height:120px;
  }
	
}
					
@media (min-width:600px) and (max-width:899px) {
	
  .bgRcol { /* BigRightColumn */
	display:inline-block;
	position:relative;
	padding-left:10%;
	float:left; 
	width:50%;  /* Also, don't use style="width:80.333%;" because 3% isn't enough to set aside for paddings. */
  }

  .bgLcol { /* BigLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:10%;
	float:left;  
	width:50%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:16.6675;" after using this class */
  }

  .huRcol { /* HugeRightColumn */
	display:inline-block;
	position:relative; 
	padding-left:10%; 
	float:left; 
	width:70%;  /* Also, don't use style="width:80%;" because 3% isn't enough to set aside for paddings. */
  }

  .huLcol { /* HugeLeftColumn */
	display:inline-block;
	position:relative;
	padding-right:10%;
	float:left;  
	width:70%;   /* this gets wrecked by @media defaults which set width to 100%, so set style="width:74%;" after using this class */
  }
	

	
  .Ov1 {
    margin:auto auto -70px auto;
  }		
  
  .Ov2 {
    margin:auto auto -40px auto;
  }	
  							
  .Ov3 {
    margin:auto auto -20px auto;
  }	
  
  .myChatText1 {
    font-size:1.4em;
    padding-left:7px;
    padding-right:7px;
    line-height:1.28;
  }
  
  .mBq, /* myBigQuote */
  .mBqR, /* myBigQuoteRight */
  .mBqF { /* myBigQuoteFull */
    font-size:2.0em;
  }
  

  
  .entry-content p {    /* This is for anything in a <p>...</p>  */
    font-size:1.9rem;  /*  so the effect is very serious in a lot of places.  */
    line-height:1.58;
  }


  
  .ShadowBox {
    max-height:90px;
  }
  
  .FloatLeftMooseCartoon {               /* appled to the cartoon moose picture, to limit it's size  */
    width:100px; 
    position:relative; 
    top:-7px;
    max-width:126px;
    max-height:90px;
  }
			
}


@media (min-width:900px) {
	
  .Ov1 {
    margin:auto auto -85px auto;
  }	
  	
  .Ov2 {
    margin:auto auto -50px auto;
  }	
  							
  .Ov3 {
    margin:auto auto -20px auto;
  }		
  
  .myChatText1 {
    font-size:1.53em;
    padding-left:10px;
    padding-right:10px;
    line-height:1.35;
  }
	
  .mBq, /* myBigQuote */
  .mBqR, /* myBigQuoteRight */
  .mBqF { /* myBigQuoteFull */
    font-size:2.4em;
  }
  

  
  .entry-content p {    /* This is for anything in a <p>...</p>  */
    font-size:2.0rem;  /*  so the effect is very serious in a lot of places.  */
    line-height:1.625;
  }
	

  
  .ShadowBox {
    max-height:90px;
  }
  
  .FloatLeftMooseCartoon {               /* appled to the cartoon moose picture, to limit it's size  */
    width:100px; 
    position:relative; 
    top:-7px;
    max-width:126px;
    max-height:90px;
  }	
  
}						


							

							
@-webkit-keyframes spaceboots {
	
  0%   { -webkit-transform:translate(2px,   1px) rotate( 0deg);
		       -ms-transform:translate(2px,   1px) rotate( 0deg);
		           transform:translate(2px,   1px) rotate( 0deg); }
  10%  { -webkit-transform:translate(-1px, -2px) rotate(-1deg);
		       -ms-transform:translate(-1px, -2px) rotate(-1deg);
		           transform:translate(-1px, -2px) rotate(-1deg); }
  20%  { -webkit-transform:translate(-3px,  0px) rotate( 1deg);
		       -ms-transform:translate(-3px,  0px) rotate( 1deg);
		           transform:translate(-3px,  0px) rotate( 1deg); }
  30%  { -webkit-transform:translate(0px,   2px) rotate( 0deg);
		       -ms-transform:translate(0px,   2px) rotate( 0deg);
		           transform:translate(0px,   2px) rotate( 0deg); }
  40%  { -webkit-transform:translate(1px,  -1px) rotate( 1deg);
		       -ms-transform:translate(1px,  -1px) rotate( 1deg);
		           transform:translate(1px,  -1px) rotate( 1deg); }
  50%  { -webkit-transform:translate(-1px,  2px) rotate(-1deg);
		       -ms-transform:translate(-1px,  2px) rotate(-1deg);
		           transform:translate(-1px,  2px) rotate(-1deg); }
  60%  { -webkit-transform:translate(-3px,  1px) rotate( 0deg);
		       -ms-transform:translate(-3px,  1px) rotate( 0deg);
		           transform:translate(-3px,  1px) rotate( 0deg); }
  70%  { -webkit-transform:translate(2px,   1px) rotate(-1deg);
		       -ms-transform:translate(2px,   1px) rotate(-1deg);
		           transform:translate(2px,   1px) rotate(-1deg); }
  80%  { -webkit-transform:translate(-1px, -1px) rotate( 1deg);
		       -ms-transform:translate(-1px, -1px) rotate( 1deg);
		           transform:translate(-1px, -1px) rotate( 1deg); }
  90%  { -webkit-transform:translate(2px,   2px) rotate( 0deg);
		       -ms-transform:translate(2px,   2px) rotate( 0deg);
		           transform:translate(2px,   2px) rotate( 0deg); }
  100% { -webkit-transform:translate(1px,  -2px) rotate(-1deg);
		       -ms-transform:translate(1px,  -2px) rotate(-1deg);
		           transform:translate(1px,  -2px) rotate(-1deg); }
}

@keyframes spaceboots {
	
  0%   { -webkit-transform:translate(2px,   1px) rotate( 0deg);
		       -ms-transform:translate(2px,   1px) rotate( 0deg);
		           transform:translate(2px,   1px) rotate( 0deg); }
  10%  { -webkit-transform:translate(-1px, -2px) rotate(-1deg);
		       -ms-transform:translate(-1px, -2px) rotate(-1deg);
		           transform:translate(-1px, -2px) rotate(-1deg); }
  20%  { -webkit-transform:translate(-3px,  0px) rotate( 1deg);
		       -ms-transform:translate(-3px,  0px) rotate( 1deg);
		           transform:translate(-3px,  0px) rotate( 1deg); }
  30%  { -webkit-transform:translate(0px,   2px) rotate( 0deg);
		       -ms-transform:translate(0px,   2px) rotate( 0deg);
		           transform:translate(0px,   2px) rotate( 0deg); }
  40%  { -webkit-transform:translate(1px,  -1px) rotate( 1deg);
		       -ms-transform:translate(1px,  -1px) rotate( 1deg);
		           transform:translate(1px,  -1px) rotate( 1deg); }
  50%  { -webkit-transform:translate(-1px,  2px) rotate(-1deg);
		       -ms-transform:translate(-1px,  2px) rotate(-1deg);
		           transform:translate(-1px,  2px) rotate(-1deg); }
  60%  { -webkit-transform:translate(-3px,  1px) rotate( 0deg);
		       -ms-transform:translate(-3px,  1px) rotate( 0deg);
		           transform:translate(-3px,  1px) rotate( 0deg); }
  70%  { -webkit-transform:translate(2px,   1px) rotate(-1deg);
		       -ms-transform:translate(2px,   1px) rotate(-1deg);
		           transform:translate(2px,   1px) rotate(-1deg); }
  80%  { -webkit-transform:translate(-1px, -1px) rotate( 1deg);
		       -ms-transform:translate(-1px, -1px) rotate( 1deg);
		           transform:translate(-1px, -1px) rotate( 1deg); }
  90%  { -webkit-transform:translate(2px,   2px) rotate( 0deg);
		       -ms-transform:translate(2px,   2px) rotate( 0deg);
		           transform:translate(2px,   2px) rotate( 0deg); }
  100% { -webkit-transform:translate(1px,  -2px) rotate(-1deg);
		       -ms-transform:translate(1px,  -2px) rotate(-1deg);
		           transform:translate(1px,  -2px) rotate(-1deg); }
}

  .shake:hover,
  .shake:focus {

	-webkit-animation-name:spaceboots;
	        animation-name:spaceboots;
	-webkit-animation-duration:0.8s;
	        animation-duration:0.8s;
	-webkit-transform-origin:50% 50%;
	    -ms-transform-origin:50% 50%;
	        transform-origin:50% 50%;
	-webkit-animation-iteration-count:infinite;
	        animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	        animation-timing-function:linear;
  }
  
  .shake {
	display:inline-block;
  }
							
/* Grow */

  .grow {
    display:inline-block;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
    -webkit-transition-property:-webkit-transform;
    transition-property:transform;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px rgba(0, 0, 0, 0);
  }

  .grow:hover {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
  }
								
  .writeOver {
	position:absolute;
	z-index:2;
	margin-left:-80px;
	margin-top:-12px;
	max-width:70px;
  }
								
  a.up{
    width:40px;
    height:40px;
    opacity:0.8;
  }

@-webkit-keyframes rI { /* rotateIn */
	
  0%  {
    -webkit-transform:none;
            transform:none; }
  15% {
    -webkit-transform:rotate3d(0, 0, 1, -2deg);
            transform:rotate3d(0, 0, 1, -2deg); }
  25% {
    -webkit-transform:rotate3d(0, 0, 1, -2deg);
            transform:rotate3d(0, 0, 1, -2deg); }
  50% {
    -webkit-transform:rotate3d(0, 0, 1, 2deg);
            transform:rotate3d(0, 0, 1, 2deg); }
  65% {
    -webkit-transform:rotate3d(0, 0, 1, 2deg);
            transform:rotate3d(0, 0, 1, 2deg); }
  80% {
    -webkit-transform:none;
            transform:none; }
 100% {
    -webkit-transform:none;
            transform:none; }
			
}

@keyframes rI { /* rotateIn */
	
  0%  {
    -webkit-transform:none;
        -ms-transform:none;
            transform:none; }
  15% {
    -webkit-transform:rotate3d(0, 0, 1, -2deg);
        -ms-transform:rotate3d(0, 0, 1, -2deg);
            transform:rotate3d(0, 0, 1, -2deg); }
  25% {
    -webkit-transform:rotate3d(0, 0, 1, -2deg);
        -ms-transform:rotate3d(0, 0, 1, -2deg);
            transform:rotate3d(0, 0, 1, -2deg); }
  50% {
    -webkit-transform:rotate3d(0, 0, 1, 2deg);
        -ms-transform:rotate3d(0, 0, 1, 2deg);
            transform:rotate3d(0, 0, 1, 2deg); }
  65% {
    -webkit-transform:rotate3d(0, 0, 1, 2deg);
        -ms-transform:rotate3d(0, 0, 1, 2deg);
            transform:rotate3d(0, 0, 1, 2deg); }
  80% {
    -webkit-transform:none;
        -ms-transform:none;
            transform:none; }
 100% {
    -webkit-transform:none;
        -ms-transform:none;
            transform:none; }
			
}

  .rI:hover, /* rotateIn */
  .rI:focus { /* rotateIn */
	//transform:perspective(1px) scale(1.1);
    -webkit-animation-name:rI; /* rotateIn */
            animation-name:rI; /* rotateIn */
    -webkit-transform-origin:center;
        -ms-transform-origin:center;
            transform-origin:center;
    -webkit-animation-duration:1.5s;
        -ms-animation-duration:1.5s;
            animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
            animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
        -ms-animation-timing-function:ease-in-out;
            animation-timing-function:ease-in-out;
  }