body { 
background:url("top.png") repeat-x, 
url("http://i.imgur.com/bVvWZsi.png") repeat;
background-color:#E3E3E3; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #777;
margin: 0px; 
padding: 0px;}




::-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;}

#container{
position: relative; 	
margin: 5px auto 5px auto; 
width: 714px; 
padding: 3px; 
background-color:#e3e3e3;
border: 1px solid #ccc;		
overflow: hidden;
}

#navi{
position: absolute; 
left: 257px; top: 90px;
width:100px; padding:5px;
}

#header {
margin: 3px;
background-image: url(header1.png) ;
border:1px solid #ccc;
width: 500px;
height: 200px;
}

#sidebar{
position: absolute;
float: right;
width: 190px;
left: 514px; top: 3px;
padding:5px;
margin:0px 0px;
background-color:#e3e3e3;
}

#content{
float: left;
width: 492px;
padding:5px;
margin:4px;
background-color:#e3e3e3;
}

#footer{
clear:both;
background-color:#e3e3e3;
border-top:1px solid #ccc;
text-align:center;
padding:5px;
}

b {color:#444;}
i {color:#888;}
u {color:#999;}
	

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

a:link, a:active, a:visited {
text-decoration: none; 
color: #aaa;
 -webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}
a:hover {
color: #ffffff;
text-decoration: none; 
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

h1{
    background: #ccc;
    margin: 0px 0px 3px;
    font: 10px/8px ernest;
    line-height: 10px;
    text-align: center;
    color: #aaa;
    height: 11px;
    letter-spacing: 2px;
    border-bottom: 3px solid #bbb;
    font-weight: normal;
    padding: 0px;
    text-shadow: 1px 1px transparent;
}

h2{
    background: #ccc;
    margin: 0px 0px 3px;
    font: 10px/8px ernest;
    line-height: 10px;
    text-align: center;
    color: #aaa;
    height: 11px;
    letter-spacing: 2px;
    border-bottom: 3px solid #bbb;
    font-weight: normal;
    padding: 0px;
    text-shadow: 1px 1px transparent;
}

h3{
    background: #ccc;
    margin: 0px 0px 3px;
    font: 10px/8px ernest;
    line-height: 10px;
    text-align: center;
    color: #aaa;
    height: 11px;
    letter-spacing: 2px;
    border-bottom: 3px solid #bbb;
    font-weight: normal;
    padding: 0px;
    text-shadow: 1px 1px transparent;
}

h4{
    background: #ccc;
    margin: 0px 0px 3px;
    font: 10px/8px ernest;
    line-height: 10px;
    text-align: center;
    color: #aaa;
    height: 11px;
    letter-spacing: 2px;
    border-bottom: 3px solid #bbb;
    font-weight: normal;
    padding: 0px;
    text-shadow: 1px 1px transparent;
}

h5 {
    margin: 0px 0px 3px;
    font: 10px/8px ernest;
    text-align: left;
    color: #aaa;
    font-weight: normal;
    padding: 0px;
    text-shadow: 1px 1px transparent;
    border-bottom: 1px dashed #bbb;
}
h5:first-letter {
    color: #fff;
}

a.nav1:link, a.nav1:active, a.nav1:visited{
font-family: "tahoma"; 
text-align:left;
padding:10px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #aaa;
background-color:#ccc;
display:block; 
text-transform:uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
}
a.nav1:hover{
color: #fff;  
background-color:#ddd;
margin-left:-15px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

a.nav2:link, a.nav2:active, a.nav2:visited{
font-family: "tahoma"; 
text-align:left;
padding:10px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #aaa;
background-color:#ccc;
display:block; 
text-transform:uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
}
a.nav2:hover{
color: #fff;  
background-color:#ddd;
margin-left:-15px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

a.nav3:link, a.nav3:active, a.nav3:visited{
font-family: "tahoma"; 
text-align:left;
padding:10px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #aaa;
background-color:#ccc;
display:block; 
text-transform:uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
}
a.nav3:hover{
color: #fff;  
background-color:#ddd;
margin-left:-15px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

a.nav4:link, a.nav4:active, a.nav4:visited{
font-family: "tahoma"; 
text-align:left;
padding:10px; margin:1px;
padding-left:10px;
font-size: 10px; 
color: #aaa;
background-color:#ccc;
display:block; 
text-transform:uppercase;
-webkit-border-radius: 30px;
border-radius: 30px;
}
a.nav4:hover{
color: #fff;  
background-color:#ddd;
margin-left:-15px;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

a.aff1:active, a.aff1:visited, a.aff1:link{
background:#ccc;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #bbb;
}						
a.aff1:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#ddd;
border-left: 15px solid #bbb;
}

a.aff2:active, a.aff2:visited, a.aff2:link{
background:#ccc;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #bbb;
}						
a.aff2:hover {	
background-color:#ddd;    
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#333;
border-left: 15px solid #bbb;
}

a.aff3:active, a.aff3:visited, a.aff3:link{
background:#ccc;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #bbb;
}						
a.aff3:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#ddd;
border-left: 15px solid #bbb;
}

a.aff4:active, a.aff4:visited, a.aff4:link{
background:#ccc;
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: center;
line-height: 12px;
border-left: 6px solid #bbb;
}						
a.aff4:hover {	
color:#fff !important;
text-align: center;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-ms-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
background:#ddd;
border-left: 15px solid #bbb;
}

a.update:active, a.update:visited, a.update:link{
display:block;
font:10px/8px ernest; 
color:#aaa !important;
margin-bottom:1px; 
padding-left:4px;
text-align: left;
letter-spacing: 2px;
line-height: 12px;
-moz-transition:  0.3s ease-out;																
-webkit-transition:  0.3s ease-out;
}						
a.update:hover {
padding-left: 14px;
color:#fff !important;
background-color: #ccc;
-moz-transition:  0.8s ease-out;																
-webkit-transition:  0.8s ease-out;
}

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: 250px;-webkit-box-shadow: 0 2px 8px #777;
  -moz-box-shadow: 0 2px 8px #777;
  box-

shadow: 0 2px 8px
  #777;
}

blockquote::before {
  content: "\201C";
  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;

}