*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}



/*<style type="text/css">*/
		    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=6b56dde7-d837-4a0f-846c-eebd225dd0cc&fontids=5484526");
		    @font-face{
		        font-family:"myFirstFont";
		        src:url("fontsDemo/Fonts/5484526/ce51df68-d6dc-43e3-9d1b-a8c8a9d01d44.woff2") format("woff2"),url("fontsDemo/Fonts/5484526/9786d253-765e-45da-8aaf-59c4a0c9e9b0.woff") format("woff");
		    }
/*		</style>  			*/

/*@font-face
{
font-family: myFirstFont;
src: url(GrilledCheese%20BTN%20Toasted.ttf) format('truetype');
font-weight:bold;
}*/

@font-face
{
font-family: myBodyFont;
src: url(FingerPaint-Regular.ttf) format('truetype');
}


#storetag {
  //background-image:url("");
//outline:4px;

   z-index:12;
background-size:73px;
   width:73px;
   height:73px;
 position:relative;
left:-73px;
top:-50px;
margin-right:-73px;
display:relative;
border:none;
}

body {
    font-family: myBodyFont, Verdana, Arial, FreeSerif, serif; 
    color: #ffffff;
    padding-top:20px;
    font-size:80%;
background-position:bottom; 
background-size:100%;
background-repeat:no-repeat no-repeat;
background-attachment:fixed;
background-position:fixed;
background-position-y:200px;
}

td {
    color: #ffffff;
    background-image:url(images/bg_feather03_by_thestaticcling-d7fblal.png);
    position: top;
    background-repeat: repeat-x;
    padding-bottom:25px;
    vertical-align:top;
    table-layout:fixed;
}

