body{
background-image:url('https://res.cloudinary.com/unbreakable/image/upload/v1601518910/ub/octbg.png');
background-repeat:repeat;
background-color: #444;
font-size:10px;
font-family: Calibri;
color:#aaa;
}


#footer{
clear:both;
border:1px solid #444;
background-color:#222;
text-transform:uppercase;
font-family: Calibri;
text-align: center;
font-size: 8px; 
margin-top:2px;
padding:2px;
}


#cbox {
color: #ffffff;
font: 10px/8px ernest;
position: fixed;
bottom:10px;
left:30px;
width: 220px; 
height: 205px; 
overflow: hidden;
background-color:rgba(000,000,000,.5);
text-align:center;
z-index: 9999 !important;
padding:1px;}

#container{
overflow: hidden;
width:790px;
height:auto;
margin:40px auto;
}


#header{
width:790px;
height:300px;
border:1px solid #555;
background-color:#222;
position:relative;
}

#content{
background-color:#222;
width:562px;
height:auto;
position:relative;
padding:2px;
margin-top:4px;
margin-left:0px;
float:left;
}

#sidebar{
position:relative;
width:220px;
padding:2px;
float:right;
float:right;
}

#navi1 {
width:110px;
position:absolute;
}


#navi2 {
background-color:#222;
	width: 800px;
	position: relative;
	height: 24px;
	align: center;
}

#box{
position:relative;
background-color:#222;
padding:2px;
width:215px;
margin:2px;
}


