|
1
|
1 |
/* |
|
|
2 |
LAYOUT: Three-Column |
|
|
3 |
DESCRIPTION: Three-column 950px fixed layout with two sidebars on either side of content |
|
|
4 |
*/ |
|
|
5 |
|
|
|
6 |
body { |
|
|
7 |
min-width:960px; |
|
|
8 |
} |
|
|
9 |
#header { |
|
|
10 |
position:relative; |
|
|
11 |
} |
|
|
12 |
#branding { |
|
|
13 |
width:940px; |
|
|
14 |
margin:0 auto; |
|
|
15 |
} |
|
|
16 |
#access { |
|
|
17 |
position:relative; |
|
|
18 |
overflow:hidden; |
|
|
19 |
} |
|
|
20 |
.menu { |
|
|
21 |
width:940px; |
|
|
22 |
margin:0 auto; |
|
|
23 |
} |
|
|
24 |
#main { |
|
|
25 |
width:960px; |
|
|
26 |
margin:0 auto; |
|
|
27 |
overflow:hidden; |
|
|
28 |
position:relative; |
|
|
29 |
} |
|
|
30 |
#container { |
|
|
31 |
width:940px; |
|
|
32 |
float:left; |
|
|
33 |
margin:0 0 0 10px; |
|
|
34 |
} |
|
|
35 |
#content { |
|
|
36 |
margin: 0 240px; |
|
|
37 |
overflow:hidden; |
|
|
38 |
} |
|
|
39 |
#primary { |
|
|
40 |
width:220px; |
|
|
41 |
float:left; |
|
|
42 |
margin: 0 0 0 -940px; |
|
|
43 |
} |
|
|
44 |
* html #primary { |
|
|
45 |
left: 20px; |
|
|
46 |
position: relative; |
|
|
47 |
} |
|
|
48 |
#secondary { |
|
|
49 |
width:220px; |
|
|
50 |
float:left; |
|
|
51 |
margin: 0 0 0 -220px; |
|
|
52 |
} |
|
|
53 |
#footer { |
|
|
54 |
clear:both; |
|
|
55 |
} |
|
|
56 |
#subsidiary { |
|
|
57 |
width:960px; |
|
|
58 |
margin:0 auto; |
|
|
59 |
overflow:hidden; |
|
|
60 |
} |
|
|
61 |
#subsidiary .aside { |
|
|
62 |
width:300px; |
|
|
63 |
float:left; |
|
|
64 |
margin:0 10px 0 10px; |
|
|
65 |
} |
|
|
66 |
#subsidiary #third { |
|
|
67 |
margin:0 0 0 10px; |
|
|
68 |
} |
|
|
69 |
#siteinfo { |
|
|
70 |
clear:both; |
|
|
71 |
width:940px; |
|
|
72 |
margin:0 auto; |
|
|
73 |
} |