/* -- Style Sheet for the Eric Clapton Lyric Archive -- */

/* -- Layout -- */

div { position: absolute; }

div#title   { top:  20px; left:  21px; height:  40px; width: 560px; }
div#photo   { top:  61px; left:  21px; height: 280px; width: 188px; }
div#topbar  { top:  61px; left: 210px; height:  20px; width: 530px; }
div#lowbar  { top: 342px; left:  21px; height:  20px; width: 246px; }
div#back    { top:  82px; left: 268px; height: 407px; width: 472px; }
div#main    { top:  82px; left: 268px;                width: 472px; }

div#home    { top:  61px; left: 268px; height:  20px; width:  58px; }
div#search  { top:  61px; left: 327px; height:  20px; width:  62px; }
div#help    { top:  61px; left: 388px; height:  20px; width:  54px; }
div#about   { top:  61px; left: 582px; height:  20px; width:  72px; }
div#contact { top:  61px; left: 654px; height:  20px; width:  82px; }

div#v1      { top:   0px; left:  20px; height: 412px; width:   1px; }
div#v2      { top:  60px; left: 209px; height: 282px; width:   1px; }
div#v3      { top:  81px; left: 267px; height: 448px; width:   1px; }
div#v4      { top:  20px; left: 581px; height:  40px; width:   1px; }
div#v5      { top:  39px; left: 740px; height: 328px; width:   1px; }

div#h1      { top:  19px; left:  20px; height:   1px; width: 626px; }
div#h2      { top:  60px; left:  20px; height:   1px; width: 720px; }
div#h3      { top:  81px; left: 209px; height:   1px; width: 531px; }
div#h4      { top: 341px; left:  20px; height:   1px; width: 248px; }
div#h5      { top: 362px; left:  20px; height:   1px; width: 248px; }


/*
div#title   { top:  22px; left:  22px; height:  40px; width: 560px; }
div#photo   { top:  64px; left:  22px; height: 280px; width: 188px; }
div#topbar  { top:  64px; left: 212px; height:  20px; width: 530px; }
div#lowbar  { top: 346px; left:  22px; height:  20px; width: 246px; }
div#back    { top:  86px; left: 270px; height: 408px; width: 472px; }
div#main    { top:  86px; left: 270px;                width: 472px; }

div#home    { top:  64px; left: 268px; height:  20px; width:  58px; }
div#search  { top:  64px; left: 327px; height:  20px; width:  62px; }
div#help    { top:  64px; left: 388px; height:  20px; width:  54px; }
div#about   { top:  64px; left: 582px; height:  20px; width:  72px; }
div#contact { top:  64px; left: 654px; height:  20px; width:  82px; }

div#v1      { top:   0px; left:  20px; height: 412px; width:   2px; }
div#v2      { top:  64px; left: 210px; height: 282px; width:   2px; }
div#v3      { top:  86px; left: 268px; height: 448px; width:   2px; }
div#v4      { top:  22px; left: 582px; height:  40px; width:   2px; }
div#v5      { top:  39px; left: 742px; height: 328px; width:   2px; }

div#h1      { top:  20px; left:  20px; height:   2px; width: 626px; }
div#h2      { top:  62px; left:  20px; height:   2px; width: 722px; }
div#h3      { top:  84px; left: 212px; height:   2px; width: 530px; }
div#h4      { top: 344px; left:  20px; height:   2px; width: 248px; }
div#h5      { top: 366px; left:  20px; height:   2px; width: 248px; }
*/

div#searchmenu { top: 81px; left: 325px; }
div#helpmenu { top: 81px; left: 387px; }

/* -- Depth -- */

div#back { z-index: 0; }
div#main { z-index: 1; }

div.menu { visibility: hidden; z-index: 2; }

/* -- Font -- */

div.banner, div.controls, div.menu { font-family: Verdana, sans-serif; }
div.content { font-family: Arial, sans-serif; } 
div.content select { font-family: Arial, sans-serif; }

h1, h2, h3 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { text-transform: lowercase; }

a { font-weight: bold; }

div.banner h1 { font-size: 18pt; }
div.content h3 { font-size: 14pt; }
div.content h4 { font-size: 8pt; }

div.content p, div.content ol, div.content ul, div.content table, div.content form, div.content select, div.content input, div.content button { font-size: 8pt; line-height: 9pt; }

div.controls a, div.menutext p { font-size: 7pt; text-decoration: none; }
div.controls a { text-transform: lowercase; }

/* -- Spacing -- */

div.banner h1 { margin: 0px; padding: 4px 18px; }

div.controls a {
	padding: 4px 8px;
	position: absolute;
	top: 0px; left: 0px; height: 12px;
}

div.menutext p {
	margin: 0px;
	padding: 4px;
	padding-left: 8px;
}

div.line img { width: 1px; height: 1px; }

/* -- content -- */

div.content h4, div.content p, div.content ol, div.content ul, div.content form {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.content h3 { margin-top: 12px; margin-bottom: 0px; }
div.content h3, div.content h4 { margin-left: 18px; }
div.content p { margin-left: 30px; margin-right: 48px; }
div.content ol, div.content ul { margin-left: 64px; margin-right: 64px; }

hr { height: 1px; }
a img { border-width: 0px; }

/* -- pages -- */

body#discographypage p.red { color: #D90000; font-weight: bold; }
body#discographypage p.red a { color: #D90000; }

body#discographypage img.cover {
	float: left;
	margin-left: 0px;
	margin-right: 8px;
	border: 1px solid black;
}

body#lyricpage h3.title { }
body#lyricpage h4.author { margin-top: 2px; margin-left: 38px; }
body#lyricpage p.verse { margin-left: 28px; }
body#lyricpage p.chorus { margin-left: 38px; }
body#lyricpage p.bridge { margin-left: 48px; }
body#lyricpage p.comments { }

/* -- End -- */