@font-face {
  font-family: 'pixel';
  src: local('Ernest'), url('http://static.tumblr.com/lvxiwhj/z7Jmm2jwh/ernest.ttf');
}

@font-face {
  font-family: 'starstrella';
  src: url('Star Strella.otf'), url('Star Strella.ttf');
}


::-webkit-scrollbar-thumb {
border-radius:5px;    
background-image: url("hover2.png");
background-repeat: repeat-y;
background-color: #121212;  }

::-webkit-scrollbar {
background-image: url("hover2.png");
background-repeat: repeat-y;
width: 4px; height: 2px; 
border-radius:5px;
background: #121212;}

body { 
background:url("pp.png") repeat-x, 
url("bg1.png") repeat;
background-color:#121212; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #555;
margin: 0px; 
padding: 0px;}



#content img, #content a img {
background: url(hover2.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid #111;
-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 {
background: url(hover2.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #111;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }

        p {
                text-indent: 15px
        }
        #container {
                position: relative;
                margin: 10 auto 0;
                padding: 6px;
                background-color: #151515;
                width: 950px;
                border: 2px solid #111;
                overflow: hidden;
                margin-top: 30px;
        }
        #header {
                position: relative;
                float: left;
                background: url("666-2.png");
                width: 725px;
                height: 200px;
                border: 2px solid #111;
        }
        #content {
                border: 2px solid #111;
                position: relative;
                float: left;
                width: 716px;
                padding: 4px;
                margin-top: 40px;
        }
        #sidebar {
                position: relative;
                top: -4px;
                float: right;
                width: 212px;
                margin: 0px 0 5px;
                padding: 4px;
        }
        h1:first-letter {
                color: #888;
                font-family:
                font: 16px  'starstrella';;
                text-transform: Capitalize;
        }
        h2:first-letter {
                color: #999;
        }
        h3:first-letter {
                font: 20px georgia;
                text-transform: Capitalize;
        }
        h4:first-letter {
                font: 20px georgia;
                text-transform: Capitalize;
        }
        h1 {
                letter-spacing: -1px;
                text-transform: lowercase;
                text-align: center;
                width:710px;
                margin: 0 auto 1px;
                margin-bottom: 3px;
                border-bottom: 2px solid #111;
                color: #999;
                background: #101010;
                font: 16px  'starstrella';
        }
        h2 {
                text-align: center;
                 width: 212px;
                font: 16px  'starstrella';
                margin: 0 auto 1px;
                font: 9px arial;
                border-bottom: 1px dotted #111;
                color: #999;
        }
        h3 {
                border-bottom: 1px dotted #111;
                width: 212px;
                 font: 16px  'starstrella';
                text-transform: lowercase;
                text-align: center;
                margin: 0 auto 1px;
                background: #101010;
                color: #999;
        }
        h4 {
                background: #1b1b1b;
                border-bottom: 1px dotted #111;
                width: 212px;
                font: 16px  'starstrella';
                text-transform: lowercase;
                text-align: center;
                margin: 0 auto 1px;
                color: #999;
        }
        a:visited,
        a:link,
        a:active {
                text-decoration: none;
                color: #999;
                -webkit-transition: 0.5s ease-out;
                -moz-transition: 0.5s ease-out;
        }
        a:hover {
                color: #222
        }
        #navi {
                position: absolute;
                left: 6px;
                margin-top: 207px;
                border: 1px solid #101010;
                float: left;
                padding: 4px;
                width: 718px;
        }
        a.nav,
        a.nav:link,
        a.nav:active,
        a.nav:visited {
                display: inline-block;
                background: #101010;
                color: #999;
                padding: 7px 0px 0px;
                width: 9.7%;
                height: 14px;
                border-bottom: solid #1b1b1b; 2px;
                text-align: center;
                font: 10px/8px ernest;
                letter-spacing: 0.5px;
        }
        a.nav:hover {
                color: #555;
                background: #3E3D3D;
        }
        a.nav:nth-child(4n+1) {
                color: #555;
        }
        a.nav:nth-child(4n+2) {
                color: #555;
        }
        a.nav:nth-child(4n+3) {
                color: #555;
        }
        a.nav:nth-child(4n+4) {
                color: #555;
        }
        a.nav:nth-child(4n+1):hover {
                color: #555;
                background: #111;
                border-bottom: solid #313131 2px;
        }
        a.nav:nth-child(4n+2):hover {
                color: #555;
                background: #111;
                border-bottom: solid #313131 2px;
        }
        a.nav:nth-child(4n+3):hover {
                color: #555;
                background: #111;
                border-bottom: solid #313131 2px;
        }
        a.nav:nth-child(4n+4):hover {
                color: #555;
                background: #111;
                border-bottom: solid #313131 2px;
        }
        a.nav2,
        a.nav2:link,
        a.nav2:active,
        a.nav2:visited {
                display: inline-block;
                background: #101010;
                color: #888;
                padding: 10px;
                width: 75px;
                margin: 1px;
                text-align: center;
                font: 10px/8px ernest;
                letter-spacing: 0.5px;
        }
        a.nav2:hover {
                border-radius: 4px;
                color: #555;
                background: #111;
        }
        #footer {
                top: 5px;
                position: relative;
                clear: both;
                text-align: center;
        }
        b {
                color: #888
        }
        i {
                color: #999
        }
        big {
                color: #555;
                font-size: 16px;
                text-transform: uppercase;
        }
        s {
                color: #888
        }
        u {
                text-decoration: none;
                border-bottom: #313131 1px dotted;
                color: #999;
        }
       

textarea{
color: #aaa;
background: #0B0B0B;
border: 1px solid #111; 
margin: 2px;-webkit-box-shadow: 0 2px 8px #111;
-moz-box-shadow: 0 2px 8px #111;
  box-shadow: 0 2px 8px #111;
}

blockquote {
  font-family: calibri;
  display: block;
  background: #0B0B0B;
  color: #777;
  padding: 5px 10px 15px 50px;
  margin: 0 auto 3px;
  margin-bottom: 20px;
  width: 350px;
  position: relative;
  line-height: 1;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: justify;  
text-align: justify;  
border-right: 25px solid #111;
border-left: 10px solid #111;
border-radius: 250px;-webkit-box-shadow: 0 2px 8px #494949;
-moz-box-shadow: 0 2px 8px #494949;
box-shadow: 0 2px 8px
#2C2C2C;
}

blockquote::before {
  content: "\2605";
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: bold;
  background: #0B0B0B;
  color: #aaa;
  text-align: center;
  position: absolute;
  left:9px;
  top: 9px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
blockquote a {
  text-decoration: none;
  background: #0B0B0B;
  padding: 0 3px;
  color: #bbb;
}
blockquote2{
  display: block;
  text-align: left;
  width: 400px;
  background: #0B0B0B;
  padding: 10px 10px 10px 5px;
  margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #2b2b2b;
}


#content img, #content a img {
background: url(hover1.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid #111;
-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 {
background: url(hover1.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #111;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
        #box {
                position: relative;
                float: left;
                padding: 4px;
                width: 212px;
                margin-bottom: 3px;
        }
        .updates {
                position: relative;
                float: left;
                overflow: auto;
                color: #888;
                height: 77px;
                width: 176px;
        }
        .updates a {
                font: 10px/8px ernest;
                color: #999;
                display: block;
        }
        .updates a:hover {
                -moz-transition: 0.6s ease-out;
                -webkit-transition: 0.6s ease-out;
                margin-left: 10px;
                color: #555;
        }