/* THIS IS THE STYLE SHEET FOR THE INDEX.HTML FOR THE THINKINGMUSIC HOMEPAGE */
/* all CSS validated by W3C CSS Validation Service, */
html, body
{
margin: 0; padding: 0;
}
body
{
position: relative;
background: url(images/bodyimage.gif) repeat-x;
}
#top /*main div for whole page, horizontally centered*/
{
position: relative;
width: 1024px;
padding-top: 1px; padding-bottom: 0; padding-right: 0; padding-left: 0;
margin-top: -1px; margin-bottom: 0px; margin-right: auto; margin-left: auto;
/* padding-top and margin top take care of Opera bug that 'lowers page' if fed a long page */
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: 0px; 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
{
padding: 0;
text-align: center;
margin-top: 50px;
margin-bottom: 6px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 29px;
font-weight: normal;
color: #8A3404;
/*border: 1px solid green;*/
}
#top div#toplinks
{
position: absolute;
left: 924px; top: 169px;
margin-bottom: 0;
padding: 0;
background: transparent;
}
a.toplinks
{
display: inline;
}
a.toplinks
{
margin-left: 10px;
margin-right: 4px;
font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
font-size: 20px;
color: #A7A161;
}
a.toplinks, a.toplinks:link, a.toplinks:visited
{
color: #A7A161;
background-color: transparent;
}
a.toplinks:hover, a.toplinks:active, a.toplinks:focus
{
color: #626237;
background-color: transparent;
}
a {
line-height: 135%;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
text-decoration: none;
outline: none;
}
#left /* sidebar div */
{
position: absolute;
left: 17px; top: 328px; right: 763px;
width: 242px;
border: 1px solid #605D5C;
margin: 0;
padding: 0;
background: #495F5F url(images/tmldvandimg_592.png) no-repeat;
z-index: 2;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
height: 592px;
}
#left ul#highest
{
margin: 185px 0 auto /*531px */ 39px;
padding: 0;
/*border: 1px solid red;*/
}
#left ul
{
margin: 0 0 219px 65px;
padding: 0;
/*border: 1px solid red;*/
}
#left li.first
{
margin: 0;
list-style: none;
font-size: 25px;
background: transparent;
padding: 0;
}
#left li.indenttop
{
margin-top: 2px;
margin-left: 59px;
padding: 0;
list-style: none;
font-size: 18px;
background: transparent;
/*border: 1px solid yellow;*/
}
#left li.indent
{
margin-top: 15px;
margin-left: 59px;
margin-right: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
font-size: 18px;
background: transparent;
/*border: 1px solid yellow;*/
}
#left li.th
{
margin: 49px -300px 0 0;
padding: 0;
list-style: none;
font-size: 25px;
background: transparent;
}
#left li.bottom
{
margin: 49px 0 0 0;
padding: 0;
list-style: none;
font-size: 25px;
background: transparent;
}
#left li.th span#conv
{
margin-left: 7px; /* was 13px; */
font-size: 18px; /* was 18 */
}
li a, li.indenttop a, li.indent a, li.th a
{
background-color: transparent;
padding: 0;
margin: 0;
background-color: transparent;
text-decoration:none;
outline: none;
border: none;
/*border:1px solid green; */
}
li a, li a:link, li a:visited
{
color: #F9F5E8;
}
li a:hover, li a:active
{
color: #A8693B; /* blue was #449284; */
background-color: transparent;
}
li.th a#conver, li.th a#conver:link, li.th a#conver:visited
{
display: inline-block;
width: 242px; height: 34px;
background-color: transparent;
vertical-align: -.7em;
padding: 0;
margin: 0 -300px 0 0;
color: #308F93;
background: url(images/conver3px.png) no-repeat;
text-decoration:none;
outline: none;
border: none;
/*border:1px solid green; */
}
* html #left li.th a#conver {vertical-align: -.4em; position: relative;}
li.th a#conver:hover, li.th a#conver:active
{
background: url(images/conversations_hover_3px_png8.png) no-repeat;
}
/* ______________ main div ____________________________ */
#main /*right div*/
{
position: absolute;
left: 211px; top: 200px; right: 23px;
width: 790px;
height: 730px; /* was 708px; */
z-index: 1;
background: #DCD7B0 url(images/tmis_asofmay18.png) no-repeat; /* original name of image is "tmis_new,tan_983A05_png8.png" */
margin: 0 0 0 0;
padding: 0;
border: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;/* on analysis, is 15px;*/
line-height: 135%;
color: #451B07;
}
/* ------------- 'ShareThis' icon and link ---------------- */
span#share
{
position: absolute;
top: -26px;
right: 0;
width: 55px;
height: 18px;
padding: 0;
font-family: "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
font-size: 16px;
color: #A7A161;
}
#share a
{
padding: 0; margin: 0; background-color: transparent; border: none; text-decoration: none; outline: none;
}
#share a, #share a:link, #share a:visited
{
color: #A7A161;
background-color: transparent;
}
#share a:hover, #share a:active, #share a:focus
{
color: #626237;
background-color: transparent;
}
#share a img
{
margin-right: 0;
margin-left: .25em;
border-style: none;
vertical-align: -3px;
}
/* ------------- END of 'ShareThis' icon and link ---------------- */
#main p.h1_one, p.h1_two
{
width: 480px; /* was last 450px; */ /* was 611px; */
margin-top: 143px;
margin-left: 296px;
margin-right: auto; /* was 75px; */
margin-bottom: 0;
padding: 0;
}
#main p.h1_two
{
margin-top: 36px;
margin-bottom: -1px;
}
#main p.indent, p.indent_top, p.morelines, p.indentgenre
{
width: 360px;
margin-left: 400px;
margin-bottom: 0px;
padding: 0;
}
#main p.indent_top
{
margin-top: 30px;
}
#main p.indent
{
margin-top: 18px;
}
#main p.morelines
{
margin-top: 0px;
}
#main p.indentgenre
{
margin-top: 18px;
padding-bottom: 1px;
}
#main p#noaim
{
width: 306px;
margin-left: 454px;
margin-top: 21px;
margin-bottom: 0;
}
#main p#path
{
width: 255px;
margin-top: 0px;
margin-left: 505px;
margin-bottom: 0px;
}