#background_night {
    z-index: -10;
    background:url(images/backgrounds/background-night.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 10%;
    width: 90%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_day {
    z-index: -10;
    background:url(images/backgrounds/background-day.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 10%;
    width: 90%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_sunset {
    z-index: -10;
    background:url(images/backgrounds/background-sunset.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 10%;
    width: 90%;
    height:100%;
    
    background-repeat:no-repeat;  
}
#background_sunrise {
    z-index: -10;
    background:url(images/backgrounds/background-sunrise.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 10%;
    width: 90%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_1_night {
    z-index: -10;
    background:url(images/backgrounds/background-1-night.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_1_day {
    z-index: -10;
    background:url(images/backgrounds/background-1-day.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_1_sunset {
    z-index: -10;
    background:url(images/backgrounds/background-1-sunset.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0px;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}
#background_1_sunrise {
    z-index: -10;
    background:url(images/backgrounds/background-1-sunrise.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_2_night {
    z-index: -10;
    background:url(images/backgrounds/background-2-night.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_2_day {
    z-index: -10;
    background:url(images/backgrounds/background-2-day.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#background_2_sunset {
    z-index: -10;
    background:url(images/backgrounds/background-2-sunset.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0px;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}
#background_2_sunrise {
    z-index: -10;
    background:url(images/backgrounds/background-2-sunrise.jpg);
    background-size:inherit;
    position: fixed;
    top: 200px;
    left: 0%;
    width: 100%;
    height:100%;
    
    background-repeat:no-repeat;  
}

#bigbutton {
    
     background-image:url(images/buttons/button_regular_01.png);
    
     float:left;
     text-align:center;
     font-size: 36px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:105px;
     outline: none;
    height: 100px;
    width: 445px;
    padding:0;
    margin:100;
    position:relative;
      top:50px;
      left:50px;
      margin: 10px -60px -20px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

 a:link {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
 a:visited {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
	

#bigbutton:hover {
	
    background-position:bottom;
}
#bigbutton:visited {
color:#FFFFFF;
}


#fb {
    
     background-image:url(images/buttons/btn_facebook.png);
    
     float:left;
     text-align:center;
     font-size: 36px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:105px;
     outline: none;
    height: 100px;
    width: 159px;
    padding:0;
    position:relative;
      top:50px;
      left:50px;
      margin: 0 -60px -35px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

 a:link {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
	

#fb:hover {
    background-position:bottom;
}

#tw {
    
     background-image:url(images/buttons/btn_twitter.png);
    
     float:left;
     text-align:center;
     font-size: 36px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:105px;
     outline: none;
    height: 100px;
    width: 127px;
    padding:0;
    margin:100;
    position:relative;
      top:50px;
      left:50px;
      margin: 0 -60px -35px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

 a:link {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
	

#tw:hover {
    background-position:bottom;
}

#yt {
    
     background-image:url(images/buttons/btn_youtube.png);
    
     float:left;
     text-align:center;
     font-size: 36px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:105px;
     outline: none;
    height: 100px;
    width: 162px;
    padding:0;
    margin:100;
    position:relative;
      top:50px;
      left:50px;
      margin: 0 -60px -35px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

 a:link {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
	

#yt:hover {
    background-position:bottom;
}

#logosmall {

     background-image:url(images/logo01_by_thestaticcling-d7f48xa.png);
	background-size: 350px 175px;
     float:left;
     text-align:center;
     font-size: 24px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:115px;
     outline: none;
    height: 175px;
    width: 350px;
    padding:0;
    margin:100;
    position:relative;
      top:50px;
      left:0px;
      margin: 0 -30px -15px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

/*
#back {

     background-image:url("https://fc03.deviantart.net/fs70/f/2014/109/6/4/btn_back01_by_thestaticcling-d7f5742.png");
    
     float:left;
     text-align:center;
     font-size: 24px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:115px;
     outline: none;
    height: 100px;
    width: 181px;
    padding:0;
    margin:100;
    position:relative;
      top:50px;
      left:50px;
      margin: 0 -30px -15px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

 a:link {letter-spacing:6px;color:#FFFFFF;text-decoration:none;}
	

#back:hover {
    background-image: url('http://fc00.deviantart.net/fs70/f/2014/109/3/0/btn_back02_by_thestaticcling-d7f573w.png');
    background-position: center;
    height: 100px;
    width: 181px;
     left:50px;
}

#logosmall {

     background-image:url(images/logo01_by_thestaticcling-d7f48xa.png);
    background-size: 250px 125px;
     float:right;
     text-align:center;
     font-size: 24px;
    
     list-style:none;
     border:0px;
     margin:0px;
     line-height:115px;
     outline: none;
    height: 125px;
    width: 250px;
    padding:0;
    margin:100;
    position:relative;
      top:40px;
     right:0px;
      margin: 0 -30px -15px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}
*/
#logolarge {

     background-image:url(images/logo01_by_thestaticcling-d7f48xa.png);
    background-size: 500px 245px;
     float:left;
     text-align:center;
     font-size: 24px;
   z-index:30;
     list-style:none;
     border:0px;
     margin:0px;
     line-height:115px;
     outline: none;
    height: 245px;
    width: 500px;
    padding:0;
    margin:100;
    position:relative;
      top:0px;
     left:0px;
      margin: 0 -30px -15px 0;

  
       font-family: myFirstFont, Impact, Tahoma !important;
	margin-left:auto;
	margin-right:auto;
    
}

.strokeme
{
    color: white;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
    
}
.strokeany
{
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
    
}
.strokethin
{
   
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    3px 3px 7px rgba(113, 165, 154, 1);
}

.strokethinblink {
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    3px 3px 7px rgba(113, 165, 154, 1);
 
   animation-duration: 400ms;
   animation-name: blinky;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}
@keyframes blinky {
   from {
      opacity: 1;
   }
   to {
      opacity: 0.3;
   }
 }



html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:1200px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
z-index:20;
 position:fixed; 
 height:200px; 
 top:0px;
background-image:url(images/BG_curtains01.png);
background-repeat:no-repeat;
background-position: bottom;
 width:100%;
 display:block;
 overflow:visible;
} 

#toonsheader{
 position:relative; 
 height:200px; 
 background-color:#660000; 
 width:100%;
 display:block;
 overflow:visible;
} 

#toonsnew{
 position:absolute; 
top:200px;
 height:400px; 
 background-color:#770000; 
 width:100%;
 display:block;
 overflow:visible;
} 
 
 #leftcol{
	width:450px; 
	height:100%;
	float:left;
	left:-32px;
	top:160px;
	position:fixed;
	background-image:url(images/BG_curtains02.png);
	background-position:left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	overflow:visible;
	
}
 
#maincol{
 background-color: #140e14;  
 position: absolute; 
 width:relative;
left:500px;
top:300px;
 float:left; 
 }
#mainmemecol{

 position: absolute; 
 width:90%;
left:10%;
top:100px;
 float:left; 
 }
#memecharbar{
z-index:11;
top:0px;
width:360px;
height:120px;
cursor:pointer;
position:relative;
margin-left:auto;
margin-right:auto;
}

#memeholder{
 position: absolute; 
 width:relative;
left:0px;
top:200px;

 width:100%;
height:100%;
 }

#copylink {
    
     background-image:url(images/buttons/copylink1.png);

     border:0px;
     margin:0px;
     outline: none;
    height: 110px;
    width: 520px;

    position:absolute;
    left:50%;
    top:30px;
    margin-left:-10%;
    
}

textarea { 
    resize: none; 
}

     .copylinkarea {
     background-color: ;
     border: mediumpx inset #ffff66;
     color: #c0c0c0;
     font-size: large;
     font-family: myFirstFont;
     font-style: normal;
     font-weight: ;
     padding: 0px;
position:absolute;
width:520px;
top:130px;
left:50%;
margin-left:-10%;
     }
     

 
h1 {
z-index:10;
font-size: 64px;
color: #FFFFFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
 font-family: myFirstFont, Impact, Tahoma !important;
position:center;
} 


#maincolfeather{

	position: absolute;
	top:200px;
	left:400px;
	width:900px;
	float:left; 
	}
	
#playButton{
	background-image:url(images/buttons/playButton.png);
	background-size:200px 400px;
	background-position:bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	width:200px;
	height:200px;
	position:absolute;
	cursor:pointer;
	}
	
#playButton:hover{
	background-position:top;
	}

#tr{
 background-image:url(images/bg_feather02_by_thestaticcling-d7fbjno.png);  
background-repeat:repeat;
}

