/* THIS IS THE STYLE SHEET FOR THE INDEX.HTML of "ANALYSES" It uses Georg's solution. */
/* all CSS validated by W3C CSS Validation Service, */
html, body
{
margin: 0; padding: 0;;
}
body
{
position: relative;
min-height: 100vh;
background: #3d3d3d linear-gradient(to bottom, white 299px,
transparent 299px) no-repeat; /* previous way of doing it: background: url(images/bodyimage.gif) repeat-x; */
}
#top /*main div for whole page, horizontally centered*/
{
position: relative;
width: 1024px;
padding: 1px 0; /* Georg next negates this new 1px padding-bottom by giving a new -1px margin-bottom. */
margin: -1px auto;
border: none;
background: transparent;
}
#logo /* image-replacement div, with li's (for actual text) and image-containing span */
{
position: relative;
width: 520px;
height: 160px;
margin-top: 16px; margin-right: auto; margin-bottom: 23px; margin-left: 97px;
padding: 0;
text-align: center;
overflow: hidden;
background: transparent;
border: none;
}
#logo span
{
background: url("../images/logo.jpg") no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#logo h1 /*, #logo h2*/
{
padding: 0;
text-align: center;
margin-top: 50px;
margin-bottom: 6px;
/*margin-left: -15px;
line-height: 150px; */
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 29px;
font-weight: normal;
color: #8A3404;
/*border: 1px solid green;*/
}
/* #logo h2
{
text-align: justify;
line-height: 115%;
padding: 0;
margin: 4px 4px 4px 4px;
font-size: 13px;
font-weight: normal;
} */
#left /* sidebar div */
{
position: absolute;
left: -207px; top: 128px; bottom: 10px; /* The reason why this works is precisely because #left is absolutely positioned
RELATIVE to #main: whatever #main's 'auto' bottom ends up being, #left's bottom
will always be 10px higher. */
width: 242px;
border: 1px solid #605D5C;
background: #495F5F url("../images/tmldvandimg.png") no-repeat;
z-index: 2;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
color: #F9F5E8;
}
* html #left { /* sidebar div for IE6 - see: */
height: 1500px;
height: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
(parseFloat(this.parentNode.offsetHeight)-140)
:(parseFloat(this.parentNode.offsetHeight)-138));}
#left h1
{
font-size: 25px;
font-weight: normal;
text-align: center;
margin-top: 173px; /*169px;*/
margin-bottom: 0;
padding: 0;
}
#left p, p#one
{
font-size: 14px; /* original is 14px; */
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0;
padding: 0;
}
#left p#one
{
margin-top: 40px;
}
#left p
{
margin-top: 26px; /* was 22px; */
}
#left ul#highest
{
position: absolute;
top: 208px;
left: 65px;
}
#left ul /* Note that Georg defines the margins and padding for all id's of ul here, rather than within each id */
{ /* The uls, left on their own, actually leave fairly large margins/padding between their border edges */
margin: 0; /* and the li outer edges. */
padding: 0;
}
#left ul#lowest
{
position: absolute;
bottom: 100px;
left: 65px;
}
#left li
{
margin: 26px 0 0 0;
padding: 0;
list-style: none;
/*border: 1px solid yellow;*/
}
#left li a
{
display: block;
width: 100px;
height: 34px;
background: #495F5F url("images/favicon-for-Coltrane-links3.png") left no-repeat;
padding: 0 0 0 46px;
margin: 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #DCD7B0; /* #8A3404; #F9F5E8;*/
text-decoration:none;
outline: none;
/*border:1px solid green; */
}
#left li.first
{
margin: 0 0 0 0;
}
#left li a:hover
{
color: #F9F5E8;
background: #495F5F url("images/favicon-for-Coltrane-links6.png") left no-repeat;
}
/*______________main div____________________________*/
#main /*right div*/
{
position : absolute;
left : 211px;
top : 200px;
right : 23px;
bottom : auto;
width: 790px;
background: #DCD7B0 url("images/title2.png") no-repeat; /* was #C3BD8F url(images/tmis.png') no-repeat; */
min-height: 1200px;
}
* html #main {height: 1200px; /* min-height for IE5 */}
#main h1, h1#and, h2, h3
{
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
font-size: 50px; /*30px; *//* was 42 */
font-weight: 900;
padding: 0;
margin: 0;
color: #8A3404;
}
#main h2, h2#j, h2#mc, h2#c, h3
{
font-size: 28px;
text-align: left;
margin-top: 170px;
margin-left: 95px;
margin-right: 75px;
margin-bottom: -11px;
padding: 0;
}
#main h3
{
font-family: Verdana, Geneva, sans-serif;
color: #451B07;
font-style: italic;
font-weight: 900;
font-size: 18px;
margin: 34px 75px 0 95px
}
#main h2#mc, h2#c
{
margin: 62px 75px -16px 94px;
}
#main p, p.first, p#last
{
/* width: 640px; */
margin-top: 26px; /* was 22px; */
margin-left: 95px;
margin-right: 75px;
margin-bottom: 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #451B07;
line-height: 135%;
}
#main p.first
{
margin-top: 12px;
}
#main p#downbeat
{
margin-top: 0px;
margin-left: 95px;
margin-right: 75px;
margin-bottom: 0px;
padding: 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #8A3404;
line-height: 125%;
}
#main a.to
{
display: inline-block;
width: 27px; height: 24px;
vertical-align: -.7em;
margin: 0;
padding: 0;
background: url("images/favicon-for-Coltrane-links1.png") no-repeat;
background-color: #DCD7B0;
border: none;
text-decoration: none;
outline: none;
}
#main a.reference
{
line-height: 135%;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
text-decoration: none;
outline: none;
}
a.reference, a.reference:link, a.reference:visited
{
color: #8A3404;
background-color: transparent;
}
a.reference:hover, a.reference:active, a.reference:focus
{
color: #626237;
background-color: transparent;
}
#main span.soon
{
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: italic;
font-weight: 900;
padding: 0;
margin: 0;
color: #8A3404;
}
#main p#last
{
margin-bottom: 100px;
}