/****
   *
   * PT p20
   *
****/
/* 	background-attachment:fixed;
	background-position:50% 50%;
	background-repeat:repeat; */

body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #000000;
    background:
url(http://www.sweetpsychoid-studio.com/images/star/VisitBackground.png)
#000000 fixed;
    background-position: top center;
    background-repeat:repeat;
    /* affects footer:  */
      font-size:10px;
      font-family:sans-serif, arial, verdana;
      color: #66CDAA;
      word-spacing: normal;
    text-align: center;
scrollbar-base-color: #66CDAA;
scrollbar-arrow-color: #000000;
scrollbar-DarkShadow-Color: #050505;
scrollbar-face-color: #66CDAA;
scrollbar-track-color: #1C1C1C;
scrollbar-highlight-color: #141414;
scrollbar-shadow-color: #1C1C1C;
scrollbar-3dlight-color: #232323;}

#container {
    width: auto;
/* line-height: 80%; mostly only affects BoxDesctiption's line-heigth: */
min-height:720px; /* check IE min-height irregularity */
    text-align: left;
      font-size:18px;
      font-family:sans-serif, arial, verdana;
      color: #66CDAA;
      word-spacing: normal;
overflow: visible;
    /*background-color: transparent;
    background-image:
url(http://www.sweetpsychoid-studio.com/images/GreenPlex.png);
background-repeat: repeat;
    background-position: right bottom;*/ 
/*shows diff between container and rest */ }

a:link, a:visited {
color: #00CC99;
text-decoration: none;}

a:hover, a:active {
color: #26E7DC;
text-decoration: none;}

#left {
    color:#999999;
    overflow: visible;
    width:500px;
background-color: transparent;
position:absolute;  
top:105px; left:5px;  z-index:1;}


#right {
color:#999999;
overflow: hidden;
padding-right: 0px;
width: 0%;
z-index:1;
/* background-color: transparent; */
float: right;}

#center {
    width: 100%;
      font-size:18px;
      font-family:sans-serif, arial, verdana;
      color: #66CDAA;
      word-spacing: normal;
    overflow: visible;
    float: right;
    background-color: transparent;}

#footer {}
div#footer {
width: 300px; height: 14px;
background-color: #336666;
postition: fixed; bottom: auto; display:block;z-index:1;
border:1px solid #669999;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
   opacity:0.6;}
div#footer a, div#footer a:hover {font-weight:bold;}

button, button a:link, button a:visited 
{font-weight:bold; font-size:14px;
background-color: #66CDAA;color:black;
text-shadow: white 1px 1px 1px; cursor:pointer;}
button a:hover, button a:active 
{background-color: #88CDAA;color:black;
text-shadow: gray 1px 1px 1px;}


/* ************* MINE start
*****************the new transitional menu kit ******************* */
#Previewbot {}

