body {
/*background: black url(images/bg_SaturnRingMoon.jpg) 0 0 no-repeat fixed; */
background: black;
background-position:center 0px; /*background-position:120px 0px;*/
text-align:center;
}
/* div for centering the page */
.center {
position:relative; display:block;
margin:0px auto; padding:0px;
/*margin:auto auto;*/
width:1180px;
text-align:left;
vertical-align:middle;
}
/* the menu section */
#textB {
position:absolute; display:inline;
top:4.5em; left:0em;
width:19em;
/*height:40em;*/
height:53em;
margin:0px 0px 0px 0px; padding:0px;
padding:0.6em;
background:transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;
font-size:9pt;
text-align:left;
/*border:1px solid gold;*/
}
/*
#infosoft0 {
position:absolute; display:inline;
/ *top:6.5em; left:0em; * /
/ *width:19em;* /
/ *height:40em;* /
/ *height:53em; * /
margin:0px 0px 0px 0px; padding:0px;
padding:0.6em;
background:transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;
font-size:9pt;
text-align:left;
/ *border:1px solid gold;* /
}
*/
/* the holder for the menus #text{ margin:2px;padding:2px; width:auto; border:1px solid red; } * /
#text { position:relative; display:inline; top:3em; left:2em; width:5em; }
#text { position:absolute; display:inline; top:0em; left:0em; width:14em; }
#text .curved { width:14em; top:1em; }
#text .curved #text .b2, #text .curved .b3, #text .curved .b4 { background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; }
#text .curved .boxcontent { background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; }
#text .curved .boxcontent { background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; }
/* #text .curved .boxcontent:hover { background: transparent url(images/bg_SaturnRingMoon_dark.jpg) 0 0 no-repeat fixed; background-position:center 0px; } * /
#text ul li { color:#8BC1D5; }
#text h1 { color: #bbbbff; font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin:0px; padding:0px; color:#ffdd33; }
#text h2 { color: #bbbbff; font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin:0px; padding:0px; color:#ffdd33; }
/ *
*/
/*
.header { color:#dbb; }
*/
/*
#text A:link {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:visited {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:active {text-decoration:none; color:#ffdd33; color:#CEBE3A;}
#text A:hover {text-decoration:none; color:#224C5C; color:#ffdd33;}
a:hover { text-decoration:none; color:#224C5C; }
*/
/* for the menu headers */
a:link { text-decoration:none; display:block; color:#ddbbbb; }
a:visited { text-decoration:none; display:block; color:#ddbbbb; }
a:active { text-decoration:none; display:block; color:#ddbbbb; }
/*a:hover { text-decoration:none; display:block; color:#F2D8D8; } */ /*background:#222222; }*/
a:hover { text-decoration:none; display:block; color:#ddbbbb; } /*background:#222222; }*/
/* the main links curved tabs
.curved { class=".b1 c1"> }
.boxcontent { border:0 solid #B0A440; border-width:0 1px; }
*/
/*
.curved-g .boxcontent {
border-left:2px solid #B0A440; border-right:2px solid #B0A440;
background:transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;
}
.curved-g .b1, .curved-g .b2, .curved-g .b3, .curved-g .b4 {background:#ffdd33;background:transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.curved-g .b1 {background:#ffdd33 url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.curved-g .c1 {background:#ffdd33 url(images/bg_SaturnTitan-bronze.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
*/
/* the HaBarbadi links sections */
/***********************************/
#emails { display:none; }
/*
#altstyles { position:absolute; display:none; top:2.5em; left:0em; padding:0px; }
#altstyles img { height:2em; margin:0px; }
/ *#altstyles .xboxcontent { position:absolute; display:inline; left:2px; margin:0px; padding:0px; border:2px solid green;}* /
#altstyles a { display:inline; }
#altstyles a:link img { border:2px solid #193863; }
#altstyles a:visited img { border:2px solid #193863; }
#altstyles a:active img { border:2px solid #193863; }
#altstyles a:hover img { border:2px solid #F77515; }
*/
#title-ed { display:none; }
#title-ec { display:none; }
#title-so { display:inline; }
#education { position:relative;display:inline; top:6em; }
#software { position:relative;display:inline; top:6em; }
#ecology { position:relative;display:inline; top:6em; }
/*
#links a {background: transparent url(images/bg_SaturnTitan-fade.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#links a:hover {background: transparent url(images/bg_ SaturnTitan-wash.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
*/
/* ***************** end of HaBarbadi sections ***************** */
/* the menu of HaBarbadi links */
/*****************************/
/* each of the menu sections is an infor */
/*
.infor {
background: transparent; margin-top:0em; width:15em; line-height:1.2;
font-family:Verdana,"Trebuchet MS",Helvetica,sans-serif;
font-size:10pt;
}
.infor li .one {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li .one {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li a:hover {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li a:hover {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li p:hover {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor li p:hover {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h2 {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h2 {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h3 {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
.infor .h3 {background: transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
#text h1 {color: #bbbbff; font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#D1C667; }
#text h2 {color: #bbbbff; font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#D1C667;}
#text A:link {text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787; line-height:1.2;}
#text A:visited {text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787;}
#text A:active {text-decoration:none; color:#ffdd33; color:#CEBE3A; color:#E1B787; }
#text A:hover {text-decoration:none; color:#224C5C; color:#ffdd33; color:#F4CBAD; }
*/
/* the sliding tabbed folders of links */
/***********************************/
/*
.curved-g .b2, .curved-g .b3, .curved-g .b4 {background:transparent url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px;} / * border-left:1px solid #ffdd33; border-right:1px solid #ffdd33;}* /
.curved-g .b2, .curved-g .b3, .curved-g .b4 :hover {background: transparent url(images/bg_SaturnRingMoon_dark.jpg) 0 0 no-repeat fixed; background-position:center 0px;}
/ * .curved-g .b2, .curved-g .b3, .curved-g .b4 {background: transparent;} * /
.curved-g .boxcontent { background: transparent;}
/ * square the HaBarbadi menu * /
.curved-g .b1 {display:none;}
.curved-g .b2, .curved-g .b3, .curved-g .b4 {display:none;}
.curved-g .boxcontent {display:inline;}
.infor .boxcontent {display:block; width:15em;}
*/
/******* colors of the tabbed folders ********/
/*
curved-g is curved for the panels of HaBarbadi links #ffdd33;
.curved-g .b1, .curved-g .b2, .curved-g .b3, .curved-g .b4 {background:#D1C667;}
.curved-g .b2, .curved-g .b3, .curved-g .b4 {border-left:1px solid #D1C667; border-right:1px solid #D1C667; background:#C9EBF7;}
.curved-g .b1 {background:#D1C667;}
.curved-g .c1 {background:#D1C667;}
.curved-g .boxcontent {border-left:1px solid #D1C667; border-right:1px solid #D1C667; background:#C9EBF7; }
end curved-g
*/
/* curved is the outer container for each of the sliding tabbed notebooks of links - info1 and info2 */
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {background:#C9EBF7;}
.curved .b2, .curved .b3, .curved .b4 { border-left:1px solid #88c; border-right:1px solid #88c; background:#C9EBF7;}
.curved .b1 { background:#88c; }
.curved .c1 { background:#88c; }
.curved .boxcontent { border-left:1px solid #88c; border-right:1px solid #88c; background:#C9EBF7; }
/* .curved .boxcontent:hover {background: transparent url(images/bg_SaturnRingMoon_dark.jpg) 0 0 no-repeat fixed; background-position:center 0px;} */
/* end curved */
/* menu is the ul inside the sliding tabbed folders that hold the links - info1, info2 ... .
basics.css holds the height width etc,
here in the CSS files are the colors for the edges and the backgrounds - set in each alternate css file. */
.menu { background:#C9EBF7; }
.menu li a { color:#000; }
.menu li a span { color:#000; }
.menu li .one { background:#C9EBF7; }
.menu li a:hover { background:#C9EBF7; color:#000; }
.menu li p { color:#00b; }
.menu li p span { color:#000; }
.menu li p:hover { background:#C9EBF7; }
.menu .h2 { background:#C9EBF7;color:#000; padding:0px; text-align:left; }
.menu .h3 { background:#C9EBF7;color:#693900; }
/* end menu */
/* #center {position:absolute; left:40px; } border:6px solid green;}*/
.curved .b2, .curved .b3, .curved .b4 {background: #468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; background-position:center 0px;} /*background-position:120px 0px;}*/
.curved .boxcontent {background: #468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; } /*background-position:120px 0px;} */
.menu {background: transparent; line-height:1.2;} /*#468 url(images/bg _SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px;}*/
.menu li .one {background: transparent;} /*#468 url(images/bg_SaturnTitan-blue.jpg) 0 0 no-repeat fixed; background-position:center 0px;}*/
.menu li a {color:#8BC1D5;}
/*.menu li a:hover {background: transparent; color:#fff; } */ /* background:#468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#C3DFE9;} */
.menu li a:hover {background: transparent; color:#ddbbbb; } /* background:#468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#C3DFE9;} */
.menu li p:hover {background: #468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; }/*background-position:120px 0px;}*/
.menu .h2 {background: #468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#8BC1D5;} /* background-position:120px 0px;}*/
.menu .h3 {background: #468 url(images/bg_SaturnRingMoon_pale.jpg) 0 0 no-repeat fixed; background-position:center 0px; color:#693900;} /*background-position:120px 0px;}*/
.menu a:link {display:block; text-decoration:no ne; color:#8BC1D5; }
.menu a:visited {display:block; text-decoration:none; color:#8BC1D5; }
.menu a:active {display:block; text-decoration:none; color:#8BC1D5; }
.menu a:hover {display:block; text-decoration:none; color:#8BC1D5; } /*color:#ffdd33; }*/
/*********** end colors of the tabbed folders *********/
.info {
width:190px; height:500px;
background:transparent;
margin:0px; padding:1em 0;
border:none;
text-align:left;
font-family:Verdana,"Trebuchet MS",Helvetica,sans-serif;
font-size:9pt;
position:absolute;
}
#infosoft0 { top:2em; left:0em; display:inline; }
#infosoft1 { top:2em; left:21em; display:inline; }
#infosoft2 { top:2em; left:36.5em; display:inline; }
#infosoft3 { top:2em; left:52em; display:inline; }
#infosoft4 { top:2em; left:67.5em; display:inline; }
#infosoft5 { top:2em; left:83em; display:inline; }
#infoedu1 { display:none; } /* education */
#infoedu2 { display:none; } /* education */
#infoeco1 { display:none; } /* ecology */
#infopers1 { display:none; } /* personal */
#infoastro1 { display:none; } /* astrology */
/******************* end of sliding tabbed folders ************************/
/* a successively fading penguin! was on info2
#info2 .curved .boxcontent #menu .penguin1 {position:absolute; display:inline; top:150px; right:10px; opacity:0.08;} / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin2 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin3 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin4 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin5 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin6 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu .penguin7 {position:absolute; display:none; top:150px; right:10px; } / * li#one .h2* /
#info2 .curved .boxcontent #menu li.one p:hover .penguin1 {position:absolute; display:inline; top:150px; float:right; opacity:0.08;}
#info2 .curved .boxcontent #menu li.two p:hover .penguin2 {position:absolute; display:inline; top:150px; float:right; opacity:0.12;}
#info2 .curved .boxcontent #menu li.three p:hover .penguin3 {position:absolute; display:inline; top:150px; float:right; opacity:0.23;}
#info2 .curved .boxcontent #menu li.four p:hover .penguin4 {position:absolute; display:inline; top:150px; float:right; opacity:0.45;}
#info2 .curved .boxcontent #menu li.five p:hover .penguin5 {position:absolute; display:inline; top:150px; float:right; opacity:0.6;}
#info2 .curved .boxcontent #menu li.six p:hover .penguin6 {position:absolute; display:inline; top:150px; float:right; opacity:0.8;}
#info2 .curved .boxcontent #menu li.seven p:hover .penguin7 {position:absolute; display:inline; top:150px; float:right; opacity:1;}
*/
/* general elements attributes & values */
table { width:100%; }
td { line-height:1; }
ul { list-style:none; list-style-position:none; margin:0px; }
li { margin:0px; padding:0px; color:#8BC1D5; }
p { margin:0px; padding:0px; }
h1 {font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33;}
h2 {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#8BC1D5; opacity:0.6;}
h2.header {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; padding:0px; color:#000022; color:#ffdd33; color:#8BC1D5;color:#E1B791; opacity:0.6;}
h4 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.45; text-align:left;}
h4:hover {color:#dbb; opacity:0.4;}
/*h5 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; background:transparent; color:#8BC1D5;}
h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:transparent; border:1px solid #000; opacity:0.45;}*/
h5 {display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:transparent; border:1px solid #000; opacity:0.45;}
/*h6 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; text-align:left;} */
h6 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; text-align:left;}
#h1 {font-size:20pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#ffdd33;}
#h2 {font-size:14pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#ffdd33;}
.h3 {font-size:12pt; font-weight:bold; font-style:italic; text-align:left; margin-top:0px; margin-bottom:0px; color:#000022; color:#347A93;}
.h4 {font-size:10pt; font-weight:bold; font-style:italic; color:#347A93;}
ul li p span.collection span.cluster span.h4 {}
/*
.hebrew {width:10em; direction:rtl; color:#8BC1D5; text-align:right;}
#textA h4 {display:block; margin:0px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#8BC1D5; background:#335; border:1px solid #000; opacity:0.6; text-align:left;}
#textA h4:hover {color:#dbb; opacity:6;}
*/
/*
#textB h5 { display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:#C5854D; border:1px solid #000; opacity:0.45; }
#textB h5 .h3 { color:#000; font-weight:bold; font-size:10pt; }
#textB h5 a { opacity:1.0; }
#textB h5 a:hover { color:#dbb; opacity:1.0; }
#textB h5 span { position:absolute; display:none; text-align:center; left:12px; top:24em; width:16em; } / *top:320px; this is the place to display the screen position when hovering * /
#textB h5 span img { width:16em; }
#textB h5:hover { opacity:1.0; }
#textB h5:hover span { display:inline; }
#textB img#logo { position:absolute; display:inline; top:360px; opacity:0.4; z-index:3;}
*/
#infosoft0 h5 { display:block; margin:1px; padding:0px; font-size:8pt; font-weight:bold; font-style:italic; color:#E1B791; background:#C5854D; border:1px solid #000; opacity:0.45; }
#infosoft0 h5 .h3 { color:#000; font-weight:bold; font-size:10pt; }
#infosoft0 h5 a { opacity:1.0; }
/*#infosoft0 h5 a:hover { color:#dbb; opacity:1.0; }*/
#infosoft0 h5 a:hover { color:#000000; opacity:1.0; }
/* this line sets the pageicon down below the text name links */
/*#infosoft0 h5 span { position:absolute; display:none; text-align:center; left:12px; top:31em; width:16em; } */ /*top:320px; this is the place to display the screen position when hovering */
#infosoft0 h5 span { position:absolute; display:none; text-align:center; left:12px; top:33em; width:16em; } /*top:320px; this is the place to display the screen position when hovering */
#infosoft0 h5 span img { width:16em; }
#infosoft0 h5:hover { opacity:1.0; }
#infosoft0 h5:hover span { display:inline; }
/*#infosoft0 img#logo { position:absolute; display:inline; top:360px; opacity:0.4; z-index:3;}*/
#infosoft0 img#logo { position:absolute; display:inline; top:370px; opacity:0.4; z-index:3;}
/*
****** * /
.screen .underline img {width:25em; opacity:0.5;}
.screen img {width:15em; opacity:0.5;}
.underline {margin-bottom:3px;}
.smile {display:inline; border:none; margin:0px;padding:0px;}
#flashy {position:absolute; display:inline; top:400px; left:20px;}
*/
/*
#img-firebird {display:none;}
#span-firebird a {display:inline;}
#span-firebird:hover #img-firebird {display:inline; width:100px; height:150px; opacity:0.4;}
*/
/*****************/