Joomla 1.5 Как сделать ширину наблона во всю страницу у ja_edenite?

http://template15.joomlart.com/ja_edenite

Код (CODE):

1. /*------------------------------------------------------------------------
2. # JA Edentite 1.0 - Mar, 2008
3. # ------------------------------------------------------------------------
4. # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
5. # @license - Copyrighted Commercial Software
6. # Author: J.O.O.M Solutions Co., Ltd
7. # Websites:  http://www.joomlart.com -  http://www.joomlancers.com
8. -------------------------------------------------------------------------*/
9.  
10.  
11. /* COMMON STYLE
12. --------------------------------------------------------- */
13. html, body, form, fieldset {
14.     margin: 0;
15.     padding: 0;
16. }
17.  
18. body {
19.     background: #FFFFFF;
20.     color: #000000;
21.     font-family: "Lucida Grande", Arial, sans-serif;
22.     line-height: 1.6;
23. }
24.  
25. body#bd {
26.     color: #515756;
27.     background: #FFFFFF;
28. }
29.  
30. body.contentpane {
31.     color: #000000;
32.     font-size: 12px;
33.     line-height: 1.3em;
34.     margin: 0;
35.     margin: 1em 2em;
36.     width: auto; /* Printable Page */
37. }
38.  
39. body.fs1 {font-size: 10px;}
40. body.fs2 {font-size: 11px;}
41. body.fs3 {font-size: 12px;}
42. body.fs4 {font-size: 13px;}
43. body.fs5 {font-size: 14px;}
44. body.fs6 {font-size: 15px;}
45.  
46. /* Normal link */
47. a {
48.     color: #2C79B3;
49.     text-decoration: none;
50. }
51.  
52. a:hover, a:active, a:focus {
53.     color: #2C79B3;
54.     text-decoration: underline;
55. }
56.  
57. a img {
58.     border: none;
59. }
60.  
61. /* Title text */
62. .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
63. }
64.  
65. /* Small text */
66. small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
67. p.site-slogan, a.readon, #ja-pathway, #ja-headlinewrap, #ja-col1, #ja-col2, #ja-botsl, #ja-footer {
68.     font-size: 92%;
69. }
70.  
71. small, .small {
72.     color: #858783;
73. }
74.  
75. img {
76.     margin: 0;
77.     padding: 0;
78. }
79.  
80. img.caption {
81.     margin-top: 15px;
82. }
83.  
84. /* Heading */
85. h1 {font-size: 180%;}
86. h2 {font-size: 150%;}
87. h3 {font-size: 125%;}
88. h4 {font-size: 100%;text-transform: uppercase;}
89.  
90. p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
91.     margin: 10px 0;
92.     padding: 0;
93. }
94.  
95. ul {
96.     list-style: none;
97. }
98.  
99. ul li {
100.     background: url(../images/bullet.gif) no-repeat 18px 7px;
101.     line-height: 160%;
102.     padding-left: 30px;
103. }
104.  
105. ol li {
106.     line-height: 180%;
107.     margin-left: 35px;
108. }
109.  
110. th {
111.     font-weight: bold;
112.     padding: 5px;
113.     text-align: left;
114. }
115.  
116. fieldset {
117.     border: none;
118.     padding: 10px 5px;
119. }
120.  
121. fieldset a {
122.     font-weight: bold;
123. }
124.  
125. fieldset.input {
126.     padding: 0;
127. }
128.  
129. hr {
130.     border-bottom: 0;
131.     border-left: 0;
132.     border-right: 0;
133.     border-top: 1px solid #cccccc;
134.     height: 1px;
135. }
136.  
137. td, div {
138.     font-size: 100%;
139. }
140.  
141. /* FORM
142. --------------------------------------------------------- */
143. form {
144.     margin: 0;
145.     padding: 0;
146. }
147.  
148. form label {
149.     cursor: pointer;
150. }
151.  
152. input, select, textarea, .inputbox {
153.     font-family: Tahoma, Arial, sans-serif;
154.     font-size: 100%;
155. }
156.  
157. .inputbox {
158.     border: 1px solid #CCCCCC;
159.     padding: 3px;
160.     color: #515756;
161.     background: #FFFFFF;
162. }
163.  
164. .button {
165.     padding: 2px 8px;
166.     border: 1px outset #A8A8A8;
167.     background: url(../images/grad4.gif) repeat-x;
168.     font-size: 92%;
169.     color: #515756;
170.     font-weight: bold;
171. }
172.  
173. * html .button { /*IE 6*/
174.     padding: 1px 5px !important;
175. }
176.  
177. *+html .button { /*IE 7*/
178.     padding: 1px 5px !important;
179. }
180.  
181. /* JOOMLA STYLE
182. --------------------------------------------------------- */
183. table.blog {
184. }
185.  
186. .article_separator {
187.     clear: both;
188.     display: block;
189.     height: 30px;
190.     background: url(../images/dot.gif) repeat-x center;
191. }
192.  
193. .article_column {
194. }
195.  
196. .column_separator {
197.     padding: 0 25px;
198. }
199.  
200. /* content tables */
201. td.sectiontableheader {
202.     background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
203.     border: 1px solid #E7E8E6;
204.     padding: 4px;
205. }
206.  
207. tr.sectiontableentry0 td,
208. tr.sectiontableentry1 td,
209. tr.sectiontableentry2 td {
210.     padding: 4px;
211.     background: url(../images/dot.gif) repeat-x bottom;
212. }
213.  
214. table.contentpane {
215.     border: none;
216.     width: 100%;
217. }
218.  
219. table.contentpaneopen {
220.     border: none;
221.     border-collapse: collapse;
222.     border-spacing: 0;
223. }
224.  
225. table.contenttoc {
226.     margin: 0 0 10px 10px;
227.     padding: 0;
228.     width: 35%;
229.     font-size: 92%;
230. }
231.  
232. table.contenttoc a {
233.     text-decoration: none;
234. }
235.  
236. table.contenttoc td {
237.     background: url(../images/bullet.gif) no-repeat 10px 9px;
238.     padding: 1px 5px 1px 20px;
239. }
240.  
241. table.contenttoc th {
242.     border-bottom: 1px solid #E7E8E6;
243.     padding: 0 0 3px;
244.     text-indent: 5px;
245. }
246.  
247. table.poll {
248.     border-collapse: collapse;
249.     padding: 0;
250.     width: 100%;
251. }
252.  
253. table.pollstableborder {
254.     border: none;
255.     padding: 0;
256.     text-align: left;
257.     width: 100%;
258. }
259.  
260. table.pollstableborder img {
261.     vertical-align: baseline;
262. }
263.  
264. table.pollstableborder td {
265.     border-collapse: collapse;
266.     border-spacing: 0;
267.     padding: 4px !important;
268.     background: none;
269. }
270.  
271. table.pollstableborder tr.sectiontableentry1 td {
272.     background: #F8F8F7;
273. }
274.  
275. table.searchintro {
276.     padding: 10px 0;
277.     width: 100%;
278. }
279.  
280. table.searchintro td {
281.     padding: 5px!important;
282. }
283.  
284. table.adminform {
285. }
286.  
287. .adminform .inputbox {
288. }
289.  
290. .blog_more {
291. }
292.  
293. .blog_more strong {
294.     display: block;
295.     font-size: 125%;
296.     margin: 0 0 5px;
297. }
298.  
299. .blog_more ul {
300.     margin: 0;
301.     padding: 0;
302. }
303.  
304. .blog_more ul li {
305.     background: url(../images/bullet.gif) no-repeat 6px 10px;
306.     margin: 0;
307.     padding: 0 0 0 17px;
308. }
309.  
310. .category {
311.     font-size: 125%;
312.     font-weight: bold;
313. }
314.  
315. h1.componentheading, .componentheading {
316.     margin: 0 0 10px;
317.     padding: 0 0 5px;
318. }
319.  
320. .componentheading {
321.     font-size: 200%;
322.     font-weight: normal;
323.     border-bottom: 1px solid #E7E8E6;
324. }
325.  
326. .contentdescription {
327.     padding-bottom: 30px;
328. }
329.  
330. h2.contentheading, .contentheading {
331.     font-weight: normal;
332.     margin: 0;
333.     padding: 0;
334.     line-height: normal;
335. }
336.  
337. .contentheading {
338.     font-size: 200%;
339.     line-height: normal;
340.     color: #2C79B3;
341. }
342.  
343. table.blog .contentheading {
344.     font-size: 150%;
345.     line-height: normal;
346. }
347.  
348. a.contentpagetitle,
349. a.contentpagetitle:hover,
350. a.contentpagetitle:active,
351. a.contentpagetitle:focus {
352. }
353.  
354. a.readon {
355.     display: block;
356.     float: left;
357.     text-align: center;
358.     clear: both;
359.     padding: 0 5px;
360.     background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
361.     color: #FFFFFF;
362.     margin-top: 5px;
363.     text-transform: lowercase;
364. }
365.  
366. a.readon:hover, a.readon:active, a.readon:focus {
367.     background: url(../images/grad2-1.gif) repeat-x center #2C79B3;
368.     color: #FFFFFF;
369.     text-decoration: none;
370. }
371.  
372. table.contentpaneopen td, table.contentpane td {
373. }
374.  
375. table.contentpaneopen, table.contentpane, table.blog {
376.     width: 100%;
377. }
378.  
379. .moduletable {
380.     padding: 0;
381. }
382.  
383. ul.pagination {
384.     margin: 15px auto 0;
385.     padding: 0;
386. }
387.  
388. ul.pagination li {
389.     background: none;
390.     display: inline;
391.     margin: 0;
392.     padding: 0;
393. }
394.  
395. ul.pagination li span{
396.     padding: 2px 5px;
397. }
398.  
399. ul.pagination a {
400.     padding: 2px 3px;
401.     text-decoration: none;
402. }
403.  
404. ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
405. }
406.  
407. .pagenavbar {
408.     background: url(../images/icon-pages.gif) no-repeat center left;
409.     font-weight: bold;
410.     padding-left: 14px;
411. }
412.  
413. .pagenavcounter {
414.     background: url(../images/icon-pages.gif) no-repeat 0 11px;
415.     font-weight: bold;
416.     padding: 8px 14px 0 14px;
417. }
418.  
419. .sectiontableheader {
420.     color: #FFFFFF;
421.     font-weight: bold;
422.     padding: 8px 5px;
423. }
424.  
425. .sectiontableheader a {
426.     color: #FFFFFF;
427. }
428.  
429. tr.sectiontableentry1 td {
430.     padding: 8px 5px;
431. }
432.  
433. tr.sectiontableentry2 td {
434.     padding: 8px 5px;
435. }
436.  
437. tr.sectiontableentry1:hover td,
438. tr.sectiontableentry2:hover td {
439. }
440.  
441. .smalldark {
442.     text-align: left;
443. }
444.  
445. div.syndicate div {
446.     text-align: center;
447. }
448.  
449. .pollstableborder tr.sectiontableentry1 td,
450. .pollstableborder tr.sectiontableentry2 td {
451.     background: none;
452. }
453.  
454. /* META
455. --------------------------------------------------------- */
456. .createdate {
457.     color: #858783;
458. }
459.  
460. .modifydate {
461.     float: left;
462.     width: 100%;
463.     color: #858783;
464.     margin-bottom: 10px;
465.     display: block;
466. }
467.  
468. div.buttonheading {
469.     float: right;
470.     width: 20%;
471. }
472.  
473. .buttonheading img {
474.     border: 0;
475.     float: right;
476.     margin: 7px 5px 0 0;
477. }
478.  
479. /* MAIN LAYOUT DIVS
480. --------------------------------------------------------- */
481. #ja-wrapper {
482.     padding: 0 0 40px;
483.     width: 950px;
484.     margin: 0 auto;
485. }
486.  
487. .narrow #ja-wrapper {
488.     width: 750px;
489. }
490.  
491. #ja-header,
492. #ja-mainnav,
493. #ja-subnav,
494. #ja-pathway,
495. #ja-container,
496. #ja-topsl,
497. #ja-botsl,
498. #ja-footer {
499.     clear: both;
500. }
501.  
502. #ja-container {
503.     border-top: 1px solid #E7E8E6;
504.     border-bottom: 1px solid #E7E8E6;
505.     background: url(../images/main-bg1.gif) repeat-y left;
506. }
507.  
508. .narrow #ja-container {
509.     background: url(../images/main-bg1-n.gif) repeat-y left;
510. }
511.  
512. #ja-container2 {
513.     border-bottom: 1px solid #E7E8E6;
514.     background: url(../images/main-bg2.gif) repeat-y right;
515. }
516.  
517. .narrow #ja-container2 {
518.     background: url(../images/main-bg2-n.gif) repeat-y right;
519. }
520.  
521. #ja-mainbody {
522.     width: 80%;
523.     float: right;
524. }
525.  
526. /* PRIMARY COLUMN
527. --------------------------------------------------------- */
528. #ja-content {
529.     clear: both;
530.     display: block;
531.     float: left;
532.     width: 75%;
533. }
534.  
535. #ja-current-content {
536.     padding: 10px 15px;
537. }
538.  
539. /* COLUMNS
540. --------------------------------------------------------- */
541. #ja-col1 {
542.     float: left;
543.     overflow: hidden;
544.     width: 20%;
545.     color: #626A69;
546. }
547.  
548. #ja-col2 {
549.     float: right;
550.     overflow: hidden;
551.     width: 25%;
552.     color: #626A69;
553. }
554.  
555. /*common style for column*/
556. #ja-colwrap a {
557. }
558.  
559. #ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {
560. }
561.  
562. #ja-colwrap table {
563.     border-collapse: collapse;
564.     border-spacing: 0;
565. }
566.  
567. #ja-colwrap .article_separator {
568.     display: none;
569. }
570.  
571. /* COLLAPSIBLE LAYOUT
572. --------------------------------------------------------- */
573. #ja-containerwrap,
574. #ja-containerwrap-f,
575. #ja-containerwrap-fr,
576. #ja-containerwrap-fl {
577.     padding: 0;
578.     margin: 25px 0;
579.     background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
580. }
581.  
582. /*full*/
583. #ja-containerwrap-f #ja-mainbody {
584.     width: 100%;
585. }
586.  
587. #ja-containerwrap-f #ja-content {
588.     width: 100%;
589. }
590.  
591. #ja-containerwrap-f #ja-container,
592. #ja-containerwrap-f #ja-container2 {
593.     background: none;
594. }
595.  
596. #ja-containerwrap-f #ja-container {
597.     border: 1px solid #E7E8E6;
598. }
599.  
600. /*content + left*/
601. #ja-containerwrap-fr #ja-content {
602.     width: 100%;
603. }
604.  
605. #ja-containerwrap-fr #ja-container2 {
606.     background: none;
607. }
608.  
609. #ja-containerwrap-fr #ja-container2 {
610.     border-right: 1px solid #E7E8E6;
611. }
612.  
613. /*content + right*/
614. #ja-containerwrap-fl #ja-mainbody {
615.     width: 100%;
616. }
617.  
618. #ja-containerwrap-fl #ja-content {
619.     width: 79.9%;
620. }
621.  
622. #ja-containerwrap-fl #ja-col2 {
623.     width: 20%;
624. }
625.  
626. #ja-containerwrap-fl #ja-container {
627.     background: none;
628.     border-left: 1px solid #E7E8E6;
629. }
630.  
631. /* MODULE
632. --------------------------------------------------------- */
633. div.moduletable h3,
634. div.moduletable_menu h3,
635. div.moduletable_text h3,
636. div.moduletable_hilite h3 {
637.     font-size: 100%;
638.     margin: 0 -10px 5px;
639.     padding: 5px 10px;
640.     background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
641.     border-bottom: 1px solid #E7E8E6;
642.     color: #FFFFFF;
643. }
644.  
645. div.moduletable,
646. div.moduletable_menu,
647. div.moduletable_text,
648. div.moduletable_hilite {
649.     margin: 0;
650.     padding: 0 10px 10px;
651. }
652.  
653. #ja-botsl div.moduletable,
654. #ja-botsl div.moduletable_menu,
655. #ja-botsl div.moduletable_text {
656.     border-bottom: none;
657. }
658.  
659. /* mis */
660. div.banneritem_text {
661.     padding: 5px 0 !important;
662. }
663.  
664. div.advs {
665.     clear: both;
666.     display: block;
667.     float: left;
668.     width: 100%;
669. }
670.  
671. div.moduletable ul,
672. div.moduletable_text ul,
673. div.moduletable_menu ul,
674. div.moduletable_hilte ul {
675.     margin: 0;
676.     padding: 0;
677. }
678.  
679. div.moduletable li,
680. div.moduletable_text li,
681. div.moduletable_menu li,
682. div.moduletable_hilite li {
683.     background: url(../images/bullet.gif) no-repeat 5px 8px;
684.     margin: 0;
685.     padding-left: 16px;
686. }
687.  
688. /* Hilite */
689. div.moduletable_hilite h3 {
690.     background: url(../images/grad2.gif) repeat-x bottom #2C79B3;
691. }
692.  
693. /* HEADER
694. --------------------------------------------------------- */
695. #ja-header {
696.     height: 170px;
697.     line-height: normal;
698.     position: relative;
699. }
700.  
701. #ja-header a {
702. }
703.  
704. h1.logo, h1.logo-text {
705.     margin: 0;
706.     padding: 0;
707.     font-size: 200%;
708. }
709.  
710. h1.logo a {
711.     width: 950px;
712.     display: block;
713.     background: url(../images/logo.gif) no-repeat;
714.     position: absolute;
715.     height: 159px;
716.     bottom: 5px;
717.     left: 0;
718. }
719.  
720. h1.logo a span {
721.     position: absolute;
722.     top: -1000px;
723. }
724.  
725. h1.logo-text a {
726.     text-decoration: none;
727.     outline: none;
728.     position: absolute;
729.     bottom: 35px;
730.     left: 15px;
731. }
732.  
733. p.site-slogan {
734.     margin: 0;
735.     padding: 0;
736.     color: #858783;
737.     position: absolute;
738.     bottom: 20px;
739.     left: 15px;
740. }
741.  
742. /* MAIN NAVIGATION
743. --------------------------------------------------------- */
744. #ja-mainnavwrap {
745.     background: url(../images/shadow.gif) repeat-x bottom;
746.     height: 37px;
747.     position: relative;
748.     z-index: 999;
749. }
750.  
751. #ja-mainnav {
752.     background: url(../images/grad2.gif) repeat-x top #2C79B3;
753.     height: 32px;
754. }
755.  
756. #ja-mainnav a, #ja-subnav a {
757.     outline: none;
758. }
759.  
760. #ja-subnav {
761.     display: block;
762.     font-size: 92%;
763.     border-bottom: 1px solid #E7E8E6;
764.     height: 28px;
765. }
766.  
767. #ja-subnav ul {
768.     margin: 0;
769.     padding: 0;
770. }
771.  
772. #ja-subnav li {
773.     background: none;
774.     display: inline;
775.     margin: 0;
776.     padding: 0;
777. }
778.  
779. #ja-subnav li a {
780.     display: block;
781.     float: left;
782.     padding: 0 15px;
783.     line-height: 28px;
784.     background: url(../images/vline.gif) no-repeat center left;
785. }
786.  
787. #ja-subnav li.active a,
788. #ja-subnav li.active a:hover,
789. #ja-subnav li.active a:active,
790. #ja-subnav li.active a:focus {
791.     font-weight: bold;
792.     color: #8BAB32;
793. }
794.  
795. #ja-subnav li a.first-item {
796.     background: none;
797. }
798.  
799. /* breadcrumbs */
800. #ja-pathway {
801.     border: 1px solid #E7E8E6;
802.     border-bottom: none;
803.     padding: 5px 15px;
804.     color: #626A69;
805.     font-weight: bold;
806.     background: #F8F8F7;
807. }
808.  
809. #ja-pathway strong {
810.     margin-right: 5px;
811. }
812.  
813. #ja-pathway a {
814.     color: #626A69;
815.     font-weight: normal;
816. }
817.  
818. #ja-pathway img {
819.     margin: 1px 5px;
820. }
821.  
822. /* Default Joomla! Menu */
823. ul.menu {
824.     list-style: none;
825.     margin: 0;
826.     padding: 0;
827. }
828.  
829. ul.menu li {
830.     background: none;
831.     margin: 0;
832.     padding: 0;
833. }
834.  
835. ul.menu li a {
836.     display: block;
837.     outline: none;
838.     padding: 6px 4px;
839.     color: #626A69;
840.     border-bottom: 1px solid #E7E8E6;
841.     background: url(../images/arrow.png) no-repeat 97% center;
842. }
843.  
844. ul.menu li a:hover,
845. ul.menu li a:active,
846. ul.menu li a:focus {
847.     color: #2C79B3;
848.     background: url(../images/arrow2.png) no-repeat 97% center;
849. }
850.  
851. ul.menu li.active a {
852.     color: #2C79B3;
853.     font-weight: bold;
854. }
855.  
856. ul.menu li ul {
857.     list-style: none;
858.     margin: 0;
859.     padding: 0;
860. }
861.  
862. ul.menu li li a {
863.     background: url(../images/bullet.gif) no-repeat 10px 13px !important;
864.     border: none;
865.     font-weight: normal !important;
866.     padding-left: 20px !important;
867.     width: 75%; /*need for ie6 transparent*/
868. }
869.  
870. ul.menu li li a:hover,
871. ul.menu li li a:active,
872. ul.menu li li a:focus {
873.     background: none;
874. }
875.  
876. /* SPOTLIGHT
877. --------------------------------------------------------- */
878. /* Spotlight Box Style */
879. .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
880.     float: left;
881.     overflow: hidden;
882. }
883.  
884. .ja-box-left, .ja-box-center {
885.     background: url(../images/vline2.gif) repeat-y top right;
886. }
887.  
888. /* Top spotlight */
889. #ja-topsl {
890.     height: 240px;
891.     margin: 0 0 10px;
892. }
893.  
894. * html #ja-topsl { /*IE 6*/
895.     margin: 0 1px 10px !important;
896. }
897.  
898. *+html #ja-topsl { /*IE 6*/
899.     margin: 0 1px 10px !important;
900. }
901.  
902. /* Bot spotlight */
903. #ja-botsl {
904.     border: 1px solid #E7E8E6;
905.     background: url(../images/grad1.gif) repeat-x top #F8F8F7;
906.     color: #626A69;
907.     padding: 10px 0;
908. }
909.  
910. #ja-botsl h3 {
911.     color: #626A69;
912.     font-size: 100%;
913.     background: none;
914.     border: none;
915.     margin-bottom: 0;
916. }
917.  
918. #ja-botsl div.moduletable {
919.     padding: 0 15px;
920. }
921.  
922. #ja-botsl ul, #ja-botsl ol {
923.     margin: 0;
924.     padding: 0;
925. }
926.  
927. #ja-botsl ol li {
928.     margin: 0 0 0 20px;
929.     padding: 0;
930. }
931.  
932. #ja-botsl ul li {
933.     margin: 0;
934.     padding: 0 0 0 15px;
935.     background: url(../images/bullet.gif) no-repeat 5px 7px;
936. }
937.  
938. #ja-botsl a {
939.     color: #626A69;
940. }
941.  
942. #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
943. }
944.  
945. /* FOOTER
946. --------------------------------------------------------- */
947. #ja-footer {
948.     color: #626A69;
949.     padding: 20px 0 0;
950.     position: relative;
951.     text-align: center;
952.     border-top: 1px solid #E7E8E6;
953. }
954.  
955. #ja-footer small {
956.     color: #858783;
957.     font-size: 100%;
958. }
959.  
960. #ja-footer ul {
961.     margin: 0 0 8px;
962.     padding: 0;
963.     line-height: normal;
964. }
965.  
966. #ja-footer li {
967.     display: inline;
968.     margin: 0;
969.     padding: 0;
970.     background: url(../images/vline.gif) no-repeat center left;
971. }
972.  
973. #ja-footer li a {
974.     display: inline;
975.     line-height: normal;
976.     padding: 0 15px;
977. }
978.  
979. li.ja-firstitem {
980.     background: none !important;
981. }
982.  
983. .ja-footurl {
984.     float: none;
985.     clear: both;
986. }
987.  
988. /* MISCELLANOUS
989. ----------------------------------------------------------- */
990. ul.accessibility {
991.     position: absolute;
992.     top: -100%;
993. }
994.  
995. /* Search */
996. #ja-search {
997.     bottom: 12px;
998.     right: 10px;
999.     position: absolute;
1000.     font-size: 11px;
1001. }
1002.  
1003. #ja-search .inputbox {
1004.     padding: 2px 0 2px 22px;
1005.     background: url(../images/icon-search.gif) no-repeat 5px center #FFFFFF;
1006.     border: 1px solid #E7E8E6;
1007. }
1008.  
1009. /* Login Form */
1010. #ja-login {
1011.     position: absolute;
1012.     top: 15px;
1013.     right: 0;
1014.     background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;
1015.     padding: 4px 8px;
1016.     border: 1px solid #E7E8E6;
1017.     border-bottom: 1px solid #CCCCCC;
1018. }
1019.  
1020. #ja-login form {
1021.     float: left;
1022. }
1023.  
1024. #ja-login form label {
1025.     float: left;
1026. }
1027.  
1028. label.ja-login-user span {
1029.     display: block;
1030.     float: left;
1031.     text-indent: -5000px;
1032.     background: url(../images/icon-user.gif) no-repeat center left;
1033.     width: 20px;
1034.     height: 20px;
1035. }
1036.  
1037. label.ja-login-password span {
1038.     display: block;
1039.     float: left;
1040.     text-indent: -5000px;
1041.     background: url(../images/icon-key.gif) no-repeat center left;
1042.     width: 20px;
1043.     height: 20px;
1044. }
1045.  
1046. #ja-login form input.button {
1047.     font-size: 11px !important;
1048.     float: left;
1049. }
1050.  
1051. #ja-login form #mod_login_username,
1052. #ja-login form #mod_login_password {
1053.     width: 110px;
1054.     margin: 1px 8px 0 0;
1055.     font-size: 11px !important;
1056.     padding: 2px;
1057. }
1058.  
1059. #ja-login form a {
1060.     color: #858783;
1061.     padding: 0 5px;
1062.     text-decoration: none;
1063.     font-size: 10px;
1064. }
1065.  
1066. #ja-login form a:hover,
1067. #ja-login form a:active,
1068. #ja-login form a:focus {
1069.     color: #858783;
1070.     text-decoration: underline;
1071. }
1072.  
1073. .ja-login-links {
1074.     padding-top: 2px;
1075.     clear: both;
1076. }
1077.  
1078. /*others*/
1079. .mostread, .latestnews {
1080.     text-decoration: none;
1081. }
1082.  
1083. #ja-banner {
1084.     margin: 0 0 15px;
1085.     text-align: center;
1086.     overflow: hidden;
1087.     width: 100%;
1088. }
1089.  
1090. div.back_button a,
1091. div.back_button a:hover,
1092. div.back_button a:active {
1093.     background: none!important;
1094.     display: block;
1095.     margin: 10px 0;
1096.     text-decoration: none!important;
1097. }
1098.  
1099. .clr {
1100.     clear: both;
1101. }
1102.  
1103. .hasTip img {
1104.     border: none;
1105.     margin: 10px 5px 0 0;
1106. }
1107.  
1108. div.ja-innerdiv {
1109.     clear: both;
1110.     margin-bottom: 10px;
1111.     padding-bottom: 10px;
1112.     border-bottom: 1px solid #E7E8E6;
1113. }
1114.  
1115. div.ja-innerdiv img {
1116.     padding: 2px;
1117.     border: 1px solid #E7E8E6;
1118.     margin: 2px 8px 0 0;
1119. }

 