.noteTitle {font-familly:tahoma, sans-serif; letter-spacing:6px; font-weight:bold; font-size:30px; text-shadow: 1px 1px 0px #006666, -1px -1px 0px #99FF99; margin:0px; margin-top:5px; padding:0px;}

.titleDetail {font-familly:sans-serif; font-variant:small-caps; font-size:x-small; letter-spacing:2px; font-weight:normal; text-shadow:none;}

.slider a:link img, 
.slider a:active img, 
.slider a:visited img,
#autoSlider a:link img, 
#autoSlider a:active img, 
#autoSlider a:visited img,
#manualSlider a:link img, 
#manualSlider a:active img , 
#manualSlider a:visited img 
{border:1px dashed transparent; cursor:default;}
.slider a:hover img,
#autoSlider a:hover img, 
#manualSlider a:hover img
{border:1px dashed #BA75E1; cursor:default;}
.slider a:hover kbd img,
#autoSlider a:hover kbd img, 
#manualSlider a:hover kbd img
{border:1px solid #BA75E1;}

.linky a:visited, .linky a:link
{padding:2px 10px 2px 10px;
margin: 0px 5px 3px 5px; background-color:#0A0A0A; border:1px solid #BA75E1; color:#BA75E1; font-size:11px;text-decoration:none;}

.linky a:active, .linky a:hover,
input a:active, input a:focus, 
input a:link, input
{padding:2px 10px 2px 10px;
margin: 0px 5px 3px 5px; border:1px solid #00fee9; color:#00fee9; font-size:11px;background-color:#1C1C1C; text-decoration:none;}

img.zoom
{padding:0px; border:1px solid #00fee9;}

.attention {font-weight:bold; color:#FF2E5D; font-size:14px;}

table.bot {}
td.botG {width:103px; height:96px;
background-image: url(http://www.sweetpsychoid-studio.com/images/Robots/spiderbotG.png);}
td.botC {height:96px; 
background-image: url(http://www.sweetpsychoid-studio.com/images/Robots/spiderbotC.png);background-color:transparent;}
td.botD {width:103px; height:96px;
background-image: url(http://www.sweetpsychoid-studio.com/images/Robots/spiderbotD.png);}

table {border:0px; border-collapse:collapse;}
td.boxHG {width: 23px; height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/HG.png);}
td.boxH   {height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/H.png);}
td.boxHD {width: 23px; height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/HD.png);}
td.boxG   {width: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/G.png);}
td.boxC   {background-color: black;}
.boxC   {background-color: black;}
td.boxD   {width: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/D.png);}
td.boxBG {width: 23px; height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/BG.png);}
td.boxB   {height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/B.png);}
td.boxBD {width: 23px; height: 23px; background-image:
url(http://www.sweetpsychoid-studio.com/images/soclebox/BD.png);}

td.pvbotHG {width: 42px; height: 48px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewHG.png);}

td.pvbotH   {height: 48px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewH.png);}

td.pvbotHD {width: 42px; height: 48px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewHD.png);}

td.pvbotG   {width: 42px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewG.png);}

td.pvbotC   {background-color: black;}
.boxC   {background-color: black;}

td.pvbotD   {width: 42px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewD.png);}

td.pvbotBG {width: 42px; height: 39px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewBG.png);}

td.pvbotB   {height: 39px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewB.png);}

td.pvbotBD {width: 42px; height: 39px; background-image:
url(http://www.sweetpsychoid-studio.com/images/Robots/BotPreviewBD.png);}


#ENcross img {padding-top:72px;cursor:crosshair;}
td.heads, table.subs td {cursor:pointer;}

div.ENico { top:-4px; left:-15px; position:fixed; z-index:100;}
div#ENico { top:-4px; left:-15px; position:fixed; z-index:100; 
/* display:none; */}

/* div.box { position:relative; top:0px; left:0px;  z-index:9;} */

div.box { position:absolute; top:40px; left:0px;  z-index:9;}
div.boxfr{ position:absolute; display:block; left:0px;  z-index:9;}

div.InsideContainement {}
table.inside {width: 200px; border-collapse:collapse;}

td.heads {height:28px; background-image:
url(http://www.sweetpsychoid-studio.com/images/menu/BarBlue1.png);color:black;}

td.heads, td.heads:link, td.heads:visited {line-height: 28px;
color:black; font-weight:
bold; text-decoration:none;  padding-left:10px; font-size: 14px;
background-image: url(http://www.sweetpsychoid-studio.com/images/menu/BarBlue2.png);}

td.heads:hover, td.heads:active {line-height: 28px; 
background-image: url(http://www.sweetpsychoid-studio.com/images/menu/BarBlue1.png);}

td.monoheads {height:28px; background-image:
url(http://www.sweetpsychoid-studio.com/images/menu/BarPink1.png);color:black; display:block}
td.monoheads, td.monoheads:link, td.monoheads:visited {line-height: 28px;
color:black; font-weight:
bold; text-decoration:none;  padding-left:10px; font-size: 14px;
background-image: url(http://www.sweetpsychoid-studio.com/images/menu/BarPink2.png);color:black; display:block}
td.monoheads:hover, td.monoheads:active {line-height: 28px; 
background-image: url(http://www.sweetpsychoid-studio.com/images/menu/BarPink1.png);color:black; display:block;}
td.monoheads a{display:block;}

table.subs {border-collapse:collapse; display:none;}
table.subs td {line-height: 28px; width: 200px;}
table.subs td a{ display: block;  text-decoration: none;}

table.subs td a:link, table.subs td a:visited {color:black; font-weight:
bold; text-decoration:none;  padding-left:10px; font-size: 12px;
background-image: url(http://www.sweetpsychoid-studio.com/images/menu/BarGrey1.png);}

table.subs td a:hover, table.subs td a:active {color:black; font-weight:
bold; text-decoration:none; background-image:
url(http://www.sweetpsychoid-studio.com/images/menu/BarGrey2.png);}

/* ************* New Menu Kit end
************************************************* */


/* for tchat box pop */
table.box
{
position:fixed; z-index:500;
bottom:150px; right:-340px;
   /* margin-right:14px; related to widt of image */ }

/* for contact form pop
table.area
{
position:fixed; bottom:300px;
right:-840px; margin-right:14px;   related to width of image */ }

/* __________________________MAIN___MENU_________________________  */
/*  It (&sfnav) despise titles, tool-tips boxes, because of leaving hover
state etc!  */
#suckerfishnav {
      background:url(http://www.sweetpsychoid-studio.com/images/rolls/niet2.png);
repeat-x;
      font-size:13px;  /* original:24px;*/
          /* font-size:16px;
      font-family:sans-serif, arial, verdana;
      font-weight:bold; */
      text-shadow: #1C1C1C 3px 3px 2px;
      width:100%;
      }
#suckerfishnav, #suckerfishnav ul {
      float:left;
      list-style:none;
      line-height:40px;
      padding:0;
      border:0px solid #aaa;
      margin:0;
      width:100%;
      }
#suckerfishnav a {
      display:block;
      color:#66CDAA;
      text-decoration:none;
      padding:0px 10px;
      }
#suckerfishnav li {
      float:left;
      padding:0;
      }
#suckerfishnav ul {
      position:absolute;
      left:-999em;
      height:auto;
      width:101px; /* does all */
      /* font-weight:normal; */
      margin:0;
      line-height:1;
      border:0;
      border-top:1px solid #26e7dc;
      border-right:1px solid #26e7dc;
      border-bottom:1px solid #26e7dc;
      border-left:1px solid #26e7dc;
      }
#suckerfishnav li li {
      width:99px;
      border-bottom:1px solid #none;
      border-left:1px solid #none;
      border-right:1px solid #none;
      font-weight:bold;
           font-size:13px;
      /* font-family:sans-serif, arial, verdana; */
      }
#suckerfishnav li li a {
      padding:4px 10px;
      width:80px;

      color:#66CDAA;
      }
#suckerfishnav li ul ul {
      margin:-22px 0 0 100px; width:110px; /* width my doing */
      }
#suckerfishnav li li:hover {
      background:url(http://www.sweetpsychoid-studio.com/images/GreenPlex.png);
width:110px; /* width my doing */
      }  /* was the img on hover */
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover
a {
      color:#26e7dc;
      }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
      color:#26e7dc;
      }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
      color:#66CAA;
      }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
      left:-999em;
      }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav
li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav
li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li
li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
      left:auto;
      background:url(http://www.sweetpsychoid-studio.com/images/DarkBluePlex.png);
      } /* was the hoverless image 1 per ul */
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
      background:#none;
      }
/* ________________MAIN___MENU__add-on_for_old_IE_______________________
*/
<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls =
document.getElementById("suckerfishnav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhoverb"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);//--><!]]>

/* menuflags is for the StarLanguage, to make sure it's on top of
page-content though it isn't yet even though it's the highest z-index */
#menuflags {display:block; top:1px; left:5px; position:fixed;
position:absolute; z-index:900;} /*
* html #menuflags {position:absolute;}#menuflags a:visited, #menuflags a
{display:block; width:120px; height:20px; margin:0 auto; border-top:0px D
#1C1C1C; border-bottom:0px solid #1C1C1C; text-align:center;
text-decoration:none; line-height:20px; color:#66CDAA;} */

/* __________________________Star__Language__Content_____________________
*/

#startitle {text-align:
center;font-size:large;font-weight:bold;letter-spacing:4px;
color:#66CC99;margin-top:-2px;margin-bottom:-1px;} /* for p */

#titleloc {width: 270px; position: absolute; top: 1px; text-align:
center;  background-color: #000000; border-bottom:1px solid #336666;
z-index:2;} /* for div */

#titleloc2 {width: 270px; position: absolute; top: 0px;  text-align:
center;  background-color: #000000; border-bottom:1px solid #336666;
z-index:2;} /* for div */

#starsub {font-size:medium;font-weight:bold;color:#00CC99;margin-bottom:
-13px;}

#starsubb {font-size:small;font-weight:bold;color:#00CC99;margin-bottom:
-14px;margin-top: -14px;} /* for p credits */

#sp {text-align: right;font-size: xx-small; color:
#1C1C1C;line-height:88%;} /* for p*/
#info {text-align: right; margin-left:150px; margin-bottom:-15px;
margin-top:-3px;font-weight:bold;} /* for p */

