/* sets the main body properties */
BODY {
font-family : Verdana, Arial, sans-serif;
font-size : 80%;
margin: 0px 0px 10px 0px;
background-color: #000000;
background-image: url('tema/sweetie_bg.jpg');
color:#000000;
scrollbar-arrow-color:#000000; 
scrollbar-face-color:#666699; 
scrollbar-3dlight-color:#666699; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#000000; 
}

P, LI, UL, Table {
font-family : Verdana, Arial, sans-serif;
font-size : 100%; 
list-style-type: circle;
background-color: #FFFFFF;
}

HR {
color: #666699;
height: 2px;
width: 100%; 
border: dotted;
}

/* this sets an image to the left or to the right on a page */

.imageleft {
margin: 0px 10px 0px 0px;
float: left;
border: 2px dotted #666699;
}

.imageright {
margin: 0px 0px 0px 10px;
float: right;
border: 2px dotted #666699;
}

.image {
margin: 0px 0px 0px 10px;
border: 2px dotted #666699;
}

/* this group sets the normal link colors */

A:LINK {
color: #000000;
text-decoration: underline;
font-weight: bold;
}

A:VISITED {
color: #000000;
text-decoration: underline;
font-weight: bold;
}

A:HOVER {
color: #666699;
text-decoration: underline;
text-transform: uppercase;
font-weight: bold;
}

A:ACTIVE {
color: #000000;
text-decoration: underline;
font-weight: bold;
}

/* We like to use headings for special effects */

H1 {
font-size: 16px;
font-weight: bold;
text-align: left;
color: #1F161C;
}

h2           { 
background-image: url('tema/sweetie_line.jpg'); 
background-color: #FFFFFF; 
color: #1F161C; 
text-align: left; 
font-size: 8px; 
font-weight: bold; 
width: 100%; 
border: 1px dotted #1F161C; 
padding: 1px 
}

h3, h4, h5 {
font-size : 14px;
font-weight : bold;
color : #1F161C;
}

h6 {
font-size : 14px;
font-weight : bold;
color: #1F161C;
text-align: right;
width: 100%;
border-bottom: 1px dotted #1F161C;
}

/* special classes */

.globalbar   { background-image: 
               url('tema/sweetie_globalbar.jpg'); 
               background-color: #000000; color: #FFFFFF; text-align: left; 
               font-weight: bold; font-size: 90%; 
               height: 30px; padding-left: 10px }
.globalbar a:link {color: #FFFFFF; text-align: right; text-decoration: underline;}
.globalbar a:visited {color: #FFFFFF; text-align: right; text-decoration: underline;}
.globalbar a:hover {color: #FFFFFF; text-align: right; text-decoration: underline; text-transform: uppercase;}
.globalbar a:active {color: #FFFFFF; text-align: right; text-decoration: underline;}

.logobar   { background-image: 
               url('tema/sweetie_logobar.jpg');
               background-color: #000000; 
               height: 120px; padding-left: 10px }

.downbar   { background-image: 
               url('tema/sweetie_downbar.jpg'); 
               background-color: #000000; color: #FFFFFF; text-align: left; 
               font-weight: bold; font-size: 90%; 
               height: 50px; padding-left: 10px }
.downbar a:link {color: #FFFFFF; text-align: right; text-decoration: underline;}
.downbar a:visited {color: #FFFFFF; text-align: right; text-decoration: underline;}
.downbar a:hover {color: #FFFFFF; text-align: right; text-decoration: underline; text-transform: uppercase;}
.downbar a:active {color: #FFFFFF; text-align: right; text-decoration: underline;}

.navbar      { background-image: 
               url('tema/sweetie_navbar.jpg'); 
               background-color: #FFFFFF; color: #FFFFFF; text-align: left; 
               font-weight: bold; font-size: 90%; 
               height: 50px; padding-left: 10px }
.navbar a:link {color: #FFFFFF; text-align: right; text-decoration: underline;}
.navbar a:visited {color: #FFFFFF; text-align: right; text-decoration: underline;}
.navbar a:hover {color: #FFFFFF; text-align: right; text-decoration: underline; text-transform: uppercase;}
.navbar a:active {color: #FFFFFF; text-align: right; text-decoration: underline;}

.shadow      { background-color: #FFFFFF; color: #000000; background-image: 
               url('tema/sweetie_shadow.jpg'); 
			   height: 20px; background-repeat: no-repeat; padding-left: 10px; 
               padding-right: 0px; padding-top: 8px; padding-bottom: 4px; 
               background-position: left }
			   
.shadowbar      { background-color: #FFFFFF; color: #000000; text-align: left;
			   font-weight: bold; font-size: 80%;
               background-repeat: no-repeat; padding-left: 10px; height: 20px;
               padding-right: 0px; padding-top: 0px; padding-bottom: 4px; 
               background-position: left }
.shadowbar a:link {color: #666699; text-align: right; text-decoration: underline;}
.shadowbar a:visited {color: #666699; text-align: right; text-decoration: underline;}
.shadowbar a:hover {color: #666699; text-align: right; text-decoration: underline; text-transform: uppercase;}
.shadowbar a:active {color: #666699; text-align: right; text-decoration: underline;}

.main {
background-color: #FFFFFF;
color: #000000;
vertical-align: top;
text-align: justify;
padding: 10px 20px 20px 20px;
}
.main a:link {color: #666699; text-align: right; text-decoration: underline;}
.main a:visited {color: #666699; text-align: right; text-decoration: underline;}
.main a:hover {color: #666699; text-align: right; text-decoration: underline; text-transform: uppercase;}
.main a:active {color: #666699; text-align: right; text-decoration: underline;}

.hottopic {
background-color: #FFFFFF;
color: #000000;
font-size: 85%;
text-align: left;
padding: 10px;
line-height: 14px;
float: right;
margin-left: 30px;
margin-bottom: 10px;
width: 225px;
border: 1px dotted #666699;
}