Шаблон на div-ax, так что надо править в CSS их ширину.
Вот это, например: width: 950px

см. здесь:
#ja-wrapper { padding: 0 0 40px; width: 950px; margin: 0 auto; }

 

супер! Теперь думаю какой параметр отвечает за отступ такста в основной части страницы (положение текста и графики в PRIMARY COLUMN) и какой параметр регулирует рамки левой и правой колонки? (#ja-col1 и #ja-col2 меняют ширину колонок, но рамка остается прежней ширины) в чем секрет?

 

Ну, уважаемый, для того, чтобы полностью разобраться, рекомендую почитать хоть что-то про CSS.
Изучать всю CSS таблицу этого шаблона как-то напряжно...

Для текста, скорее всего, это body.contentpane margin: 1em 2em
Соответственно, какие-то margin и/или padding регулируют и отступы у рамок

 

Ширину самого шаблона можно попробовать прописать так:
{
width: auto;
}
а ширину рамки.. может так:
{
border: 1(ширина в пикселях)px solid...;
}

 

уважаемые, а подскажите, пжлста, как сменить цвет фона в этом шаблоне?
сломал голову и половину клавы, не могу врубить, где это меняется.
мне нужно, чтобы цвет как фона в самом враппере, так и вокруг него был не белым, а то на больших мониторах очень ярко получается.
спасибо.