#infoloc {width: 270px; position: absolute; bottom: 1px; left:
4px;border-top:1px solid #336666; background-color: #000000;} /* for div */

/* __________________________SHOP___LINKS_________________________  */
#shoplink {
font-size:small;font-weight:bold;color:#00CC99;
text-align: center;} /* for p*/

a.shoplink:link {}

a.shoplink:visited {}

a.shoplink:hover { }

/* ______________KBD  &   BOXDESCRIPTION
_______(hand-made_tool-tip)________  */
kbd {
      font-family:sans-serif, arial, verdana; }

#kbd2{ display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2 a:link{ display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2 a:visited { display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2 a:hover{ background-color: #090909;
       display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid #26e7dc;}
#kbd2 a:active{ background-color: #0A0A0A;
       display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid #66CDAA;}

#kbd2nogo{  display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2nogo a:link{ display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2nogo a:visited { display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid transparent;}
#kbd2nogo a:hover{ background-color: #090909;
       display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid #336666;}
#kbd2nogo a:active{ background-color: #0A0A0A;
       display:inline-block; position:relative; z-index:80;
       margin: 5pt; padding: 4px; border:1px solid #336666;}

div#boxdescription{
font-family:sans-serif, arial, verdana; 
text-align: center; background-color: none;}

div.boxdescriptionContainer{
overflow:auto;
bottom:25px; left: 5px; 
position:fixed;  
z-index:90;}

