1 /* |
|
2 Design by Free CSS Templates |
|
3 http://www.freecsstemplates.org |
|
4 Released for free under a Creative Commons Attribution 2.5 License |
|
5 */ |
|
6 |
|
7 body { |
|
8 margin: 0; |
|
9 padding: 0; |
|
10 background: #FFFFFF url(images/img01.jpg) repeat-x; |
|
11 text-align: justify; |
|
12 font: 15px Arial, Helvetica, sans-serif; |
|
13 color: #626262; |
|
14 } |
|
15 |
|
16 form { |
|
17 margin: 0; |
|
18 padding: 0; |
|
19 } |
|
20 |
|
21 input { |
|
22 padding: 5px; |
|
23 background: #FEFEFE url(images/img13.gif) repeat-x; |
|
24 border: 1px solid #626262; |
|
25 font: normal 1em Arial, Helvetica, sans-serif; |
|
26 } |
|
27 |
|
28 h1, h1 a, h2, h2 a, h3, h3 a { |
|
29 margin: 0; |
|
30 text-decoration: none; |
|
31 font-family: Tahoma, Georgia, "Times New Roman", Times, serif; |
|
32 font-weight: normal; |
|
33 color: #444444; |
|
34 } |
|
35 |
|
36 h1 { |
|
37 letter-spacing: -1px; |
|
38 font-size: 2.2em; |
|
39 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
40 } |
|
41 |
|
42 h2 { |
|
43 letter-spacing: -1px; |
|
44 font-size: 2em; |
|
45 } |
|
46 |
|
47 h3 { |
|
48 font-size: 1em; |
|
49 } |
|
50 |
|
51 p, ol, ul { |
|
52 margin-bottom: 2em; |
|
53 line-height: 200%; |
|
54 } |
|
55 |
|
56 blockquote { |
|
57 margin: 0 0 0 1.5em; |
|
58 padding-left: 1em; |
|
59 border-left: 5px solid #DDDDDD; |
|
60 } |
|
61 |
|
62 a { |
|
63 color: #1692B8; |
|
64 } |
|
65 |
|
66 a:hover { |
|
67 text-decoration: none; |
|
68 } |
|
69 |
|
70 /* Header */ |
|
71 |
|
72 #header { |
|
73 height: 42px; |
|
74 } |
|
75 |
|
76 #logo h1, #logo p { |
|
77 float: left; |
|
78 } |
|
79 |
|
80 #logo h1 { |
|
81 padding: 0px 0 0 40px; |
|
82 } |
|
83 |
|
84 #logo p { |
|
85 margin: 0; |
|
86 padding: 14px 0 0 4px; |
|
87 line-height: normal; |
|
88 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
89 font-size: 14px; |
|
90 } |
|
91 |
|
92 #logo a { |
|
93 text-decoration: none; |
|
94 color: #D0C7A6; |
|
95 } |
|
96 |
|
97 #menu { |
|
98 float: right; |
|
99 } |
|
100 |
|
101 #menu ul { |
|
102 margin: 0; |
|
103 padding: 0; |
|
104 list-style: none; |
|
105 } |
|
106 |
|
107 #menu li { |
|
108 display: block; |
|
109 float: left; |
|
110 height: 42px; |
|
111 } |
|
112 |
|
113 #menu a { |
|
114 display: block; |
|
115 padding: 8px 20px 0px 20px; |
|
116 text-decoration: none; |
|
117 text-align: center; |
|
118 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
119 font-weight: normal; |
|
120 font-size: 14px; |
|
121 color: #CEC5A4; |
|
122 } |
|
123 |
|
124 #menu .last { |
|
125 margin-right: 20px; |
|
126 } |
|
127 |
|
128 #menu a:hover { |
|
129 color: #FFFFFF; |
|
130 } |
|
131 |
|
132 #menu .current_page_item { |
|
133 } |
|
134 |
|
135 #menu .current_page_item a { |
|
136 } |
|
137 |
|
138 /* Page */ |
|
139 |
|
140 #page { |
|
141 padding: 40px 40px 0 40px; |
|
142 } |
|
143 |
|
144 /* Content */ |
|
145 |
|
146 #content { |
|
147 margin-right: 340px; |
|
148 } |
|
149 |
|
150 .post { |
|
151 margin-bottom: 10px; |
|
152 } |
|
153 |
|
154 .post .title { |
|
155 border-bottom: 1px #999999 dashed; |
|
156 font-family: Tahoma, Georgia, "Times New Roman", Times, serif; |
|
157 } |
|
158 |
|
159 .post .title h2 { |
|
160 padding: 30px 30px 0 0px; |
|
161 font-weight: normal; |
|
162 font-size: 2.2em; |
|
163 } |
|
164 |
|
165 .post .title p { |
|
166 margin: 0; |
|
167 padding: 0 0 10px 0px; |
|
168 line-height: normal; |
|
169 color: #BABABA; |
|
170 } |
|
171 |
|
172 .post .title p a { |
|
173 color: #BABABA; |
|
174 } |
|
175 |
|
176 .post .entry { |
|
177 padding: 20px 0px 20px 0px; |
|
178 } |
|
179 |
|
180 .post .links { |
|
181 margin: 0; |
|
182 padding: 0 30px 30px 0px; |
|
183 } |
|
184 |
|
185 .post .links a { |
|
186 display: block; |
|
187 float: left; |
|
188 margin-right: 10px; |
|
189 margin-bottom: 5px; |
|
190 text-align: center; |
|
191 text-decoration: none; |
|
192 font-weight: bold; |
|
193 color: #FFFFFF; |
|
194 } |
|
195 |
|
196 .post .links a:hover { |
|
197 } |
|
198 |
|
199 .post .links .more { |
|
200 width: 128px; |
|
201 height: 30px; |
|
202 background: url(images/img03.jpg) no-repeat left center; |
|
203 } |
|
204 |
|
205 .post .links .comments { |
|
206 width: 152px; |
|
207 height: 30px; |
|
208 background: url(images/img04.jpg) no-repeat left center; |
|
209 } |
|
210 |
|
211 /* Sidebar */ |
|
212 |
|
213 #sidebar { |
|
214 float: right; |
|
215 width: 300px; |
|
216 margin-top: 30px; |
|
217 } |
|
218 |
|
219 #sidebar ul { |
|
220 margin: 0; |
|
221 padding: 0; |
|
222 list-style: none; |
|
223 } |
|
224 |
|
225 #sidebar li { |
|
226 margin-bottom: 10px; |
|
227 background: url(images/img10.gif) no-repeat left bottom; |
|
228 } |
|
229 |
|
230 #sidebar li ul { |
|
231 padding: 0 30px 40px 30px; |
|
232 } |
|
233 |
|
234 #sidebar li li { |
|
235 margin: 0; |
|
236 padding-left: 20px; |
|
237 background: url(images/img11.gif) no-repeat 5px 50%; |
|
238 } |
|
239 |
|
240 #sidebar h2 { |
|
241 padding: 30px 30px 20px 30px; |
|
242 background: url(images/img09.gif) no-repeat; |
|
243 font-weight: normal; |
|
244 font-size: 1.6em; |
|
245 color: #302D26; |
|
246 } |
|
247 |
|
248 |
|
249 /* Search */ |
|
250 |
|
251 #search { |
|
252 padding: 20px 30px 40px 30px; |
|
253 } |
|
254 |
|
255 #search input { |
|
256 padding: 0; |
|
257 width: 70px; |
|
258 height: 29px; |
|
259 background: #DFDFDF url(images/img14.gif) repeat-x; |
|
260 font-weight: bold; |
|
261 } |
|
262 |
|
263 #search #s { |
|
264 padding: 5px; |
|
265 width: 150px; |
|
266 height: auto; |
|
267 background: #FEFEFE url(images/img13.gif) repeat-x; |
|
268 border: 1px solid #626262; |
|
269 font: normal 1em Arial, Helvetica, sans-serif; |
|
270 } |
|
271 |
|
272 #search br { |
|
273 display: none; |
|
274 } |
|
275 |
|
276 /* Categories */ |
|
277 |
|
278 #sidebar #categories li { |
|
279 background: url(images/img12.gif) no-repeat left center; |
|
280 } |
|
281 |
|
282 /* Calendar */ |
|
283 |
|
284 #calendar_wrap { |
|
285 padding: 0 30px 40px 30px; |
|
286 } |
|
287 |
|
288 #calendar table { |
|
289 width: 100%; |
|
290 text-align: center; |
|
291 } |
|
292 |
|
293 #calendar thead { |
|
294 background: #F1F1F1; |
|
295 } |
|
296 |
|
297 #calendar tbody td { |
|
298 border: 1px solid #F1F1F1; |
|
299 } |
|
300 |
|
301 #calendar #prev { |
|
302 text-align: left; |
|
303 } |
|
304 |
|
305 #calendar #next { |
|
306 text-align: right; |
|
307 } |
|
308 |
|
309 #calendar tfoot a { |
|
310 text-decoration: none; |
|
311 font-weight: bold; |
|
312 } |
|
313 |
|
314 #calendar #today { |
|
315 background: #FFF3A7; |
|
316 border: 1px solid #EB1400; |
|
317 font-weight: bold; |
|
318 color: #EB1400 |
|
319 } |
|
320 |
|
321 /* Footer */ |
|
322 |
|
323 #footer { |
|
324 padding: 70px 0 50px 0; |
|
325 background: #757575 url(images/img08.gif) repeat-x; |
|
326 } |
|
327 |
|
328 #footer p { |
|
329 margin-bottom: 1em; |
|
330 text-align: center; |
|
331 line-height: normal; |
|
332 font-size: .9em; |
|
333 color: #BABABA; |
|
334 } |
|
335 |
|
336 #footer a { |
|
337 padding: 0 20px; |
|
338 text-decoration: none; |
|
339 color: #DDDDDD; |
|
340 } |
|
341 |
|
342 #footer a:hover { |
|
343 color: #FFFFFF; |
|
344 } |
|
345 |
|
346 #footer .rss { |
|
347 background: url(images/img18.gif) no-repeat left center; |
|
348 } |
|
349 |
|
350 #footer .xhtml { |
|
351 background: url(images/img19.gif) no-repeat left center; |
|
352 } |
|
353 |
|
354 #footer .css { |
|
355 background: url(images/img20.gif) no-repeat left center; |
|
356 } |
|
357 |
|
358 #footer .legal a { |
|
359 padding: 0; |
|
360 } |
|