chenle theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>


<!------

Theme by @07195.tumblr.com (aka its my coding, my theme)

music player by yeoli (i think) but heavily edited.
Scroll to the top button by http://thetutorialsblog.tumblr.com
credit to all respective script creators.
original images credited to their rightful owners.

Before you get excited and think you're gonna score big on stealing my codes, just know that I know my coding, therefore you'll never be able to get away with it. So how about you dont and just be on your way. Hit me up for pizza some time. Thanks.

---->


<title>{Title}</title>
<link rel="shortcut icon" href="http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/balaozinho37.gif" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0 feed" href="{RSS}" />
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>


<script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block, .popup_block2').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


<meta name="color:background color" content="" />
<meta name="color:body text" content="" />

<meta name="color:posts" content="" />
<meta name="color:post border" content="" />
<meta name="color:post text" content="" />

<meta name="color:hover link" content="" />
<meta name="color:link color" content="" />
<meta name="color:link hover" content="" />

<meta name="color:bold" content="" />
<meta name="color:italic" content="" />

<meta name="color:blockquote background" content="" />
<meta name="color:blockquote border" content="" />
<meta name="color:blockquote2 background" content="" />

<meta name="color:pre background" content="" />

<meta name="color:asker color" content="" />
<meta name="color:asker background" content="" />
<meta name="color:ask background" content="" />

<meta name="color:chat odd" content="" />
<meta name="color:chat even" content="" />

<meta name="color:title color" content="" />

<meta name="color:navi bg" content="" />

<meta name="color:accent" content="" />
<meta name="color:accent2" content="" />

<meta name="color:pagination bg" content="" />
<meta name="color:pagination border" content="" />
<meta name="color:pagi color" content="" />
<meta name="color:pagi hover" content="" />
<meta name="color:pagi text" content="" />

<meta name="color:title color" content="" />

<meta name="color:scrollbar background" content="" />
<meta name="color:scrollbar thumb" content="" />

<meta name="color:tooltip background" content="" />
<meta name="color:tooltip border" content="" />
<meta name="color:tooltip text" content="" />

<meta name="color:selected text color" content="" />
<meta name="color:selected text background" content="" />

<meta name="color:Gradient One" content="#F3D6FF"/>
<meta name="color:Gradient Two" content="#E2FFD6"/>

<meta name="font:post title" content="avalon" />

<meta name="image:background image" content="" />
<meta name="image:header" content="" />

<meta name="select:Title Font" content="bebas" title="bebas">
<meta name="select:Title Font" content="trebuchet_ms" title="Trebuchet MS">
<meta name="select:Title Font" content="georgia" title="Georgia">

<meta name="if:250" content="1" />
<meta name="if:400" content="0" />
<meta name="if:500" content="0" />
<meta name="if:black" content="0" />
<meta name="if:white" content="0" />
<meta name="if:gray" content="1" />
<meta name="if:monochrome" content="1" />
<meta name="if:image fade" content="1" />
<meta name="if:infinite scroll" content="1" />
<meta name="if:pagination" content="1" />
<meta name="if:show captions" content="1" />
<link rel="stylesheet" href="font-awesome.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' style='text/css'>
<link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>


<link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<link href='https://fonts.googleapis.com/css?family=Hind:400,700|Roboto:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

<link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>


<style type="text/css">

@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}


@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

@font-face
{font-family: "bebas";src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/BebasNeue.otf?dl=1'); format("truetype");}

/* github karmilla font */

@font-face
{font-family: "karmilla";src: url('https://dl.dropboxusercontent.com/s/uywb15dlebvumiu/Karla-Regular.ttf?dl=1'); format("truetype");}

@font-face
{font-family: "jersey";src: url('https://dl.dropboxusercontent.com/s/y5vpdeaexfo6s3v/Jersey%20M54.ttf?dl=1'); format("truetype");}

@font-face
{font-family: "motae";src: url('https://dl.dropboxusercontent.com/s/4zetiwrw9o51z7v/FriendsForever.ttf?dl=1'); format("truetype");}

@font-face
{font-family: "blvd";src: url('https://dl.dropboxusercontent.com/s/x2k0kn5bosqf4cj/Blanche%20de%20la%20Fontaine.ttf?dl=1'); format("truetype");}

@font-face
{font-family: "nct";src: url('https://dl.dropboxusercontent.com/s/jerhl6qqyqn1wyi/Disclaimer-Plain.otf?dl=1'); format("truetype");}

/* Selection */


.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
   {block:indexpage} display:none;{/block:indexpage}
    -webkit-filter:invert(100%);
    opacity:.5;
    top:23px;
    right:0px;
}


::-moz-selection { /* Code for Firefox */
    color: {color:Selected Text Color};
    background: {color:Selected Text Background};
}

::selection {
    color: {color:Selected Text Color};
    background: {color:Selected Text Background};
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
    height:12px;
    max-height:10px;
}

.sbdesc::-webkit-scrollbar {
    width: 3px;
    height:8px;
    max-height:10px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color:{color:scrollbar background};
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-right:2px solid {color:background color};
    border-left:2px solid {color:background color};
    border-top:5px solid {color:background color};
    border-bottom:5px solid {color:background color};
    background-color:{color:scrollbar thumb};
}

.pros::-webkit-scrollbar-thumb {
    border-right:2px solid #fafafa;
    border-left:2px solid #fafafa;
    border-top:5px solid #fafafa;
    border-bottom:5px solid #fafafa;
    background-color:{color:scrollbar thumb};
}

.pros::-webkit-scrollbar-track {
    background-color:#fafafa;
}

.cons::-webkit-scrollbar-thumb {
    border-right:2px solid #fafafa;
    border-left:2px solid #fafafa;
    border-top:5px solid #fafafa;
    border-bottom:5px solid #fafafa;
    background-color:{color:scrollbar thumb};
}

.cons::-webkit-scrollbar-track {
    background-color:#fafafa;
}

.motae2::-webkit-scrollbar-thumb {
    border-right:2px solid #fafafa;
    border-left:2px solid #fafafa;
    background-color:{color:scrollbar thumb};
}

.motae2::-webkit-scrollbar-track {
    background-color:#fafafa;
}

::-webkit-scrollbar-thumb:window-inactive {
    background-color:{color:scrollbar thumb};
}

/* Handle */
.tab2-content::-webkit-scrollbar-thumb {
    border-right:4px solid #fff;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    background-color:{color:scrollbar thumb};
}
/* Track */
.tab2-content::-webkit-scrollbar-track {
    background-color:transparent;
}


body {
    margin:0 0;
    padding:0;
    font-family: "Segoe UI","Microsoft YaHei";
    background-color:{color:background color};
    background-size:fill;
    background-attachment:fixed;
    background-position:top left;
    background-repeat:no-repeat;
    color:{color:body text};
    overflow-x:hidden;
}


header {
	color: #fff;
	text-align: center;
	min-height: 140px;
	margin-bottom: 60px;
}

header h1{
	margin-top: 100px;
	font-size: 50px;
	margin-bottom: 20px;
	font-weight: 100;
}

header a{
	font-size: 18px;
	margin-left: 20px;
}

a {
    text-decoration:none;
    color:{color:hover link};
    cursor:help;
}

a:active, a:visited, a:link {
    color:{color:link color};
    cursor:help;
}

a:hover {
    color:{color:link hover};
}

b, strong {
    color:{color:bold};
    font-size:7px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:'Work Sans', sans-serif;
}

i, em {
    color:{color:italic};
}

small {
    font-family:'calibri';
    font-size:8px;
}

big {
    font-family:'calibri';
    font-size:12px;
}

ul {
    color: {color:post text};
    font-family:"karmilla";
    font-size:8px;
    line-height:100%;
    text-transform:auto;
    margin-left:-10px;
    list-style:none;
}
ol {
    color: {color:post text};
    font-family:"karmilla";
    font-size:8px;
    line-height:100%;
    text-transform:auto;
    margin-left:-20px;
    list-style:none;
}

li {
    color: {color:body text};
    font-family:"karmilla";
    font-size:8px;
    line-height:100%;
    text-transform:auto;
}


.posts li:before, .popup_block li:before {
    content: "\f006"; /* Insert content that looks like bullets */
    padding-right: 4px;
    font-family: FontAwesome;
    margin-left:-12px;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}

.posts ol li:before, .popup_block ol li:before {
    content: "\f005"; /* Insert content that looks like bullets */
    padding-right: 4px;
    font-family: FontAwesome;
    margin-left:-12px;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}

blockquote {
    margin:5px 5px 5px 5px;
    border:1px solid {color:blockquote border};
    background-color:{color:blockquote background};
    width:auto !important;
    padding:5px 10px 5px 10px;
    font-family:calibri;
    font-size:10px;
    color:{color:post text};
    line-height:100%;
    text-transform:auto;
    text-align:justify;
    word-spacing:0;
    letter-spacing:.5px;
}

blockquote blockquote {
    margin:0 0;
    background-color:{color:blockquote2 background};
}

blockquote img {
    max-width:100%;
    height:auto;
    padding:2px;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}
}

blockquote img:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(20%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:1;
    {/block:ifImageFade}
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    color:{color:post text};
    background-color:{color:pre background};
    padding:3px;
    font-size:8px;
    font-family:'karmilla';
    line-height:100%;
    text-transform:uppercase;
    text-align:center;
    word-spacing:0;
    letter-spacing:0;
}

h1 {
    font-family:arial black;
    font-size:12px;
    color:{color:title color};
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:center;
}


                            /* Tooltip */
#s-m-t-tooltip{
   /* basic */
   max-width:200px;
   z-index:2222222222222222222222222;
   margin:12px 20px;
   /* style and design */
   padding:3px 7px 3px 7px;
   background-color:{color:Tooltip Background};
   border:1px solid {color:tooltip border};
   color:{color:Tooltip Text};
   font-family:'Work Sans', sans-serif;
   letter-spacing:1px;
   text-transform:uppercase;
   text-align:left;
   font-size:7px;
   border-radius:3px;
   line-height:100%;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
-webkit-animation: bounceIn ·2s;
-moz-animation: bounceIn 2s;
-ms-animation: bounceIn 2s;
-o-animation: bounceIn 2s;
animation: bounceIn 2s;
}


.updates {
    margin-left:-5px;
    margin-top:15px;
	width:120px; /* this will change the width of the entire tab */
    font-size:10px; /* changing this will scale all of the text */
    z-index:1000000000000000000000000000000000;
}

.ut, .updates .text {
	border:1px solid #000; /* border colour of the boxes */
    background:#ffffff; /* background colour of the boxes */
}
.updates .text {
    padding:10px; /* padding around the updates tab text */
    border:1px solid #000;
}

.updates ul {
    margin-left:-10px;
}