#vidtitle {
z-index:10;
font-size: 18px;
color: #FFFF66;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
 font-family: myFirstFont, Impact, Tahoma !important;
text-align:left;
position:top;
padding-left:50px;
padding-top:24px;
padding-bottom:20px;
} 
#viddate {
z-index:14;
font-size: 12px;
color: #FFFF66;
font-weight: bold;
margin-top: -32px;
margin-bottom: 3px;
 font-family: myFirstFont, Impact, Tahoma !important;
text-align:right;
padding-right:50px;
padding-bottom:20px;
} 
#viddesc {
z-index:14;
font-size: 12px;
color: #FFFFFF;

margin-bottom: 3px;
 font-family: myBodyFont, Impact, Tahoma !important;
} 

#homequote {
z-index:10;
font-size: 24px;
color: #FFFF66;
white-space:nowrap;
//font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
 font-family: myFirstFont, Impact, Tahoma !important;
text-align:center;
position:middle;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
} 

#footer {
   text-align: center;
position: fixed;
bottom: 0;
left:50%;
}

.titlechar {
 position:fixed;
  top:35%;
  width:auto;
  height:75%;
  left:550px;
  overflow:visible;
  position:center;
}
#titlearea {
 width: 60%;
  float:left;

  overflow-y:visible;
}
#speechbubble {
    position: absolute;
    left: 500px;
    top: 225px;
    border-radius: 1em;
    //border: 1px solid #000;
    background-color: #fff;
    outline: none;
    resize: none;
    box-shadow: inset 0 0 3px 2px #99efff;
    text-align:center;
    display: table-cell;
    width: 45%;
    height: 50px;
    vertical-align: middle;
    overflow:hidden;
}
#speechbubbletail {
z-index:11;
 position:absolute;
 top: 270px;
 left: 800px;
 overflow:visible;
}
#chickensays {
 position:absolute;
 top:200px;
 left: 550px;
}
}