/* LANGstar is maintaing (sfnav) StarLanguage under the
menu(SuckerFishNav)'s hover */
#langstar {z-index:30;}

/* BLUEstar is maintaing menu(SuckerFishNav)'s hover over LangStar  */
#bluestar {display:block; top:1%; left:1%; position:fixed;  z-index:900;}

/* FOOTERstar is nagivation < home > 's positioning */
div#footerstar, div.footerstar { 
/* display:block; clear:both; 
text-align:center; */
top:0px; right:5px;
position:fixed;
z-index:800; }

/* ____________________SCROLLS_________(4 all
StarLanguage)_________________  */
/* SCROLL is maintaining language content inside the SFnav StarLANGUAGEbox
*/
div.scroll {
background-color:#000000;
color: #66CDAA
padding: 0.5em; /*this padding is not recognized */
height:402px;
width: 286px;
overflow:auto;
border: :1px solid #26e7dc;}

/* SCROLL2  ENG SFnav's  StarLANGUAGEbox */
div.scroll2 {
position:absolute;
background-color:#000000;
padding: 0.5em;
text-shadow: #0C0C0C 3px 3px 2px;
height:402px;
width: 284px;
overflow:auto;
      margin:13px 0 0 61px;
      position:absolute;
      border:2px solid #26e7dc; }

/* SCROLL3 for CONTACT  SFnav StarLanguageBox */
div.scroll3 {
background-color:#000000;
color: #66CDAA
padding: 0.5em;
height:290px;
width: 650px;
overflow:auto;
border:1px solid #26e7dc;}

/* SCROLL4 for CONTACT  ENG SFnav's  StarLanguageBox */
div.scroll4 {
position:absolute;
background-color:#000000;
padding: 0.5em;
text-shadow: #0C0C0C 3px 3px 2px;
height:292px;
width: 650px;
overflow:auto;
      margin:14px 0 0 63px;
      position:absolute;
      border:1px solid #26e7dc;}
/* SCROLL5 for PRIVACY SFnav StarLanguageBox */

div.scroll5 {
background-color:#000000;
color: #66CDAA
padding: 0.5em;
height:370px;
width: 650px;
overflow:auto;
border:1px solid #26e7dc;}

/* SCROLL6 for PRIVACY  ENG  SFnav's  StarLanguageBox */
div.scroll6 {
position:absolute;
background-color:#000000;
padding: 0.5em;
height:370px;
width: 650px;
overflow:auto;
      margin:15px 0 0 62px;
      position:absolute;
      border:1px solid #26e7dc;}

/* SCROLL7 for ABOUT SFnav StarLanguageBox */
div.scroll7 {
background-color:#000000;
color: #66CDAA
padding: 0.5em;
height:500px;
width: 750px;
overflow:auto;
border:1px solid #26e7dc; }

/* SCROLL8 for ABOUT  ENG  SFnav's  StarLanguageBox */
div.scroll8 {
position:absolute;
background-color:#000000;
padding: 0.5em;
text-shadow: #0C0C0C 3px 3px 2px;
height:502px;
width: 750px;
overflow:auto;
      margin:14px 0 0 63px;
      position:absolute;
      border:1px solid #26e7dc; }

/*  _____SFNAV__________________ (is sucker fish** for StarLanguage
System)_____  */

#sfnav {
      background:url(http://www.sweetpsychoid-studio.com/images/rolls/niet2.png);
repeat-x;
      text-shadow: #0C0C0C 3px 3px 2px;
      width:100%;    }

#sfnav, #sfnav ul {
      float:left;
      list-style:none;
      line-height:40px;
      padding:0;
      border:0px solid #aaa;
      margin:0;
      width:100%;    }

#sfnav a {
      display:block;
      color:#66CDAA;
      text-decoration:none;
      padding:0px 10px; /* 0, 100 decals star */    }

#sfnav li {
      float:left;
      padding:0;    }

#sfnav ul {
      position:absolute;
/*
background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);
*/
      left:-999em; /* don't unhide, it's too heavy */
      height:auto;
      width:61px;  /* slim does both boxes-boxed blocs */
      text-shadow: #0C0C0C 3px 3px 2px;
      margin:0;
      line-height:1.5;
      border:0;
      border:1px solid #26e7dc;     }

#sfnav li li {
      width:298px;   /* 99px original content and hoverview of both */
      border-bottom:1px solid #none;
      border-left:1px solid #none;
      border-right:1px solid #none;
      color:#66CDAA;     }

#sfnav li li a {
      padding:4px 10px;
      width:80px;  /* space between last ans previous block */
      font-size:12px;
      color:#66CAA;     }

#sfnav li ul ul {
      margin:-21px 0 0 60px; /* is the content */
      position:absolute;
      top:-10px;     }

#sfnav li li:hover {
      background:url(http://www.sweetpsychoid-studio.com/images/GreenPlex.png);
      }  /* was the img on hover */

#sfnav li ul li:hover a, #sfnav li ul li li:hover a, #sfnav li ul li li
li:hover a, #sfnav li ul li li li:hover a {color:#66CDAA;}

#sfnav li:hover a, #sfnav li.sfhover a {color:#66CDAA;}

#sfnav li:hover li a, #sfnav li li:hover li a, #sfnav li li li:hover li a,
#sfnav li li li li:hover li a {
      color:#66CDAA;}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul, #sfnav li:hover ul ul ul
ul, #sfnav li.sfhover ul ul, #sfnav li.sfhover ul ul ul, #sfnav li.sfhover
ul ul ul ul { left:-999em; }

#sfnav li:hover ul, #sfnav li li:hover ul, #sfnav li li li:hover ul,
#sfnav li li li li:hover ul, #sfnav li.sfhover ul, #sfnav li li.sfhover
ul, #sfnav li li li.sfhover ul, #sfnav li li li li.sfhover ul {
      left:auto;
      background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);
      } /* was the hoverless image 1 per ul */

#sfnav li:hover, #sfnav li.sfhover { background:#none; }
/* ________________SFNAV__add-on_for_old_IE_______________________  */
<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("sfnav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhoverb"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);//--><!]]>


/* #menuflags {display:block; top:1px; left:5px; position:fixed;
z-index:900;}
* html #menuflags {position:absolute;}#menuflags a:visited, #menuflags a
{display:block; width:120px; height:20px; margin:0 auto; border-top:0px D
#1C1C1C; border-bottom:0px solid #1C1C1C; text-align:center;
text-decoration:none; line-height:20px; color:#66CDAA;} */
/* ________________SFNAV__end___________________________________________
*/

/*
*************************************************************************
*******************   COMMENTS   &   TEXT AREAS  &    FORMS
*****************
*************************************************************************
*/
/* my ctteaxtarea & cthru form have to stay before hef's input & textarea
*/
   #ctextarea {
      clear: both;
      width: 99%;
      font-size: 100%;
      font-family:verdana, sans-serif, arial;
      color: #66CDAA
      font-size: 105%;
      border: 1px solid #26e7dc;
      background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);}

   #cthruform{
    text-align: center;
    background-color: transparent;
    border: 1px solid #26e7dc;
    background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);
    background-repeat: no-repeat;
    background-position: right bottom;}