.updates li:before {
    content: "\f006"; /* Insert content that looks like bullets */
    padding-right: 3px;
    margin-left:-10px;
    font-family: FontAwesome;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}

.updates ol li:before {
    content: "\f005"; /* Insert content that looks like bullets */
    padding-right: 3px;
    font-family: FontAwesome;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}

.updates a {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.updates a:hover {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

/* post wrapper */


.postcontain {
    display:;
    position:absolute;
    {block:if250}
    width:300px;
    {/block:if250}
    {block:if400}
    width:400px;
    {/block:if400}
    {block:if500}
    width:500px;
    {/block:if500}
    padding:0px;
    background-color:#fafafa;
    height:100%;
}


.postwrap {
    display:;
    position:relative;
    {block:if250}
    width:250px;
    {/block:if250}
    {block:if400}
    width:400px;
    {/block:if400}
    {block:if500}
    width:500px;
    {/block:if500}
    padding:10px 5px 10px 5px;
    margin-left:345px;
    margin-top:240px;
    margin-bottom:30px;
    height:100%;
}


.container {
	width: 100%;
	max-width: 999px;
	margin: 0px auto;
}


/* Posts */

#post_title {
    color:{color:title color};
    font-size:12px;
    line-height:100%;
    font-family:arial black;
    border-bottom:1px solid {color:post border};
    text-align:center;
    text-transform:uppercase;
    word-spacing:0;
    letter-spacing:0;
    padding:5px;
}

.bebas {
font-family:"bebas";
}

.trebuchet_ms {
font-family:"Trebuchet MS";
}

.georgia {
font-family:"Georgia";
}

.posts {
    position:relative;
    display:inline-block;
    {block:if250}
    width:250px;
    {/block:if250}
    {block:if400}
    width:400px;
    {/block:if400}
    {block:if500}
    width:500px;
    {/block:if500}
    {block:indexpage}
    margin-top:-4px;
    border-bottom:1px solid {color:post border};
    {/block:indexpage}
    margin-left:15px;
    height:auto !important;
    background-color:{color:posts};
    {block:permalinkpage}
    border-top:1px solid {color:post border};
    {/block:permalinkpage}
    border-right:1px solid {color:post border};
    border-left:1px solid {color:post border};
    padding:10px;
    font-family:calibri;
    font-size:10px;
    margin-bottom:30px;
    color:{color:post text};
    line-height:100%;
    text-align:justify;
    word-wrap:break-word;
    text-transform:auto;
    word-spacing:0;
    letter-spacing:0;
}

.posts img {
    max-width:100%;
    height:auto;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}
}

.posts img:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(20%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:1;
    {/block:ifImageFade}
}

.posts ul {
    margin-left:-28px;
}
.posts ol {
    margin-left:-28px;
}

.posts li {
    margin-top:2px;
    margin-bottom:2px;
    {block:indexpage}
    text-transform:auto;
    {/block:indexpage}
}

.posts * {
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}

.posts *:hover {
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}


.icon_box {
    margin-top: 0px;
    margin-left:auto;
    margin-right: auto;
    z-index:999;
    position: relative;
    background-color: none;
    font-family:calibri;
    width: 100px;
    height: 20px;
    opacity:1;
    text-align: center;
    word-spacing: 0;
    font-size: 15px;
    font-style: normal;}


a.class2, a.class2:link, a.class2:active, a.class2:visited {
    color: {color:accent};
    cursor: help;
    text-decoration: none;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;}

a.class2:hover{ color: {color:hover link};
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}


.permapage {
    position:relative;
    margin-top:-30px;
    margin-left:15px;
    padding:0px 3px 3px 3px;
    {block:if250}
    width:264px;
    {/block:if250}
    {block:if400}
    width:409px;
    {/block:if400}
    {block:if500}
    width:509px;
    {/block:if500}
    height:auto;
    background-color:{color:posts};
    {block:indexpage}
    border-top:1px solid {color:post border};
    {/block:indexpage}
    border-left:1px solid {color:post border};
    border-right:1px solid {color:post border};
    border-bottom:1px solid {color:post border};
    margin-bottom:30px;
    font-family:'Work Sans', sans-serif;
    font-size:7px;
    line-height:100%;
    color:#777;
    letter-spacing:0;
    word-spacing:0;
    text-transform:uppercase;
    text-align:justify;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.permapage * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}


.postperma {
    display:none;
    position:absolute;
    {block:if250}width:0%;{/block:if250}
    {block:if400}width:0%;{/block:if400}
    {block:if500}width:0%;{/block:if500}
    margin-top: -30px;
    margin-left:0px;
    background-color:{color:posts};
    padding:0px;
    height: 100%;
    overflow:hidden;
    opacity:0;
    z-index:10000000000000000000000000000000;
    -moz-transition:all ease-in-out 0.7s;
    -webkit-transition:all ease-in-out 0.7s;
    -o-transition:all ease-in-out 0.7s;
    transition:all ease-in-out 0.7s;

}


.posts:hover .postperma{
    opacity:1;
    overflow:hidden;
    width:100%;
}


.likereblog8 {
    position:absolute;
    padding:0px;
    margin-top:-31px;
    margin-left:280px;
    width:0px;
    height:40px;
    display:block;
    opacity:0;
    overflow:hidden;
    background-color:{color:post border};
    border-top:1px solid {color:post border};
    border-right:1px solid {color:post border};
    border-bottom:1px solid {color:post border};
}

.posts:hover .likereblog8 {
    opacity:1;
    width:30px;
}


.likereblog {
    display:;
    position:relative;
    {block:if250}
    width:256px;
    {/block:if250}
    {block:if400}
    width:396px;
    {/block:if400}
    {block:if500}
    width:546px;
    {/block:if500}
    height:20px;
    margin-top:10px;
    padding:2px 7px 2px 7px;
    margin-left:15px;
    margin-bottom:4px;
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    color:#fff;
    line-height:100%;
    text-align:center;
    text-transform:uppercase;
    word-spacing:0;
    border-radius:10px 10px 0 0;
    letter-spacing:1px;
    border:1px solid {color:accent};
    background-color:{color:accent};
    background-image: url('');
    background-size:350px auto;
    background-attachment:fixed;
    background-position:center;
    background-repeat:repeat;
}

