/*  ==== OCTPIA STYLESHEET ENGLISH ==== */

/* STRUCTURE */

body {
background-image: url("juppalakaapio/images/myspaceback1.jpg");
background-color: #863012;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}

table {
text-align: center;
width: 100%;
padding: 0px;
margin: 0px;
border-spacing: 0px;
}

td {
line-height: 0px;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
width: 100%;
}

td.omni {
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
width: 100%;
}


/* TEXT */

h1  { 
font-family: Arial, Geneva, Helvetica; 
font-size: 25px; 
color: #000000; 
margin-top: 20px; 
margin-bottom: 5px;
text-align: center; 
font-weight: bold;
letter-spacing: 0px;
}

h2  { 
font-family: Arial, Geneva, Helvetica; 
font-size: 20px; 
color: #000000; 
padding-top: 16px;
text-align: center; 
font-weight: normal;
letter-spacing: 4px;
}

p {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin: 0;
} 

ul {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin: 0;
text-align: left;
list-style-image: url(kojo/images/dot1.gif);
list-style-position: outside;
margin-left: 8px;
padding-left: 8px;
line-height: 1.3;
}

ul.detail{
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
text-align: left;
list-style-image: url(kojo/images/dot1.gif);
list-style-position: outside;
margin-left: 8px;
padding-left: 8px;
letter-spacing: 0px;
}

li {
font-family: Arial, Geneva, Helvetica;
padding-bottom: 6px;
letter-spacing: 0px;
letter-spacing: 1px;
}

li.detail {
font-family: Arial, Geneva, Helvetica;
letter-spacing: 0px;
padding-bottom: 4px;
line-height: 15px;
}

ol {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin-top: 0;
text-align: left;
padding-left: 20px;
}

/* IMAGES */

img {
padding: 0;
margin: 0;
float: center;
}

img.center {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000; 
border-right: 1px solid #000000;
padding: 0;
margin-right : 10px;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px; 
}

img.omni {
padding: 0;
margin: 0;
margin-top: 20px;
float: center;
} 

/* LINKS */

a   { cursor: pointer;}
a:link  { color: #6b3000; text-decoration: none;}
a:visited  { color: #6b3000; text-decoration: none;}
a:hover  { color: #e6dcbe; text-decoration: none;}
a:active  { color: #9000ff; text-decoration: none;}

td.center a:link {color: #83B594; text-decoration: none;}
td.center a:visited  { color: #83B594; text-decoration: none;}
td.center a:hover  { color: #e6dcbe; text-decoration: none;}
td.center a:active  { color: #8C00CA;  text-decoration: none;}

td.center a.dark:link {color: #A34500; text-decoration: none;}
td.center a.dark:visited  { color: #A34500; text-decoration: none;}
td.center a.dark:hover  { color: #7F22A0;; text-decoration: none;}
td.center a.dark:active  { color: #9A22B2;  text-decoration: none;}

td.center a.white:link {color: #FCF6F5; text-decoration: none;}
td.center a.white:visited  { color: #FCF6F5; text-decoration: none;}
td.center a.white:hover  { color: #CC4B04;; text-decoration: none;}
td.center a.white:active  { color: #2BA9D1;  text-decoration: none;}

td.bottom a:link {color: #8CE3D1; text-decoration: none;}
td.bottom a:visited  { color: #8CE3D1; text-decoration: none;}
td.bottom a:hover  { color: #CC4B04; text-decoration: none;}
td.bottom a:active  { color: #B122A9;  text-decoration: none;}

td.bottom a.right:link {color: #6b3000; text-decoration: none;}
td.bottom a.right:visited  { color: #6b3000; text-decoration: none;}
td.bottom a.right:hover  { color: #9000ff; text-decoration: none;}
td.bottom a.right:active  { color: #e6dcbe;  text-decoration: none;}

a img {border: none;}