/* Comments */

input { border-width:1px;
/*      font-size:18px;
      font-family:sans-serif, arial, verdana;
      color: #66CDAA;
      word-spacing: normal;
      border: 1px solid hotpink;
      background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF); */
}

textarea {
      clear: both;
      width:80%; font-weight: bold; color: #26E7DC; font-size:17px;
      border: 1px solid #26e7dc;
      background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);
scrollbar-base-color: #66CDAA;
scrollbar-arrow-color: #000000;
scrollbar-DarkShadow-Color: #1C1C1C;
scrollbar-face-color: #66CDAA;
scrollbar-track-color: #1C1C1C  }

form { }

form .formelement {
    clear: both;
    padding-top: 0.4em;
    padding-bottom: 0.8em;
      font-size:18px;
      font-family:sans-serif, arial, verdana;
      color: #66CDAA;
      word-spacing: normal; }

form .formelement .name {
    float: left;
    width: auto;
    padding-left: 1em; }

form .formelement .value { float: right; width: 70%; }

form .formelement .error {
    color: #FF6699; 
    font-weight: bold;
    font-size: 90%;
}

#menuleft {display:block; top: 0px; right: 3%; width:130px;
position:fixed; border:0px dashed #1C1C1C; text-align:center;
font-weight:bold; color:#66CDAA; background:url(grid2.gif);}
* html #menu {position:absolute;}#menu a:visited, #menu a {display:block;
width:120px; height:20px; margin:0 auto; border-top:0px D #1C1C1C;
border-bottom:0px solid #1C1C1C; text-align:center; text-decoration:none;
line-height:20px; color:#66CDAA;}
#menu a:hover {  color: #33CC99 ;
    outline-color: #1c1c1c;
    outline-style: solid;
    outline-width: thin;}

