.body{
font-size:0.8em;
font-family:verdana;
}

h1{font-style: italic; color: #2E0854; font-size: 1.2em; text-align: center;}
h2{font-family: Garamond; color: #000000; padding: 1px;margin: 0px; text-decoration: underline;}
h3{font-family: Garamond; color: #000000; padding: 5px;margin: 0px;}

p.small{font-size:0.6em; font-family:verdana;}
.smallr{font-size:0.6em; font-family:verdana; float: right;}
.smalll{font-size:0.6em; font-family:verdana; float: left;}
.darker{background-color: #EEE0E5;}

a.dash{font-size 0.8em; color: #555;}

ul{list-style-type: square;}

.help a.hid {color:#6B238E; text-decoration:none; outline-style:none;}
.welcome a.hid {color:#6B238E; text-decoration:none; outline-style:none;}
.delete a.hid {color: #000000;font-size:0.8em; font-family:verdana; display: block; text-decoration: none; background-color:#EBDDE2; float: left; padding: 3px 5px;}
.delete a.hid:hover em{padding: 0px 0px;}
.delete a.hid:hover{padding: 3px 5px;}


a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default; background:#fff; padding: 0px 0px;}
a.hid li{text-align: left;}
.clear {clear:both}

.err{color: red;font-style: italic;}

h1{
font-family: Garamond;
font-size: 18;
color: #000000;
font-weight: bold;
}



table.friends td{padding-right: 20px;}
table.friends td a{text-decoration: none; font-weight: bold; color: #2E0854; font-size: 1.4em;}

td {
font-family: Garamond;
font-size: 16;
}

.user{
font-family: Garamond;
font-weight: bold;
color: #000000;
font-size: 14;
}

.form {
background-color: #F0E5FF;
width: 80%;
border-style: solid;
border-color: #6B238E;
border-width: 1px;
font-size: 1em;
font-family: Garamond; 
}

.form input {
position: absolute; left: 250px;
margin: 5px;}

.box {
background-color: #F0E5FF;
width: 80%;
border-style: solid;
border-color: #6B238E;
border-width: 1px;
font-size: 1em;
font-family: Garamond;
text-align: center;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#F0E5FF); 
}

.box a{
text-decoration: none;
font-size:0.8em;
color: #6B238E;
}

.alert {
background-color: #CCFFFF;
width: 80%;
border-style: solid;
border-color: #009966;
border-width: 1px;
font-size: 1em;
font-family: Garamond;
text-align: center;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#CCFFFF); 
}

.alert a{
text-decoration: none;
color: #009966;
}

.box li{text-align: left;}
.alert li{text-align: left;}

.picture{
postion: absolute; left: 10px;
float: left;
}

.pictureview {
font-size: 1em;
font-family: Garamond;
color: #000000;
height: 120px;
}

.thumbcontainer{
width: 75%;
}

.thumb a {
float: left;
padding: 5px;
}

.thumb a:hover{
display: block;
text-decoration: none;
}

.thumb a span {display: none;}

.thumb a:hover span{
display: block;
font-size: 0.8em;
color: #000000;
width: 100px; height: 200px;
padding: 10px;
float: left;
text-decoration: none;
position: absolute; right: 20px; top: 200px;
}

.listview a{
text-decoration: none;
color: #000000;
}

.scope{
background-color : #CCFFCC;
border-style: solid;
border-color: #659D32;
border-width: 1px;
text-align: left;
padding: 0px 10px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#CCFFCC);
}

.line{
border: 1px;
border-top-style: solid;
color: #6B238E;
width: 75%;
}

.link{
font-size: 0.8em;
background-color:#EBDDE2;
}

.shoplink a{
color: #000000;
display: block;
font-size: 0.8em;
font-family:verdana;
text-decoration: none;
padding: 3px 3px;
}

.shoplink a:hover{
background-color: #cc99ff;
}

.comlink{
font-size: 0.8em;
background-color:#ccccff;
}

.comshoplink a{
color: #000000;
display: block;
font-size:0.8em;
font-family:verdana;
text-decoration: none;
padding: 3px 3px;
}

.comshoplink a:hover{
background-color: #99ccff;
}

.button a:hover {  
background-color: #cc99ff;
color: #000000;  
padding: 5px 7px;
}    

.button a  {
color: #000000;
font-size:0.6em;
font-family:verdana;
display: block;
text-decoration: none;
background-color:#EBDDE2;
float: left;
padding: 3px 5px;
}

.button form{
color: #000000;
font-size:0.8em;
font-family:verdana;
display: block;
text-decoration: none;
background-color:#EBDDE2;
float: left;
padding: 3px 5px;
}

.button a:hover title{
font-size: 0.8em;
}

.ownbutton a  {
color: #000000;
font-size:0.6em;
font-family:verdana;
text-decoration: none;
background-color:#CCFFCC;
display: block;
padding: 3px 5px;
margin: 3px;
}

.ownbutton a:hover{
background-color: #99ff99;
}

.guestbutton td{
display: block;
background-color: #CCCCFF;
}

.guestbutton a  {
color: #000000;
font-size:0.6em;
font-family:verdana;
text-decoration: none;
background-color:#CCCCFF;
display: block;
padding: 3px 5px;
margin: 3px;
width: 100%;
}

.guestbutton a:hover {
background-color: #99ccff;
}

.menu{
position: absolute; top: 80px; left: 10px;
float: left;
background-color:#EBDDE2;
width: 100%;
opacity: .85;
filter: alpha(opacity=85);

}
.menu a{
color: #6B238E;
font-size:14px;
font-family:verdana;
display: block;
text-decoration: none;
background-color:#EBDDE2;
float: left;
padding: 3px 5px;
}

.menu a:hover{
font-weight: bold;
}