.likereblog a {
    color:#fff;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.likereblog a:hover {
    color:{color:link color};
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.like_button iframe {
    position:absolute;
    margin-top:-2px;
    width:20px;
    height:20px;
    opacity:0;
}
a.liked + svg, .like .liked + svg {
    fill:{color:link hover};
}
.like_button iframe svg {
    width:20px;
    height:20px;
}
.like svg {
    fill:#eee;
    margin-top:-2px;
    margin-bottom:-1px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.like:hover svg {
    fill:{color:link hover};
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.reblog svg {
    margin-top:4px;
    margin-bottom:-1px;
    margin-right:-15px;
    float:left;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.reblog svg path {
    fill: #fff;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.reblog:hover svg path {
    fill: {color:link hover};
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.likereblog ul {
    list-style:none;
    margin-top:0px;
    float:right;
}
.likereblog ul li {
    margin-top:5px;
    float:left;
}


.indexperma {
    display:;
    position:relative;
    {block:if250}
    width:256px;
    {/block:if250}
    {block:if400}
    width:446px;
    {/block:if400}
    {block:if500}
    width:546px;
    {/block:if500}
    margin-top:10px;
    padding:7px 7px 7px 7px;
    margin-left:-10px;
    background-color:{color:post border};
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    color:#bbb;
    line-height:100%;
    text-align:justify;
    text-transform:uppercase;
    word-spacing:0;
    letter-spacing:1px;
}

.indexperma a {
    color:{color:link hover};
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}

.indexperma a:hover {
    color:{color:link color};
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}

.indexperma img {
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity: .5;
    {/block:ifImageFade}
}

.indexperma img:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(0%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity: 1;
    {/block:ifImageFade}
}


.indexperma2 {
    display:;
    position:relative;
    {block:if250}
    width:256px;
    {/block:if250}
    {block:if400}
    width:446px;
    {/block:if400}
    {block:if500}
    width:546px;
    {/block:if500}
    padding:0px 7px 0px 7px;
    margin-left:16px;
    margin-top:-27px;
    margin-bottom:15px;
    font-family:calibri;
    font-size:8px;
    color:#ccc;
    line-height:100%;
    text-align:justify;
    text-transform:uppercase;
    word-spacing:0;
    letter-spacing:1px;
}

.indexperma2 a {
    color:{color:hover color};
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}

.indexperma2 a:hover {
    color:{color:link hover};
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}

.captions {
    margin:0 0;
    font-family:"karmilla";
    font-size:8px;
    color:#999;
    line-height:100%;
    word-spacing:0;
    letter-spacing:0;
    text-align:justify;
    text-transform:uppercase;
    padding:10px;
    width:auto;
    height:auto;
}


.notesep {
    width:auto;
    height:1px;
    margin-top:5px;
    margin-left:-3px;
    margin-right:-3px;
    background-color:{color:post border};
}

.notes {
    {block:if500}
    width:500px !important;
    {/block:if500}
    {block:if400}
    width:400px !important;
    {/block:if400}
    {block:if250}
    width:287px !important;
    {/block:if250}
    margin:0px 5px 0px -20px;
    word-wrap:break-word;
    display:inline-block;
    line-height:100%;
    color:{color:Post Text};
    text-align:justify;
    text-transform:uppercase;
    font-family:"karmilla";
    font-size:8px;
    letter-spacing:0;
    word-spacing:0;
    list-style-type:none;
}

.notes * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.notes img {
    display:none;
    margin-bottom:5px;
    float:left;
    margin-right:5px;
    border:1px solid {color:accent};
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity: .5;
    {/block:ifImageFade}
}

.notes img:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(0%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity: 1;
    {/block:ifImageFade}
}

.notes blockquote {
    margin:5px 5px 5px 5px;
    text-align:justify;
    text-transform:uppercase;
    font-family:"karmilla";
    font-size:8px;
    letter-spacing:0;
    word-spacing:0;
}

.notes ul {
   list-style-type:none;
   font-family:"karmilla";
   font-size:8px;
}
.notes ol {
   list-style-type:none;
   font-family:"karmilla";
   font-size:8px;
}
.notes li {
    {block:if500}
    width:510px !important;
    {/block:if500}
    {block:if400}
    width:410px !important;
    {/block:if400}
    {block:if250}
    width:258px !important;
    {/block:if250}
    margin-top:3px;
    padding:3px;
    line-height:100%;
    font-family:"karmilla";
    font-size:8px;
    height:auto;
    max-height:auto;
}

.notes li:nth-of-type(odd) {
    background-color:{color:chat even};
}
.notes li:nth-of-type(even) {
    background-color:{color:chat odd};
}

.notes a {
    color:{color:link hover};
}
.notes a:hover {
    color:{color:link color};
}

ol.notes li.note.reblog:before {
    content: "\f079"; /* Insert content that looks like bullets */
    padding-right: 3px;
    font-family: FontAwesome;
    display: inline-block;
    margin-left:2px;
    color: {color:accent}; /* Or a color you prefer */
}

ol.notes li.note.like:before {
    content: "\f08a"; /* Insert content that looks like bullets */
    padding-right: 3px;
    font-family: FontAwesome;
    display: inline-block;
    margin-left:2px;
    color: {color:accent}; /* Or a color you prefer */
}

ol.notes li.note.reply:before {
    content: "\f27b"; /* Insert content that looks like bullets */
    padding-right: 3px;
    font-family: FontAwesome;
    margin-left:2px;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}


/* Images */

.image {
    max-width:100%;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}
}

.image:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(20%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:1;
    {/block:ifImageFade}}

.photo {
    max-width:100%;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}}

.photo:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(20%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:1;
    {/block:ifImageFade}}

.video {
    max-width:100%;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}}

.video:hover {
    {block:ifMonochrome}
    -webkit-filter: grayscale(20%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:1;
    {/block:ifImageFade}}


                           /* Audio */
.album {
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 38px;
    height: 38px;
    padding:3px;
    background-size: 60px;
    overflow: hidden;
    background-color:{color:posts};
    border-right:1px solid {color:post border};
    border-top:1px solid {color:posts};
    border-left:1px solid {color:posts};
    border-bottom:1px solid {color:posts};
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}

.album img {
    display:none;
    width: 38px;
    height: 38px;
    overflow: hidden;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    {block:ifMonochrome}
    -webkit-filter: grayscale(100%);
    {/block:ifMonochrome}
    {block:ifImageFade}
    opacity:.5;
    {/block:ifImageFade}
}


.player {
    position:absolute;
    width: 5px;
    height: 6px;
    overflow:hidden;
    padding: 4px 29px 28px 4px;
    margin-top: 4px;
    margin-left: 0px;
    background-color: {color:posts};
    opacity: .3;
    z-index: 10;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}


.player2 {
    position:absolute;
    width: 5px;
    height: 6px;
    overflow:hidden;
    padding: 4px 15px 15px 4px;
    margin-top: -2px;
    margin-left: -2px;
    background-color: {color:posts};
    opacity: .5;
    z-index: 10;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}

.track {
    margin-left: 45px;
    margin-top:0px;
    height:45px;
    font-family:'Work Sans', sans-serif;
    line-height:100%;
    font-size:7px;
    padding-left:8px;
    text-align:justify;
    color: {color:Post Text};
    text-transform: uppercase;
    letter-spacing:1px;
 display:block;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.audioline {
    width:auto;
    height:1px;
    margin-top:5px;
    margin-left:-5px;
    margin-right:-5px;
    background-color:{color:posts};
}


                           /* Chat */


.chat {
    width:auto !important;
    padding:3px;
    margin-left:-10px;
    margin-right:-10px;
}

.even {
    background-color:{color:Chat Even};
    margin:4px 1px 3px 1px;
    color:{color:even Text};
    padding:3px 5px 3px 5px;
    font-family:"karmilla";
    font-size:8px;
    letter-spacing:0px;
    word-spacing:0;
    line-height:100%;
    text-transform:uppercase;
    text-align:justify;
}

.odd {
    background-color:{color:Chat Odd};
    margin:4px 1px 3px 1px;
    color:{color:odd Text};
    padding:3px 5px 3px 5px;
    font-family:"karmilla";
    font-size:8px;
    letter-spacing:0px;
    word-spacing:0;
    line-height:100%;
    text-transform:uppercase;
    text-align:justify;
}

.odd .label {color: {color:accent};letter-spacing:1px;}
.even .label {color: {color:link color};letter-spacing:1px;}


                           /* Asks */
.asks {
    min-height:auto !important;
    max-height:auto !important;
    height:auto !important;
    width:250px;
    background-color:{color:ask background};
    border-top:1px solid {color:post border};
    border-bottom:1px solid {color:post border};
    margin-top:0px;
    margin-left:-10px;
    padding:10px;
    font-family:calibri;
    font-size:10px;
    color:{color:Post Text};
    line-height:100%;
    text-transform:auto;
    text-align:justify;
    word-spacing:0;
    letter-spacing:0;
}

.askers {
    margin:-5px -10px 10px -10px;
    padding:3px;
    height:auto;
    background-color:{color:asker background};
    border-top:1px solid {color:post border};
    border-bottom:1px solid {color:post border};
    font-family:arial black;
    font-size:12px;
    color:{color:asker color};
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
}

.askers a {
    color:{color:link hover};
}
.askers a:hover {
    color:{color:link color};
}


/* quotes */
.quotes {
    background-color:#fafafa;
    padding:10px;
    font-family:calibri;
    color:#999;
    margin-left:-10px;
    margin-right:-10px;
    line-height:100%;
    font-size:12px;
    text-transform:auto;
    font-style:italic;
    text-align:justify;
    word-spacing:0;
    border-top:1px solid {color:post border};
    border-bottom:1px solid {color:post border};
    letter-spacing:0;
}

.source {
    color:#999;
    height:auto;
    padding:4px;
    font-family:"karmilla";
    font-size:8px;
    line-height:100%;
    margin-top:5px;
    margin-bottom:-5px;
    margin-left:-5px;
    margin-right:-5px;
    text-align:justify;
    text-transform:uppercase;
    letter-spacing:0;
    word-spacing:0;
}


.quotes:before {
    content: "\f10d"; /* Insert content that looks like bullets */
    padding-right: 3px;
    font-family: FontAwesome;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}


                          /* Pagination */

#pagination {
    z-index:100000000000000000000000000000000000;
    {block:if500}
    width:500px !important;
    {/block:if500}
    {block:if400}
    width:400px !important;
    {/block:if400}
    {block:if250}
    width:100px;
    {/block:if250}
    height:auto;
    position:fixed;
    left:0px;
    margin-top:0px;
    font-family:calibri;
    color:{color:post text};
    font-size:10px;
    line-height:100%;
    text-transform:uppercase;
    padding: 4px;
    background-color:transparent;
    letter-spacing:0px;
    text-align:center;
}

#pagination a {
padding: 0px 3px;
color:#fff;
font-family:calibri;
font-size:10px;
word-spacing:-2px;
text-decoration:none;
}

#pagination a:hover {
color:{color:link color};
}

.jump_page {

padding: 0px 0px;
color:#fff;
font-family:calibri;
font-size:10px;
word-spacing:-2px;
text-decoration:none;
}

.jump_page a{
    color:#fff;
}

.current_page, .jump_page:hover {

padding: 0px 0px;
color:{color:link color};
font-family:calibri;
font-size:10px;
word-spacing:-2px;
text-decoration:none;
}


/* popup credit to cathms & edited // thank you yutomun */
.pop { position:fixed;width:auto;margin-left:220px;bottom:25px;height:auto;z-index:9999999999999;opacity:1;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-webkit-animation: bounceIn ·2s;
-moz-animation: bounceIn 2s;
-ms-animation: bounceIn 2s;
-o-animation: bounceIn 2s;
animation: bounceIn 2s;}

.pop-x{ bottom:5px;background-color:transparent;max-height:220px;padding:0px 5px 0px 5px;overflow:auto;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;}

.nav { letter-spacing:1px;letter-spacing:.5px;text-transform:uppercase;font-size:8px;}

.nav a { display:inline-block;margin-top:1px;margin-bottom:1px;line-height:100%;padding:5px;background:{color:accent};color:#fff;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;border:1px solid {color:accent};}

.nav a:hover { background:{color:background color};color:{color:accent};-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;border:1px solid #e1e1e1;}

.pop-x h1 {
    color:{color:accent};
    border-bottom:1px solid {color:post border};
}

/* Sidebar Wrapper */

#sidebar {
    display:;
    position:fixed;
    margin-top:-200px;
    margin-left:340px;
    width:400px;
    height:195px;
    background-color:{color:background color};
    padding:0;
    z-index:999999999999999999999999999999999999999999999;
}

.sidebar {
    position:fixed;
    margin-top:0px;
    margin-left:0px;
    background-color:transparent;
    width:568px;
    height:auto;
}

/* Sidebar */

.desc {
    display:;
    position:fixed;
    margin-top:77px;
    margin-left:10px;
    width:220px;
    height:auto;
    padding:5px 30px 5px 5px;
    overflow:auto;
    background-color:{color:posts};
    border:1px solid {color:post border};
    font-family:calibri;
    font-size:8px;
    color:{color:post text};
    line-height:100%;
    word-spacing:0;
    letter-spacing:.5px;
    text-align:justify;
    text-transform:uppercase;
}

.desc u {
    color:#eee;
}

.desc b {
    color:{color:bold};
}
.desc i, em {
    color:{color:italic};
}

.pinkblock {
    position:fixed;
    width:400px;
    height:83px;
    margin-top:-37px;
    margin-left:0px;
    background:{color:background color};
}

.greyblock {
    position:fixed;
    width:177px;
    height:103px;
    margin-top:315px;
    margin-left:-179px;
    background:{color:background color};
    -ms-transform: rotate(31deg); /* IE 9 */
    -webkit-transform: rotate(31deg); /* Chrome, Safari, Opera */
    transform: rotate(31deg);
}

.pinkblock2 {
    position:fixed;
    width:131px;
    height:83px;
    margin-top:0px;
    margin-left:259.5px;
    background:#101010;
}

.greyblock2 {
    position:fixed;
    width:177px;
    height:103px;
    margin-top:-58px;
    margin-left:259px;
    background:{color:background color};
    -ms-transform: rotate(32deg); /* IE 9 */
    -webkit-transform: rotate(32deg); /* Chrome, Safari, Opera */
    transform: rotate(32deg);
}

.title {
    display:;
    position:fixed;
    bottom:-15px;
    left:30px;
    width:auto;
    height:auto;
    font-family:'blvd';
    color:#f5f5f5;
    font-size:110px;
    font-weight:600;
    line-height:100%;
    letter-spacing:0px;
    text-align:justify;
    text-transform:capitalize;

}

.title a{
    color:{color:accent};
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.title a:hover{
    color:#eee;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.title2 {
    position:fixed;
    margin-top:30px;
    margin-left:10px;
    width:230px;
    height:auto;
    font-family:arial black;
    background-color:{color:accent};
    color:#f9f9f9;
    padding:5px 10px;
    border-radius:10px 0 0 0;
    font-size:25px;
    font-weight:900;
    line-height:100%;
    letter-spacing:-2px;
    text-align:justify;
    text-transform:uppercase;
}

.title3 {
    position:fixed;
    margin-top:87px;
    margin-left:-127px;
    width:auto;
    height:auto;
    font-family:arial black;
    color:{color:accent};
    font-size:48px;
    font-weight:600;
    line-height:100%;
    letter-spacing:-3px;
    text-align:justify;
    text-transform:uppercase;
}

.title4 {
    position:fixed;
    margin-top:127px;
    margin-left:-127px;
    width:auto;
    height:auto;
    font-family:arial black;
    color:#fafafa;
    font-size:31px;
    font-weight:600;
    line-height:100%;
    letter-spacing:-2.5px;
    text-align:justify;
    text-transform:uppercase;
}

.line {
    position:fixed;
    margin-top:0px;
    margin-left:132px;
    width:3px;
    height:365px;
    background-color:#101010;
}

.blineleft {
    position:fixed;
    width:5px;
    height:54px;
    padding:5px;
    margin-top:0px;
    margin-left:-15px;
    background:#101010;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    letter-spacing:1px;
    font-weight:600;
    color:#f5f5f5;
    line-height:100%;
}

.blineright {
    position:fixed;
    width:5px;
    height:54px;
    padding:5px;
    margin-top:301px;
    margin-left:3px;
    background:#101010;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    letter-spacing:1px;
    font-weight:600;
    color:#f5f5f5;
    line-height:100%;
}

.pros {
    position:fixed;
    width:137px;
    height:auto;
    padding:4px;
    margin-top:124px;
    margin-left:10px;
    background:{color:posts};
    border:1px solid {color:post border};
    font-family:calibri;
    font-size:8px;
    color:{color:post text};
    line-height:100%;
    word-spacing:0;
    letter-spacing:0;
    text-align:justify;
    text-transform:uppercase;
}

.pros b, strong {
    color:{color:accent2};
}

.prostit {
    position:fixed;
    width:auto;
    height:auto;
    margin-top:30px;
    margin-left:110px;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    letter-spacing:2px;
    color:#fafafa;
    line-height:100%;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.cons {
    position:fixed;
    width:96px;
    height:31px;
    padding:4px;
    margin-top:301px;
    margin-left:152px;
    background:#fafafa;
    border:1px solid #e1e1e1;
    overflow:auto;
    font-family:calibri;
    font-size:9px;
    color:#bbb;
    line-height:100%;
    word-spacing:0;
    letter-spacing:0;
    text-align:justify;
    text-transform:auto;
}

.constit {
    position:fixed;
    width:auto;
    height:auto;
    margin-top:329px;
    margin-left:116px;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    letter-spacing:2px;
    color:#fafafa;
    line-height:100%;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

.pink1 {
    position:fixed;
    margin-top:0px;
    margin-left:-125px;
    width:220px;
    height:12px;
    padding:5px 10px 5px 10px;
    background:{color:accent};
}


.pink2 {
    position:fixed;
    margin-top:343px;
    margin-left:152px;
    width:220px;
    height:12px;
    padding:5px 10px 5px 10px;
    background:{color:accent};
}

.banner {
    position:fixed;
    margin-top:186px;
    margin-left:16px;
    width:153px;
    height:auto;
    background-color:#222;
    font-family:'karmilla';
    text-transform:uppercase;
    text-align:center;
    font-size:8px;
    color:#fff;
    line-height:100%;
    padding:4px;

}

.sbimg {
    position:fixed;
    margin-top:0px;
    margin-left:200px;
    width:200px;
    height:auto;
    background-color:transparent;
}

.sbimg img {
    width:100%;
}

.sb2img {
    position:fixed;
    bottom:0px;
    left:20px;
    width:200px;
    height:auto;
}

.sb2img img {
    width:auto;
    height:auto;
}

.one {
    position:fixed;
    width:130px;
    height:auto;
    padding:5px 25px 4px 8px;
    background:{color:posts};
    border:1px solid {color:post border};
    margin-top:170px;
    margin-left:120px;
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    color:{color:post text};
    line-height:100%;
    text-transform:uppercase;
    text-align:left;
}

.two {
    position:fixed;
    width:88px;
    height:9px;
    padding:4px 10px 5px 10px;
    background:{color:accent};
    margin-top:170px;
    margin-left:10px;
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    color:#fff;
    line-height:11px;
    text-transform:uppercase;
    text-align:left;
    border-radius:0 0 0 10px;
    letter-spacing:1px;
}

.three {
    position:fixed;
    width:130px;
    height:1px;
    background:#505050;
    margin-top:306px;
    margin-left:261px;
}

.four {
    position:fixed;
    width:170px;
    height:100px;
    background:transparent;
    bottom:0px;
    left:31px;
    z-index:999999999999999999999999999999999999999999999;
}


.hovas {
    display:;
    position:fixed;
    margin-left:164px;
    margin-top:347px;
    width:270px;
    height:auto;
    padding:2px;
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    color:#fff;
    line-height:12px;
    font-weight:600;
    letter-spacing:.5px;
    word-spacing:-1px;
    text-transform:uppercase;
    text-align:justify;
}

.hovas a {
    color:#101010;
}

.hovas a:hover {
    color:{color:link color};
}
.hovas span {
    color:{color:link color};
    font-style:normal;
    font-weight:600;
}


.nev {
    position:fixed;
    width:auto;
    height:auto;
    margin-top:10px;
    margin-left:-129px;
    background-color:transparent;
    font-family:'Work Sans', sans-serif;
    font-size:8px;
    text-transform:uppercase;
    text-align:justify;
    line-height:100%;
    word-spacing:0;
    letter-spacing:0;
}

.nev a {
    color:{color:post text};
}

.nev a:hover {
    color:#fff;
}


.top1 {
    position:fixed;
    margin-top:-18px;
    margin-left:-125px;
    width:372px;
    padding:5px;
    height:auto;
    border-radius:10px 10px 0 0;
    background:#101010;
    font-family:'Work Sans', sans-serif;
    color:#fafafa;
    font-size:7px;
    text-transform:uppercase;
    text-align:center;
    line-height:100%;
    word-spacing:0;
    letter-spacing:2px;
}

.top1 a {
    color:#fafafa;
}

.top1 * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.top1 a:hover:nth-of-type(1n+0) {color:{color:accent};}
.top1 a:hover:nth-of-type(2n+0) {color:#bbb;}
.top1 a:hover:nth-of-type(3n+0) {color:{color:link color};}

.bottom1 {
    position:fixed;
    margin-top:366px;
    margin-left:10px;
    width:372px;
    padding:5px;
    height:auto;
    border-radius: 0 0 10px 10px;
    background:#101010;
    font-family:'Work Sans', sans-serif;
    color:#fafafa;
    font-size:7px;
    text-transform:uppercase;
    text-align:center;
    line-height:100%;
    word-spacing:0;
    letter-spacing:2px;
}

.bottom1 a {
    color:#fafafa;
}

.bottom1 * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.bottom1 a:hover:nth-of-type(1n+0) {color:{color:accent};}
.bottom1 a:hover:nth-of-type(2n+0) {color:#666;}
.bottom1 a:hover:nth-of-type(3n+0) {color:{color:link color};}


.faq-tit {
    margin-top:0px;
    margin-left:0px;
    padding:5px;
    width:auto;
    height:auto;
    background-color:#222;
    color:#fff;
    line-height:100%;
    font-family:"bebas";
    font-size:40px;
    text-transform:uppercase;
    text-align:center;
}

.fyi {
    position:fixed;
    margin-top:265px;
    margin-left:2px;
    background-color:transparent;
    color:#000;
    font-family:"karmilla";
    font-size:9px;
    font-weight:300;
    line-height:100%;
    text-align:justify;
    text-transform:uppercase;
}

.faq-wrap {
    position:fixed;
    width:400px;
    max-height:400px;
    padding:10px;
    margin-top:100px;
    margin-left:100px;
    overflow:scroll;
    background-color:#fdfdfd;
}


 .iclink {
     position:fixed;
     margin-top:60px;
     margin-left:80px;
     width:100px;
     height:auto;
     font-family:FontAwesome;
     font-size:13px;
     color:#ddd;
     line-height:100%;
 }

 .iclink a {
     background:transparent;
     padding:5px;
     width:50px;
     height:50px;
     color:#ddd;
     display:inline-block;
 }
 .iclink a:hover {
     color:{color:link color};
 }


/*** this is the calender ***/

.calender {
    position:absolute;
    width:131px;
    height:50px;
    padding:0;
    background:transparent;
    margin-top:181px;
    margin-left:260px;
}

.xehunf {
    font-family:"karmilla";
    text-align:center;
    margin:0 auto;
    font-size:8px;
    border:1px solid #e1e1e1;
    text-transform:uppercase;
    color:#bbb;
    width:130px;
    display:block;
    background-color:#fafafa;
    letter-spacing:1px;
   }

.xehunf a{
    color:{color:link color};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

.xehunf a:hover{
    color:{color:link hover};
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

td {
    background-color:#fafafa;
    border:1px solid {color:post border};
    padding:1.5px;
}
td a {
    color:{color:link color};
    font-size:10px;
    text-decoration:underline;
}
tr {
    color:#bbb;
}
tr a{
    color:{color:link color};
    font-size:10px;
}

tr a:hover {
    color:{color:link hover};
}

.location {
    position:fixed;
    margin-left:-116px;
    margin-top:267px;
    width:120px;
    height:auto;
    padding:2px;
    font-family:arial black;
    font-size:7.5px;
    color:#808080;
    line-height:95%;
    letter-spacing:1.5px;
    word-spacing:0;
    text-transform:uppercase;
    text-align:left;
}
.location a {
    color:{color:accent};
    text-shadow:1px 0 transparent, 0 1px transparent, -1px 0 transparent, 0 -1px transparent;

}
.location a:hover {
    color:#fff;
    text-shadow:1px 0 #000, 0 1px #000, -1px 0 #000, 0 -1px #000;
}

.location * {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.location-icon {
    position:fixed;
    margin-left:-128px;
    margin-top:263.5px;
    width:10px;
    height:auto;
    font-family:FontAwesome;
    font-size:15px;
    color:#101010;
    line-height:100%;
    letter-spacing:0;
    word-spacing:0;
    text-transform:uppercase;
    text-align:justify;
}

/* Music Player */
#musicplayer{
    overflow:hidden;
    position:fixed;
    width:30px;
    height:24px;
    margin-top:33px; /* You can change the number or change it to bottom*/
    margin-left:185px; /* You can change the number or change it to right*/
    background:transparent; /* This is the background color */
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    z-index:33;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

#musicplayer:hover {
    overflow:hidden;
    width:48px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

#icon{
    /* This is for the positioning of the music gif: */
    margin-top:5px;
    margin-left:8px;
    background:{color:accent};
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);

}

#musicplayer:hover #icon{
    margin-left:80px;
    width:48px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

#musicbox{
    width:8px;
    height:20px;
    overflow:none;
    /* This is for the positioning of the music player: */
    margin-top:-20px;
    margin-left:-102px;
    background:{color:accent};
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
}
#musicbox:hover{
    overflow:none;
}


#music2{
overflow:none;
margin-top:0px;
margin-left:-67px;
}

#musicplayer:hover #musicbox{
    overflow:none;
    margin-left:39px;
    background:{color:accent};
    width:48px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
}


.mwrap {
    position:fixed;
    margin-top:170px;
    margin-left:10px;
    width:280px;
    padding:2px;
    height:20px;
    background:{color:posts};
    border:1px solid {color:post border};
}

.msc-tit {
    position:fixed;
    margin-left:-2px;
    margin-top:-3px;
    width:90px;
    height:auto;
    padding:2px;
    font-family:"karmilla";
    font-size:8px;
    color:{color:post text};
    line-height:100%;
    letter-spacing:0;
    word-spacing:0;
    text-transform:uppercase;
    text-align:center;
}

.msc-titw {
    position:fixed;
    margin-left:28px;
    margin-top:5px;
    width:90px;
    height:auto;
    padding:2px;
    font-family:"karmilla";
    font-size:8px;
    color:{color:post text};
    line-height:100%;
    letter-spacing:0;
    word-spacing:0;
    text-transform:uppercase;
    text-align:center;
}

.msc-tit:before {
    content: "\f001"; /* Insert content that looks like bullets */
    padding-right: 3px;
    margin-left:0px;
    font-family: FontAwesome;
    display: inline-block;
    color: {color:accent}; /* Or a color you prefer */
}

.aboutabs {
    margin-top:0px;
    margin-left:0px;
    display:inline-block;
    width:246px;
    height:auto;
    padding:0px 5px;
    background-color:{color:accent};
}
.tb b, .tb strong {
    background:{color:accent};
    color:#fff;
    padding:2px 5px 2px 5px;
    display:inline-block;
    font-size:7px;
    letter-spacing:1px;
    font-family:'Work Sans', sans-serif;
}

.pb span {
    color:{color:post text};
    font-weight:bold;
    font-size:7px;
    letter-spacing:1px;
    font-family:'Work Sans', sans-serif;
    line-height:100%;
    margin-right:3px;
}


.lovve {
    position:fixed;
    margin-top:145px;
    margin-left:103px;
    width:50px;
    height:50px;
    background:{color:background color};
    padding:3px;
    border:3px solid #101010;
    border-radius:10em;
    overflow:hidden;
}

.lovve img {
    width:50px;
    height:auto;
    border-radius:10em;
    opacity:.9;
}


/* ---- end of about tabs ----- */


.linkswrap {
    position:fixed;
    margin-left:170px;
    margin-top:120px;
    width:280px;
    height:350px;
    padding:0px;
    background:#fff;
    box-shadow:2px 2px 5px #ccc;
    border-top:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
}

.linktit {
    position:relative;
    margin-top:0 auto;
    padding:6px;
    font-family:"bebas";
    font-size:20px;
    color:#fff;
    line-height:100%;
    background-color:#222;
    text-align:center;
    text-transform:uppercase;
}

.links {
    position:relative;
    margin:5px auto;
    padding:5px 10px 15px 10px;
    background-color:transparent;
    width:auto;
    height:260px;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}

.links a {
    display:inline-block;
    width:107px;
    height:auto;
    line-height:100%;
    font-family:"karmilla";
    font-size:8px;
    font-style:italic;
    color:{color:hover color};
    text-transform:uppercase;
    text-align:justify;
    background-color:#f5f5f5;
    margin-top:4px;
    margin-left:5px;
    padding:4px 4px 4px 10px;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

.links a:hover {
    background-color:#fcfcfc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid transparent;
    border-right:1px solid transparent;
}

.contab {
    position:fixed;
    width:280px;
    padding:5px;
    height:auto;
    background-color:#fafafa;
    border-top:5px solid #f1f1f1;
    border-left:5px solid #f1f1f1;
    border-right:5px solid #f1f1f1;
    border-radius:30px 30px 0 0;
    top:26%;
    margin-top:4px;
    left:38%;
}

.rules ul {
  list-style: none;
  padding: 0;
}
.rules li {
  padding-left: 1.3em;
  margin-top:7px;
  margin-bottom:7px;
  font-family:calibri;
  margin-left:10px;
  margin-right:5px;
  font-size:8px;
  text-align:justify;
  text-transform:uppercase;
  color:#999;

}
.rules li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:{color:accent};
  margin-left: -10px; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}


/*---- end -----*/


.about-tit {
    width:auto;
    height:auto;
    background-color:transparent;
    border-bottom:1px solid #333;
    padding:0px;
    font-family:"bebas";
    font-size:30px;
    color:#666;
    text-align:right;
    margin-bottom:5px;
    letter-spacing:0;
    word-spacing:0;
    line-height:100%;
    text-transform:auto;
}


.skill-1 {
    background:#bac9e2;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}
.skill-2 {
    background:#98afd3;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}
.skill-3 {
    background:#798eaf;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}
.skill-4 {
    background:#596d8c;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
}


.newhvs {
    position:fixed;
    width:auto;
    height:auto;
    margin-left:160px;
    margin-top:123px;
}

.newhvs a {
    display:block;
    width:130px;
    height:10px;
    margin-top:1px;
    margin-bottom:1px;
}
.newhvs a:hover {
    background:{color:post border};
}


/* ---- search ---- */

/* ---- search ---- */

.sfm input {background-color:#222;
    font-size: 8px;
    text-transform: uppercase;
    border:0px;
    margin-left:80px;
    margin-top:9px;
    color: #101010;
    letter-spacing: 1px;
    line-height:13px;
    padding: 4px 8px;
    font-family: "karmilla";}

#sf {
    margin-left:105px;
    width:100px;
    height:5px;
    color:#eee;
    background-color:#222;
}

#sb{
    margin-top:1px;
    height:18px;
    font-family:bcons;
    font-size:10px;
    line-height:15px;
    color:#101010;
    background-color:transparent;
}


/* ---- end ---- */

#bartop{
top:0;
right:0;
left:0;
width:100%;
z-index:100000000000000000;
height:20px;
border-bottom:3px solid {color:accent2};
    background-color:{color:background color};
    background-image: url('http://valleysinthevinyl.com/packs-preview/VV_CoolBlueTextures/01.jpg');
    background-size:auto auto;
    background-attachment:fixed;
    background-position:center;
    background-repeat:repeat;
position:fixed;
}

#barbottom{
bottom:0;
right:0;
left:0;
width:100%;
z-index:100000000000000000;
height:20px;
    font-size:7px;
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:justify;
    line-height:21px;
    letter-spacing:1px;
    color:#fafafa;
    text-align:center;
border-top:3px solid {color:accent2};
    background-color:{color:background color};
    background-image: url('http://valleysinthevinyl.com/packs-preview/VV_CoolBlueTextures/01.jpg');
    background-size:auto auto;
    background-attachment:fixed;
    background-position:center;
    background-repeat:repeat;
position:fixed;
}

#barbottom a {
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
}
#barbottom a:hover {
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
}

#barbottom u {
    color:#eee;
}

