/* ------------------------------------------------------------------------------------------------------------------------- Style sheet for version: start date: author: Paul Rich email: paul@perich-web.com website: http://www.perich-web.com/ --------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1; color: white; background-color: black; } /*ol, ul {list-style: none;}*/ /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q { quotes: "" "";} /*html { overflow: scroll; }*/ html, body { width: 100%; height: 101%; } /*=guides --------------------------------------------------------------------------------------------------------------------------*/ #wrapper {1border:1px blue solid;} #header {1border:1px solid #CCCCCC; } #mainnav {1border:white 1px solid;} #secondarycontent { 1border:1px blue solid; } #sidecontent { 1border:1px green solid;} #album {1border:1px solid #CCCCCC;} #albumtracks {1border:1px green solid;} #sideone {1border:1px cyan solid;} #sidetwo {1border:1px cyan solid;} img#year {1border:1px solid red;} img#year1 {1border:1px solid red;} #formWrap {1border:solid 1px red; } /*=structure --------------------------------------------------------------------------------------------------------------------------*/ body {background:#000000; } #wrapper {width:900px; margin:0 auto; 1padding:0 0 10px 20px; } #header { position:relative; height:270px; } #logo {position:absolute; top:20px;} #comment {position:absolute; top:70px; left:153px;} .picturespace {position:absolute; left:530px;} #line {position:absolute; left:-45px; top:10px;} #line2 {position:absolute; left:-45px; top:200px;} #mainnav {position:relative; top:220px; left:0; width:850px; margin-left:33px; 1margin:0 auto; } .pipe {color:#CCCCCC;} #primarycontent {position:relative; width:850px; margin:0 auto;} #primarycontentinner {border:1px white solid; background: url(images/background_drum.jpg) #2E3040 center no-repeat; padding:20px; } #secondarycontent { } #secondarycontentinner { } #sidecontent { } #footer { height:250px; position:relative; } #gif {position:relative; top:30px; text-align:center; } #gif img {border:2px ridge #41587e;} /*=typography --------------------------------------------------------------------------------------------------------------------------*/ p {padding:5px 80px; text-align:justify; font-family:georgia; font-size:.9em; color: #CFCFCF; line-height:1.2em;} .heading {text-decoration:underline; color:#dd7447 /*#A52E2E*/; 1font-size:1.1em; text-indent:2em;} h1 {font-size:2em; text-align:center; text-decoration:underline; color: #CFCFCF;} h2 {font-size:1.7em; text-align:center; text-decoration:underline; color: #CFCFCF;} h3 {padding:5px 60px; font-size:1em; text-decoration:underline; color: #dd7447;} h4 {font-size:1.2em; text-align:center; text-decoration:underline; color: #CFCFCF;} /* --------------------------------------------------------------------------------------------------------------------------*/ #album {position:relative; width:800px; /*height:280px;*/ margin:0 auto; } #albumcover {position:relative; float:right; width:150px; height:150px; /*left:630px; top:20px;*/border:1px solid #999999;} #albumcover img {} #albumtracks {position:relative; float:left; width:500px; /*height:200px;*/ ; left:90px; /*top:20px; */} #sideone {position:relative; float:left; 1height:200px; /*left:15px; top:40px;*/} #sidetwo {position:relative; float:right; 1height:200px; /*left:315px; top:40px;*/ } #albumgutter { height:30px; clear:both;} ol li {list-style-type:decimal-leading-zero; list-style-position:inside; color:#9397DF;} #album h2, #album h4 {color:#999999;} #album h2 {text-decoration:underline;} #album p {color:#999999; clear:both;} /*=navigation --------------------------------------------------------------------------------------------------------------------------*/ ul#nav {list-style-type:none;} ul#nav li {float:left; font-size:1.5em; margin-left:.1em; line-height:1.2em; } ul#nav li a {text-decoration:none; /*browser*/padding:0 5px 0 5px;} ul#nav li.current a:link, ul#nav li.current a:link:hover, ul#nav li.current a:visited, ul#nav li.current a:visited:hover, ul#nav li.current a:link:active, ul#nav li.current a:visited:active {text-decoration:none; cursor:default; background-color:#666666;} /*ul#nav li.current {font-size:1.4em;}*/ ul#nav li.current a:link {color: #CCCCCC;/*color:#295716;*/ } ul#nav li.current a:link:hover {color: #AB8C6D; } ul#nav li.current a:visited {color: #999999; } ul#nav li.current a:visited:hover {color: #AB8C6D; } ul#nav li.current a:link:active {border:none; } ul#nav li.current a:visited:active {border:none; } ul#nav li.nav a:link, ul#nav li.nav a:link:hover, ul#nav li.nav a:visited, ul#nav li.nav a:visited:hover, ul#nav li.nav a:link:active, ul#nav li.nav a:visited:active {text-decoration:none; /*font-size:14px; padding-left:1.5em;*/} ul#nav li.nav a:link {color:#41587e; } /*#384E72*/ ul#nav li.nav a:link:hover {color: #AB8C6D; } ul#nav li.nav a:visited {color:#41587e ; } ul#nav li.nav a:visited:hover {color: #AB8C6D; } ul#nav li.nav a:link:active {border:none; } ul#nav li.nav a:visited:active {border:none; } ul#nav li.navYears a:link, ul#nav li.navYears a:link:hover, ul#nav li.navYears a:visited, ul#nav li.navYears a:visited:hover, ul#nav li.navYears a:link:active, ul#nav li.navYears a:visited:active {/*text-decoration:none; */font-size:.85em; padding:0 5px 0 3px;/*margin-left:-3px; margin-right:-3px;/*padding-left:1.5em;*/} ul#nav li.navYears a:link {color:#41587e; } /*#384E72*/ ul#nav li.navYears a:link:hover {color: #AB8C6D; } ul#nav li.navYears a:visited {color:#41587e ; } ul#nav li.navYears a:visited:hover {color: #AB8C6D; } ul#nav li.navYears a:link:active {border:none; } ul#nav li.navYears a:visited:active {border:none; } ul#nav li.navYearsCur a:link, ul#nav li.navYearsCur a:link:hover, ul#nav li.navYearsCur a:visited, ul#nav li.navYearsCur a:visited:hover, ul#nav li.navYearsCur a:link:active, ul#nav li.navYearsCur a:visited:active {text-decoration:none; cursor:default; background-color:#666666; font-size:.85em;padding:0 5px 0 3px;} ul#nav li.navYearsCur a:link {color:#CCCCCC; } /*#384E72*/ ul#nav li.navYearsCur a:link:hover {color: #AB8C6D; } ul#nav li.navYearsCur a:visited {color:#999999 ; } ul#nav li.navYearsCur a:visited:hover {color: #AB8C6D; } ul#nav li.navYearsCur a:link:active {border:none; } ul#nav li.navYearsCur a:visited:active {border:none; } .email a:link, .email a:link:hover, .email a:visited, .email a:visited:hover, .email a:link:active, .email a:visited:active { } .email a:link {color:#000040; } .email a:link:hover {color:#464784; } .email a:visited {color:#000040; } .email a:visited:hover {color:#464784; } .email a:link:active {border:none; } .email a:visited:active {border:none; } p a:link, p a:visited {color:#CC6633; text-decoration:none;} p a:hover {color:#CFCFCF;} /* --------------------------------------------------------------------------------------------------------------------------*/ img#year {position:absolute; top:100px; left:840px; } img#year1 {position:absolute; top:30px; left:0; } /* --------------------------------------------------------------------------------------------------------------------------*/ .hiddenPic {display:none; 1border:red solid 1px;} /*form ----------------------------------------------------------------------------------------*/ #formWrap {padding-left:70px; padding-right:20px;} label {font:italic bold 14px/1.2 arial;} input, textarea {background-color:#D3D5DE; border:1px solid #002F5E;} span input {cursor:pointer;} span input:hover {background-color:#41587e; color:374afe; } #thankyou {margin-top:100px; margin-bottom:200px; text-align:center;} #formWrap p {padding:0;} .thankyou {font-size:1.3em;} /* --------------------------------------------------------------------------------------------------------------------------*/