/img/style.css

  1html {
  2    height: 100%;
  3}
  4
  5* {
  6    margin: 0;
  7    padding: 0;
  8}
  9
 10body {
 11    font: normal .80em 'trebuchet ms', arial, sans-serif;
 12    background: #F4F4EE;
 13    color: #5D5D5D;
 14}
 15
 16p {
 17    padding: 0 0 20px 0;
 18    line-height: 1.7em;
 19}
 20
 21img {
 22    border: 0;
 23}
 24
 25h1, h2, h3, h4, h5, h6  {
 26    font: normal 175% 'century gothic', arial, sans-serif;
 27    color: #43423F;
 28    margin: 0 0 10px 0;
 29    padding: 15px 0 5px 0;
 30}
 31
 32h2 {
 33    font: normal 175% 'century gothic', arial, sans-serif;
 34    color: #B60000;
 35}
 36
 37h3 {
 38    font: normal 165% 'century gothic', arial, sans-serif;
 39}
 40
 41h4, h5, h6 {
 42    margin: 0;
 43    padding: 0 0 10px 0;
 44    font: normal 120% arial, sans-serif;
 45    color: #B60000;
 46}
 47
 48h5, h6 {
 49    font: italic 95% arial, sans-serif;
 50    color: #888;
 51}
 52
 53h6 {
 54    color: #362C20;
 55}
 56
 57a, a:hover {
 58    outline: none;
 59    text-decoration: none;
 60    color: #838800;
 61}
 62
 63a:hover {
 64    text-decoration: none;
 65    color: #5D5D5D;
 66}
 67
 68.left {
 69    float: left;
 70    width: auto;
 71    margin: 0 10px 0 0;
 72}
 73
 74.right {
 75    float: right;
 76    width: auto;
 77    margin: 0 0 0 10px;
 78    padding: 0;
 79}
 80
 81.center {
 82    display: block;
 83    text-align: center;
 84    margin: 20px auto;
 85}
 86
 87blockquote {
 88    margin: 10px;
 89    padding: 10px;
 90    border: 1px solid #E5E5DB;
 91    background: #FFF;
 92}
 93
 94ul {
 95    margin: 2px 0 22px 0;
 96}
 97
 98ul li {
 99    list-style-type: circle;
100    margin: 0 0 6px 0;
101    padding: 0 0 4px 5px;
102}
103
104ol {
105    margin: 8px 0 22px 20px;
106}
107
108ol li {
109    margin: 0 0 11px 0;
110}
111
112#main, #logo, #menubar, #content_header, #site_content, #content_footer, #footer {
113    margin-left: auto;
114    margin-right: auto;
115}
116
117#main {
118    padding-bottom: 20px;
119}
120
121#header {
122    background: #3A332D;
123    height: 170px;
124    margin: 0 0 30px 0;
125}
126
127#logo {
128    width: 878px;
129    position: relative;
130    height: 134px;
131    background: #3A332D url(images/logo.png) no-repeat;
132}
133
134#logo #logo_text {
135    position: absolute;
136    top: 10px;
137}
138
139#logo h1, #logo h2 {
140    font: normal 280% 'century gothic', arial, sans-serif;
141    border-bottom: 0;
142    text-transform: none;
143    margin: 0 0 0 9px;
144}
145
146#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {
147    padding: 22px 0 0 0;
148    color: #FFF;
149    letter-spacing: 0.1em;
150    text-decoration: none;
151}
152
153#logo_text h1 a .logo_colour {
154    color: #ECEF01;
155}
156
157#logo_text h2 {
158    font-size: 120%;
159    padding: 4px 0 0 0;
160    color: #A8AA94;
161}
162
163#content_header, #content_footer {
164    width: 940px;
165    background: url(images/content_header.png) no-repeat;
166    height: 14px;
167}
168
169#content_footer {
170    background: url(images/content_footer.png) no-repeat;
171}
172
173#site_content {
174    width: 878px;
175    overflow: hidden;
176    margin: 0 auto 0 auto;
177    padding: 0 20px 20px 40px;
178    background: #FFF;
179    border-left: 1px solid #ECECE0;
180    border-right: 1px solid #ECECE0;
181} 
182
183.sidebar {
184    float: right;
185    width: 190px;
186    padding: 0 15px 20px 15px;
187}
188
189.sidebar ul {
190    width: 178px; 
191    padding: 4px 0 0 0; 
192    margin: 4px 0 30px 0;
193}
194
195.sidebar li {
196    list-style: none; 
197    padding: 0 0 7px 0;
198}
199
200.sidebar li a, .sidebar li a:hover {
201    padding: 0 0 0 35px;
202    display: block;
203    background: transparent url(images/link.png) no-repeat left center;
204} 
205
206.sidebar li a.selected {
207    color: #444;
208    text-decoration: none;
209} 
210
211.rss {
212    height: 26px;
213    padding: 5px 0 0 25px;
214    margin-bottom: 15px;
215    display: block;
216    background: transparent url(images/rss.png) no-repeat left center;
217}
218
219.spacer {
220    padding: 20px 0 20px 0;
221}
222
223.info {
224    float: left;
225}
226
227.infocomments {
228    float: right;
229}
230
231.more {
232    text-align: right;
233}
234
235.next {
236    margin: 10px 30px 0px 0px;
237    float: right;
238}
239
240.prev {
241    margin: 10px 0px 0px 30px;
242    float: left;
243}
244
245.albumy {
246    list-style: none;
247}
248
249.albumy_miniaturka {
250    float: left;
251    margin: 10px 5px 5px 5px;
252}
253
254#content {
255    text-align: justify;
256    width: 613px;
257    padding: 0;
258}
259
260#content ul {
261    margin: 2px 0 22px 0px;
262}
263
264#content ul li {
265    list-style-type: none;
266    background: url(images/bullet.png) no-repeat;
267    margin: 0 0 6px 0;
268    padding: 0 0 4px 25px;
269    line-height: 1.5em;
270}
271
272#footer {
273    width: 916px;
274    font: normal 90% arial, sans-serif;
275    height: 28px;
276    padding: 30px 0 0 0;
277    text-align: center;
278    background: transparent;
279    color: #333;
280    letter-spacing: 0.1em;
281}
282
283#footer a, #footer a:hover {
284    color: #888;
285    text-decoration: none;
286}
287
288#footer a:hover {
289    color: #333;
290}
291
292.search {
293    color: #5D5D5D;
294    border: 1px solid #BBB;
295    width: 134px;
296    padding: 4px;
297    font: 100% arial, sans-serif;
298}
299
300.textarea {
301    color: #5D5D5D;
302    border: 1px solid #BBB;
303    width: 600px;
304    padding: 4px;
305    font: 100% arial, sans-serif;
306}
307
308#id_submit {
309    width: 150px;
310    height: 25px;
311    border: 1px solid #BBB;
312    cursor: hand;
313}
314
315.form_settings {
316    margin: 15px 0 0 0;
317}
318
319.form_settings p {
320    padding: 0 0 4px 0;
321}
322
323.form_settings span {
324    float: left;
325    width: 200px;
326    text-align: left;
327}
328  
329.form_settings input, .form_settings textarea {
330    padding: 5px;
331    width: 299px;
332    font: 100% arial;
333    border: 1px solid #E5E5DB;
334    background: #FFF;
335    color: #47433F;
336}
337
338.form_settings .submit {
339    font: 100% arial;
340    border: 1px solid;
341    width: 99px;
342    margin: 0 0 0 212px;
343    height: 33px;
344    padding: 2px 0 3px 0;
345    cursor: pointer;
346    background: #3B3B3B;
347    color: #FFF;
348}
349
350.form_settings textarea, .form_settings select {
351    font: 100% arial;
352    width: 299px;
353}
354
355.form_settings select {
356    width: 310px;
357}
358
359.form_settings .checkbox {
360    margin: 4px 0;
361    padding: 0;
362    width: 14px;
363    border: 0;
364    background: none;
365}
366
367.separator {
368    width: 100%;
369    height: 0;
370    border-top: 1px solid #D9D5CF;
371    border-bottom: 1px solid #FFF;
372    margin: 0 0 20px 0;
373}
374
375.search_submit {
376    width: 33px;
377    height: 33px;
378    background-image: url(images/search.png);
379    background-color: white;
380    border: 0px;
381    cursor: hand;
382    margin: 0 0 -9px 5px;
383}
384
385#menubar {
386    width: 1100px;
387    margin: 1px 0 0 0;
388    position: absolute;
389}