#barbottom b {
    color:{color:accent};
}
#barbottom i, em {
    color:{color:link color};
}

.bbarlinks a {
    color:#fff;
}

.bbarlinks a:hover {
    color:{color:link hover};
}

.t {
    font-size:7px;
    text-shadow:1px 0 {color:accent2}, 0 1px {color:accent2}, -1px 0 {color:accent2}, 0 -1px {color:accent2};
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fafafa;
}

.fa {
    display: inline-block;
    font-family:FontAwesome;
    font-size: 12px;
    color:#000;
    letter-spacing:5px;
}


.ba {
    display: inline-block;
    font-family:FontAwesome;
    font-size: 10px;
    color:#fff;
    font-style:normal;
    line-height:100%;
    letter-spacing:5px;
}

.settingwrap .ba  {
    display: inline-block;
    font-family:FontAwesome;
    font-size: 10px;
    color:#fff;
    font-style:normal;
    line-height:100%;
    letter-spacing:5px;
transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

.settingwrap:hover .ba {
    color:{color:accent};
transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

.ga {
    display: inline-block;
    font-family:FontAwesome;
    font-size: 20px;
    color:#333;
    font-style:normal;
    line-height:100%;
    text-shadow:2px 2px 4px #555;
}


#bx {height:30px; overflow: hidden;
transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;}

#bx:hover {height: 110px;
transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;}


