|
3
|
1 html {
|
|
|
2 height: 100%;
|
|
|
3 font-size: 90%;
|
|
|
4 }
|
|
|
5 body {
|
|
|
6 position: relative;
|
|
|
7 min-height: 100%;
|
|
|
8 }
|
|
|
9 form#searchform {
|
|
|
10 float: right;
|
|
|
11 margin: 0.5em;
|
|
|
12 }
|
|
|
13 form#searchform input#searchinput {
|
|
|
14 border: 1px solid #c4cccc;
|
|
|
15 font-size: 12px;
|
|
|
16 vertical-align: middle;
|
|
|
17 }
|
|
|
18 form#searchform input#fullsearch,
|
|
|
19 form#searchform input#titlesearch {
|
|
|
20 border-top: 1px solid #c4cccc;
|
|
|
21 border-left: 1px solid #c4cccc;
|
|
|
22 border-bottom: 1px solid #6f7777;
|
|
|
23 border-right: 1px solid #6f7777;
|
|
|
24 background: #f8f7f7 url(../img/button-on-bg.png) no-repeat;
|
|
|
25 font-weight: bold;
|
|
|
26 color: #223344;
|
|
|
27 font-size: 12px;
|
|
|
28 vertical-align: middle;
|
|
|
29 }
|
|
|
30 div#header {
|
|
|
31 background: url(../img/header-bg2.png) repeat-x;
|
|
|
32 border-bottom: 1px solid #999;
|
|
|
33 height: 80px;
|
|
|
34 padding: 1px 0;
|
|
|
35 position: relative;
|
|
|
36 }
|
|
|
37 div#logo {
|
|
|
38 float: left;
|
|
|
39 width: 162px;
|
|
|
40 padding: 6px 0 0 48px;
|
|
|
41 margin: 0 32px 0 0;
|
|
|
42 text-align: center;
|
|
|
43 }
|
|
|
44 div#sidebar {
|
|
|
45 float: left;
|
|
|
46 width: 162px;
|
|
|
47 padding: 4px 0 0 48px;
|
|
|
48 margin: 0 32px 0 0;
|
|
|
49 color: #4b5a6a;
|
|
|
50 font-size: 12px;
|
|
|
51 }
|
|
|
52 div#sidebar h1 {
|
|
|
53 font-weight: bold;
|
|
|
54 font-size: 100%;
|
|
|
55 color: #4b5a6a;
|
|
|
56 font-family: sans-serif;
|
|
|
57 margin: 0.5em;
|
|
|
58 }
|
|
|
59 div#sidebar ul#navibar {
|
|
|
60 padding: 0;
|
|
|
61 margin: 0;
|
|
|
62 }
|
|
|
63 div#sidebar ul#navibar li {
|
|
|
64 margin: 0;
|
|
|
65 padding: 0;
|
|
|
66 border: none;
|
|
|
67 list-style: none;
|
|
|
68 display: block;
|
|
|
69 }
|
|
|
70 div#sidebar ul#navibar li a {
|
|
|
71 display: block;
|
|
|
72 border: 1px solid #dadada;
|
|
|
73 margin: 4px 0 0 0;
|
|
|
74 background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat;
|
|
|
75 color: #4b5a6a;
|
|
|
76 font-family: sans-serif;
|
|
|
77 padding: 2px 4px;
|
|
|
78 letter-spacing: 1px;
|
|
|
79 overflow: hidden;
|
|
|
80 white-space: nowrap;
|
|
|
81 }
|
|
|
82 div#sidebar ul#navibar li.current a {
|
|
|
83 background: #f4f4f4 url(../img/nav-on-bg.png) 100% 0 no-repeat;
|
|
|
84 border-left: 3px solid #ffdb4c;
|
|
|
85 color: #000;
|
|
|
86 }
|
|
|
87 div#sidebar ul {
|
|
|
88 margin: 0;
|
|
|
89 padding: 0;
|
|
|
90 }
|
|
|
91 div#sidebar ul li {
|
|
|
92 list-style: url(../img/bullet.gif);
|
|
|
93 margin: 2px 0 2px 2em;
|
|
|
94 padding: 0;
|
|
|
95 }
|
|
|
96 div#sidebar ul li a {
|
|
|
97 color: #3c4b7b;
|
|
|
98 text-decoration: none;
|
|
|
99 }
|
|
|
100 div#sidebar ul li a:hover {
|
|
|
101 color: #000;
|
|
|
102 text-decoration: underline;
|
|
|
103 }
|
|
|
104 div#sidebar select {
|
|
|
105 width: 100%;
|
|
|
106 font-size: 12px;
|
|
|
107 }
|
|
|
108 div#content {
|
|
|
109 margin: 0 0 0 242px;
|
|
|
110 }
|
|
|
111 div#footer {
|
|
|
112 margin: 0 0 0 242px;
|
|
|
113 border-top: 1px solid #eee;
|
|
|
114 padding: 1em 0;
|
|
|
115 }
|
|
|
116 ul#credits {
|
|
|
117 margin: 0;
|
|
|
118 padding: 0;
|
|
|
119 text-align: center;
|
|
|
120 font-size: 12px;
|
|
|
121 color: #999;
|
|
|
122 }
|
|
|
123 ul#credits a {
|
|
|
124 color: #666;
|
|
|
125 text-decoration: none;
|
|
|
126 }
|
|
|
127 ul#credits a:hover {
|
|
|
128 text-decoration: underline;
|
|
|
129 }
|
|
|
130 ul#credits li {
|
|
|
131 display: inline;
|
|
|
132 list-style: none;
|
|
|
133 margin: 1em;
|
|
|
134 }
|
|
|
135 #locationline {
|
|
|
136 position: absolute;
|
|
|
137 bottom: 4px;
|
|
|
138 left: 242px;
|
|
|
139 background: url(../img/bullet.gif) no-repeat 0 50%;
|
|
|
140 padding: 0 0 0 8px;
|
|
|
141 }
|
|
|
142 #locationline ul {
|
|
|
143 margin: 0;
|
|
|
144 padding: 0;
|
|
|
145 }
|
|
|
146 #locationline ul li {
|
|
|
147 margin: 0.5em;
|
|
|
148 padding: 0;
|
|
|
149 display: inline;
|
|
|
150 list-style: none;
|
|
|
151 }
|
|
|
152 #locationline ul li a {
|
|
|
153 color: #000;
|
|
|
154 text-decoration: none;
|
|
|
155 }
|
|
|
156 #locationline ul li a:hover {
|
|
|
157 text-decoration: underline;
|
|
|
158 }
|
|
|
159 #locationline ul li a.backlink {
|
|
|
160 font-weight: bold;
|
|
|
161 }
|