::-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: 5px; height: 2px; 
border-radius:5px;
background: #E3E3E3;}

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



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








#container{
position: relative;
margin: 0 auto;
padding: 5px;
width: 800px; 
min-height: 300px; 
overflow: hidden;
background-color: #e3e3e3;
margin-bottom: 20px;
border: 1px solid #cecccc;
}

#header{
position: relative;
float: left;
width: 600px;
padding: 3px;
border: 1px solid #cecccc;
}

#chatter {
position: relative;
float: right; 
width: 180px;
height: 200px;
background-color: #e3e3e3;
padding: 3px;
border: 1px solid #cecccc;
}

#sidebar{
position: relative;
float: left;
width: 200px;
padding: 1px;
}

#content{
position: relative;
float: right;
width: 583px;
background-color: #e3e3e3;
padding: 5px;
}

#footer{
clear: both;
float: left;
width: 800px;
padding: 5px;
border: 1px solid #cecccc;
}

#david {
clear: both;
position: relative;
float: left; 
width: 260px;
min-height: 200px;
margin: 2px;
background-color: #e3e3e3;
}

#olivia {
position: relative;
float: left; 
width: 260px;
margin-top: 10px;
min-height: 200px;
margin: 2px;
background-color: #e3e3e3;
}

#nevaeh {
position: relative;
float: right; 
width: 260px;
margin-top: 10px;
min-height: 200px;
margin: 2px;
background-color: #e3e3e3;
}

#box{
margin: 0px;
margin-bottom: 5px;
padding: 5px;
font-family: arial;
font-size: 11px;
background-color: #e3e3e3;
border: 1px solid #cecccc;
}

#box table{
width: 100%;
}

#box td{
width: 50%;
}

#pbox{
padding: 5px;
width: 140px;
height: 100px;
background-color: #e3e3e3;
display: inline-table;
margin-top: 5px;
}

#pbox table{
width: 100%;
}

#pbox td{
width: 50%;
}

::-moz-selection {
background-color: #e3e3e3;
color: #777;
}

::selection {
background-color: #e3e3e3;
color: #777;
}

a:link, a:visited, a:active{
text-decoration: none;
color: #777;
}

a:hover{
color: #ffa1d1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}

b{
color: #777;
}

i{
color: #777;
}

u{
color: #777;
}

s{
color: #777;
}

h1{
background-color: #cecccc;
color:#777;
border-left: 10px solid #bbb;
border-right: 10px solid #bbb;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 3px;
font-family: georgia;
margin-top: 0px;
margin-bottom: 3px;
letter-spacing: -1px; 
text-transform: lowercase;
}

h2{
background-color: #cecccc;
color:#777;
border-left: 10px solid #bbb;
border-right: 10px solid #bbb;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 3px;
font-family: georgia;
margin-top: 0px;
margin-bottom: 3px;
letter-spacing: -1px; 
text-transform: lowercase;
}

h3{
background-color: #cecccc;
color:#777;
border-left: 10px solid #bbb;
border-right: 10px solid #bbb;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 3px;
font-family: georgia;
margin-top: 0px;
margin-bottom: 3px;
letter-spacing: -1px; 
text-transform: lowercase;
}

h4{
background-color: #cecccc;
color:#777;
border-left: 10px solid #bbb;
border-right: 10px solid #bbb;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 3px;
font-family: georgia;
margin-top: 0px;
margin-bottom: 3px;
letter-spacing: -1px; 
text-transform: lowercase;
}

h5{
background-color: #cecccc;
color:#777;
border-left: 10px solid #bbb;
border-right: 10px solid #bbb;
text-align: center;
font-size: 20px;
line-height: 20px;
padding: 3px;
font-family: georgia;
margin-top: 0px;
margin-bottom: 3px;
letter-spacing: -1px; 
text-transform: lowercase;
}

a.link1:link, a.link1:active, a.link1:visited {
font-size: 10px; 
color: #777;
text-transform: lowercase;
text-align: center; 
display: block;
margin: 1px;
padding: 4px;
background-color: #CECCCC;
}

a.link1:hover{
color: #FFF;
background-color:#DDD;
}

a.link2:link, a.link2:active, a.link2:visited {
font-size: 10px; 
color: #777;
text-transform: lowercase;
text-align: center; 
display: block;
margin: 1px;
padding: 4px;
background-color: #CECCCC;
}

a.link2:hover{
color: #FFF;
background-color: #DDD;
}

a.link3:link, a.link3:active, a.link3:visited {
font-size: 10px; 
color: #777;
text-transform: lowercase;
text-align: center; 
display: block;
margin: 1px;
padding: 4px;
background-color: #CECCCC;
}

a.link3:hover{
color: #FFF;
background-color: #DDD;
}


a.elites:link, a.elites:active, a.elites:visited {
font-size: 10px; 
color: #777;
text-transform: uppercase;
text-align: center; 
display: inline-block;
margin: 1px;
padding: 5px;
width: 32px;
line-height: 32px;
height: 32px;
background-color: #CECCCC;
border-radius: 50%;
}

a.elites:hover{
color: #FFF;
background-color: #DDD;
-webkit-transform: rotate(-360deg); 
-moz-transform: rotate(-360deg);	
}

a.elites2:link, a.elites2:active, a.elites2:visited {
font-size: 10px; 
color: #777;
border-radius: 50%;
text-transform: uppercase;
text-align: center; 
display: inline-block;
margin: 1px;
padding: 5px;
width: 32px;
line-height: 32px;
height: 32px;
background-color: #CECCCC;
}

a.elites2:hover{
color: #FFF;
background-color: #DDD;
-webkit-transform: rotate(-360deg); 
-moz-transform: rotate(-360deg);	
}

a.affie:link, a.affie:active, a.affie:visited {
display: block;
font-size: 10px;
background: #CECCCCC;
color: #777;
padding: 5px;
text-align: center;
}

a.affie:hover{
color: #FFF;
background-color:#DDD;
}



textarea {
background-color: #CECCCC;
border-left: 5px solid #BBB;
border-right: 5px solid #BBB;
color: #ffffff;
text-align: center;
width: 300px;
}

blockquote{
background-color: #CECCCC;
border-left: 5px solid #BBB;
border-right: 5px solid #BBB;
text-align: center;
width: 80%;
}