/*
*************************************************************************
****************** PRESENT   INTEREST  STOPS
HERE***************************
*************************************************************************
*/
#banner {
    height: 0px;
    background-image:
url(http://static.hautetfort.com/backend/graphics/design/preview/set21/00d8cc/arrow.gif);
    margin:0px 0px 0px 0px;
    background-repeat: no-repeat;  }

#banner h1 { }
#banner h2 { }
#banner a { }
#banner-img {  }
div.img-link a {  }
.nowrap { white-space: nowrap; }

.content {
    float: center;
    overflow: visible;
    width: 94%;
    font-size: 70%;
    line-height: 150%;
    background-color:transparent; }

.content h2 {
    line-height: 180%;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 0px solid #000000;
    background-color:transparent }

.content h3 {
    color:#736F6E;
    font-size: 130%;
    font-weight: bold;
    background-color:transparent }

.content p { background-color:transparent }
.content blockquote { background-color:transparent }
.content ul {  font-size: 100%; background-color:transparent }

.content p.posted {
    font-size: 90%;
    clear: both;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-bottom-style: dashed;
    border-top-color: #26E7DC;
    border-bottom-color: #006666;
    background-color:transparent }

#myhr {  float:center; clear:both;
border-bottom-width: 0px;
    border-bottom-style: dashed;
    border-color:  #00AA99;}

.content blockquote {
    padding: 0px 0px 0px 10px;
    border-left-width: 3px;
    border-left-style: dashed;
    border-left-color: #00CC99;
    background-color:transparent }

.sidebar { }
.decorator1, .decorator2 { }
.sidebar h2 { background-color:transparent }
.sidebar .boxcontent-decorator3 { }
.sidebar ul { }
.sidebar li { }
.sidebar li.description { }
.sidebar li.album { }
.sidebar img { }
.sidebar li.link img { }

/* --------mine start------------ */
.sidebar li.link img :hover { background-color: transparent; }
/* ---------mine end----------- */

.box-decorator2 { }

.link-note {
    font-family: verdana, sans-serif, arial;
    color: #66CDAA;
    font-size: 105%;
    word-spacing: normal;
    text-align: center;
    line-height: 100%;
    padding: 2px;
    margin-bottom: 30px; }

.link-note img {
    border: 0px;
    margin-bottom: 2px;
    background: transparent; }

.photo { margin-bottom: 20px; }
.sidebar a { }
.sidebar a:link { }
.sidebar a:visited { }
#left .sidebar a:hover { }
#right .sidebar a:hover { }
.sidebar a:active { }

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal; }

