Fix centering problem on IE6 and cleanup css
[mspang/www.git] / default.css
1 body {
2     margin: 0 auto;
3     padding: 0 20px;
4     text-align: center;
5 }
6
7 hr {
8     border: 0;
9     color: #ccc;
10     background-color: #ccc;
11     height: 1px;
12 }
13
14 h2 {
15     font-size: 18px;
16     text-transform: uppercase;
17     border-left: 10px solid #ff9900;
18     padding-left: 10px;
19     color: #000055;
20 }
21 h3 {
22     font-size: 16px;
23     color: #0055aa;
24 }
25
26 a:visited {
27     background: transparent;
28     color: #8888aa;
29     text-decoration: none;
30 }
31 a:link {
32     background: transparent;
33     color: #0000aa;
34     text-decoration: none; 
35 }
36 a:active {
37     color: #0000cc;
38 }
39
40 table.newsandevents {
41     background: black;
42 }
43
44 td.button {
45     background: #eeeeee;
46     text-align: center;
47 }
48 td.newsdate {
49     background: #eeeeff;
50     text-align: center;
51     font-weight: bold;
52 }
53 td.newsitem {
54     background: white;
55     text-align: left;
56 }
57 td.newsauthor {
58     background: #eeeeff;
59     text-align: center;
60 }
61 td.eventdate {
62     background: #eeffee;
63     text-align: center;
64     font-weight: bold;
65 }
66 td.eventitem {
67     background: white;
68     text-align: left;
69 }
70 td.eventroom {
71     background: #eeffee;
72     text-align: center;
73 }
74 th.news {
75     background: #222255;
76     color: white;
77     text-align: left;
78 }
79 th {
80     background: #002288;
81     color: white;
82 }
83 tr.members1 {
84     background: white;
85 }
86 tr.members2 {
87     background: #cee6ff;
88 }
89
90 img {
91     border-width: 0;
92 }
93
94 div.content {
95     font-family: 'Lucida Grande', Sans, Sans-serif;
96     font-size: 12px;
97     width: 760px;
98     margin: 0px auto;
99     text-align: left;
100 }
101
102 div.footerlogo {
103     float: right;
104     padding-left: 5px;
105 }
106
107 div.webcam {
108     text-align: center;
109 }
110
111 div.biglogo {
112     height: 100px;
113 }
114 div.biglogo div {
115     float: left;
116 }
117 div.biglogo div.uwlogo {
118     margin-top: 16px;
119 }
120 div.biglogo div.acmlogo {
121     margin-top: 12px;
122 }
123 div.biglogo div.csclogo {
124     margin-top: 12px;
125     float: right;
126 }
127
128 div.template-header {
129     padding-top: 5px;
130 }
131
132 div.menubar {
133     background-color: white;
134     padding-top: 12px;
135     margin: 0 auto;
136     text-align: center;
137     height: 75px;
138     vertical-align: middle;
139     font-size: 12px;
140     text-transform: uppercase;
141 }
142
143 div.menuitem {
144     margin: 0;
145     padding: 0;
146     text-align: center;
147     float: left;
148 }
149
150 div.menuitem a {
151     display: block;
152     text-align: center;
153     padding: 5px;
154     margin: 0;
155     text-decoration: none;
156     font-weight: bold;
157 }
158
159 div.menuitem a:hover {
160     color: black;
161     background-color: #eee;
162     border: 1px solid #ccc;
163 }
164
165 div.menuitem p {
166     margin: 0;
167     padding: 0;
168 }
169
170 div.webtitle {
171     height: 46px;
172     width: 750px;
173     background-color: #215498;
174     border-bottom: 4px solid #104387;
175     padding-left: 10px;
176     padding-top: 10px;
177 }
178
179 div.webtitle div {
180     float:left;
181     background-color: #215498;
182 }
183
184 a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
185     font-size: 14px;
186     border-left: 4px solid #ccc;
187     padding: 0 15px 0 5px;
188     color: blue;
189 }
190
191 a.diritem:hover {
192     border-left: 4px solid green;
193 }
194
195 a.homedir {
196     font-weight: bold;
197 }
198
199 a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
200     display: block;
201     padding: 5px 10px 5px 10px;
202     border: 1px solid #ccc;
203     background-color: #eee;
204     color: #999;
205     font-size: 9px;
206     text-align: right;
207     text-transform: uppercase;
208 }
209
210 div.footer {
211     padding-top: 10px;
212     border-top: 1px solid #ccc;
213     font-size: 10px;
214     color: #666;
215 }
216
217 div.infobox {
218     border: 1px solid #ccc;
219     padding: 2px 2px;
220 }
221
222 div.infobox p {
223     margin: 5px;
224     padding: 0;
225 }
226
227 p.mediafile {
228     font-weight: bold;
229 }