.settings {
    position:fixed;
    top:-3px;
    right:20px;
    width:auto;
    height:auto;
    background-color:transparent;
    padding:0px;
    display:inline-block;
}

.settingwrap {
    margin-left:5px;
    margin-right:5px;
    font-size:7px;
    font-family:'Work Sans', sans-serif;
    text-shadow:1px 0 {color:accent2}, 0 1px {color:accent2}, -1px 0 {color:accent2}, 0 -1px {color:accent2};
    text-transform:uppercase;
    text-align:justify;
    line-height:100%;
    letter-spacing:1px;
    background-color:transparent;
    display:inline-block;
}
.settingwrap a{
    color:#fff;
transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}
.settingwrap a:hover{
    color:{color:link color};
transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

.int {
    position:fixed;
    margin-left:93px;
    margin-top:-18.5px;
    background-color:transparent;
    width:150px;
    padding:5px;
    height:auto;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.int a {
    color:{color:link hover};
}
.int a:hover {
    color:{color:link color};
}


.ints {
    margin-left:0px;
    margin-top:auto;
    width:160px;
    height:auto;
    padding:6px;
    font-family:'karmilla';
    font-size:8px;
    line-height:100%;
    text-transform:uppercase;
    color:#777;
    word-spacing:0;
}

.ints * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.int ul {
  list-style: none;
  padding: 0;
}
.int li {
  font-family:calibri;
  margin-top:2px;
  margin-bottom:2.5px;
  margin-left:10px;
  padding:4px 1px 3px 1px;
  background-color:{color:posts};
  border:1px solid {color:post border};
  margin-right:5px;
  font-size:8px;
  text-align:left;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#bbb;

}
.int li:before {
  content: "\f069"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:{color:accent};
  margin-right:0px;
  margin-left: 3px; /* same as padding-left set on li */
  width: 1.1em; /* same as padding-left set on li */
}

.c .ba {
    color:#fff;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.c:hover .ba {
    color:{color:link hover};
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.tcker a {
    color:{color:link hover};
}
.tcker a:hover {
    color:{color:link color};
}

/* popup */

#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
    background-color:transparent;
    background-image:url('');
    background-size:250px 250px;
    background-attachment:fixed;
    background-position:bottom left;
    background-repeat:repeat;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .95;
z-index: 9999;
}
.popup_block, .popup_block2{
display: none; /*--hidden by default--*/
background:{color:background color};
padding: 20px;
text-transform:uppercase;
font-family:calibri;
font-size:8px;
float: left;
position: fixed;
top: 50%; left: 21%;
color:#888;
z-index: 9999999999999999999;
-webkit-animation: SlideIn 2s;
-moz-animation: SlideIn 2s;
-ms-animation: SlideIn 2s;
-o-animation: SlideIn 2s;
animation: SlideIn 2s;
}

.popup_block2 a {
    color:#eee;
}
.popup_block2 a:hover {
    color:#fff;
}

.popup_block i, .popup_block em {
    color:{color:italic};
}
.popup_block u {
    color:#999;
}

.popup_block b {
    color:{color:bold};
}

.nerdmo a {
    color:{color:link hover};
}
.nerdmo a:hover {
    color:#fff;
}

.poplinks {
    width:auto;
    height:auto;
    margin-top:2px;
    background-color:transparent;
}

.poplinks a {
    display:inline-block;
    width:57px;
    height:auto;
    padding:3px;
    margin:1px 1px 1px 1px;
    background-color:#f5f5f5;
    border:1px solid #e1e1e1;
    color:{color:link hover};
    font-family:'karmilla';
    font-size:8px;
    line-height:100%;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:0;
    word-spacing:0;
}

.poplinks a:hover {
    color:#fff;
    background-color:{color:link color};
}

.poplinks * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.love {
    display:;
    position:fixed;
    margin-top:63px;
    margin-left:265px;
    background-color:transparent;
    width:auto;
    height:auto;
    font-size:15px;
}


/* tracker */

.tracker {
    position:fixed;
    width:auto;
    height:auto;
    margin-top:321px;
    margin-left:-23px;
    font-family:arial black;
    font-size:45px;
}

.tracker a {
    color:{color:accent};

}

.tracker a:hover {
    color:{color:link hover};
}

#about {
position: fixed;
top:40px;
width:120px;
height:auto;
margin-left:3px;
margin-top:425px;
font-family:'Work Sans', sans-serif;
font-size:8px;
line-height:100%;
text-transform:uppercase;
text-align:justify;
padding:5px;
background-color:transparent;
color:{color:post text};
left:-110%;}

#about i, em {
    color:#777;
}
#about b {
    color:{color:accent};
    border-bottom:1px solid #bbb;
}

