rlm@0
|
1 body
|
rlm@0
|
2 {
|
rlm@0
|
3 background-color:rgb(0,0,0);
|
rlm@0
|
4 font: 12px Arial,Helvetica,Verdana,sans-serif;
|
rlm@0
|
5 }
|
rlm@0
|
6
|
rlm@0
|
7
|
rlm@0
|
8 h1
|
rlm@0
|
9 {
|
rlm@0
|
10 letter-spacing: 0px;
|
rlm@0
|
11 background-color: rgb(220,220,220);
|
rlm@0
|
12 background-color: #000;
|
rlm@0
|
13 font: italic normal 100 35px arial;
|
rlm@0
|
14 vertical-align: middle;
|
rlm@0
|
15 text-align: center;
|
rlm@0
|
16 margin-bottom: 0px;
|
rlm@0
|
17 color: rgb(177,0,41);
|
rlm@0
|
18 }
|
rlm@0
|
19
|
rlm@0
|
20 #caput {
|
rlm@0
|
21 background-image: url(C:\Judy_Yates_Website\album_pics\2_logo.jpg);
|
rlm@0
|
22 }
|
rlm@0
|
23
|
rlm@0
|
24
|
rlm@0
|
25
|
rlm@0
|
26 p.orangebox
|
rlm@0
|
27 {
|
rlm@0
|
28 background-color: rgb(224,187,97);
|
rlm@0
|
29 letter-spacing: 0px;
|
rlm@0
|
30 word-spacing: 0px;
|
rlm@0
|
31 font: normal normal 100 18px arial;
|
rlm@0
|
32 color:rgb(0,0,0);
|
rlm@0
|
33 border: 1px solid rgb(0,0,50);
|
rlm@0
|
34 margin: 0% 0% 0% 0%;
|
rlm@0
|
35 padding: 5% 5% 5% 5%;
|
rlm@0
|
36 text-align: justify;
|
rlm@0
|
37 line-height: 130%;
|
rlm@0
|
38 }
|
rlm@0
|
39
|
rlm@0
|
40
|
rlm@0
|
41 img {
|
rlm@0
|
42 border: 1px solid #ccc;
|
rlm@0
|
43 }
|
rlm@0
|
44 img.judy{
|
rlm@0
|
45 border: none;
|
rlm@0
|
46 float:left;
|
rlm@0
|
47 margin:5px;
|
rlm@0
|
48 }
|
rlm@0
|
49
|
rlm@0
|
50
|
rlm@0
|
51 div.orangebox {
|
rlm@0
|
52 background: #111;
|
rlm@0
|
53 letter-spacing: 0px;
|
rlm@0
|
54 word-spacing: 0px;
|
rlm@0
|
55 font: normal normal 100 18px arial;
|
rlm@0
|
56 color:rgb(0,0,0);
|
rlm@0
|
57 border-top: 1px solid #f00;
|
rlm@0
|
58 border-bottom: 1px solid #f00;
|
rlm@0
|
59 margin: 0% 0% 0% 0%;
|
rlm@0
|
60 padding: 5% 5% 5% 5%;
|
rlm@0
|
61 text-align: justify;
|
rlm@0
|
62 line-height: 130%;
|
rlm@0
|
63 width: 720px;
|
rlm@0
|
64
|
rlm@0
|
65 }
|
rlm@0
|
66
|
rlm@0
|
67
|
rlm@0
|
68 span.paragraph
|
rlm@0
|
69 {
|
rlm@0
|
70 font: normal normal 100 20px arial;
|
rlm@0
|
71 color: rgb(255,0,0);
|
rlm@0
|
72 font-variant: small-caps;
|
rlm@0
|
73 }
|
rlm@0
|
74
|
rlm@0
|
75 a.paragraph{
|
rlm@0
|
76 font: normal normal 100 18px arial;
|
rlm@0
|
77 color: red;
|
rlm@0
|
78 }
|
rlm@0
|
79
|
rlm@0
|
80 div.menu{
|
rlm@0
|
81 overflow: hidden;
|
rlm@0
|
82 width: 100%;
|
rlm@0
|
83 height: 30px;
|
rlm@0
|
84 background:#000;
|
rlm@0
|
85 }
|
rlm@0
|
86
|
rlm@0
|
87
|
rlm@0
|
88 li.menu{display: inline;}
|
rlm@0
|
89
|
rlm@0
|
90
|
rlm@0
|
91
|
rlm@0
|
92 ul.menu
|
rlm@0
|
93 {
|
rlm@0
|
94 float:left;
|
rlm@0
|
95 width:100%;
|
rlm@0
|
96 padding:0;
|
rlm@0
|
97 margin:0;
|
rlm@0
|
98 list-style-type:none;
|
rlm@0
|
99 }
|
rlm@0
|
100
|
rlm@0
|
101 a.menu
|
rlm@0
|
102 {
|
rlm@0
|
103 font: normal normal 100 18px arial;
|
rlm@0
|
104 margin:0px;
|
rlm@0
|
105 text-decoration:none;
|
rlm@0
|
106 color:white;
|
rlm@0
|
107 background-color:rgb(0,0,0);
|
rlm@0
|
108 float: left;
|
rlm@0
|
109 padding:0.2em 0.6em;
|
rlm@0
|
110 }
|
rlm@0
|
111
|
rlm@0
|
112 a.menu:hover {background-color:rgb(240,75,28);
|
rlm@0
|
113 }
|
rlm@0
|
114
|
rlm@0
|
115
|
rlm@0
|
116 .nav a {
|
rlm@0
|
117 text-decoration: none;
|
rlm@0
|
118 color: #000;
|
rlm@0
|
119 font-weight: bolder;
|
rlm@0
|
120 font-size: 80%;
|
rlm@0
|
121 }
|
rlm@0
|
122 .nav a:hover {
|
rlm@0
|
123 text-decoration: underline;
|
rlm@0
|
124 color: #fff;
|
rlm@0
|
125 }
|
rlm@0
|
126
|
rlm@0
|
127
|
rlm@0
|
128 div.main{
|
rlm@0
|
129 position:absolute;
|
rlm@0
|
130 top:150px;
|
rlm@0
|
131 left:150px;
|
rlm@0
|
132 border: 2px solid black;
|
rlm@0
|
133 width: 700px;
|
rlm@0
|
134 height:400px;
|
rlm@0
|
135 padding:50px;
|
rlm@0
|
136 background-color:rgb(50,0,0);
|
rlm@0
|
137 }
|
rlm@0
|
138
|
rlm@0
|
139
|
rlm@0
|
140
|
rlm@0
|
141
|
rlm@0
|
142 div.lightorangebox{
|
rlm@0
|
143 background-color: rgb(224,187,97);
|
rlm@0
|
144 letter-spacing: 0px;
|
rlm@0
|
145 word-spacing: 0px;
|
rlm@0
|
146 font: normal normal 100 18px arial;
|
rlm@0
|
147 color:rgb(0,0,0);
|
rlm@0
|
148 border: 1px solid rgb(0,0,50);
|
rlm@0
|
149 margin: 0% 0% 0% 0%;
|
rlm@0
|
150 padding: 5% 5% 5% 5%;
|
rlm@0
|
151 text-align: justify;
|
rlm@0
|
152 line-height: 130%;}
|
rlm@0
|
153
|
rlm@0
|
154
|
rlm@0
|
155 div.group{
|
rlm@0
|
156 width: 100%;
|
rlm@0
|
157 background-color: rgb(25,90,255);
|
rlm@0
|
158
|
rlm@0
|
159 }
|
rlm@0
|
160
|
rlm@0
|
161
|
rlm@0
|
162 div.nav{
|
rlm@0
|
163 overflow: none;
|
rlm@0
|
164 width:100%;
|
rlm@0
|
165
|
rlm@0
|
166 background-color:rgb(255,255,255);
|
rlm@0
|
167 clear:none;
|
rlm@0
|
168 margin: 0px;
|
rlm@0
|
169 padding: 0px;
|
rlm@0
|
170 }
|
rlm@0
|
171
|
rlm@0
|
172 ul.nav{
|
rlm@0
|
173 background: #b89878;
|
rlm@0
|
174 width:76px;
|
rlm@0
|
175 text-align:center;
|
rlm@0
|
176 padding:8px;
|
rlm@0
|
177 margin:0px;
|
rlm@0
|
178 list-style-type:none;
|
rlm@0
|
179 }
|
rlm@0
|
180
|
rlm@0
|
181 li.nav{margin-top: .25em; margin-bottom: .25em;}
|
rlm@0
|
182
|
rlm@0
|
183
|
rlm@0
|
184 table{
|
rlm@0
|
185
|
rlm@0
|
186 border-bottom: 1px solid #ff0000;
|
rlm@0
|
187 border-top: 1px solid #ff0000;
|
rlm@0
|
188 background-color: #000000;
|
rlm@0
|
189
|
rlm@0
|
190 }
|
rlm@0
|
191
|
rlm@0
|
192 table table {
|
rlm@0
|
193 border: none;
|
rlm@0
|
194 }
|
rlm@0
|
195
|
rlm@0
|
196 #cur {
|
rlm@0
|
197 color: #ffdd00;
|
rlm@0
|
198
|
rlm@0
|
199 }
|
rlm@0
|
200
|
rlm@0
|
201
|
rlm@0
|
202
|
rlm@0
|
203 li.olb{
|
rlm@0
|
204 color:000;
|
rlm@0
|
205 text-decoration:underline;
|
rlm@0
|
206
|
rlm@0
|
207 list-style-type: none;}
|
rlm@0
|
208
|
rlm@0
|
209 li.orderlist{
|
rlm@0
|
210 text-indent: 2em;
|
rlm@0
|
211 color:555;}
|
rlm@0
|
212
|
rlm@0
|
213
|
rlm@0
|
214 ul.address{
|
rlm@0
|
215
|
rlm@0
|
216 list-style-type:none;
|
rlm@0
|
217 text-align:center;}
|
rlm@0
|
218
|
rlm@0
|
219
|
rlm@0
|
220 li.address{
|
rlm@0
|
221
|
rlm@0
|
222 text-align:center;}
|
rlm@0
|
223
|
rlm@0
|
224 span.email{
|
rlm@0
|
225 color:red;
|
rlm@0
|
226 }
|
rlm@0
|
227
|
rlm@0
|
228
|
rlm@0
|
229 span.money{
|
rlm@0
|
230
|
rlm@0
|
231 color: #004400;}
|
rlm@0
|
232
|
rlm@0
|
233
|
rlm@0
|
234
|
rlm@0
|
235 div.copyright{
|
rlm@0
|
236 color: white;
|
rlm@0
|
237 background-color:black;
|
rlm@0
|
238
|
rlm@0
|
239 text-align:center;
|
rlm@0
|
240 }
|
rlm@0
|
241
|
rlm@0
|
242
|
rlm@0
|
243 span.name{
|
rlm@0
|
244
|
rlm@0
|
245 float:right;
|
rlm@0
|
246
|
rlm@0
|
247
|
rlm@0
|
248
|
rlm@0
|
249 }
|
rlm@0
|
250 |