#left li { }
#left li.album{ background: none; }

#left ul.popular-tags li{
    background: none;
    padding:0px 10px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent }
#right li { }

/* Calendar */
TABLE.calendar {
      font-size: 10px;
      margin-bottom: 20px;
    letter-spacing: .1em;
    text-align: left;
    width: 85%; /* IE 5 */
    voice-family: ""}"";
    voice-family: inherit;
    width: 100%; /* IE 6 */ }
html>body .calendar { width: 100%; /* Mozilla & Safari & IE bug */ }

TH.day-of-week {
    text-align: center;   line-height: 150%;   margin-top: 10px;
    list-style-type: none;   color:#66CDAA ;   border-bottom-width: 1px;
    border-bottom-style: solid;   border-bottom-color: #66CDAA ; }

TD.selected-day {
    text-align: center;   line-height: 150%;
    margin-top: 10px;  list-style-type: none; }

TD.day {
    text-align: center;   line-height: 150%;   margin-top: 10px;
list-style-type: none;
    letter-spacing: 0.05em;   border-bottom-width: 1px;
border-bottom-style: solid;
    border-bottom-color: #66CDAA ; }
td.odd{   padding:5px 0px 5px 0px; }
td.even{   padding:5px 0px 5px 0px; }
td.selected{   background:#66CDAA ; }
TABLE.calendar a:link {   color:#1c1c1c; }
TABLE.calendar a:visited {   color:#1c1c1c; }
TABLE.calendar td.selected a{   color:#000000; }
TABLE.calendar a {   text-decoration: none; }
TABLE.calendar a:active {   color: #000;   background-color: #1c1c1c; }
/* had an additional point-virgule */

/*
*************************************************************************
************************     ALBUM & DIAPO
*********************************
*************************************************************************
*/
/* Albums */

.album-container h3 {
      text-align: center;
      margin-top: 5px;
      padding: 1.5em 0.5em 1em 0.5em;
      font-weight: bold;
      font-size: 100%;
}
/* album navi */
.album-container a img {
      padding: 3px;
      border: 3px; border-style: dashed; border-color: transparent;  }
.album-container p {font-size: 70% ! important;   line-height: 150% !
important; }
.album-container #gallery,
.album-container #cover-intro {text-align: center; padding-bottom: 1em; }
.album-container #cover-intro p {
      text-align: center;
      margin-left: 140px;
      margin-right: 140px;
    line-height: 130%; }
.album-container #cover-intro p a {font-weight: bold;}
.album-container #cover-intro img {
      text-align: left;
      padding: 3px;
      border: 0px solid #000000;
      background: transparent; }
.album-container .nav {
      text-align: right;
      margin-right: 1em;
    color: #66CDAA ;
    line-height: 110%;
    height: 1.1em; }
.album-container .nav a {font-size: 70%;}
.album-container #photo-detail .photo-container {padding: 20px;
text-align: center; }
.album-container #photo-detail .photo-container h4 {font-size: 80%;}
.album-container #photo-detail .photo-container img {
      margin: 0 auto 0 auto;
      padding: 0px;
      border: 1px; border-style: solid; border-color: #26E7DC; background:
transparent;}
.album-container #photo-detail .photo-container-no-thumb {
    padding: 20px; text-align: left; }
.album-container #photo-detail .photo-container-no-thumb h4 {
      margin-top: 0; font-size: 80%; }
.album-container #photo-detail .photo-container-no-thumb img {
      float: left; margin: 0 25px 25px 0; padding: 3px;
      border: 2px; border-style: dashed; border-color: #1C1C1C; background:
transparent;}
.album-container .thumblist {
      float: left; clear: both; padding: 20px;}
.album-container .thumblist img {
      float: left; margin: 10px; padding: 3px;
   border: 2px; border-style: dashed; border-color: #1c1c1c;
background-color: transparent;}
.album-container .thumblist-nofloat { padding-top: 15px;}
.album-container .thumblist-nofloat img {
      margin: 10px; padding: 3px;
   border: 0px; border-style: dashed; border-color: #1c1c1c;
background-color: transparent;}
.album-container .thumblist-with-detail {
      text-align: left; float: left;
      padding: 20px; width: auto;}
.album-container .thumblist-with-detail .thumb-container {
      padding-top: 1em; padding-bottom: 1.5em;
      float: left; width: 99%;}