#ytplayer{
   position:absolute;
   top:0px; 
   left:50%;
   width:50%;
   left-margin:25%;
   height:auto;


}
#chickensholder{
  position:absolute;
   top:200px; 
   left:0%;
   width:100%;
   left-margin:0%;
   height:auto;


}


#memebuzz { 
     background-image:url(images/buttons/meme/meme_buzz.png);
     float:left;
     list-style:none;
     margin:0px;
background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memebuzz:hover {
     background-image:url(images/buttons/meme/meme_buzz2.png);
}

#memeblaze { 
     background-image:url(images/buttons/meme/meme_blaze.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memeblaze:hover {
     background-image:url(images/buttons/meme/meme_blaze2.png);
}

#mememaggie { 
     background-image:url(images/buttons/meme/meme_maggie.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#mememaggie:hover {
     background-image:url(images/buttons/meme/meme_maggie2.png);
}
#memeace { 
     background-image:url(images/buttons/meme/meme_ace.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memeace:hover {
     background-image:url(images/buttons/meme/meme_ace2.png);
}

#memebruz { 
     background-image:url(images/buttons/meme/meme_bruz.png);
     float:left;
     list-style:none;
     margin:0px;
    background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memebruz:hover {
     background-image:url(images/buttons/meme/meme_bruz2.png);
}


#memewade { 
     background-image:url(images/buttons/meme/meme_wade.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memewade:hover {
     background-image:url(images/buttons/meme/meme_wade2.png);
}


#memedash { 
     background-image:url(images/buttons/meme/meme_dash.png);
     float:left;
     list-style:none;
     margin:0px;
    background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memedash:hover {
     background-image:url(images/buttons/meme/meme_dash2.png);
}

#mememarshall { 
     background-image:url(images/buttons/meme/meme_marshall.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#mememarshall:hover {
     background-image:url(images/buttons/meme/meme_marshall2.png);
}

#memeperry { 
     background-image:url(images/buttons/meme/meme_pvtperry.png);
     float:left;
     list-style:none;
     margin:0px;
   background-size:60px;
    height: 60px;
    width: 60px;
    margin:100;

}

#memeperry:hover {
     background-image:url(images/buttons/meme/meme_pvtperry2.png);
}


#memerob { 
     background-image:url(images/buttons/meme/meme_rob.png);
     float:left;
  background-size:60px;
    height: 60px;
    width: 60px;

}

#memerob:hover {
     background-image:url(images/buttons/meme/meme_rob2.png);
}


#memeslick { 
     background-image:url(images/buttons/meme/meme_slick.png);
     float:left;
   background-size:60px;
    height: 60px;
    width: 60px;

}

#memeslick:hover {
     background-image:url(images/buttons/meme/meme_slick2.png);
}

#mememorton { 
     background-image:url(images/buttons/meme/meme_morton.png);
   float:left;
   background-size:60px;
    height: 60px;
    width: 60px;
   
   
}

#mememorton:hover {
     background-image:url(images/buttons/meme/meme_morton2.png);
}

#leaving {
	background-image:url(images/logo01_by_thestaticcling-d7f48xa.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	opacity: 0.2;
    filter: alpha(opacity=20);
	width:80%;
	height:80%;
	top:10%;
	left:10%;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	z-index:0;
}

#leavingText {
	opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
	width:80%;
	height:20%;
	top:35%;
	left:10%;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	z-index:10;
	font-size:76px;
}