Joomla 1.5 Правка цветов

Здраствуйте! Нужна помощь в редактировании шаблона, нужно подправить цвета (на сколько я понял) в CSS.
Вот скрин шаблона:




желтым цветом выделил те участки, цвет которых нужно изменить, это правиться в КСС ? если да, тыкните меня носом в место где это править Вот КСС:

Код (html):

1. /* COMMON STYLE
2. --------------------------------------------------------- */
3. body {
4.     background: #fff;
5.     color: #000;
6.     font-family: Arial, sans-serif;
7.     line-height: 1.5;
8. }
9.  
10. body#bd {
11.     background: #f7f7f7;
12.     color: #000;
13. }
14.  
15. body.fs1 {font-size: 10px;}
16. body.fs2 {font-size: 11px;}
17. body.fs3 {font-size: 12px;}
18. body.fs4 {font-size: 13px;}
19. body.fs5 {font-size: 14px;}
20. body.fs6 {font-size: 15px;}
21.  
22. /* Normal links ---*/
23. a {
24.     color: #145077;
25.     text-decoration: none;
26. }
27.  
28. a:hover, a:active, a:focus {
29.     color: #145077;
30.     text-decoration: underline;
31. }
32.  
33. /* Readon links ---*/
34. a.readon { text-transform: uppercase; }
35.  
36. a.readon:hover, a.readon:active, a.readon:focus {}
37.  
38. /* Content spacing ---*/
39. .column p, .column pre, .column blockquote,
40. .column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
41. .column ol, .column ul {
42.     margin: 15px 0;
43.     padding: 0;
44. }
45.  
46. /* Headings & Titles ---*/
47. h1 {font-size: 200%;}
48. h2 {font-size: 175%;}
49. h3 {font-size: 150%;}
50. h4 {font-size: 125%;}
51. h5 {font-size: 100%;}
52.  
53. .contentheading, .componentheading, h1, h2, h3, h4, h5 {
54.     font-family: Cambria, Times, serif;
55.     font-weight: bold;
56.     line-height: 1.2;
57. }
58.  
59. h1.componentheading, .componentheading {
60.     margin: 0 -15px;
61.     padding: 0 15px 10px;
62. }
63.  
64. .componentheading {
65.     font-size: 250%;
66.     border-bottom: 1px solid #;
67. }
68.  
69. h2.contentheading, .contentheading {
70.     margin: 0;
71.     padding: 0 0 10px;
72. }
73.  
74. .contentheading { font-size: 200%; }
75. .blog .contentheading { font-size: 125%; }
76. .blog .leading .contentheading { font-size: 175%; }
77.  
78. a.contentpagetitle,
79. a.contentpagetitle:hover,
80. a.contentpagetitle:active,
81. a.contentpagetitle:focus {
82.     font-weight: bold;
83. }
84.  
85. .category { font-size: 110%; font-weight: bold; }
86.  
87. /* Small text ---*/
88. small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
89. p.site-slogan, a.readon, .ja-navhelper, #ja-footer {
90.     font-size: 92%;
91. }
92.  
93. small, .small { color: #999999; }
94.  
95. .smalldark { text-align: left; }
96.  
97. /* List ---*/
98. .column ul li {
99.     background: url(../images/bullet.gif) no-repeat 15px 6px;
100.     line-height: 160%;
101.     padding-left: 25px;
102.     margin-bottom: 5px;
103.     line-height: 1.3;
104.     overflow: hidden;
105. }
106.  
107. .column ol li {
108.     line-height: 180%;
109.     margin-left: 35px;
110. }
111.  
112. /* Others ---*/
113. th { font-weight: bold; padding: 5px; text-align: left; }
114. td { font-size: 100%; }
115.  
116. fieldset { border: none; padding: 10px 5px; }
117.  
118. fieldset a { font-weight: bold; }
119.  
120. fieldset.input { padding: 0; }
121.  
122. hr {
123.     border-bottom: 0;
124.     border-left: 0;
125.     border-right: 0;
126.     border-top: 1px solid #ddd;
127.     height: 1px;
128. }
129.  
130. /* FORM
131. --------------------------------------------------------- */
132. form label { cursor: pointer; }
133.  
134. input, select, textarea, .inputbox {
135.     font-family: Arial, sans-serif;
136.     font-size: 100%;
137. }
138.  
139. .inputbox {
140.     color: #000;
141.     background-color: #fff;
142.     border: 1px solid #ddd;
143.     padding: 2px;
144. }
145.  
146. .inputbox:hover, .inputbox:focus {
147.     background-color: #fffff0;
148.     border: 1px solid #aaa;
149. }
150.  
151. .button {
152.     font-size: 92%;
153.     background: url(../images/but-bg.gif) repeat-x bottom #fff;
154.     color: #666;
155.     border: 1px solid #ddd;
156.     padding-top: 1px;
157.     padding-bottom: 1px;
158.     cursor: pointer;
159.     text-transform: uppercase;
160. }
161.  
162. .button:hover, .button:focus {
163.     border: 1px solid #aaa;
164. }
165.  
166. .checkbox { }
167. .radio { margin: 0 5px; }
168.  
169. /* Login Form ---*/
170. #form-login-username .inputbox,
171. #form-login-password .inputbox {
172.     font-weight: bold;
173.     padding-left: 20px;
174.     background-repeat: no-repeat;
175.     background-position: 5px center;
176. }
177.  
178. #form-login-username .inputbox {
179.     background-image: url(../images/icon-user.gif);
180. }
181.  
182. #form-login-password .inputbox {
183.     background-image: url(../images/icon-key.gif);
184. }
185.  
186. #form-login ul { margin: 0; padding: 0; }
187. #form-login ul li {
188.     background: url(../images/bullet.gif) no-repeat 2px 7px !important;
189.     margin: 0;
190.     padding-left: 10px;
191.     overflow: hidden;
192. }
193.  
194. #form-login .button { margin: 10px 0; font-weight: bold; font-size: 100%; }
195.  
196. /*Search Form ---*/
197. #ja-search {
198.     float: right;
199.     margin-top: 20px;
200. }
201.  
202. #ja-search label { display: none; }
203.  
204. #ja-search .inputbox {
205.     width: 270px;
206.     background: url(../images/icon-search.gif) no-repeat 8px center #fff;
207.     padding-left: 24px;
208.     font-weight: bold;
209.     font-size: 115%;
210. }
211.  
212. #ja-search .inputbox:hover, #ja-search .inputbox:focus {
213.     background-color: #fffff0;
214. }
215.  
216. #ja-search .button {
217.     margin-left: 5px;
218.     font-size: 115%;
219.     font-weight: bold;
220.     text-transform: none;
221. }
222.  
223. /* JOOMLA STYLE
224. --------------------------------------------------------- */
225. /* Layout Deco ---*/
226. .blog {}
227.  
228. .article_separator,
229. .leading_separator,
230. .row_separator,
231. .column_separator { display: none; }
232.  
233. .leading {
234.     border-bottom: 1px solid #ddd;
235.     background: #ebf2f7;
236.     padding-top: 15px;
237.     padding-bottom: 15px;
238. }
239.  
240. .article_row {
241.     border-bottom: 1px solid #ddd;
242.     padding-top: 15px;
243.     padding-bottom: 15px;
244. }
245.  
246. .article_column {}
247.  
248. .column_separator {
249.     padding: 0 25px;
250. }
251.  
252. /* Meta ---*/
253. .article-tools {
254.     display: block;
255.     margin: 0 0 10px;
256.     padding: 5px;
257.     clear: both;
258.     position: relative;
259.     line-height: normal;
260.     background: #f7f7f7;
261.     color: #999;
262.     border: 1px solid #ddd;
263.     text-transform: uppercase;
264. }
265.  
266. .blog .article-tools {
267.     background: none;
268.     border: 0;
269.     padding: 0;
270. }
271.  
272. .article-meta {
273.     padding: 0;
274.     float: left;
275.     width: 70%;
276. }
277.  
278. .article-section, .article-category {
279.     color: #999999;
280.     font-size: 92%;
281. }
282.  
283. .createby {
284.     font-weight: bold;
285. }
286.  
287. .createdate {}
288.  
289. .modifydate {
290.     color: #999;
291.     display: block;
292.     margin: 10px 0;
293.     text-transform: uppercase;
294. }
295.  
296. .contentdescription {
297.     display: block;
298.     border-bottom: 1px solid #ddd;
299.     padding: 10px 15px;
300.     margin: 0 -15px;
301. }
302.  
303. .contentdescription p {
304.     margin: 0;
305. }
306.  
307. .buttonheading {
308.     float: right;
309. }
310.  
311. .buttonheading img {
312.     margin: 0 5px 0 0;
313.     border: 0;
314.     float: right;
315. }
316.  
317. /*Inline images ---*/
318. img.caption { margin-top: 5px; }
319. .img_caption { color: #999; margin-bottom: 10px; }
320.  
321. .article-content img { margin: 5px; }
322.  
323. .img_caption img { margin: 5px 0 0; }
324.  
325. .img_caption p {
326.     padding: 1px 0;
327.     color: #ccc;
328.     background: #333;
329.     border-top: 1px solid #fff;
330.     margin: 0;
331.     text-align: center;
332. }
333.  
334. /* Tables ---*/
335. .sectiontableheader {
336.     background: #333;
337.     color: #fff;
338.     border: 1px solid #ddd;
339.     padding: 5px;
340. }
341.  
342. .sectiontableheader a,
343. .sectiontableheader a:hover,
344. .sectiontableheader a:focus,
345. .sectiontableheader a:active { color: #fff; }
346.  
347. .sectiontableentry,
348. .sectiontableentry0,
349. .sectiontableentry1,
350. .sectiontableentry2 {
351.     padding: 5px 5px 6px;
352.     border-bottom: 1px solid #ddd;
353. }
354.  
355. .sectiontableentry:hover,
356. .sectiontableentry0:hover,
357. .sectiontableentry1:hover,
358. .sectiontableentry2:hover {
359.     background-color: #fffff0;
360. }
361.  
362. .sectiontableentry2 {
363.     background-color: #f7f7f7;
364. }
365.  
366. table.contentpane, table.tablelist { width: 100%; }
367.  
368. table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
369.  
370. /* Content Toc */
371. table.contenttoc {
372.     margin: 0 0 10px 12px;
373.     padding: 0;
374.     width: 30%;
375.     border: 1px solid #ddd;
376.     float: right;
377. }
378.  
379. table.contenttoc a {
380.     color: #000;
381. }
382.  
383. table.contenttoc td {
384.     padding: 5px 10px;
385.     border-bottom: 1px solid #ddd;
386. }
387.  
388. table.contenttoc th {
389.     border-bottom: 1px solid #ddd;
390.     background: #f7f7f7;
391.     padding: 5px 10px;
392.     text-transform: uppercase;
393. }
394.  
395. /* Poll */
396. div.poll { padding: 15px 0; }
397. form#poll {
398.     border-bottom: 1px dotted #ddd;
399.     padding-bottom: 10px;
400.     margin-bottom: 10px;
401.     font-weight: bold;
402. }
403.  
404. dl.poll {
405.     font-size: 92%;
406.     border-bottom: 1px dotted #ddd;
407.     padding-bottom: 10px;
408.     margin-bottom: 10px;
409. }
410.  
411. dl.poll dt, dl.poll dd { float: left; }
412. dl.poll dt { width: 100px; clear: left; }
413. dl.poll dd { clear: right; }
414.  
415. table.pollstableborder {
416.     border: none;
417.     padding: 0;
418.     text-align: left;
419.     width: 100%;
420. }
421.  
422. table.pollstableborder img {
423.     vertical-align: baseline;
424. }
425.  
426. table.pollstableborder td {
427.     padding: 5px !important;
428.     background: #f7f7f7;
429.     border-bottom: 1px solid #ddd;
430.     font-weight: bold;
431. }
432.  
433. table.pollstableborder tr.sectiontableentry0 td, table.pollstableborder tr.sectiontableentry1 td {
434.     background: #fff;
435.     font-weight: normal;
436. }
437.  
438. /* Search */
439. table.searchintro {
440.     padding: 10px 0;
441.     width: 100%;
442. }
443.  
444. table.searchintro td {
445.     padding: 5px !important;
446. }
447.  
448. /* Misc. */
449. table.contentpaneopen, table.contentpane, table.blog {
450.     width: 100%;
451. }
452.  
453. /* Pagination ---*/
454. ul.pagination {
455.     margin: 15px 0;
456.     float: left;
457.     width: 75%;
458. }
459.  
460. ul.pagination li {
461.     background: none;
462.     display: inline;
463.     margin: 0;
464.     padding: 0;
465.     overflow: hidden;
466. }
467.  
468. ul.pagination li span {
469.     padding: 1px 3px;
470. }
471.  
472. ul.pagination a {
473.     padding: 1px 5px;
474.     border: 1px solid #ddd;
475.     background: #f7f7f7;
476.     color: #000;
477. }
478.  
479. ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
480.     border: 1px solid #145077;
481.     text-decoration: none;
482.     background: #145077;
483.     color: #fff;
484. }
485.  
486. .sortby { margin: 10px 0 5px; font-size: 92%; }
487. .sortby .filter, .sortby .display { float: left; width: 40%; }
488. .sortby .display { float: right; text-align: right; }
489.  
490. .pagenavbar {
491.     background: url(../images/icon-pages.gif) no-repeat center left;
492.     font-weight: bold;
493.     padding-left: 14px;
494. }
495.  
496. .pagenavcounter {
497.     margin: 15px 0 !important;
498.     text-align: center;
499. }
500.  
501. .counter {
502.     margin: 15px 0 !important;
503.     float: right;
504.     text-align: right;
505.     width: 24%;
506.     line-height: 1;
507. }
508.  
509. .counter span {
510.     padding: 1px 5px;
511.     background: #145077;
512.     border: 1px solid #145077;
513.     color: #fff;
514. }
515.  
516. .blog_more {
517.     border-bottom: 1px solid #ddd;
518.     margin: 0 -15px;
519.     padding: 15px 15px 0;
520. }
521.  
522. .blog_more h2 {
523.     font-size: 115%;
524.     text-transform: uppercase;
525.     margin: 0 0 5px;
526. }
527.  
528. .blog_more ul li {
529.     background: url(../images/bullet.gif) no-repeat 5px 6px;
530.     padding-left: 15px;
531. }
532.  
533. div.back_button a,
534. div.back_button a:hover,
535. div.back_button a:active {
536.     display: block;
537.     margin: 10px 0;
538. }
539.  
540. /* Messages ---*/
541. #system-message {
542.     margin: 0 -15px 10px;
543. }
544.  
545. #system-message dd.message ul,
546. #system-message dd.error ul,
547. #system-message dd.notice ul {
548.     margin: 0;
549.     padding: 0;
550. }
551.  
552. #system-message dd.message ul li,
553. #system-message dd.error ul li,
554. #system-message dd.notice ul li {
555.     background: none;
556.     color: #FFFFFF;
557.     margin: 0;
558.     padding: 5px;
559. }
560.  
561. /* System Standard Messages */
562. #system-message dd.message ul {
563.     background: #145077;
564.     border: 0;
565. }
566.  
567. /* System Error Messages */
568. #system-message dd.error ul {
569.     background: #9c162e;
570.     border: 0;
571. }
572.  
573. /* System Notice Messages */
574. #system-message dd.notice ul {
575.     background: #333;
576.     border: 0;
577. }
578.  
579. /* Tooltips --- */
580. .tool-tip {
581.     background: #fff;
582.     border: 1px solid #D4D5AA;
583.     float: left;
584.     max-width: 300px;
585.     padding: 5px;
586.     z-index: 1000;
587. }
588.  
589. .tool-title {
590.     background: url(../../system/images/selector-arrow.png) no-repeat;
591.     font-size: 100%;
592.     font-weight: bold;
593.     margin: 0;
594.     margin-top: -15px;
595.     padding: 0;
596.     padding-bottom: 5px;
597.     padding-top: 15px;
598. }
599.  
600. .tool-text {
601.     font-size: 100%;
602.     margin: 0;
603. }
604.  
605. .hasTip img {
606.     border: none;
607.     margin: 10px 5px 0 0;
608. }
609.  
610. /* MODULE STYLES
611. --------------------------------------------------------- */
612. div.ja-moduletable h3, div.moduletable h3 {
613.     margin: 0 0 5px;
614.     padding: 0;
615.     font-size: 110%;
616.     text-transform: uppercase;
617.     color: #000;
618. }
619.  
620. div.ja-moduletable, div.moduletable {
621.     padding-top: 15px;
622.     padding-bottom: 15px;
623.     border-bottom: 1px solid #ddd;
624.     position: relative;
625. }
626.  
627. /* Tabs Module ---*/
628. div.moduletable_tabs h3 {
629.     border-bottom: 1px solid #ddd;
630.     padding: 5px 15px;
631.     margin-bottom: 0;
632. }
633.  
634. div.moduletable_tabs { padding: 0; border-bottom: 1px solid #ddd; }
635.  
636. /* Hilite Module ---*/
637. div.moduletable_hilite { background: #FFFFF0; }
638.  
639. /* JA Weather Module ---*/
640. #ja-widget-weather { margin: 0 -15px -15px; }
641.  
642. #ja-widget-weather .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }
643.  
644. #ja-widget-weather .ja-usersetting-form ul li { float: none; }
645.  
646. #ja-widget-weather .temp { color: #9c162e; }
647.  
648. /* Stock ---*/
649. #ja-widget-stock { margin: 0 -15px -15px; }
650.  
651. #ja-widget-stock .ja-usersetting-options { background: url(../images/grad-l1.gif) repeat-x left bottom; }
652.  
653. #ja-widget-stock .graph { padding: 10px 15px; }
654.  
655. #ja-widget-stock .graph img {
656.     background: #fff;
657.     border: 1px solid #ddd;
658.     padding: 5px;
659. }
660.  
661. .graph, div.stock-list-v, div.last_update { padding: 0 15px; }
662.  
663. #jawidget-stock .paramlist { margin-bottom: 10px; }
664.  
665. div.last_update { font-size: 92%; color: #666; text-align: right; padding: 5px 15px; clear: both; display: block; }
666.  
667. /* Twitter Module ---*/
668. .twitter { padding: 15px 0 !important; }
669. .twitter h3 { padding: 0 15px !important; }
670. .ja-twitter { padding: 0 15px; }
671.  
672. .ja-twitter h4 {
673.     font-size: 92%;
674.     text-transform: uppercase;
675.     font-weight: normal;
676.     font-family: Arial, sans-serif;
677.     background: #f7f7f7;
678.     border-top: 1px solid #ddd;
679.     border-bottom: 1px solid #ddd;
680.     margin: 10px -15px;
681.     padding: 5px 15px;
682. }
683.  
684. .ja-twitter-avatar {
685.     float: left;
686.     margin-right: 5px;
687.     padding: 2px;
688.     border: 1px solid #ddd;
689. }
690.  
691. .ja-twitter center img { vertical-align: middle; }
692.  
693. div.ja-twitter div.ja-twitter-item {
694.     margin: 0 0 10px;
695.     padding: 0 0 10px;
696.     border-bottom: 1px dotted #ccc;
697. }
698.  
699. div.ja-twitter div.ja-twitter-source { font-weight: bold; }
700.  
701. div.ja-twitter div.ja-twitter-date { font-size: 92%; color: #666; }
702.  
703. /* Video thumbnail ---*/
704. div.ja-video-thumb img {
705.     width: 105px !important;
706.     margin: 0 2px;
707.     padding: 3px;
708.     border: 1px solid #ddd;
709. }
710.  
711. /* Badge Module ---*/
712. .badge {
713.     position: absolute;
714.     top: 0;
715.     right: 0;
716.     width: 45px;
717.     height: 46px;
718. }
719.  
720. .badge-hot .badge   { background: url(../images/icon-badge.png) no-repeat 0px 0px; }
721. .badge-new .badge   { background: url(../images/icon-badge.png) no-repeat 0px -46px; }
722. .badge-pick .badge{ background: url(../images/icon-badge.png) no-repeat 0px -92px; }
723. .badge-top .badge { background: url(../images/icon-badge.png) no-repeat 0px -138px; }
724.  
725. /* Poll Module ---*/
726. h4.poll-title { margin: 0; padding: 0; }
727. a.poll-result { font-size: 92%; text-transform: uppercase; }
728. form.poll .button { margin-right: 5px; }
729.  
730. /* Advertisement ---*/
731. div.bannergroup_text div.banneritem_text {
732.     padding: 5px 0;
733.     border-bottom: 1px dotted #ddd;
734. }
735.  
736. div.bannergroup_text div.banneritem_text a {
737.     font-weight: bold;
738. }
739.  
740. div.bannergroup_text div.bannerheader,
741. div.bannergroup_text div.bannerfooter_text a {
742.     font-size: 92%;
743.     color: #999;
744. }
745.  
746. div.bannergroup_text div.bannerfooter_text {
747.     text-align: right;
748.     padding: 5px 0 0;
749. }
750.  
751. /* MAIN LAYOUT DIVS
752. --------------------------------------------------------- */
753. .wrap {}
754. .main { background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
755.  
756. .ja-box { padding-top: 10px; padding-bottom: 10px; }
757.  
758. #ja-wrapper {}
759. #ja-container { z-index: 5; position: relative; }
760.  
761. /* 3 Columns - 2 Columns Right Layout [Default] ---*/
762. #ja-container.ja-r2 .main { background: url(../images/dot.gif) repeat-y 60% 0 #fff; }
763. #ja-container.ja-r1 .main { background: url(../images/dot.gif) repeat-y 80% 0 #fff; }
764.  
765. #ja-container.ja-r2 .ja-content-top, #ja-container.ja-r2 .ja-content-main, #ja-container.ja-r2 .ja-content-bottom { margin-right: 1px; }
766.  
767. /* 3 Columns - 2 Columns Left Layout  ---*/
768. #ja-container.ja-l2 .main { background: url(../images/dot-1pxfix.gif) repeat-y 40% 0 #fff; }
769. #ja-container.ja-l1 .main { background: url(../images/dot.gif) repeat-y 20% 0 #fff; }
770.  
771. #ja-container.ja-l2 #ja-left .ja-mass, #ja-container.ja-l2 #ja-left .ja-colswrap { margin-right: 1px; }
772.  
773. /* 3 Columns - Classic Layout ---*/
774. #ja-container.ja-l1r1 .main, #ja-container.ja-l1 .main { background: url(../images/dot-2pxfix.jpg) repeat-y 20% 0 #fff; }
775. #ja-container.ja-l1r1 .main-inner { background: url(../images/dot.gif) repeat-y 80% 0; }
776.  
777. /* Mass ---*/
778. .ja-mass-top {}
779. .ja-mass-bottom {}
780. .ja-mass-bottom .moduletable,
781. .ja-mass-bottom .moduletable_default,
782. .ja-mass-bottom .moduletable_hilite { border-bottom: 1px solid #ddd; }
783.  
784. /* MAIN COLUMN
785. --------------------------------------------------------- */
786. #ja-mainbody {}
787.  
788. #ja-contentwrap {
789.     margin: 0 -15px;
790. }
791.  
792. /* Content Top ---*/
793. .ja-content-top {}
794.  
795. /* Content Main ---*/
796. .ja-content-main { padding: 10px 15px; }
797.  
798. /* Content Bottom ---*/
799. .ja-content-bottom {}
800. .ja-content-bottom .moduletable { border-top: 1px solid #ddd; border-bottom: 0; }
801.  
802. /* SIDE COLUMNS
803. --------------------------------------------------------- */
804. .ja-colswrap { border-bottom: 1px solid #ddd; }
805. .ja-col { margin-bottom: -1px; } /* hide last bottom borders ---*/
806.  
807. /* Left Columns ---*/
808. #ja-left .ja-l2 { background: url(../images/dot.gif) repeat-y center; }
809.  
810. /* Right Columns ---*/
811. #ja-right .ja-r2 { background: url(../images/dot.gif) repeat-y center; }
812.  
813. /*common style for columns ---*/
814.  
815. /* HEADER
816. --------------------------------------------------------- */
817. #ja-header { z-index: 10; position: relative; }
818.  
819. #ja-header .main { padding: 30px 0 10px; }
820.  
821. h1.logo, div.logo-text h1 {
822.     font-size: 300%;
823.     line-height: 1;
824. }
825.  
826. h1.logo, div.logo-text { float: left; }
827.  
828. /* Logo Image ---*/
829. h1.logo {
830.     width: 265px;
831.     height: 62px;
832.     margin: 0;
833. }
834.  
835. h1.logo a {
836.     width: 265px;
837.     height: 62px;
838.     display: block;
839.     background: url(../images/logo.gif) no-repeat left;
840. }
841.  
842. h1.logo a span {
843.     position: absolute;
844.     top: -1000px;
845. }
846.  
847. /* Logo Text ---*/
848. div.logo-text h1 a {
849.     letter-spacing: 1px;
850.     font-weight: bold;
851.     text-decoration: none;
852.     color: #000;
853. }
854.  
855. p.site-slogan {
856.     padding: 0 5px;
857.     margin: 0;
858.     color: #999999;
859.     background: #f7f7f7;
860.     display: block;
861.     letter-spacing: 1px;
862.     font-size: 85%;
863.     text-transform: uppercase;
864.     text-align: center;
865. }
866.  
867. /* Topbar ---*/
868. .ja-topbar {
869.     position: absolute;
870.     top: 0;
871.     width: 100%;
872.     border-bottom: 1px solid #ddd;
873.     font-size: 11px;
874. }
875.  
876. .ja-day, .ja-updatetime {
877.     float: left;
878.     background: #fff;
879.     color: #999;
880.     border-right: 1px solid #ddd;
881.     padding: 2px 10px 0;
882. }
883.  
884. .ja-updatetime em {
885.     margin-left: 5px;
886.     font-style: normal;
887.     color: #9c162e;
888. }
889.  
890. /* Headlines Module ---*/
891. .ja-healineswrap { float: left; padding-top: 2px; }
892.  
893. .ja-healineswrap em {
894.     font-style: normal;
895.     font-weight: bold;
896.     float: left;
897.     display: block;
898.     color: #999;
899.     padding: 0 10px 0 10px;
900. }
901.  
902. .ja-headlines { float: left; }
903.  
904. .ja-headlines a { color: #999; }
905.  
906. .ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus {
907.     color: #000;
908.     text-decoration: none;
909. }
910.  
911. .ja-headlines .separator { color: #999; }
912.  
913. /* RSS Module ---*/
914. .ja-syndicate { float: right; }
915.  
916. .ja-syndicate a {
917.     border-left: 1px solid #ddd;
918.     width: 40px;
919.     height: 19px;
920.     line-height: 19px;
921.     display: block;
922.     color: #999;
923.     text-align: center;
924.     font-weight: bold;
925. }
926.  
927. .ja-syndicate a:hover, .ja-syndicate a:active, .ja-syndicate a:focus  {
928.     border-left: 1px solid #ddd;
929.     background: #333;
930.     color: #fff;
931.     text-decoration: none;
932. }

 

Продолжение:

Код (html):

1. /* NAVIGATION
2. --------------------------------------------------------- */
3. /* Main Nav ---*/
4. #ja-mainnav { line-height: 1; position: relative; z-index: 9; }
5.  
6. #ja-mainnav .inner { margin: 0; }
7.  
8. #ja-mainnav .main {
9.     background: url(../images/mainnav-bg.gif) repeat-x bottom #fff;
10.     border-top: 1px solid #ddd;
11.     font-family: Constantia, Cambria, Times, serif;
12.     font-size: 100%;
13. }
14.  
15. #ja-mainnav a {
16.     color: #000;
17. }
18.  
19. /* Sub Nav ---*/
20. #ja-subnav {
21.     z-index: 9;
22.     position: relative;
23. }
24.  
25. #ja-subnav .main {
26.     font-family: Arial, sans-serif;
27.     font-size: 92%;
28.     text-transform: UPPERCASE;
29.     z-index: 10;
30.     line-height: 1;
31.     border-bottom: 1px solid #ccc;
32. }
33.  
34. #ja-subnav ul {
35.     padding: 10px 0 9px;
36.     background: #ddd;
37.     overflow: hidden;
38. }
39.  
40. #ja-subnav ul.active {
41.     background: #333;
42. }
43.  
44. #ja-subnav li {
45.     background: none;
46.     display: block;
47.     float: left;
48.     border-left: 1px solid #999;
49.     padding: 0 10px 0 11px;
50. }
51.  
52. #ja-subnav li:first-child {
53.     border-left: 0;
54. }
55.  
56. #ja-subnav ul li a {
57.     color: #000;
58.     display: block;
59. }
60.  
61. #ja-subnav ul li a:hover {}
62.  
63. #ja-subnav ul li.active a,
64. #ja-subnav ul li.active a:hover,
65. #ja-subnav ul li.active a:active,
66. #ja-subnav ul li.active a:focus {
67.     text-decoration: underline;
68.     font-weight: bold;
69.     color: #fff;
70. }
71.  
72. #ja-subnav ul.active li a {
73.     color: #fff;
74. }
75.  
76. #ja-subnav ul li.empty {}
77.  
78. /* Sub Nav (lv2) ---*/
79. #ja-subnav ul li ul {
80.     display: block;
81.     height: auto;
82.     position: absolute;
83.     left: -999%;
84.     background: #fff;
85.     border: 1px solid #ccc;
86.     padding: 0;
87. }
88.  
89. #ja-subnav ul li.hover ul {
90.     display: block;
91.     height: auto;
92.     position: absolute;
93.     left: auto;
94. }
95.  
96. #ja-subnav ul li.hasChild a span {
97.     background: url(../images/arrow.png) no-repeat right center;
98.     padding-right: 8px;
99. }
100.  
101. #ja-subnav ul li.hover a span {
102.     background: url(../images/arrow-2.png) no-repeat right center;
103. }
104.  
105. #ja-subnav ul li.hasChild li a span, #ja-subnav ul li.hover li a span {
106.     background: none;
107.     padding-right: 0;
108. }
109.  
110. #ja-subnav ul li ul li {
111.     display: block;
112.     float: none;
113.     text-align: left;
114.     border-left: none;
115.     border-bottom: 1px solid #ddd;
116.     padding: 5px;
117. }
118.  
119. #ja-subnav ul li ul li a {
120.     border: 0 !important;
121.     text-decoration: none !important;
122.     color: #000 !important;
123.     background-image: none !important;
124.     font-weight: normal !important;
125. }
126.  
127. #ja-subnav ul li ul li a:hover {
128.     text-decoration: underline !important;
129.     background-image: none !important;
130. }
131.  
132. #ja-subnav ul li ul li a.active {
133.     color: #145077 !important;
134.     font-weight: bold !important;
135. }
136.  
137. /* Breadcrumbs ---*/
138. .ja-navhelper .main {
139.     border-bottom: 1px solid #ddd;
140.     padding: 5px 0;
141. }
142.  
143. .ja-breadcrums {
144.     float: left;
145.     width: 80%;
146.     margin-left: 10px;
147.     margin-top: 2px;
148.     text-transform: uppercase;
149. }
150.  
151. .ja-breadcrums strong { margin-right: 5px; }
152.  
153. .ja-breadcrums img { margin: 1px 5px; }
154.  
155. /* Default Joomla! Menu ---*/
156. ul.menu { margin: 0; padding: 0; }
157.  
158. ul.menu li {
159.     margin: 0;
160.     padding: 0;
161.     background: none;
162.     border-bottom: 1px dotted #ddd;
163.     overflow: hidden;
164. }
165.  
166. ul.menu li a {
167.     display: block;
168.     outline: none;
169.     padding: 4px 0;
170.     text-indent: 2px;
171. }
172.  
173. ul.menu li a:hover,
174. ul.menu li a:active,
175. ul.menu li a:focus {
176. }
177.  
178. ul.menu li.active a {
179.     font-weight: bold;
180. }
181.  
182. ul.menu li ul {
183.     margin: 0 0 0 10px;
184. }
185.  
186. ul.menu li li {
187.     border-top: 1px dotted #ddd;
188.     border-bottom: 0;
189.     background: url(../images/arrow.png) no-repeat left 9px;
190. }
191.  
192. ul.menu li li a {
193.     font-weight: normal !important;
194.     text-indent: 8px;
195. }
196.  
197. ul.menu li li a:hover,
198. ul.menu li li a:active,
199. ul.menu li li a:focus {
200.     color: #333333;
201. }
202.  
203. /* SPOTLIGHT
204. --------------------------------------------------------- */
205. #ja-topsl .ja-box, #ja-botsl .ja-box {
206.     padding: 0;
207. }
208.  
209. #ja-topsl li, #ja-botsl li {
210.     padding-left: 10px;
211.     background-position: 1px 7px;
212. }
213.  
214. /* Top spotlight ---*/
215. #ja-topsl .main {
216.     border-bottom: 1px solid #ddd;
217. }
218.  
219. #ja-topsl .moduletable {
220.     border-bottom: 0;
221. }
222.  
223. /* Bot spotlight ---*/
224. #ja-botsl .main {
225.     border-top: 1px solid #ddd;
226. }
227.  
228. .ja-box .moduletable, .ja-box .moduletable_default {
229.     margin-bottom: 0;
230.     border-bottom: 0;
231.     border-right: 1px solid #ddd;
232. }
233.  
234. .ja-box-right .moduletable, .ja-box-right .moduletable_default {
235.     border-right: 0;
236. }
237.  
238. /* FOOTER
239. --------------------------------------------------------- */
240. #ja-footer { }
241.  
242. #ja-footer .main {
243.     color: #999999;
244.     position: relative;
245.     overflow: hidden;
246.     padding: 0 0 15px;
247.     border-top: 1px solid #ddd;
248. }
249.  
250. #ja-footer small {
251.     color: #666;
252.     font-size: 100%;
253. }
254.  
255. /* Foot Links ---*/
256. #ja-footer .ja-footnav {
257.     background: #333;
258.     position: relative;
259.     overflow: hidden;
260.     margin: 0 0 10px;
261.     font-size: 100%;
262. }
263.  
264. .ja-footnav ul { float: left; line-height: normal; }
265.  
266. .ja-footnav li {
267.     display: block;
268.     float: left;
269.     padding: 0;
270.     border-left: 1px solid #666;
271. }
272.  
273. .ja-footnav li a {
274.     text-transform: uppercase;
275.     display: block;
276.     line-height: normal;
277.     color: #ccc;
278.     padding: 7px 10px;
279. }
280.  
281. .ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus {
282.     color: #fff;
283. }
284.  
285. .ja-footnav ul.ja-links { float: right; }
286. .ja-footnav ul.ja-links li { background: none; border-left: 0; padding: 0; }
287. .ja-footnav ul.ja-links li a { padding: 7px 10px; }
288.  
289. .ja-footnav ul.ja-links li.top a {
290.     background: url(../images/arrow-3.png) no-repeat 9px center;
291.     padding-left: 18px;
292.     padding-right: 10px;
293. }
294.  
295. .ja-footnav ul.ja-links li.top a:hover {
296.     background-color: #666;
297.     color: #fff;
298.     text-decoration: none;
299. }
300.  
301. .ja-footnav ul.ja-links li.layout-switcher a {
302.     background: #145077;
303.     color: #fff;
304.     text-decoration: none;
305. }
306.  
307. .ja-footnav ul.ja-links li.layout-switcher a:hover {
308.     background: #666;
309.     color: #fff;
310.     text-decoration: none;
311. }
312.  
313. .ja-footnav ul.ja-links li.user-reset a {
314.     background: #9c162e;
315.     color: #fff;
316.     text-decoration: none;
317. }
318.  
319. .ja-footnav ul.ja-links li.user-reset a:hover {
320.     background: #666;
321.     color: #fff;
322.     text-decoration: none;
323. }
324.  
325. .ja-footnav .ja-firstitem { border-left: 0; padding-left: 5px; }
326.  
327. /* Copyright Info. ---*/
328. .ja-copyright small { display: block; }
329.  
330. /* MISCELLANOUS
331. ----------------------------------------------------------- */
332. ul.accessibility {
333.     position: absolute;
334.     top: -100%;
335. }
336.  
337. /* User Tools ---*/
338. #ja-usertools { float: left; padding-top: 3px; }
339.  
340. #ja-usertools strong {
341.     font-weight: normal;
342.     float: left;
343.     padding: 0 5px 2px 8px;
344.     display: block;
345. }
346.  
347. #ja-usertools ul { float: left; }
348.  
349. #ja-usertools li {
350.     background: none;
351.     display: block;
352.     float: left;
353.     margin: 0;
354.     padding: 1px 0 0;
355. }
356.  
357. #ja-usertools li img:hover {
358.     border: 1px solid #999999;
359.     margin: 0;
360.     background: #fff;
361. }
362.  
363. #ja-usertools img { padding: 2px; margin: 1px; }
364.  
365. /* Font tools ---*/
366. .item_fonttool .childcontent { width: 150px !important; margin-left: -81px !important;}
367.  
368. .item_fonttool .childcontent .inner { padding: 10px 15px 5px !important; }
369.  
370. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li {
371.     background: none !important;
372.     margin: 0;
373.     padding: 0 3px 0 0;
374.     display: inline;
375. }
376.  
377. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img {
378.     border: 1px solid #ddd;
379. }
380.  
381. .ja-megamenu li.havechild .childcontent .inner ul.ja-usertools-font li img:hover {
382.     border: 1px solid #666;
383.     cursor: pointer;
384. }
385.  
386. /* User Settings ---*/
387. .ja-usersetting {
388.     margin: 0 -15px;
389.     background: #f7f7f7;
390.     color: #333;
391. }
392.  
393. a.ja-usersetting-loadform {
394.     position: absolute;
395.     right: 50px;
396.     top: 4px;
397.     width: 20px;
398.     text-indent: -9999px;
399.     height: 20px;
400.     background: url(../images/icon-setting.gif) no-repeat center;
401. }
402.  
403. form.ja-usersetting-form { padding: 5px 15px; }
404.  
405. .ja-usersetting-options {
406.     width: 100%;
407.     display: block;
408. }
409.  
410. .ja-usersetting-options ul {
411.     margin: 0;
412.     padding: 5px 0;
413.     overflow: hidden;
414.     clear: both;
415.     font-size: 92%;
416. }
417.  
418. .ja-usersetting-options ul li {
419.     background: none;
420.     float: left;
421.     display: block;
422.     padding: 0 15px 0 0 !important;
423.     margin: 0 !important;
424. }
425.  
426. .ja-usersetting-options ul.checkall { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
427.  
428. .ja-usersetting-options ul.catselect { margin-top: 0; }
429. .ja-usersetting-options ul.catselect li { line-height: 20px; height: 20px; }
430. .ja-usersetting-options ul.catselect label { line-height: 20px; }
431. .ja-usersetting-options ul.catselect .checkbox { margin: 0 5px; line-height: 20px; }
432.  
433. .ja-usersetting-options p.actions { margin-bottom: 10px; }
434.  
435. /* Icon for min/max ---*/
436. .ja-mdtool {
437.     position: absolute;
438.     right: 10px;
439.     top: 4px;
440.     width: 20px;
441.     height: 20px;
442. }
443.  
444. /* Icon for move ---*/
445. .ja-mdmover {
446.     position: absolute;
447.     right: 30px;
448.     top: 4px;
449.     text-indent: -9999px;
450.     width: 20px;
451.     height: 20px;
452.     background: url(../images/icon-mover.gif) no-repeat center;
453. }
454.  
455. /* Others ---*/
456. #ja-banner {
457.     margin: 0;
458.     padding-top: 15px;
459.     text-align: center;
460.     overflow: hidden;
461.     width: 100%;
462.     border-top: 1px solid #ddd;
463. }
464.  
465. div.ja-innerdiv {
466.     clear: both;
467.     margin-bottom: 10px;
468.     padding-bottom: 12px;
469.     border-bottom: 1px dotted #ddd;
470. }
471.  
472. div.ja-innerdiv h4 {
473.     margin: 5px 0;
474.     padding: 0;
475.     font-family: Arial, sans-serif;
476.     font-size: 92%;
477.     font-weight: normal;
478.     text-transform: uppercase;
479. }
480.  
481. .ja-social-bookmarking { float: right; margin-top: 2px; }
482. .cufon-canvas { padding: 1px 0 3px; }
483.  
484. /* Comments ---*/
485. /*id*/
486. #idc-container-parent { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }
487.  
488. #idc-container .idc-share { position: relative; }
489.  
490. /*disqus*/
491. #disqus_thread { margin-top: 20px; border-top: 1px dotted #ddd; clear: both; }
492. button.dsq-button { padding: 4px 8px !important; }
493. div.dsq-post-fields { z-index: 20; position: relative; }
494. div.dsq-post-footer { z-index: 18; }
495.  
496. /* Grey box ---*/
497. #GB_middle .left,
498. #GB_middle .right {
499.     float: none;
500. }
501.  
502. /* For backend ---*/
503. .editor fieldset,
504. .publishing,
505. .metadata {
506.     border: 1px solid #ddd;
507.     padding: 10px;
508. }
509.  
510. .editor fieldset,
511. .metadata {
512.     margin: 20px 0;
513. }
514.  
515. .editor fieldset legend,
516. .publishing legend,
517. .metadata legend {
518.     background: #666;
519.     font-weight: bold;
520.     padding: 0 5px;
521.     color: #fff;
522. }
523.  
524. .editor fieldset,
525. .publishing label,
526. .metadata label {
527.     font-weight: bold;
528.     padding-right: 10px;
529. }
530.  
531. .publishing img.calendar {
532.     border: none;
533.     background: none;
534.     padding: 0 0 0 5px;
535.     vertical-align: middle;
536. }
537.  
538. .publishing div {
539.     padding: 6px 0;
540. }
541.  
542. .publishing div.wrap {
543.     display: none;
544. }
545.  
546. .metadata .inputbox {
547.     margin-bottom: 10px;
548. }
549.  
550. form.user div,
551. form.user table td {
552.     padding: 6px 0;
553. }
554.  
555. form.user label {
556.     font-weight: bold;
557.     padding-right: 10px;
558. }
559.  
560. div.save { margin-top: 10px; }
561.  
562. /* Form logout ---*/
563. div.name, div.pass, div.remember, div.contact_email {
564.     padding: 6px 0;
565. }
566.  
567. div.name label, div.pass label, div.remember label, div.contact_email label {
568.     font-weight: bold;
569.     padding-right: 10px;
570. }
571.  
572. div.contact_email_checkbox {
573.     margin-bottom: 10px;
574. }

 

там ещё файлы CSS есть ууууу..... помогите ктонь... я хз что делать

 

есть плаги к мозилле web-developer и fire bug
ими удобо глядеть цсс выделенного участка

 

Вот их и копай, дело 10 минут

 

varakuta, благодарю буду юзать второй, посморим что получится