b{ color:#fe9b56;}
i{ color:#eddf4b;}
u{ color:#f088d0; border-bottom:1px dotted #ff44c6;}

blockquote{    display: block;
  width: 300px;
  background: #333;
  padding: 5px;
   position: relative;
  color: #ffffff;
  font-style:italic;
  text-align: center;
  border-left: 5px solid #aaa;
  border-right: 5px solid #aaa;}


h1{
	color: #222;
	text-shadow: #444 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-size:30px;
	line-height: 25px;
	letter-spacing: -3px;
	font-style:italic;
	border-right: 5px solid #f088d0;
	background: #ff44c6;
	margin:2px;
	text-transform:capitalize;
}

h2{
	color: #222;
	text-shadow: #444 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	font-size:30px;
	line-height: 25px;
	letter-spacing: -3px;
	font-style:italic;
	border-left: 5px solid #feef51;
	background: #eddf4b;
	margin:2px;
		text-transform:capitalize;
}

h3{
font-family:ernest;
font-size:10px;
line-height:10px;
font-weight:normal;
color:#222;
margin:0px;
background-color:#fe9b56;
border-bottom: 2px solid #f9b78a;
letter-spacing:5px;
text-align:center;
}
 
h5{
	color: #222;
	text-shadow: #444 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	font-size:30px;
	line-height: 25px;
	letter-spacing: -3px;
	font-style:italic;
	border-left: 5px solid #f9b78a;
	background: #fe9b56;
	margin:2px;
		text-transform:capitalize;
} 
h4{
	color:#f088d0; 
        margin: 1px; 
	font-family:calibri; 
	font-size:10px; 
		display:block;
	border-bottom:1px solid #555;
	font-weight:normal;
	text-align:center;  
	text-transform:uppercase; 
	letter-spacing:1px; 
	line-height:15px;	}
	
h6 { color: #ffffff; 
    font-size: 10; 
    line-height: 15; 
    background-image:("https://res.cloudinary.com/unbreakable/image/upload/v1576185746/tutorials/h1bg.png"); 
    text-align: left; 
    font-family: georgia; }

a:active, a:visited, a:link {
display: inline-block;
font-family:arial;
font-size:10px;
color:#aaa;
text-decoration:none;
font-weight: normal;
letter-spacing: 1px;
}

a:hover {
color:#fff;
}



a.affie{   
display: block;
font-family:ernest;
color: #353535;
text-align: center;
text-transform:lowercase;
background-color:#656565;
font-size:10px;
line-height:10px;
padding: 2px; 
margin: 1px;
-webkit-transition:all 0.8s ease-out;
-moz-transition:all 0.8s ease-out;
transition: all 0.8s ease-out;
}

a.affie:hover {
background-color: #656565;
border-left:6px solid #ddd;
border-right:6px solid #ddd;
color: #ddd; 
}

a.nav1:link, a.nav1:active, a.nav1:visited {display:inline-block; 
width:140px; 
font-family: ernest; 
font-size: 10px; 
text-align:center;
height:10px; 
line-height:10px; 
padding: 2px; 
margin-top:4px; 
margin-left:6px; 
letter-spacing:2px;
color: #eddf4b;}

a.nav2:link, a.nav2:active, a.nav2:visited{display:inline-block; 
width:140px; 
font-family: ernest; 
color: #fe9b56;
font-size: 10px; 
text-align:center;
height:10px; 
line-height:10px; 
padding: 2px; 
margin-top:4px; 
letter-spacing:2px; 
}

a.nav3:link, a.nav3:active, a.nav3:visited{display:inline-block; 
width:140px; 
font-family: ernest; 
font-size: 10px; 
text-align:center;
height:10px; 
line-height:10px; 
padding: 2px; 
margin-top:4px; 
letter-spacing:2px; 
color: #ff44c6;}

a.nav4:link, a.nav3:active, a.nav3:visited{display:inline-block; 
width:140px; 
font-family: ernest; 
font-size: 10px; 
text-align:center;
height:10px; 
line-height:10px; 
padding: 2px; 
margin-top:4px; 
letter-spacing:2px; 
color: #f088d0;}


a.nav1:hover{background-color:#888; 
color:#eddf4b;
border-radius:15px;
-webkit-transition-duration: 0.9s;    
-o-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s;
}
a.nav2:hover{
background-color:#aaa; 
color:#fe9b56;
border-radius:15px;
-webkit-transition-duration: 0.9s;    
-o-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s;}

a.nav3:hover{
background-color:#ddd; 
color:#ff44c6;
border-radius:15px;
-webkit-transition-duration: 0.9s;    
-o-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s;}

a.nav4:hover{
background-color:#ddd; 
color:#f088d0;
border-radius:15px;
-webkit-transition-duration: 0.9s;    
-o-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s;}

a.updates:link, a.updates:active, a.updates:visited {
font-family:calibri;
font-size:8px;
display:block;
margin:1px;
padding:1px;
text-align:left;
text-transform:uppercase;
text-decoration: none;
color: #aaa;
transition:0.5s;
}

a.updates:hover {
color: #fff;
margin-left:20px;
transition:0.5s;}


::-webkit-scrollbar-thumb 
{background-image: url('scroll.png'); background-color: #f0bf93; -webkit-border-radius: 5px;}
::-webkit-scrollbar 
{width: 7px; height: 5px; background: #efefef; }


img.thumb,
a.thumb:active img,
a.thumb:link img,
a.thumb:visited img {padding: 6px;
                                background-image: url();
                                background-color: #4ba9a7;
                                background-position: top left; 
                                border: 1px solid#282828;
                                margin: 2px;}
a.elite{ 
display:block; 
width:30px;
color: #666; 
background-color:#353535; 
font-family: ernest; 
font-size: 10px; 
line-height:30px;
height:30px;
text-align:center; 
padding: 2px;
margin:1px;
border-radius:50px;
-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition: all 0.5s ease-out;
}

a.elite:hover{
color:#666; box-shadow:inset 185px 0px 0px #666;
}



#content img, #content a img {
padding: 1px;
opacity: 0.75;
margin: 2px;
border:1px solid #999;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }
 
#content img:hover, #content a:hover img {
	opacity: 1;
border:1px solid #333;
	border-radius: 20px;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	-webkit-border-radius: 20px;
 }

ul.tab {list-style-type: none; margin: 0; overflow: hidden;}
ul.tab li {float: left;}
ul.tab li a {display: inline-block; color: #fff; background: #444; text-align: center; letter-spacing: 1px; padding: 7px 18px; text-decoration: none; transition: 0.3s; font-size: 10px; border: 1px solid #333; margin: 2px;}
ul.tab li a:hover {background-color: #444;}
ul.tab li a:focus, .active {background-color: #fff; color: #000;}
.tabcontent {display: none; padding: 6px 12px; border-top: none;}
/***TABS CODING BY LOVEBLUSH - DO NOT REMOVE THIS***/