rlm@0: body rlm@0: { rlm@0: background-color:rgb(0,0,0); rlm@0: font: 12px Arial,Helvetica,Verdana,sans-serif; rlm@0: } rlm@0: rlm@4: /* rlm@0: rlm@0: h1 rlm@0: { rlm@0: letter-spacing: 0px; rlm@0: background-color: rgb(220,220,220); rlm@0: background-color: #000; rlm@0: font: italic normal 100 35px arial; rlm@0: vertical-align: middle; rlm@0: text-align: center; rlm@0: margin-bottom: 0px; rlm@0: color: rgb(177,0,41); rlm@0: } rlm@4: */ rlm@0: rlm@0: #caput { rlm@0: background-image: url(C:\Judy_Yates_Website\album_pics\2_logo.jpg); rlm@0: } rlm@0: rlm@0: rlm@0: rlm@0: p.orangebox rlm@0: { rlm@0: background-color: rgb(224,187,97); rlm@0: letter-spacing: 0px; rlm@0: word-spacing: 0px; rlm@0: font: normal normal 100 18px arial; rlm@0: color:rgb(0,0,0); rlm@0: border: 1px solid rgb(0,0,50); rlm@0: margin: 0% 0% 0% 0%; rlm@0: padding: 5% 5% 5% 5%; rlm@0: text-align: justify; rlm@0: line-height: 130%; rlm@0: } rlm@0: rlm@0: rlm@4: rlm@4: img.gallery { rlm@0: border: 1px solid #ccc; rlm@4: rlm@0: } rlm@4: rlm@0: img.judy{ rlm@0: border: none; rlm@0: float:left; rlm@0: margin:5px; rlm@0: } rlm@0: rlm@0: rlm@0: div.orangebox { rlm@0: background: #111; rlm@0: letter-spacing: 0px; rlm@0: word-spacing: 0px; rlm@5: font: normal normal 100 16px arial; rlm@0: color:rgb(0,0,0); rlm@0: border-top: 1px solid #f00; rlm@0: border-bottom: 1px solid #f00; rlm@0: margin: 0% 0% 0% 0%; rlm@0: padding: 5% 5% 5% 5%; rlm@0: text-align: justify; rlm@0: line-height: 130%; rlm@0: width: 720px; rlm@0: rlm@0: } rlm@0: rlm@0: rlm@0: span.paragraph rlm@0: { rlm@0: font: normal normal 100 20px arial; rlm@0: color: rgb(255,0,0); rlm@0: font-variant: small-caps; rlm@0: } rlm@0: rlm@0: a.paragraph{ rlm@0: font: normal normal 100 18px arial; rlm@0: color: red; rlm@0: } rlm@0: rlm@0: div.menu{ rlm@0: overflow: hidden; rlm@0: width: 100%; rlm@0: height: 30px; rlm@0: background:#000; rlm@0: } rlm@0: rlm@0: rlm@0: li.menu{display: inline;} rlm@0: rlm@0: rlm@0: rlm@0: ul.menu rlm@0: { rlm@0: float:left; rlm@0: width:100%; rlm@0: padding:0; rlm@0: margin:0; rlm@0: list-style-type:none; rlm@0: } rlm@0: rlm@0: a.menu rlm@0: { rlm@0: font: normal normal 100 18px arial; rlm@0: margin:0px; rlm@0: text-decoration:none; rlm@0: color:white; rlm@0: background-color:rgb(0,0,0); rlm@0: float: left; rlm@0: padding:0.2em 0.6em; rlm@0: } rlm@0: rlm@0: a.menu:hover {background-color:rgb(240,75,28); rlm@0: } rlm@0: rlm@0: rlm@0: .nav a { rlm@0: text-decoration: none; rlm@0: color: #000; rlm@0: font-weight: bolder; rlm@0: font-size: 80%; rlm@0: } rlm@0: .nav a:hover { rlm@0: text-decoration: underline; rlm@0: color: #fff; rlm@0: } rlm@0: rlm@0: rlm@0: div.main{ rlm@0: position:absolute; rlm@0: top:150px; rlm@0: left:150px; rlm@0: border: 2px solid black; rlm@0: width: 700px; rlm@0: height:400px; rlm@0: padding:50px; rlm@0: background-color:rgb(50,0,0); rlm@0: } rlm@0: rlm@0: rlm@0: rlm@0: rlm@0: div.lightorangebox{ rlm@0: background-color: rgb(224,187,97); rlm@0: letter-spacing: 0px; rlm@0: word-spacing: 0px; rlm@0: font: normal normal 100 18px arial; rlm@0: color:rgb(0,0,0); rlm@0: border: 1px solid rgb(0,0,50); rlm@0: margin: 0% 0% 0% 0%; rlm@0: padding: 5% 5% 5% 5%; rlm@0: text-align: justify; rlm@0: line-height: 130%;} rlm@0: rlm@0: rlm@0: div.group{ rlm@0: width: 100%; rlm@0: background-color: rgb(25,90,255); rlm@0: rlm@0: } rlm@0: rlm@0: rlm@0: div.nav{ rlm@0: overflow: none; rlm@0: width:100%; rlm@0: rlm@0: background-color:rgb(255,255,255); rlm@0: clear:none; rlm@0: margin: 0px; rlm@0: padding: 0px; rlm@0: } rlm@0: rlm@0: ul.nav{ rlm@0: background: #b89878; rlm@0: width:76px; rlm@0: text-align:center; rlm@0: padding:8px; rlm@0: margin:0px; rlm@0: list-style-type:none; rlm@0: } rlm@0: rlm@0: li.nav{margin-top: .25em; margin-bottom: .25em;} rlm@0: rlm@0: rlm@4: table.gallery{ rlm@0: rlm@0: border-bottom: 1px solid #ff0000; rlm@0: border-top: 1px solid #ff0000; rlm@0: background-color: #000000; rlm@0: rlm@0: } rlm@0: rlm@0: table table { rlm@0: border: none; rlm@0: } rlm@0: rlm@0: #cur { rlm@0: color: #ffdd00; rlm@0: rlm@0: } rlm@0: rlm@0: rlm@0: rlm@0: li.olb{ rlm@0: color:000; rlm@0: text-decoration:underline; rlm@0: rlm@0: list-style-type: none;} rlm@0: rlm@0: li.orderlist{ rlm@0: text-indent: 2em; rlm@0: color:555;} rlm@0: rlm@0: rlm@0: ul.address{ rlm@0: rlm@0: list-style-type:none; rlm@0: text-align:center;} rlm@0: rlm@0: rlm@0: li.address{ rlm@0: rlm@0: text-align:center;} rlm@0: rlm@0: span.email{ rlm@0: color:red; rlm@0: } rlm@0: rlm@0: rlm@0: span.money{ rlm@0: rlm@0: color: #004400;} rlm@0: rlm@0: rlm@0: rlm@0: div.copyright{ rlm@0: color: white; rlm@0: background-color:black; rlm@0: rlm@0: text-align:center; rlm@0: } rlm@0: rlm@0: rlm@0: span.name{ rlm@0: rlm@0: float:right; rlm@0: rlm@0: rlm@0: rlm@0: } rlm@3: