/************************************************************************
 
            THEME BY SAARAA @ CYANTISTS.TUMBLR.COM
           
            Please observe common theme sharing etiquette:
                http://cyantists.tumblr.com/terms
            Thank you.
  
************************************************************************/

a:not(.icon), button, button:hover, iframe.tmblr-iframe, iframe.tmblr-iframe:hover {
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;}
	
html {
    overflow-y:scroll;
    -webkit-font-smoothing:antialiased;}
::-webkit-scrollbar {
    height:0px;
    width:4px;}
.more::-webkit-scrollbar {
    width:2px;}
::-webkit-scrollbar-thumb:vertical {
    height:auto;
    width:4px;}
::-webkit-scrollbar-thumb:hotizontal {
    display:none;}	
::selection {
    color:#ffffff;}
::-webkit-selection {
    color:#ffffff;}
::-moz-selection {
    color:#ffffff;}
::-o-selection {
    color:#ffffff;}

body {
    margin:0px;
    line-height:1.4;}
a:link, a:active, a:visited {
    text-decoration:none;}
*:focus {
    outline:0;}
	
iframe.tmblr-iframe {
    z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    filter:invert(1);
	-webkit-filter:invert(1);
	-o-filter:invert(1);
	-moz-filter:invert(1);
	-ms-filter:invert(1);
    transform:scale(0.6);
    transform-origin:100% 0;
    -webkit-transform:scale(0.6);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.6);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.6);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.6);
	-ms-transform-origin:100% 0;}
iframe.tmblr-iframe:hover {
    opacity:0.6!important;}
	
#s-m-t-tooltip {
    position:absolute;
    z-index:9999999999;
    margin-top:20px;
    margin-left:16px;
    display:inline-block;
    padding:4px 7px;
	color:#ffffff;}
	
/** PLEASE DO NOT EDIT OR DELETE **/
.credit {
    position:fixed;
    bottom:8px;
    right:8px;
    padding:3px 6px 4px 6px;
    line-height:1;
    font-weight:bold;
    z-index:999999;}
/*********** THANK YOU! ***********/

.container {
    width:calc(60% + 250px);
    position:relative;
    left:0;
    right:0;
    margin:100px auto;}
    
.side {
    position:fixed;
    width:150px;
    margin-top:5px;}
.left .side {
	margin-left:0px;}
.right .side {
    margin-left:calc(100% - 250px);}
.side:first-child {
	border-top:none;}
	
a.title {
    display:block;
    padding:8px;
    letter-spacing:1px;
    font-weight:bold;
    text-align:center;}
.text {
    padding:10px;
    text-align:justify;}
	
button {
    border:none;
    font:inherit;
    text-align:left;
    cursor:pointer;
    padding:0;
	background:transparent;}

.main {
    width:100%;
    display:block;
    padding:6px 8px;}
.main:hover {
    padding-left:16px;}
.more {
    display:none;
    margin:3px 10px 11px 12px;
    padding:0px 8px;
    max-height:8em;
    overflow-y:scroll;}  
.sub {
    display:block;
    width:100%;
    padding:1px 0px;}
.sub:hover {
    padding-left:8px;}
.active {
    font-weight:bold;}
	
.colours {
    display:block;
    padding:8px 0px;
    text-align:center;}
.colour {
    width:8px;
    height:8px;
    margin:0px 3px;
    border-radius:50%;
    display:inline-block;
    opacity:0.6;
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    -o-transform:scale(0.75);
    -moz-transform:scale(0.75);}
.colour:hover {
    opacity:1;}    
.colour.active {
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -moz-transform:scale(1);}
.c01 {
    background:#ff4a4a;}
.c02 {
    background:#ffa44a;}
.c03 {
    background:#fff64a;}
.c04 {
    background:#7aff4a;}
.c05 {
    background:#4ae1ff;}
.c06 {
    background:#4a4aff;}
.c07 {
    background:#e14aff;}
.c08 {
    background:#ff4ab4;}
.c09 {
    background:#707070;}
	
.icons {
    margin-left:250px;
    position:relative;
	overflow:hidden;}
.left .icons {
	width:calc(100% - 250px);}
.right .icons {
	margin-left:0px;}
.icons * {
    user-drag:none; 
    user-select:none;
    -moz-user-select:none;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -ms-user-select:none;}
a.icon {
    float:left;
    margin:5px;}
a.icon img {
    display:block;
    border-radius:2px;
    overflow:hidden;}
	
/********************************************************
 
	© SAARAA @ YEARSANDSYEARS / CYANTITSTS
   
	Please do not edit, delete, or steal, thank you!
  
********************************************************/

.cred:before, .cred:hover:before, .cred *, .cred:hover *, .cred *:before,
.cred:hover *:before, .cred *:after, .cred:hover *:after {
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;}
	
.cred {
	position:fixed;
	right:8px;
	font:10px calibri, sans-serif;
	bottom:8px;
	z-index:99999999;}
.cred:before {
	position:absolute;
	content:'cyantists';
	left:0;
	margin-left:-59px;
	width:46px;
	height:10px;
	pointer-events:none;
	opacity:0;
	text-align:center;
	line-height:1;
	font-style:italic;
	letter-spacing:0.5px;
	padding:4px 3px 4px 4px;}
.clogo {
	position:relative;
	float:right;
	width:10px;
	height:10px;
	line-height:1;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:center;
	padding:4px;}
.cred:hover .clogo,.clogo:after {
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:FlipH;
	-ms-filter:FlipH;}
.clogo:before,.clogo:after {
	position:absolute;
	content:'y';
	top:0;
	left:0;
	right:0;
	margin:4px;}
.clogo:after {
	opacity:0;
	content:'c';}
.cred:hover .clogo:before {
	opacity:0;}
.cred:hover:before,.cred:hover .clogo:after {
	opacity:1;}