#about * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.abouttop{
    width:auto;
    height:auto;
    padding:2px 8px 2px 8px;
    font-size:7px;
    text-shadow:1px 0 {color:accent2}, 0 1px {color:accent2}, -1px 0 {color:accent2}, 0 -1px {color:accent2};
    font-family:'Work Sans', sans-serif;
    text-transform:uppercase;
    text-align:justify;
    line-height:100%;
    letter-spacing:1px;
    color:#fafafa;
    text-align:center;
    border:1px solid #101010;
    background-color:{color:background color};
    background-image: url('http://previews.123rf.com/images/fieryphoenix/fieryphoenix1511/fieryphoenix151102287/47729125-art-abstract-black-and-white-pattern-background-in-the-style-of-old-grunge-graphics-Stock-Photo.jpg');
    background-size:800px auto;
    background-attachment:fixed;
    background-position:center;
    background-repeat:repeat;
}


.bscs {
    width:105px;
    height:105px;
    display:inline-block;
    padding:8px;
    margin-top:2px;
    background:#f5f5f5;
    border:1px solid #e1e1e1;
    overflow:auto;
    font-size:8px;
    font-family:calibri;
    text-transform:uppercase;
    text-align:left;
    line-height:100%;
    letter-spacing:0px;
    color:#bbb;
}

.motae {
    width:120px;
    height:120px;
    display:inline-block;
    border:1px solid #101010;
    margin-top:1px;
    margin-right:1px;
}
.motae img {
    width:100%;
    height:auto;
}

.motae2 {
    width:115px;
    height:73px;
    padding:3px 5px 3px 5px;
    display:inline-block;
    background-color:#f5f5f5;
    border:1px solid #ddd;
    font-size:8px;
    overflow:auto;
    font-family:calibri;
    text-transform:auto;
    text-align:justify;
    line-height:100%;
    letter-spacing:0px;
    color:#bbb;
}

.frns {
    margin-top:1px;
    background:#f5f5f5;
    width:auto;
    height:auto;
}

.frns img {
    width:99%;
    height:auto;
}

.tts a {
    color:{color:link hover};
    letter-spacing:1px;
}
.tts a:hover {
    color:{color:link color};
}

.tts * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#scrollToTop:link,
#scrollToTop:visited {
display: none;
position: fixed;
bottom: 25px;
right: 5px;
}


.nt {
    position:fixed;
    width:auto;
    height:auto;
    color:#101010;
    font-family:arial black;
    font-size:20px;
    text-transform:uppercase;
    left:5px;
    top:25px;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    transition: all .6s ease-in;
}

.nt-desc {
    position:fixed;
    margin-top:0px;
    margin-left:-120px;
    background:#fafafa;
    border:1px solid #ddd;
    width:auto;
    max-width:100px;
    height:auto;
    padding:8px;
    font-size:9px;
    font-family:calibri;
    text-transform:lowercase;
    text-align:justify;
    line-height:100%;
    letter-spacing:0px;
    color:#bbb;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    transition: all .6s ease-in;
}

.nt:hover .nt-desc {
    margin-left:0px;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    transition: all .6s ease-in;
}


</style>


<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><i class="fa fa-chevron-up" aria-hidden="true" title="Go to Top" alt="Go to Top"></i></a>


</head>


<body>

<div class="container">


<div id="sidebar">
<div class="sidebar">


<div class="pinkblock"></div>

<div class="two">

schedules • • •

</div>

<div class="one">

<script language="JavaScript1.2">

//Translucent scroller- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var scroller_width='150px'
var scroller_height='8px'
var bgcolor='#f1f1f1'
var pause=4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='promotions for the first'
scrollercontent[1]='TEN’s 22nd Birthday ♡'
scrollercontent[2]='more schedules !!!'


////NO need to edit beyond here/////////////

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}

var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.opacity)
crossobj.style.opacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.opacity)
document.getElementById("canvas0").style.opacity=document.getElementById("canvas1").style.opacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}

function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (ie4||dom||document.layers)
window.onload=startit

</script>


</div>


<div class="mwrap" style="display:none;">

<div id="musicplayer"><div id="icon">
<img src="http://68.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
</div>
    <div id="musicbox"><div id="music2">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="108" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
    <param name="bgcolor" value="#f1f1f1" />
    <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/h9jxs36wab/SEVENTEEN_-_Check-In.mp3&amp;width=108&amp;height=20&amp;volume=25&amp;buttonwidth=26&amp;autoplay=1&amp;loop=0&amp;showslider=0&amp;loadingcolor=f1f1f1&amp;bgcolor=f1f1f1&amp;bgcolor1=f1f1f1&amp;bgcolor2=f1f1f1&amp;buttoncolor=d5c4d4&amp;buttonovercolor=888888&amp;showlist=0" />
</object>
</div></div></div>

<div class="msc-titw"> <div class="msc-tit"> SVT - Check In  </div> </div>

</div>

<div class="desc">

Shanghai's bubbly child star <i>Zhong Chen Le</i>, synonymously known by his stage name <b>Chenle</b> is the main singer, 1/7th of NCT's youth unit Dream and 1/2 of Dream's China line.


</div>

<div class="title2">
Chen Le • • •


<div style="position:relative;font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:-10px;margin-left:2px;margin-bottom:-5px;"> -- NCT Dreams rambunctious main vocal </div>
</div>

<div class="newhvs">
<a class="skill-1" title="General Idol!verse. I'll roleplay Chen Le as accurately as I possibly can."></a>
<a class="skill-2" title="Literate to Semi-literate. Para and script friendly. I'll use Icons if I see fit."></a>
<a class="skill-3" title="While I am of age, this muse is not nor is the real life idol so this blog (and muse) will be 100% sfw."></a>
<a class="skill-4" title="url for tracking. aim is available upon request."></a>
</div>


<div class="sbimg"><img src="http://i.imgur.com/xV9QHPK.png"></div>

<div class="pros">

<b>Likes:</b> Cooking, singing, soccer, music, English, Math, Gymnastics.</br>
<b>dislikes:</b> Mean people, making mistakes, bad days, scary noises, etc.

</div>

<div id="musicplayer"><div id="icon">
<img src="http://68.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
</div>
    <div id="musicbox"><div id="music2">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="108" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
    <param name="bgcolor" value="#869bb6" />
    <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/tj5eawm1x5/NCT_DREAM_-_My_First_and_Last_Chinese_Ver._.mp3&amp;width=108&amp;height=20&amp;volume=25&amp;buttonwidth=26&amp;autoplay=1&amp;loop=0&amp;showslider=0&amp;loadingcolor=869bb6&amp;bgcolor=869bb6&amp;bgcolor1=869bb6&amp;bgcolor2=869bb6&amp;buttoncolor=eeeeee&amp;buttonovercolor=a0b9d8&amp;showlist=0" />
</object>
</div></div></div>


<a href="#?w=200" rel="02" class="poplight" title="the boys"><div style="background:transparent;display:none;">

<div class="title3">Tech</div>
<div class="title4">nology</div>
</div></a>

<div class="location-icon" style="display:none;"><i style="color:#101010;" class="fa fa-globe" aria-hidden="true"></i></div>
<div class="location" style="display:none;"> <a title="37.5172° N, 127.0473° E"><span style="border-bottom:1px solid #d5d5d5;">Seoul, South Korea</span> </a> </div>


<div class="greyblock" style="display:none;"></div>

<div class="pinkblock2" style="display:none;"></div>
<div class="greyblock2" style="display:none;"></div>


<div class="top1" style="display:none;">

<a href="/ask" title="inbox">inbox</a> &middot;
<a href="/submit" title="fanmail">fanmail</a> &middot;
<a href="#?w=205" rel="07" class="poplight" title="Organized list of tags">tagged</a> &middot;
<a href="#?w=200" rel="08" class="poplight" title="Important! Please read.">rules</a> &middot;
<a href="#?w=250" rel="05" class="poplight">Profile</a> &middot;
<a href="#?w=150" rel="03" class="poplight">friends</a>

</div>

<div class="bottom1" style="display:none;">