.album-container .thumblist-with-detail a {
      float: left; font-size: 70%;}
.album-container .thumblist-with-detail img {
      margin-right: 10px; margin-bottom: 10px; padding: 3px;
      border: 3px; border-style: dashed;
      border-color: transparent; background: transparent;}
.album-container .thumblist-with-detail h4 {
      margin: 0; padding: 0 0 0.5em 0; font-size: 80%;}
.album-container .thumblist-with-detail a.view-details { float: right;}
.spacer { clear: both;}

/* Diapo */
body.diapo {
    margin: 0px 0px 0px 0px;  padding: 0px;
    background-color: transparent;  font-family: Verdana, Arial, Helvetica,
sans-serif;}

#diapo-container {
    margin-right: 1em;  margin-left: 1em;
    margin-top: 5px;  text-align: center;  width: 95%;}

#diapo-container .content {
      width: 100%;    position: relative;    text-align: center;    padding:
0px;
      margin: 20px 0px 0px 0px;    overflow: auto;    height: 500px;}

#diapo-container .content img {
      margin: 0 auto 0 auto;    border: 0px solid #000;    padding: 3px;}

#diapo-container .content p {    font-size: 100%;    color: #66CDAA;
      margin: 2em auto 0 auto;}

#diapo-container .nav {
    color: #66CDAA ;  line-height: 90%;  height: 1.1em;
      font-size: 70%;    margin: 0px;    width: 100%;}

#diapo-container .top {    position: relative;    height: 30px;}

#diapo-container .bottom {
      position: relative;    height: 80px;    text-align: center;
      float: left;    padding-top: 1px;}

#diapo-container .nav .menu {    text-align: center;    width: 100%;}

#diapo-container .nav .menu select {
      background-color: transparent;    padding: 0px;    margin: 0px 0px 0px
0.5em;
    color: #736F6E;    height: 18px;    vertical-align: middle;
      font-size:18px;    font-family:sans-serif, arial, verdana;}

#diapo-container .nav .close {
      text-align: right;    float: right;    line-height: 200%;}

#diapo-container .nav a {
    color: #26E7DC;    text-decoration: none;}

#diapo-container .nav a:hover,
#diapo-container .nav a:active {
      text-decoration: none;
}
/*
*************************************************************************
*******************************   TAGS & ARCHIV & CATEGORY
*****************
*************************************************************************
*/

ul.category-list {    -moz-column-count: 2;}

ul.category-list li{
    padding:0px 20px 0px 0px;
    list-style-type: none;
    padding-left: 15px;
   /*  background:
url(http://static.hautetfort.com/backend/graphics/design/preview/set21/00d8cc/arrow.gif)
no-repeat 0px 4px; */ }
ul.archive-list {     -moz-column-count: 3;}
ul.archive-list li{
    list-style-type: none;
    padding-left: 15px;
    /* background:
url(http://static.hautetfort.com/backend/graphics/design/preview/set21/00d8cc/arrow.gif)
no-repeat 0px 4px; */ }

ul.popular-tags li {    display: inline;    margin: 0.2em;}
ul.tag-list {    padding:0;    margin-left:0;}
ul.tag-list li {    display: inline;    margin: 0.2em;}
h3.total {    padding: 0;    font-size: 105%;    background : none;
margin-top : 10px;}
h3.total a {    text-decoration : none;}

/*
*************************************************************************
*******************************       COMMENTS
****************************
*************************************************************************
*/

/*
.commentparent, .commentchild  {
line-height: 150%;
margin: 10px 0px;
padding: 0px;
-moz-border-radius: 1% 1% 1% 1%;
-webkit-border-radius: 1% 1% 1% 1%;
background: none;     border-bottom: none; }
.commentparent.author, .commentchild.author {
    background:url(http://psychoboot.hautetfort.com/images/tbox/CentreSlim.GIF);
    border-width: 1px;
    border-style: solid;
    border-color: #26E7DC;

}
.commentparent .gravatar, .commentchild .gravatar {
float: left;
margin: 0 5px 5px 0;
}
.commentparent p.posted, .commentchild p.posted {
border-bottom: none;     background: none;
margin: 5px 5px 5px 0;
padding: 0;
}
.commentparent p, .commentchild p {
margin-top: 0px;
margin-bottom: 0px;
}
.commentparent {
padding: 3px;
}
.commentchild {
margin: 4px 0px 4px 40px;
padding: 3px;
}