body {
    background-image:url(assets/images/texture.png);
}

header {
    background:#5c5c5c;
    color:#fff;
    font-family:arial;
    width: 100%;
    margin: auto;
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;


}


div.backgroundbox {
    background: #f5fdff;
    padding: 10px 10px;
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px outset rgba(214, 103, 103, 0.5);
}

div.header-box {
    margin-left: -50px;
    position:relative;
    left: 50%;
    background: #959595;
    padding: 5px 5px;
    display:inline-block;
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px outset rgba(186, 186, 186, 0.5);

}

div.arrow_box {
    background: #ff5656;
     
}

strong {
    color: red;
}

.swag {
    color:green;
}

a.swag:hover {
    padding: 1px 10px 1px 10px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  border: 1px outset rgba(50,50,50,.5);
  font-family: georgia, serif;
  font-size: 14px;
  font-style: italic;
  text-decoration: none;
}

#monee {
    background: #ffc1c1;
}

#yolo {
    font-weight: 200;
}

div.menu-bar ul ul {
  display: none;
}

div.menu-bar li:hover > ul {
  display: block;
}

a.block-hide {
    color:red;
}

@-webkit-keyframes movey {
    from {
        opacity: 0;
       /* transform: translateX(0px);
        -webkit-transform: translateX(0px);*/
    }
    to {
        opacity: 1;
        /* transform: translateX(110px);
        -webkit-transform: translateX(110px);*/
    }
}

@keyframes movey {
     from {
         opacity: 0;
        /*  transform: translateX(0px);
        -webkit-transform: translateX(0px);*/
     }
    to {
        opacity: 1;
       /* transform: translateX(110px);
        -webkit-transform: translateX(110px); */
    }
}

span.block-hide:hover {
    font-size: 20px;
    color:green;
    -webkit-animation: movey 1.0s infinite;
    animation: movey 1.0s infinite;
}

swaggin.block-hide {
    color:blue;
}

span.block-hide:hover swaggin {
    color:yellow;
}

span.block-hide:hover span.block-hide {
 color:red;   
}

span.blocks {
    display: inline-block;
    vertical-align: middle
    border-right: 1px solid #ddd;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    padding: 5px 10px 5px 10px;
    font-family:arial;
    background: #c4c4c4;
}

span.innerblocks {
    vertical-align: middle
    border-right: 1px solid #ddd;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    padding: 5px 10px 5px 10px;
    display:none;
    background: #d3d3d3
    border-radius:3px;
}

span.blocks:hover > span.innerblocks {
    text-align: center;
    display:block;
    border-radius:3px;
    padding:8px 12px;
    color:#fff;
    font-family:arial;
    font-size:14px;
    text-shadow:1px 1px rgba(0,0,0,0.1);
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    background:#333;
}

div.hoverhands {
    vertical-align:
    border-right: 1px solid #ddd;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background:#ffa6a6;
    display: inline-block;
    color:white;
    box-shadow:0px 1px 0px rgba(255,255,255,0.05) inset;
    padding: 5px 10px 5px 10px;
    background: #d3d3d3
    border-radius:3px;
    position:relative;
}

.marker {
    position: absolute;
    width: 100%;
    top:0px;
    
}
.arrow_box {
    width: 90px;
    padding: 5px 10px;
    bottom: 10px;
    display:inline-block;
	position: absolute;
    visibility: hidden;
    left:50%;
    margin-left: -50px;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ff5656;
	border-width: 10px;
	margin-left: -10px;
    visibility: hidden;
    left:50%;
}

div.hoverhands:hover .arrow_box {
    visibility: visible;   
}

div.hoverhands:hover .arrow_box:after {
    visibility: visible;
}