<a title="Semi-AU idol!verse; if you know him, approach him as such. please read the rules tab for info on verse interactions & other important info.">Verse</a> &middot; <a title="Generally literate with some semi-literate tendencies. Para and script preferred but I can adapt to whatever you dish my way. Plotting is highly encouraged as AU plots+threads are very sought after.of age both in character and out of. blog is nsfw only in relation to plots and/or muse development.">literate</a> &middot; <a title="tag my url (or send me a dm//direct message) if you want me to see your replies/posts.">hashtag</a> &middot; <a title="To the public his sexual orientation and relationship status are unknown. (currently taken)">status</a> &middot; <a title="aim is lty95, feel free to add me. im more relaxed on that platform but more than willing to interact literately and plot if you wish.">contact</a> &middot; <a title="Not the real Lee Taeyong of NCT and have absolutely no affiliation with him, NCT, or SMENT. Strictly a roleplay account.">disclaimer</a>

</div>

<a href="#?w=250" rel="04" class="poplight" title="Big dumb" style="display:;"><div class="love" style="display:none;"><img src="http://68.media.tumblr.com/2eca4844145d54007a2cdc354acb79ac/tumblr_inline_mv896c2XHs1qdlkyg.gif" width="10" height="10"></div></a>


<a href="#?w=200" rel="06" class="poplight"><div class="lovve" style="display:none;"><img src="http://i.imgur.com/kGWN5XG.jpg"></div></a>


<div class="constit" style="display:none;">Dislikes</div>
<div class="prostit" style="display:none;">Likes</div>


</div>
</div>


<div class="postwrap">


<div class="autopagerize_page_element">
{block:Posts}


{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}


{block:IndexPage}


<div class="likereblog">

<div class="position:absolute;margin-left:0px;">
<a href="{ReblogURL}" target="_blank" class="reblog" title="reblog?"><svg width="20" height="20" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path d="m328.013,135.596c-3.48-3.48-8.701-3.48-12.181,0l-28.259,30.957c0.661-27.546-7.9-54.327-23.944-76.182-19.141-26.102-48.723-43.503-81.786-48.723-33.062-5.22-66.124,3.48-92.226,22.621-3.48,3.48-5.22,8.701-1.74,12.181 3.48,3.48 8.701,5.22 12.181,1.74 22.621-15.661 52.204-22.621 80.046-19.141 29.582,3.48 53.944,19.141 71.345,41.763 13.277,19.193 19.855,43.364 19.559,67.256l-31.74-28.973c-3.48-3.48-8.701-3.48-12.181,0s-3.48,8.701 0,12.181l46.983,41.763c1.74,1.74 3.48,1.74 5.22,1.74 1.74,0 3.48-1.74 6.96,0l41.763-46.983c3.48-3.499 3.48-8.719 5.68434e-14-12.2z"/>
      <path d="m228.826,253.924c-22.621,15.661-52.204,22.621-80.046,19.141-29.582-3.48-53.944-19.141-71.345-41.763-13.886-20.064-20.464-45.557-19.455-70.492l33.376,30.47c3.48,3.48 8.701,3.48 12.181,0s3.48-8.701 0-12.181l-46.983-41.763c-1.74-1.74-5.22-1.74-6.96-1.74s-3.48,1.74-5.22,3.48l-41.764,46.984c-3.48,3.48-3.48,8.701 4.44089e-16,12.181 1.74,1.74 3.48,1.74 5.22,1.74 1.74,0 5.22,0 6.96-5.22l24.762-27.111c0.191,26.189 8.666,51.507 23.962,72.354 19.141,26.102 48.723,43.503 81.786,48.723 6.96,1.74 12.181,1.74 19.141,1.74 26.102,0 52.204-8.701 74.825-22.621 3.48-3.48 5.22-8.701 1.74-12.181-3.479-3.48-8.7-5.221-12.18-1.741z"/>
</svg></a>
</div>


<div style="position:absolute;margin-top:0px;margin-left:17px;line-height:21px;width:220px;">{block:Date}<a href="{Permalink}">{timeago}</a>{/block:Date} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} </div>


    <ul>
    <li class="like" title="like?">{LikeButton size="20"}
<svg width="15" height="15" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></li>
</ul>
</div>
{/block:IndexPage}


<div class="posts">


{block:IndexPage}
<div class="postperma">
<div class="ppinner">
<center>
{block:NoteCount}<div class="inner_notes">
<a href="{Permalink}" title="{TimeAgo}"><span style="font-size:15px;">count:</span></br></a> {NoteCount}</div>{/block:NoteCount}
{block:RebloggedFrom}
<div class="inner_toandfrom"><a href="{ReblogParentURL}" title="via: {reblogparentname}"><img src="{ReblogParentPortraitURL-30}"></a> <a href="{ReblogRootURL}" title="source: {reblogrootname}"><img src="{ReblogRootPortraitURL-30}"></a></div>{/block:RebloggedFrom}
<div class="inner_reblog"><br><br><a href="{ReblogURL}">Reblog?</a> </div>
{block:HasTags}
<div class="inner_tags">
</br>
<span style="font-size:15px;">Files:</span></br>
<span style="font-size:11px; font-family:calibri;text-transform:lowercase; line-height:100%; word-spacing:0px; letter-spacing:0px;">
{block:Tags}# <a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}
</span>
</div>{/block:HasTags}

</center>

</div>
</div>
{/block:IndexPage}


                        <!----- Images ----->

{block:If250}

{block:Photo}


{LinkOpenTag}

<div class="image">
<img src="{PhotoURL-250}" />
</div>

{LinkCloseTag}

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Photo}

{/block:If250}


{block:If400}

{block:Photo}

{LinkOpenTag}

<div class="image">
<img src="{PhotoURL-400}" />
</div>

{LinkCloseTag}

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Photo}

{/block:If400}


{block:If500}

{block:Photo}

{LinkOpenTag}

<div class="image">
<img src="{PhotoURL-500}" />
</div>

{LinkCloseTag}

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Photo}

{/block:If500}
                         <!----- Photosets ----->

{block:If250}


{block:Photoset}

<div class="photo">
{Photoset-250}
</div>

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Photoset}

{/block:If250}

{block:If400}


{block:Photoset}

<div class="photo">
{Photoset-400}
</div>

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}

{/block:Photoset}

{/block:If400}

{block:If500}


{block:Photoset}

<div class="photo">
{Photoset-500}
</div>

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Photoset}

{/block:If500}
                         <!----- Videos ----->

{block:If250}

{block:Video}
<div class="video">
{Video-250}
</div>

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Video}

{/block:If250}

{block:If400}

{block:Video}
<div class="video">
{Video-400}
</div>
{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Video}

{/block:If400}

{block:If500}

{block:Video}
<div class="video">
{Video-500}
</div>

{block:Caption}
{block:indexpage}
{block:ifshowcaptions}
<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}


{/block:Video}

{/block:If500}
                         <!----- Chat ----->
{block:Chat}
{block:Title}<div class="{select:Title Font}" id="post_title"> {Title}</div> {/block:Title}
<div class="chat">
{block:Lines}
<div class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div>
{/block:Lines}</div>
{/block:Chat}

                        <!----- Quote ----->
{block:Quote}
<div class="quotes">
{Quote}
</div>
{block:Source}
<div class="source">
- {Source}
</div>
{/block:Source}
{/block:Quote}
                         <!----- Link ----->

{block:Link}
<div class="{select:Title Font}" id="post_title">
<a href="{URL}" target="_blank">{Name}</a>
</div>
{block:Description}

{Description}

{/block:Description}

{/block:Link}

                         <!----- Text ----->

{block:Text}

{block:Title}
<div class="{select:Title Font}" id="post_title">
{Title}
</div>
{/block:Title}

{Body}

{/block:Text}


                          <!----- Asks ----->
{block:Answer}
<div class="asks">
<div class="askers">{Asker} <span style="color:#ddd;">mused</span></div>
{Question}</div>
{Answer}
{/block:Answer}


                          <!----- Audio ----->
{block:Audio}
<div class="album">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
</div>
{block:AudioPlayer}
<div class="player">
<div class="player2">
{block:ifWhite}
{AudioPlayerWhite}
{/block:ifWhite}
{block:ifBlack}
{AudioPlayerBlack}
{/block:ifBlack}
{block:ifGray}
{AudioPlayerGrey}
{/block:ifGray}
</div>
</div>
{/block:AudioPlayer}
<div class="track">
{block:TrackName}<span style="padding-bottom:3px; border-bottom:1px solid {color:post border};width:100%;"><i style="color:{color:link color};font-size:8px;margin-bottom:4px;" class="fa fa-music" aria-hidden="true"></i>{TrackName}</span><br>{/block:TrackName}
{block:Artist}<span style="padding-bottom:3px; border-bottom:1px solid {color:post border};width:100%;"><i style="color:{color:link color};font-size:8px;margin-bottom:4px;margin-top:4px;" class="fa fa-user-o" aria-hidden="true"></i>{Artist}</span><br>{/block:Artist}
{block:Album}<span style="padding-bottom:3px; border-bottom:1px solid {color:post border};width:100%;"><i style="color:{color:link color};font-size:8px;margin-top:4px;" class="fa fa-bookmark-o" aria-hidden="true"></i>{Album}</span>{/block:Album}</div>


{block:Caption}
{block:indexpage}
{block:ifshowcaptions}

<div class="audioline"></div>

<div class="captions">
{Caption}
</div>
{/block:ifshowcaptions}
{/block:indexpage}
{block:permalinkpage}
<div class="captions">
{Caption}
</div>
{/block:permalinkpage}
{/block:Caption}
{/block:Audio}

{block:indexpage}
<div class="indexperma">

<i style="font-size:8px;margin-right:-2px;color:{color:accent};" class="fa fa-star-half-o" aria-hidden="true"></i>{PostType} post

{block:RebloggedFrom}<span style="margin-top:-2px;float:right;"><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img style="border-radius:10em;" src="{ReblogParentPortraitURL-16}" width="13" height="13"></a> <a href="{ReblogRootURL}" title="src: {ReblogRootName}"><img style="border-radius:10em;" src="{ReblogRootPortraitURL-16}" width="13" height="13"></a> </span> {/block:RebloggedFrom}

</div>


{/block:indexpage}


</div>

{block:indexpage}
{block:hastags}<div class="indexperma2">
{block:Tags}<i style="color:#ddd;font-size:8px;" class="fa fa-slack" aria-hidden="true"></i><a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}
</div>
{/block:hastags}
{/block:indexpage}


