@font-face { font-family: "04b24"; text-transform:uppercase; src: url('../../static.tumblr.com/zei83do/8jlmi91fu/04b_24__.ttf');}
body { 
background:url("kkk.png") repeat-x, 
url("stripe.png") repeat;
background-color:#E3E3E3; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #777;
margin: 0px; 
padding: 0px;}


h1 {
font-family: 'Pacifico', cursive;
font-size:19px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;}



h2 {
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}



h3{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}
 h4{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}
h5{
font-family: 'Pacifico', cursive;
font-size:15px;
color: #aaa;
font-weight: normal;
text-align: center;
text-transform:lowercase;
letter-spacing: 2px;
background: #DAD7D7;
border-bottom:3px double #bbb;
line-height: 17px;
padding:1px;
margin-top:1px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
border-radius: 3px;
}

h6 {
text-align: center;
font-family: calibri;
font-size:10px; 
color: #aaa;
margin:1px; 
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 2px dotted 
#bbb;}

h1:first-letter { color: #717171 }
h2:first-letter { color: #717171 }
h3:first-letter { color: #717171 }
h4:first-letter { color: #717171 }
h5:first-letter { color: #717171 }
h6:first-letter { color: #717171 }

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

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




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


#container{
overflow: hidden;
width:825px;
height:auto;
border:1px solid #d4d4d4;
background-color:#e6e6e6;
margin: 40 auto;
border-radius: 10px;
padding:5px;}

#header{
background-image: url('header.png');
width:465px;
height:200px;
margin-top:0px;
margin-left:140px;
border:1px solid #d4d4d4;}


#navi {
margin-top: 0px;
margin-left:0px;
width: 125px;
height:192px;
border-bottom:0px;
padding:4px;
border:1px solid #d4d4d4;
background-color:#e6e6e6;
float: left;}

#content{
background-color:#dcdcdc;
border:1px solid #d4d4d4;
width:600px;
height:auto;
margin-top:5px;
margin-bottom:5px;
padding:3px;
float:left;
}

#sidebar{
position:relative;
width:210px;
margin-top:-204px;
height:auto;
padding:2px;
float:right;}

#box{
background-color:#dcdcdc;
border:1px solid #d4d4d4;
text-align:justify;
width:200px;
margin-bottom:5px;
padding:5px;
height:auto;}

#footer{
clear:both;
background-color:#dcdcdc;
border:1px solid #d4d4d4;
text-transform:uppercase;
font-family: "04b24";
font-size:8px;
text-align:center;
padding:2px;}



.updates {height: 80px; overflow: auto;}

.updates b {
border-bottom: 1px dashed #444;
display: block;
color: #aaa;
letter-spacing:3px;
margin:2px 0px;
text-align: center;
font-weight:normal !important;}

.updates a {
display: block;
font-family:"04b24";
font-size:8px;
text-transform:uppercase;
color: #5bd4d5;
line-height:10px;}

.updates a:hover { color: #aaa;}

a:active, a:visited, a:link {
font-family:"04b24";
font-size:8px;
text-transform:uppercase;
color:#747373;
text-decoration: none;
font-weight: normal;
transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;}

a:hover {
color:#aaa9a9;
text-align:left;
letter-spacing: 0px;
transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;}

a.link1{   
display: block;
font-family: "04b24";
font-size:8px;
background: #ccc;
margin-bottom: 2px;
text-decoration:none;
text-transform:uppercase; 
color: #595959;
border: 1px solid #d0d0d0;
padding:3px;
text-align: center;
transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;}

a.link1:hover {
background-color:#eee;
transition-duration: 0.9s;
-webkit-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;}


a.nav1, a.nav1:link, a.nav1:active, a.nav1:visited,
a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited,
a.nav3, a.nav3:link, a.nav3:active, a.nav3:visited,
a.nav4, a.nav4:link, a.nav4:active, a.nav4:visited,
a.nav5, a.nav5:link, a.nav5:active, a.nav5:visited,
a.nav6, a.nav6:link, a.nav6:active, a.nav6:visited{
color:#333333;
display:inline-block;
width:115px;
padding: 10px 5px;
font-family:"04b24"; 
font-size: 8px;
text-transform:uppercase; 
border-radius:30px;
margin:2px 0px;
text-align: center;}


a.nav1, a.nav1:link, a.nav1:active, a.nav1:visited{
color:#333; background:#dadada;}
a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited{
color:#333333; background:#cfcfcf;}
a.nav3, a.nav3:link, a.nav3:active, a.nav3:visited{
color:#333333; background:#b7b7b7;}
a.nav4, a.nav4:link, a.nav4:active, a.nav4:visited{
color:#333333; background:#9a9a9a;}
a.nav5, a.nav5:link, a.nav5:active, a.nav5:visited{
color:#333333; background:#7f7f7f;}
a.nav6, a.nav6:link, a.nav6:active, a.nav6:visited{
color:#333333; background:#6d6d6d;}

a.nav1:hover{background:#fff;}
a.nav2:hover{background:#fff;}
a.nav3:hover{background:#fff;}
a.nav4:hover{background:#fff;}
a.nav5:hover{background:#fff;}
a.nav6:hover{background:#fff;}


textarea{
color: #aaa;
background: #DAD7D7;
border: 1px solid #bbb; 
border-bottom: 3px solid 
#bbb;
margin: 2px;-webkit-box-shadow: 0 2px 8px #777;
  -moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px #777;
}

blockquote {
  display: block;
  background: #DAD7D7;
  padding: 10px 
15px 10px 50px;
  margin: 0 auto 3px;
  width: 296px;
  position: relative;
  line-height: 1;
  color: 
#aaa;
  font-size: 12px;
  text-align: justify;  
border-right: 25px solid #bbb;
  border-radius: 25px;-
webkit-box-shadow: 0 2px 8px #777;
  -moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px 
#777;
}

blockquote::before {
  content: "\2665";
  font-family: Georgia, serif;
  font-size: 60px;
  

font-weight: bold;
  color: #aaa;
  text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
background: #DAD7D7;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}



blockquote a {
  text-
decoration: none;
  background: #DAD7D7;
  padding: 0 3px;
  color: #aaa;
  border-radius: 5px;
}

blockquote2{
  display: block;
  text-align: left;
  width: 296px;
  background: #DAD7D7 ;
  padding: 

10px 10px 10px 5px;
  margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #aaa;

}