{block:permalinkpage}
<div class="permapage">
<div style="margin-left:-3px;margin-right:-3px;letter-spacing:1px;">
<div style="background-color:#fafafa;padding:3px 10px 3px 10px;margin-bottom:4px;border-bottom:1px solid {color:post border};border-top:1px solid {color:post border};">
{block:Date}<i style="color:{color:link color};font-size:8px;" class="fa fa-table" aria-hidden="true"></i> date: {DayOfMonthWithZero}{MonthNumberWithZero}{Year}.{/block:Date}</div>
{block:RebloggedFrom}<div style="background-color:#fafafa;padding:3px 10px 3px 10px;margin-bottom:4px;border-bottom:1px solid {color:post border};border-top:1px solid {color:post border};"> <i style="color:{color:link color};font-size:8px;" class="fa fa-user-o" aria-hidden="true"></i> via: <a href="{ReblogParentURL}">{ReblogParentName}</a> </div>
<div style="background-color:#fafafa;padding:3px 10px 3px 10px;margin-bottom:4px;border-bottom:1px solid {color:post border};border-top:1px solid {color:post border};"> <i style="color:{color:link color};font-size:8px;" class="fa fa-user" aria-hidden="true"></i> source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
{/block:RebloggedFrom}
{block:Tags}<div style="background-color:#fafafa;padding:3px 10px 3px 10px;margin-bottom:4px;border-bottom:1px solid {color:post border};border-top:1px solid {color:post border};">{block:hastags}
<span style="text-align:center; width:auto;font-family:karla; font-size:8px;"><i style="color:{color:link color};font-size:8px;" class="fa fa-slack" aria-hidden="true"></i><a href="{TagURL}">{Tag}</a> &nbsp;  </span>{/block:hastags}</div>{/block:Tags}
</div>


{block:PostNotes}
<div class="notesep"></div>
<div class="notes">
{PostNotes}
</div>
{/block:PostNotes}


</div>


{/block:PermalinkPage}


{/block:posts}


</div>
</div>


<!------- end of posts -------->


<div id="barbottom">

<div class="sb2img"><img src="http://i.imgur.com/OT2Jjub.png"></div>
<div class="title" style="-webkit-text-stroke: 5px {color:accent2};">Dream</div>
<div class="title">Dream</div>

<a href="#?w=300" rel="02" class="poplight" title="we've got our heads in the clouds"><div class="four"></div></a>

<span class="bbarlinks" style="text-shadow:1px 0 {color:accent2}, 0 1px {color:accent2}, -1px 0 {color:accent2}, 0 -1px {color:accent2};">Navigation -- <a href="/ask">Inbox</a> / <a href="/submit">Submit</a> / <a href="/">Rules</a> / <a href="#?w=300" rel="05" class="poplight">Profile</a> / <a id="clickbutton" class="t" style="cursor:pointer;" title="tags"><span class="t"> Links </span><span class="t" style="display:none"> Close </span></a> </span>


<div style="position:absolute;right:10px;top:0px;text-shadow:1px 0 {color:accent2}, 0 1px {color:accent2}, -1px 0 {color:accent2}, 0 -1px {color:accent2};">
General Zhong Chen Le RP &middot; <u>Roleplay</u> purposes only!
</div>


<div class="pop" style="display:none;">
<div class="pop-x">
<div class="nav">
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
<a href="/">tag</a>
</div></div></div>


</div>
<div id="bartop">

{block:indexpage}
<div id="pagination">
      {block:PreviousPage}
            <a href="{PreviousPage}" style="font-size:12px;"> &laquo; </a>
      {/block:PreviousPage}

      {block:JumpPagination length="5"}
            {block:CurrentPage}
                  <span class="current_page">{PageNumber}</span>
            {/block:CurrentPage}

            {block:JumpPage}
                  <a class="jump_page" href="{URL}">{PageNumber}</a>
            {/block:JumpPage}
      {/block:JumpPagination}

      {block:NextPage}
            <a href="{NextPage}" style="font-size:12px;"> &raquo; </a>
      {/block:NextPage}
</div>
{/block:indexpage}


    <div class="settings">

<div class="settingwrap" style="margin-right:5px;">
<a href="/"><i style="font-size:13px;" class="ba fa-home"></i> home </a>
</div>

<div class="settingwrap">
<a href="http://07195.tumblr.com/archive"><i style="margin-left:-2px;margin-top:-1px;font-size:9px;" class="ba fa-archive"></i> Grid </a>

</div>

<div class="settingwrap" style="margin-right:4px;">
<a href="https://www.tumblr.com/dashboard?conversation=07195"><i class="ba fa-commenting"></i> Chat </a>

</div>

<div class="settingwrap">
<a href="http://www.tumblr.com/follow/07195"><i class="ba fa-user"></i> Follow </a>

</div>

<div class="settingwrap">
<a href="http://www.tumblr.com/dashboard"><i class="ba fa-power-off"></i> Dash </a>

</div>

<div class="settingwrap">
<a href="/" title="Theme made for Chen Le's mun by 07195 for their personal use only. Optimized for 1366x768."><i class="ba fa-codepen"></i> Credit </a>

</div>


    </div>
</div>


</div>


<div id="02" class="popup_block">

<div style="width:auto; height:auto;padding:5px 10px 5px 10px;background:{color:accent};color:#f9f9f9;font-family:arial black;font-size:25px;letter-spacing:-2px;line-height;100%;margin-bottom:2px;border-radius:10px 10px 0 0;">
NCT DREAM • • •
<div style="position:relative;font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:-8px;margin-left:2px;padding-bottom:5px;font-weight:bold;"> -- The greatest brothers and friends I could ask for </div>

</div>

<div style="margin-left:178px;width:100px;max-height:95px;background:{color:posts};padding:10px;overflow:auto;border:1px solid {color:post border};text-align:justify;">

"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."

</div>

<div style="position:absolute;width:175px;margin-left:0;margin-top:-117px;z-index:99;">
<div style="position:relative;height:0;padding-bottom:56.21%"><iframe src="https://www.youtube.com/embed/4pUc7SD0PmU?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="641" height="360" frameborder="0" allowfullscreen></iframe></div>
</div>

<div style="position:absolute;margin-left:0;margin-top:-16px;width:165.5px;background:{color:accent};color:#fff;letter-spacing:1px; padding:3px 5px 3px 5px;text-align:center;font-family:'Work Sans', sans-serif;font-size:7px;"> check out our latest comeback! </div>

<div style="position:absolute;font-family:'Work Sans', sans-serif;font-size:7px;color:#fff;letter-spacing:1px;margin-top:60px;margin-left:35px;word-spacing:4px;text-align:center;width:auto;">

lmh &middot; hrj &middot; ljn &middot; kdh &middot; njm &middot; zcl &middot; pjs

</div>

<img style="margin-top:-49px;z-index:1000000000000000000000000;border-radius:0 0 10px 10px;" src="http://i.imgur.com/JjOe75c.png">


</div>


<div id="04" class="popup_block">


<div class="abouttop">Best friends are forever;</div>
<div class="motae" style="position:absolute;">
<img src="http://i.imgur.com/TRH1Gb9.png">
</div>
<div style="position:absolute;margin-left:123px;margin-top:-8px;font-family:'jersey';letter-spacing:1px;font-size:47.5px;color:#f5f5f5;text-shadow:1px 0 #ccc, 0 1px #ccc, -1px 0 #ccc, 0 -1px #ccc;">uglies</div>
<div class="motae2" style="position:absolute;margin-left:123px;margin-top:42px;">

When I met you, I had known what friendship was but i had never imagined what true, unconditional love was. The type of love that isn't romantic, or familial. But the type of love that only comes from someone who truly cares for you. Who puts your well being before theirs. And above all else, protects you when it's needed most. People like us experienced a love that didn't come with affection, or titles like "brother" and "sister". It was pure and genuine and I am forever grateful for that. </p>
It's been a while now since you left. I know I joke about you being dead but since you took your leave I've felt a piece of me missing. But I get by, day by day remembering you and every good memory that we shared, and sometimes even the rougher ones. I'm happy though, knowing that wherever you are, you're happy. And more so than that, you're safe. I love you very much, even if you're ugly and bully me sometimes. But that's just how we are, huh? Thank you, Momo for giving to me something I hadn't known I needed.


</div>


<div class="abouttop" style="margin-top:124px;">And she is with me always.</div>


</div>

<div id="05" class="popup_block">


<div style="width:auto; height:auto;padding:5px 10px 5px 10px;background:{color:accent};color:#f9f9f9;font-family:arial black;font-size:25px;letter-spacing:-2px;line-height;100%;margin-bottom:2px;border-radius:10px 10px 0 0;">
Profile • • •
<div style="position:relative;font-size:8px;font-family:calibri;letter-spacing:1px;margin-top:-8px;margin-left:2px;padding-bottom:5px;font-weight:bold;"> -- A basic map to everything Chen le </div>

</div>

<div class="int">
<div class="ints">

<ul>
<li> <b>Name:</b> Zhong Chen le </li>
<li> <b>Sub-Unit:</b> Dream </li>
<li> <b>Birthplace:</b> Shanghai, China </li>
<li> <b>Birthday:</b> Nov. 22, 2001 </li>
<li> <b>Position:</b> Vocalist </li>
<li> <b>Debut:</b> Aug. 24, 2016 </li>
</ul>

</div>
</div>

<div style="background:transparent;position:absolute;margin-top:1px;margin-left:261.5px;border-right:4px double {color:post border};border-left:4px double {color:post border};width:2px; height:120px;"></div>


<div style="position:absolute;background:transparent;color:{color:posts};width:135px;margin-top:48.5px;margin-left:219px;letter-spacing:-4px;font-family:arial black;font-size:35px;line-height:15px; -ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */transform: rotate(-90deg);-webkit-text-stroke: 1px {color:post border};"> DREAM </div>

<img style="border:1.5px solid {color:post border};" src="http://i.imgur.com/TkqyjEx.png">

<div style="display:none;background:{color:accent};height:5px;margin-left:2px;margin-right:2px;margin-top:1px;"></div>

<div style="background:{color:posts};border:1px solid {color:post border};padding:8px;color:{color:post text};line-height:100%;font-family:'karmilla';font-size:8px;max-height:80px;overflow:auto;margin-top:1px;margin-left:0px;text-align:justify;">

"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."

</div>


<div style="background:{color:accent};height:10px;border-radius:0 0 10px 10px;margin-top:2px;"></div>


</div>

<div id="06" class="popup_block">

<div style="border:1px solid #ddd;"><img src="http://i.imgur.com/n49JT27.png" width="100%" height="auto"></div>

</div>


<!----- cathms popup links script ---->
<script language="Javascript">
    $(document).ready(function() {
    $('.nav li').hide();
    $('.nav li:lt()').show();
});
</script>

<script language="javascript">
$(document).ready(function() {
$('a#clickbutton').click(function() {
    $('.t',this).toggle();
});

$("#clickbutton").click(function(){
        $(".pop").fadeToggle("slow");
    });

$("#clickbutton").click(function(){
        $(".hide").fadeToggle("slow");
    });


});
</script>


</body>
</html>