How to finish fixing Rutile header and change page width

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
ksarb Friend

ksarb
Join date:
October 2009
Posts:
10
Downloads:
0
Uploads:
2

Thanks:

4

November 2, 2009 at 11:39 am #145686

Hello 🙂

1. I would like to get the main page to be flushed with the bottom background image. I cannot see how to change the height for the

<div id=”ja-header” class=”clearfix

Which contains the full header area.

2. How do I add 3 clickable image areas in the black, purple and green boxed areas

(disregard) (solved)3. I changed the width to 850px but when I did the “Pick of the day” is cut off on the right, I was messing around earlier before I changed the header and did something to make it work but I have no idea now how I did it, it was something simple I thought I can always go back and adjust that…never do that again.

Here is the link to the website: http://www.voartisan.com/sites

Here are the corresponding files.

index.php
[PHP]<?php
/*————————————————————————
# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
————————————————————————-*/

// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );

include_once (dirname(__FILE__).DS.’ja_vars_1.5.php’);

?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>

<head>
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?>
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/typo.css” type=”text/css” />
<script language=”javascript” type=”text/javascript”>
var siteurl = ‘<?php echo $tmpTools->baseurl();?>’;
var tmplurl = ‘<?php echo $tmpTools->templateurl();?>’;
</script>
<script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js”></script>
<!– js for dragdrop –>
<!– Menu head –>
<?php if ($jamenu) $jamenu->genMenuHead(); ?>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOOL_COLOR); ?>.css” rel=”stylesheet” type=”text/css” />
<!–>
<style type=”text/css”>
.clearfix {height: 1%;}
img {border: none;}
</style>
<!–>
<!–>
<style type=”text/css”>
.clearfix {display: inline-block;}
</style>
<!–>
<?php if ($tmpTools->isIE6()) { ?>
<!–>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/ie6.php” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript”>
window.addEvent (‘load’, makeTransBG);
function makeTransBG() {
makeTransBg($$(‘img’));
}
</script>
<!–>
<?php } ?>
<!–>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/ie8.css” rel=”stylesheet” type=”text/css” />
<!–>
<link id=”JTKLocalCss” href=”../ja_rutile/css/template.css” rel=”stylesheet” type=”text/css” />
</head>

<body id=”bd” class=”<?php echo $tmpTools->getParam(JA_TOOL_LAYOUT);?> <?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>” >
<a name=”Top” id=”Top”></a>
<ul class=”accessibility”>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav” title=”<?php echo JText::_(“Skip to main navigation”);?>”><?php echo JText::_(“Skip to main navigation”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col1″ title=”<?php echo JText::_(“Skip to 1st column”);?>”><?php echo JText::_(“Skip to 1st column”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col2″ title=”<?php echo JText::_(“Skip to 2nd column”);?>”><?php echo JText::_(“Skip to 2nd column”);?></a></li>
</ul>

<div id=”ja-wrapper”>

<!– BEGIN: HEADER –>
<div class=”ja-custom-a” style=”overflow: visible;”><div class=”ja-custom-b”><div class=”ja-custom-c”><div class=”ja-custom-d”>
<div id=”ja-header” class=”clearfix”>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
<div class=”logo-text”>
<p class=”site-slogan”><?php echo $sloganText;?></p>
<h1>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a> </h1>
</div>
<?php } ?>

<?php if ($this->countModules(‘user3’)) { ?>
<?php } ?>

<?php if ($this->countModules(‘user4’)) { ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”user4″ style=”raw” />
</div>
<?php } ?>

<!– BEGIN: MAIN NAVIGATION –>
<?php if ($tmpTools->getParam(‘ja_menu’) != ‘none’) : ?>
<?php if ($hasSubnav) : ?>
<div id=”ja-subnav” class=”clearfix”>
<?php if ($jamenu) $jamenu->genMenu (1,1); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<!– END: MAIN NAVIGATION –>

</div>
</div></div></div></div>
<!– END: HEADER –>

<div id=”ja-containerwrap<?php echo $divid; ?>”>
<div id=”ja-container” class=”clearfix”>

<!– BEGIN: CONTENT –>
<div id=”ja-mainbody” class=”clearfix”>

<!– BEGIN: CONTENT –>
<div id=”ja-content”>
<div id=”ja-content-top”>
<div id=”ja-content-bot”>
<div class=”ja-innerpad clearfix”>

<jdoc:include type=”message” />

<div id=”ja-current-content” class=”clearfix”>

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id=”ja-pathway”>
<jdoc:include type=”module” name=”breadcrumbs” />
</div>
<jdoc:include type=”component” />
<?php endif; ?>

<!– BEGIN: JAZIN –>
<div id=”jazin-fp”>
<jdoc:include type=”modules” name=”ja-news” style=”raw” />
</div>
<!– END: JAZIN –>

<?php if($this->countModules(‘banner’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” />
</div>
<!– END: BANNER –>
<?php endif; ?>
</div>

</div></div></div></div>
<!– END: CONTENT –>

<?php if ($ja_left) { ?>
<!– BEGIN: LEFT COLUMN –>
<div id=”ja-col1″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”left” style=”jarounded” />
</div>
</div><br />
<!– END: LEFT COLUMN –>
<?php } ?>

</div>
<!– END: CONTENT –>

<?php if ($ja_right) { ?>
<!– BEGIN: RIGHT COLUMN –>
<div id=”ja-col2″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”right” style=”jarounded” />
</div></div><br />
<!– END: RIGHT COLUMN –>
<?php } ?>

<?php
$spotlight = array (‘user1′,’user2′,’user5′,’user6’);
$botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT–>
<div id=”ja-botsl” class=”ja-box-br”>
<div class=”ja-box-bl”><div class=”ja-box-tr”><div class=”ja-box-tl clearfix”>

<?php if( $this->countModules(‘user1’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user1’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user1’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user1″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user2’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user2’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user2’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user2″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user5’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user5’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user5’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user5″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user6’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user6’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user6’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user6″ style=”rounded” />
</div>
<?php } ?>

</div></div></div>
</div>
<!– END: BOTTOM SPOTLIGHT 2 –>
<?php } ?>

</div></div>

<!– BEGIN: FOOTER –>
<div id=”ja-footer”>
<jdoc:include type=”modules” name=”footer” />
</div>
<!– END: FOOTER –>

</div>

<jdoc:include type=”modules” name=”debug” />
<script type=”text/javascript”>
addSpanToTitle();
jaAddFirstItemToTopmenu();
jaRemoveLastContentSeparator();
//jaRemoveLastTrBg();
</script>

</body>

</html>
[/PHP]

The template.css is

[PHP] /*————————————————————————
# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
————————————————————————-*/

/* COMMON STYLE
——————————————————— */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}

body#bd {
color: #000000;
margin-top: 5px;
background: #F1F1F1;
}

body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Normal link */
a {
color: #CC0000;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #CC0000;
text-decoration: underline;
}

a img {
border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
line-height: normal;
color: #000000;
}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan,
#ja-topnav, #ja-pathway, #ja-subnav, #ja-footer, #ja-col1, #ja-col2, #ja-botsl {
font-size: 92%;
}

img {
margin: 0;
padding: 0;
}

.img_caption p {
text-align: center;
}

.img_caption.left, .img_caption.right {
margin-top: 3px;
}

/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
background: url(../images/bullet.gif) no-repeat 20px 8px;
padding-left: 30px;
}

ol li {
margin-left: 35px;
}

th {
font-weight: bold;
padding: 8px;
text-align: left;
}

fieldset {
border: none;
padding: 10px 5px;
background: url(../images/dot.gif) repeat-x top;
}

fieldset a {
font-weight: bold;
}

fieldset.input {
padding: 0;
background: none;
}

hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #EEEEEE;
height: 1px;
}

br {
height: 1px;
font-size: 1px;
}

td, th, div {
font-size: 100%;
}

/* FORM
——————————————————— */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox, .button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

.inputbox {
padding: 2px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
color: #000000;
font-size: 100%;
}

.button {
padding: 1px 8px;
border: 1px solid #333333;
background: #333333;
color: #FFFFFF;
text-transform: uppercase;
font-size: 92%;
}

* html .button { /*IE 6*/
padding: 0 5px !important;
}

*+html .button { /*IE 7*/
padding: 0 5px !important;
}

/* JOOMLA STYLE
——————————————————— */
.article_separator, .article_seperator {
clear: both;
display: block;
height: 30px;
margin: 0;
background: url(../images/dot.gif) repeat-x center;
}

.column_separator {
padding: 0 25px;
}

/* content tables */
.sectiontableheader {
background: #333333;
padding: 4px 8px;
color: #FFFFFF;
font-weight: bold;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url(../images/dot.gif) repeat-x bottom;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}

table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}

table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}

table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #E6E6E6;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

.blog_more {
margin: 15px 0 0;
padding: 10px 0 0;
background: url(../images/dot.gif) repeat-x top;
}

.blog_more strong {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 4px 8px;
margin: 0;
padding: 0 0 0 12px;
}

.category {
font-weight: bold;
}

h1.componentheading, .componentheading {
font-size: 250%;
border-bottom: 1px solid #EEEEEE;
margin: 0 0 15px;
padding: 5px 0;
}

.contentdescription {
padding-bottom: 30px;
}

h2.contentheading, .contentheading {
margin: 0;
padding: 0;
font-size: 250%;
}

table.blog .contentheading {
font-size: 175%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
text-align: center;
color: #FFFFFF;
background: url(../images/readon-bg.gif) no-repeat center left #CC0000;
width: 90px;
height: 20px;
line-height: 20px;
display: block;
text-transform: uppercase;
font-size: 10px;
}

a.readon:hover, a.readon:focus, a.readon:active {
color: #FFFFFF;
text-decoration: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.moduletable {
padding: 0;
}

ul.pagination {
margin: 15px auto 0;
padding: 10px 0 0;
background: url(../images/dot.gif) repeat-x top;
color: #999999;
}

ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}

ul.pagination li span{
padding: 2px 5px;
}

ul.pagination a {
padding: 2px 3px;
text-decoration: none;
background: #EEEEEE;
color: #000000;
border: 1px solid #DDDDDD;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #CC0000;
color: #FFFFFF;
}

.pagenavbar {
background: url(../images/icon-pages.gif) no-repeat center left;
font-weight: bold;
padding-left: 14px;
}

.pagenavcounter {
background: url(../images/icon-pages.gif) no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
}

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

ul.latestnews a, ul.mostread a {
color: #666666;
}

/* META
——————————————————— */
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;
position: relative;
}

.article-tools {
display: block;
padding: 0 10px 0 0;
}

.article-meta {
width: 70%;
float: left;
color: #999999;
}

.createby {
}

.createdate {
padding-right: 6px;
margin-right: 5px;
background: url(../images/vline.gif) no-repeat right;
}

.modifydate {
width: 100%;
display: block;
color: #CC0000;
margin: 15px 0;
}

.article-section {
padding-left: 6px;
margin-left: 5px;
background: url(../images/vline.gif) no-repeat left center;
}

.article-section a {
color: #999999;
}

.article-category a {
color: #999999;
}

div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}

.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
}

/* MAIN LAYOUT DIVS
——————————————————— */
#ja-wrapper {
width: 850px;
margin: 0 auto;
}

.narrow #ja-wrapper {
width: 760px;
margin: 0 auto;
}

#ja-container {}

#ja-mainbody {
width: 78%;
float: left;
}

/* PRIMARY COLUMN
——————————————————— */
#ja-content {
clear: both;
display: block;
float: right;
width: 72%;
background: url(../images/content-center.gif) repeat-y center;
}

#ja-content-top {
background: url(../images/content-top.gif) no-repeat center top;
}

#ja-content-bot {
background: url(../images/content-bot.gif) no-repeat center bottom;
}

.narrow #ja-content {
background: url(../images/content-center-n.gif) repeat-y center;
}

.narrow #ja-content-top {
background: url(../images/content-top-n.gif) no-repeat top center;
}

.narrow #ja-content-bot {
background: url(../images/content-bot-n.gif) no-repeat bottom center;
}

#ja-current-content {
padding: 20px 20px 10px;
}

/* COLUMNS
——————————————————— */
#ja-col1 {
float: left;
overflow: hidden;
width: 28%;
}

#ja-col1 div.ja-innerpad {
}

#ja-col2 {
float: right;
overflow: hidden;
width: 22%;
}

#ja-col2 div.ja-innerpad {

}

/*common style for column*/

/* COLLAPSIBLE LAYOUT
——————————————————— */
#ja-containerwrap,
#ja-containerwrap-fr,
#ja-containerwrap-fl,
#ja-containerwrap-f {
padding: 0;
margin: 0;
clear: both;
}

/*content + left*/
#ja-containerwrap-fr #ja-mainbody {
width: 100%;
}

#ja-containerwrap-fr #ja-col1 {
width: 22%;
}

#ja-containerwrap-fr #ja-content {
width: 78%;
background: url(../images/content-center2.gif) repeat-y center;
}

#ja-containerwrap-fr #ja-content-top {
background: url(../images/content-top2.gif) no-repeat center top;
}

#ja-containerwrap-fr #ja-content-bot {
background: url(../images/content-bot2.gif) no-repeat center bottom;
}

.narrow #ja-containerwrap-fr #ja-content {
background: url(../images/content-center2-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-fr #ja-content-top {
background: url(../images/content-top2-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-fr #ja-content-bot {
background: url(../images/content-bot2-n.gif) no-repeat center bottom;
}

/*content + right*/
#ja-containerwrap-fl #ja-content {
width: 100%;
background: url(../images/content-center2.gif) repeat-y center;
}

#ja-containerwrap-fl #ja-content-top {
background: url(../images/content-top2.gif) no-repeat center top;
}

#ja-containerwrap-fl #ja-content-bot {
background: url(../images/content-bot2.gif) no-repeat center bottom;
}

.narrow #ja-containerwrap-fl #ja-content {
background: url(../images/content-center2-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-fl #ja-content-top {
background: url(../images/content-top2-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-fl #ja-content-bot {
background: url(../images/content-bot2-n.gif) no-repeat center bottom;
}

/*full*/
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}

#ja-containerwrap-f #ja-content {
width: 100%;
background: url(../images/content-center1.gif) repeat-y center;
}

#ja-containerwrap-f #ja-content-top {
background: url(../images/content-top1.gif) no-repeat center top;
}

#ja-containerwrap-f #ja-content-bot {
background: url(../images/content-bot1.gif) no-repeat center bottom;
}

#ja-containerwrap-f #ja-current-content {
padding-left: 20px;
padding-right: 20px;
}

.narrow #ja-containerwrap-f #ja-content {
background: url(../images/content-center1-n.gif) repeat-y center;
}

.narrow #ja-containerwrap-f #ja-content-top {
background: url(../images/content-top1-n.gif) no-repeat center top;
}

.narrow #ja-containerwrap-f #ja-content-bot {
background: url(../images/content-bot1-n.gif) no-repeat center bottom;
}

/* MODULE
——————————————————— */
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {
margin: 0 0 5px;
padding: 8px 0 2px 15px;
font-size: 175%;
}

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
}

div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.ja-box-bl {
padding: 0;
background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.ja-box-tr {
padding: 0;
background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.ja-box-tl {
padding: 4px 3px 4px 4px;
background: url(../images/box-tl.gif) no-repeat top left;
}

div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div {
margin: 0;
padding: 0;
background: none;
}

div.ja-box-ct {
background: url(../images/box-bg.gif) repeat-x top left !important;
padding: 10px 15px !important;
}

div.module_menu div.ja-box-ct {
padding: 2px 0 0 !important;
}

/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}

div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}

div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li {
padding-left: 13px;
background-position: 5px 7px;
}

/* HEADER
——————————————————— */
#ja-header {
padding:0px;
position:relative;
width:850px;
height:250px;
z-index:999;
background:url(../images/back.png) no-repeat center top;
}

h1.logo, div.logo-text {
margin: 0 0px 0px;
padding: 0;
}

h1.logo a {
width: 355px;
height: 38px;
display: block;
background: url(../images/logo.jpg) no-repeat center;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

div.logo-text {
outline: none;

}

div.logo-text h1 {
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0;
}

div.logo-text h1 a {
color: #333333;
text-transform: uppercase;
}

.site-slogan {
color: #999999;
margin: 0 0 0px 0px;
padding: 0;
letter-spacing: 1px;
}

#ja-topnav {
position: absolute;
top: 10px;
right: 40px;
}

#ja-topnav ul {
margin: 0;
padding: 2px 0;
}

#ja-topnav li {
display: inline;
margin: 0;
padding: 0;
line-height: 1.6;
background: url(../images/vline.gif) no-repeat center left;
}

#ja-topnav li a {
display: inline;
padding: 0 10px;
}

/* MAIN NAVIGATION
——————————————————— */
#ja-mainnav {
padding: 0;
background: url(../images/grad-2.gif) repeat-x top #333333;
width: 100%;
position: relative;
}

#ja-mainnav a, #ja-subnav a {
outline: none;
line-height: normal;
}

#ja-subnav {
background: #FFFFFF;
clear: both;
}

#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#ja-subnav li {
background: none;
margin: 0;
padding: 0;
display: inline;
}

#ja-subnav a {
display: block;
float: left;
outline: none;
padding: 7px 15px 5px;
margin: 0;
text-decoration: none;
background: url(../images/vline.gif) no-repeat left 9px;
}

#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
text-decoration: underline;
}

#ja-subnav li.active a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

/* breadcrumbs */
#ja-pathway {
color: #999999;
}

#ja-pathway strong {
margin-right: 5px;
}

#ja-pathway img {
margin: 1px 5px;
}

/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}

ul.menu li {
display: block;
background: none;
margin: 0;
padding: 0;
line-height: normal;
border-bottom: 1px solid #F1F1F1;
}

ul.menu li a {
display: block;
outline: none;
padding: 8px 25px;
margin: 0;
text-decoration: none;
color: #333333;
background: url(../images/arrow.png) no-repeat 16px 12px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #CC0000;
text-decoration: none;
background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;
}

ul.menu li.active a {
font-weight: bold;
background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;
color: #CC0000;
}

ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu li li {
border: none;
background: none;
padding: 0;
}

ul.menu li li a {
border: none;
padding: 5px 5px 5px 35px !important;
text-transform: none;
font-weight: normal !important;
background: url(../images/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
color: #CC0000;
text-decoration: underline;
}

ul.menu li li.active a {
color: #CC0000;
font-weight: bold;
}

ul.menu li li li a {
color: #000000 !important;
font-weight: normal !important;
padding-left: 45px !important;
background: url(../images/bullet.gif) no-repeat 35px 10px !important;
}

ul.menu li li li.active a {
font-weight: bold !important;
}

/* SPOTLIGHT
——————————————————— */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

/* Bottom spotlight */
#ja-botsl {
clear: both;
margin: 0;
padding: 0;
}

#ja-botsl .ja-box-tl {
padding: 0 15px;
}

#ja-botsl div.module h3 {
margin: 0 -14px;
padding: 0 0 7px 15px;
font-size: 150%;
border-bottom: 1px solid #DDDDDD;
}

#ja-botsl div.module {
margin: 20px 5px;
padding: 0;
float: none;
width: auto;
background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;
overflow: hidden;
}

#ja-botsl div.module div {
background: url(../images/box-r-bl.gif) no-repeat bottom left;
}

#ja-botsl div.module div div {
background: url(../images/box-r-tr.gif) no-repeat top right;
}

#ja-botsl div.module div div div {
padding: 10px 15px;
background: url(../images/box-r-tl.gif) no-repeat top left;
}

#ja-botsl div.module div div div div {
padding: 0;
background: none;
}

/* FOOTER
——————————————————— */
#ja-footer {
clear: both;
position: relative;
padding: 15px 20px;
color: #999999;
text-align: center;
}

#ja-footer small {
font-size: 100%;
}

/* MISCELLANOUS
———————————————————– */
ul.accessibility {
position: absolute;
top: -100%;
}

li.ja-firstitem, #ja-subnav li.first-item a, #ja-subnav a.first-item {
background: none !important;
}

/* Login */
#form-login p {
margin: 0 0 5px;
}

#form-login ul {
margin: 5px 0 0;
}

#modlgn_username, #modlgn_passwd {
width: 90%;
}

/*usertools*/
#ja-usertools {
position: absolute;
right: 10px;
top: 8px;
width:90px;
}

#ja-usertools ul {
margin: 0;
padding: 0 10px 0 0;
display: inline;
}

#ja-usertools ul li {
margin: 0;
padding: 0 2px;
float: right;
background: none;
}

/* Search */
#ja-search {
background: url(../images/search-bg.gif) no-repeat;
position: absolute;
right: 50px;
top: 35px;
height: 24px;
width: 276px;
font-size: 12px;
}

#ja-search .inputbox {
margin: 2px 3px 0 5px;
border: none;
background: none;
width: 198px;
}
*+html #ja-search .inputbox { /*IE 7*/
width: 193px;
}
*+html #ja-search .button { /*IE 7*/
padding: 1px 0px 1px 8px!important;
}

#ja-search .button {
border: none;
background: none;
font-size: 11px;
}

* html #ja-search .button {
width: 66px;
height: 22px;
}

/*others*/
#ja-banner {
padding: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
text-decoration: none!important;
}

.clr {
clear: both;
}

.hasTip img {
border: none;
}

div.ja-innerdiv {
padding: 10px 0 12px !important;
background: url(../images/dot.gif) repeat-x bottom !important;
}

div.ja-innerdiv img.border {
padding: 2px;
border: 1px solid #CCCCCC;
margin-right: 10px;
}

/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
max-width: 200px;
padding: 5px;
z-index: 999;
color: #333333;
}

.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}

.tool-text {
font-size: 100%;
margin: 0;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FFFFFF;
margin: 0;
padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
background: #666666;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
background: #666666;
border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
background: #666666;
border: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: “.”;
display: block;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
display: block;
width: 100%;
}

* html .clearfix {
height: 1%;
}

}

div.ja-custom-a {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url() no-repeat bottom right #FFFFFF;
overflow: hidden;
}

div.ja-custom-b {
padding: 0;
background: url() no-repeat bottom left;
}

div.ja-custom-c {
padding: 0;
background: url() no-repeat top right;
}

div.ja-custom-d {
padding: 0px 0px 0px 0px;
background: url() no-repeat top left;
}
[/PHP]

i am using the orange.css

[PHP]/*————————————————————————
# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
————————————————————————-*/

a {
color: #FF6600;
}

a:hover, a:active, a:focus {
color: #FF6600;
}

a.readon {
background: url(../../images/orange/readon-bg.gif) no-repeat center left #FF6600;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #FF6600;
}

.modifydate {
color: #FF6600;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #FF6600;
background: url(../../images/orange/arrow.gif) no-repeat 16px 12px #F7F7F7;
}

ul.menu li.active a {
background: url(../../images/orange/arrow.gif) no-repeat 16px 12px #F7F7F7;
color: #FF6600;
}

ul.menu li li a {
background: url(../../images/orange/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;
}

#ja-search {
background: url(../../images/orange/search-bg.gif) no-repeat;
}

.dropcap {
color: #FF6600;
}

h1.logo a {
background: url(../../images/orange/logo.jpg) no-repeat center;
}

/*split menu*/
#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;
}

/*dropline menu*/
#jasdl-mainnav li.active a {
background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;
}

/*css + moo*/
#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;
}
[/PHP]

The above have all been altered in regards to the header and width. The originals are

index.php

[PHP]<?php
/*————————————————————————
# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
————————————————————————-*/

// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );

include_once (dirname(__FILE__).DS.’ja_vars_1.5.php’);

?>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>

<head>
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?>
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/typo.css” type=”text/css” />
<script language=”javascript” type=”text/javascript”>
var siteurl = ‘<?php echo $tmpTools->baseurl();?>’;
var tmplurl = ‘<?php echo $tmpTools->templateurl();?>’;
</script>
<script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js”></script>
<!– js for dragdrop –>
<!– Menu head –>
<?php if ($jamenu) $jamenu->genMenuHead(); ?>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOOL_COLOR); ?>.css” rel=”stylesheet” type=”text/css” />
<!–>
<style type=”text/css”>
.clearfix {height: 1%;}
img {border: none;}
</style>
<!–>
<!–>
<style type=”text/css”>
.clearfix {display: inline-block;}
</style>
<!–>
<?php if ($tmpTools->isIE6()) { ?>
<!–>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/ie6.php” rel=”stylesheet” type=”text/css” />
<script type=”text/javascript”>
window.addEvent (‘load’, makeTransBG);
function makeTransBG() {
makeTransBg($$(‘img’));
}
</script>
<!–>
<?php } ?>
<!–>
<link href=”<?php echo $tmpTools->templateurl(); ?>/css/ie8.css” rel=”stylesheet” type=”text/css” />
<!–>
<link id=”JTKLocalCss” href=”../ja_rutile/css/template.css” rel=”stylesheet” type=”text/css” />
</head>

<body id=”bd” class=”<?php echo $tmpTools->getParam(JA_TOOL_LAYOUT);?> <?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>” >
<a name=”Top” id=”Top”></a>
<ul class=”accessibility”>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav” title=”<?php echo JText::_(“Skip to main navigation”);?>”><?php echo JText::_(“Skip to main navigation”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col1″ title=”<?php echo JText::_(“Skip to 1st column”);?>”><?php echo JText::_(“Skip to 1st column”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col2″ title=”<?php echo JText::_(“Skip to 2nd column”);?>”><?php echo JText::_(“Skip to 2nd column”);?></a></li>
</ul>

<div id=”ja-wrapper”>

<!– BEGIN: HEADER –>
<div class=”ja-box-br” style=”overflow: visible;”><div class=”ja-box-bl”><div class=”ja-box-tr”><div class=”ja-box-tl”>
<div id=”ja-header” class=”clearfix”>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
<div class=”logo-text”>
<p class=”site-slogan”><?php echo $sloganText;?></p>
<h1>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>
</h1>
</div>
<?php } ?>

<?php if ($this->countModules(‘user3’)) { ?>
<div id=”ja-topnav”>
<jdoc:include type=”modules” name=”user3″ />
</div>
<?php } ?>

<?php if ($this->countModules(‘user4’)) { ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”user4″ style=”raw” />
</div>
<?php } ?>

<!– BEGIN: MAIN NAVIGATION –>
<?php if ($tmpTools->getParam(‘ja_menu’) != ‘none’) : ?>
<div id=”ja-mainnav” class=”clearfix”>
<?php if ($jamenu) $jamenu->genMenu (0); ?>

<div id=”ja-usertools”>
<?php $tmpTools->genToolMenu($tmpTools->getParam(‘usertool_font’), ‘png’); ?>
</div>

</div>

<?php if ($hasSubnav) : ?>
<div id=”ja-subnav” class=”clearfix”>
<?php if ($jamenu) $jamenu->genMenu (1,1); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<!– END: MAIN NAVIGATION –>

</div>
</div></div></div></div>
<!– END: HEADER –>

<div id=”ja-containerwrap<?php echo $divid; ?>”>
<div id=”ja-container” class=”clearfix”>

<!– BEGIN: CONTENT –>
<div id=”ja-mainbody” class=”clearfix”>

<!– BEGIN: CONTENT –>
<div id=”ja-content”>
<div id=”ja-content-top”>
<div id=”ja-content-bot”>
<div class=”ja-innerpad clearfix”>

<jdoc:include type=”message” />

<div id=”ja-current-content” class=”clearfix”>

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id=”ja-pathway”>
<jdoc:include type=”module” name=”breadcrumbs” />
</div>
<jdoc:include type=”component” />
<?php endif; ?>

<!– BEGIN: JAZIN –>
<div id=”jazin-fp”>
<jdoc:include type=”modules” name=”ja-news” style=”raw” />
</div>
<!– END: JAZIN –>

<?php if($this->countModules(‘banner’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” />
</div>
<!– END: BANNER –>
<?php endif; ?>
</div>

</div></div></div></div>
<!– END: CONTENT –>

<?php if ($ja_left) { ?>
<!– BEGIN: LEFT COLUMN –>
<div id=”ja-col1″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”left” style=”jarounded” />
</div>
</div><br />
<!– END: LEFT COLUMN –>
<?php } ?>

</div>
<!– END: CONTENT –>

<?php if ($ja_right) { ?>
<!– BEGIN: RIGHT COLUMN –>
<div id=”ja-col2″>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”right” style=”jarounded” />
</div></div><br />
<!– END: RIGHT COLUMN –>
<?php } ?>

<?php
$spotlight = array (‘user1′,’user2′,’user5′,’user6’);
$botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT–>
<div id=”ja-botsl” class=”ja-box-br”>
<div class=”ja-box-bl”><div class=”ja-box-tr”><div class=”ja-box-tl clearfix”>

<?php if( $this->countModules(‘user1’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user1’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user1’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user1″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user2’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user2’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user2’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user2″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user5’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user5’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user5’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user5″ style=”rounded” />
</div>
<?php } ?>

<?php if( $this->countModules(‘user6’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user6’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user6’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user6″ style=”rounded” />
</div>
<?php } ?>

</div></div></div>
</div>
<!– END: BOTTOM SPOTLIGHT 2 –>
<?php } ?>

</div></div>

<!– BEGIN: FOOTER –>
<div id=”ja-footer”>
<jdoc:include type=”modules” name=”footer” />
</div>
<!– END: FOOTER –>

</div>

<jdoc:include type=”modules” name=”debug” />
<script type=”text/javascript”>
addSpanToTitle();
jaAddFirstItemToTopmenu();
jaRemoveLastContentSeparator();
//jaRemoveLastTrBg();
</script>

</body>

</html>

<div class=”ja-box-br” style=”overflow: visible;”><div class=”ja-box-bl”><div class=”ja-box-tr”><div class=”ja-box-tl”>

<div id=”ja-mainnav” class=”clearfix”>
<?php if ($jamenu) $jamenu->genMenu (0); ?>

<div id=”ja-usertools”>
<?php $tmpTools->genToolMenu($tmpTools->getParam(‘usertool_font’), ‘png’); ?>
</div>

</div>

div.module,
div.module_text,
div.module_menu,
div.module_hilite,

div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,

div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,

div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,[/PHP]

template.css

[PHP] /*————————————————————————

# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549

# ————————————————————————

# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license – Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites: http://www.joomlart.com – http://www.joomlancers.com

# This file may not be redistributed in whole or significant part.

————————————————————————-*/

/* COMMON STYLE

——————————————————— */

html, body, form, fieldset {

margin: 0;

padding: 0;

}

body {

background: #FFFFFF;

color: #000000;

font-family: Arial, Helvetica, sans-serif;

line-height: 1.5;

}

body#bd {

color: #000000;

margin-top: 5px;

background: #F1F1F1;

}

body.contentpane {

color: #000000;

font-size: 12px;

line-height: 1.3em;

margin: 0;

margin: 1em 2em;

width: auto; /* Printable Page */

}

body.fs1 {font-size: 10px;}

body.fs2 {font-size: 11px;}

body.fs3 {font-size: 12px;}

body.fs4 {font-size: 13px;}

body.fs5 {font-size: 14px;}

body.fs6 {font-size: 15px;}

/* Normal link */

a {

color: #CC0000;

text-decoration: none;

}

a:hover, a:active, a:focus {

color: #CC0000;

text-decoration: underline;

}

a img {

border: none;

}

/* Title text */

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {

line-height: normal;

color: #000000;

}

/* Small text */

small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan,

#ja-topnav, #ja-pathway, #ja-subnav, #ja-footer, #ja-col1, #ja-col2, #ja-botsl {

font-size: 92%;

}

img {

margin: 0;

padding: 0;

}

.img_caption p {

text-align: center;

}

.img_caption.left, .img_caption.right {

margin-top: 3px;

}

/* Heading */

h1 {font-size: 200%;}

h2 {font-size: 175%;}

h3 {font-size: 150%;}

h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

margin: 1em 0;

padding: 0;

}

ul {

list-style: none;

}

ul li {

background: url(../images/bullet.gif) no-repeat 20px 8px;

padding-left: 30px;

}

ol li {

margin-left: 35px;

}

th {

font-weight: bold;

padding: 8px;

text-align: left;

}

fieldset {

border: none;

padding: 10px 5px;

background: url(../images/dot.gif) repeat-x top;

}

fieldset a {

font-weight: bold;

}

fieldset.input {

padding: 0;

background: none;

}

hr {

border-bottom: 0;

border-left: 0;

border-right: 0;

border-top: 1px solid #EEEEEE;

height: 1px;

}

br {

height: 1px;

font-size: 1px;

}

td, th, div {

font-size: 100%;

}

/* FORM

——————————————————— */

form {

margin: 0;

padding: 0;

}

form label {

cursor: pointer;

}

input, select, textarea, .inputbox, .button {

font-family: Arial, Helvetica, sans-serif;

font-size: 100%;

}

.inputbox {

padding: 2px;

border: 1px solid #CCCCCC;

background: #FFFFFF;

color: #000000;

font-size: 100%;

}

.button {

padding: 1px 8px;

border: 1px solid #333333;

background: #333333;

color: #FFFFFF;

text-transform: uppercase;

font-size: 92%;

}

* html .button { /*IE 6*/

padding: 0 5px !important;

}

*+html .button { /*IE 7*/

padding: 0 5px !important;

}

/* JOOMLA STYLE

——————————————————— */

.article_separator, .article_seperator {

clear: both;

display: block;

height: 30px;

margin: 0;

background: url(../images/dot.gif) repeat-x center;

}

.column_separator {

padding: 0 25px;

}

/* content tables */

.sectiontableheader {

background: #333333;

padding: 4px 8px;

color: #FFFFFF;

font-weight: bold;

}

.sectiontableheader a,

.sectiontableheader a:hover,

.sectiontableheader a:active,

.sectiontableheader a:focus {

color: #FFFFFF;

}

tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

padding: 8px;

background: url(../images/dot.gif) repeat-x bottom;

}

table.contentpane {

border: none;

width: 100%;

}

table.contentpaneopen {

border: none;

border-collapse: collapse;

border-spacing: 0;

}

table.contenttoc {

margin: 0 0 10px 10px;

padding: 0;

width: 30%;

float: right;

}

table.contenttoc td {

background: url(../images/bullet.gif) no-repeat 12px 8px;

padding: 1px 5px 1px 20px;

}

table.contenttoc th {

border-bottom: 1px solid #CCCCCC;

padding: 0 0 3px;

text-indent: 5px;

}

table.poll {

border-collapse: collapse;

padding: 0;

width: 100%;

}

table.pollstableborder {

border: none;

padding: 0;

text-align: left;

width: 100%;

}

table.pollstableborder img {

vertical-align: baseline;

}

table.pollstableborder td {

border-collapse: collapse;

border-spacing: 0;

padding: 4px !important;

background: none;

}

table.pollstableborder tr.sectiontableentry1 td {

background: #E6E6E6;

}

table.searchintro {

padding: 10px 0;

width: 100%;

}

table.searchintro td {

padding: 5px!important;

}

.blog_more {

margin: 15px 0 0;

padding: 10px 0 0;

background: url(../images/dot.gif) repeat-x top;

}

.blog_more strong {

display: block;

margin: 0 0 5px;

text-transform: uppercase;

}

.blog_more ul {

margin: 0;

padding: 0;

}

.blog_more ul li {

background: url(../images/bullet.gif) no-repeat 4px 8px;

margin: 0;

padding: 0 0 0 12px;

}

.category {

font-weight: bold;

}

h1.componentheading, .componentheading {

font-size: 250%;

border-bottom: 1px solid #EEEEEE;

margin: 0 0 15px;

padding: 5px 0;

}

.contentdescription {

padding-bottom: 30px;

}

h2.contentheading, .contentheading {

margin: 0;

padding: 0;

font-size: 250%;

}

table.blog .contentheading {

font-size: 175%;

}

a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

}

a.readon {

text-align: center;

color: #FFFFFF;

background: url(../images/readon-bg.gif) no-repeat center left #CC0000;

width: 90px;

height: 20px;

line-height: 20px;

display: block;

text-transform: uppercase;

font-size: 10px;

}

a.readon:hover, a.readon:focus, a.readon:active {

color: #FFFFFF;

text-decoration: none;

}

table.contentpaneopen td, table.contentpane td {

}

table.contentpaneopen, table.contentpane, table.blog {

width: 100%;

}

.moduletable {

padding: 0;

}

ul.pagination {

margin: 15px auto 0;

padding: 10px 0 0;

background: url(../images/dot.gif) repeat-x top;

color: #999999;

}

ul.pagination li {

background: none;

display: inline;

margin: 0;

padding: 0;

}

ul.pagination li span{

padding: 2px 5px;

}

ul.pagination a {

padding: 2px 3px;

text-decoration: none;

background: #EEEEEE;

color: #000000;

border: 1px solid #DDDDDD;

}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

background: #CC0000;

color: #FFFFFF;

}

.pagenavbar {

background: url(../images/icon-pages.gif) no-repeat center left;

font-weight: bold;

padding-left: 14px;

}

.pagenavcounter {

background: url(../images/icon-pages.gif) no-repeat 0 11px;

font-weight: bold;

padding: 8px 14px 0 14px;

}

.smalldark {

text-align: left;

}

div.syndicate div {

text-align: center;

}

.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

background: none;

}

ul.latestnews a, ul.mostread a {

color: #666666;

}

/* META

——————————————————— */

.article-toolswrap {

display: block;

margin: 0 0 10px;

padding: 0;

position: relative;

}

.article-tools {

display: block;

padding: 0 10px 0 0;

}

.article-meta {

width: 70%;

float: left;

color: #999999;

}

.createby {

}

.createdate {

padding-right: 6px;

margin-right: 5px;

background: url(../images/vline.gif) no-repeat right;

}

.modifydate {

width: 100%;

display: block;

color: #CC0000;

margin: 15px 0;

}

.article-section {

padding-left: 6px;

margin-left: 5px;

background: url(../images/vline.gif) no-repeat left center;

}

.article-section a {

color: #999999;

}

.article-category a {

color: #999999;

}

div.buttonheading {

position: absolute;

top: 0;

right: 10px;

}

.buttonheading img {

margin: 0 0 0 5px;

border: 0;

float: right;

}

/* MAIN LAYOUT DIVS

——————————————————— */

#ja-wrapper {

width: 970px;

margin: 0 auto;

}

.narrow #ja-wrapper {

width: 760px;

margin: 0 auto;

}

#ja-container {}

#ja-mainbody {

width: 78%;

float: left;

}

/* PRIMARY COLUMN

——————————————————— */

#ja-content {

clear: both;

display: block;

float: right;

width: 72%;

background: url(../images/content-center.gif) repeat-y center;

}

#ja-content-top {

background: url(../images/content-top.gif) no-repeat center top;

}

#ja-content-bot {

background: url(../images/content-bot.gif) no-repeat center bottom;

}

.narrow #ja-content {

background: url(../images/content-center-n.gif) repeat-y center;

}

.narrow #ja-content-top {

background: url(../images/content-top-n.gif) no-repeat top center;

}

.narrow #ja-content-bot {

background: url(../images/content-bot-n.gif) no-repeat bottom center;

}

#ja-current-content {

padding: 20px 20px 10px;

}

/* COLUMNS

——————————————————— */

#ja-col1 {

float: left;

overflow: hidden;

width: 28%;

}

#ja-col1 div.ja-innerpad {

}

#ja-col2 {

float: right;

overflow: hidden;

width: 22%;

}

#ja-col2 div.ja-innerpad {

}

/*common style for column*/

/* COLLAPSIBLE LAYOUT

——————————————————— */

#ja-containerwrap,

#ja-containerwrap-fr,

#ja-containerwrap-fl,

#ja-containerwrap-f {

padding: 0;

margin: 0;

clear: both;

}

/*content + left*/

#ja-containerwrap-fr #ja-mainbody {

width: 100%;

}

#ja-containerwrap-fr #ja-col1 {

width: 22%;

}

#ja-containerwrap-fr #ja-content {

width: 78%;

background: url(../images/content-center2.gif) repeat-y center;

}

#ja-containerwrap-fr #ja-content-top {

background: url(../images/content-top2.gif) no-repeat center top;

}

#ja-containerwrap-fr #ja-content-bot {

background: url(../images/content-bot2.gif) no-repeat center bottom;

}

.narrow #ja-containerwrap-fr #ja-content {

background: url(../images/content-center2-n.gif) repeat-y center;

}

.narrow #ja-containerwrap-fr #ja-content-top {

background: url(../images/content-top2-n.gif) no-repeat center top;

}

.narrow #ja-containerwrap-fr #ja-content-bot {

background: url(../images/content-bot2-n.gif) no-repeat center bottom;

}

/*content + right*/

#ja-containerwrap-fl #ja-content {

width: 100%;

background: url(../images/content-center2.gif) repeat-y center;

}

#ja-containerwrap-fl #ja-content-top {

background: url(../images/content-top2.gif) no-repeat center top;

}

#ja-containerwrap-fl #ja-content-bot {

background: url(../images/content-bot2.gif) no-repeat center bottom;

}

.narrow #ja-containerwrap-fl #ja-content {

background: url(../images/content-center2-n.gif) repeat-y center;

}

.narrow #ja-containerwrap-fl #ja-content-top {

background: url(../images/content-top2-n.gif) no-repeat center top;

}

.narrow #ja-containerwrap-fl #ja-content-bot {

background: url(../images/content-bot2-n.gif) no-repeat center bottom;

}

/*full*/

#ja-containerwrap-f #ja-mainbody {

width: 100%;

}

#ja-containerwrap-f #ja-content {

width: 100%;

background: url(../images/content-center1.gif) repeat-y center;

}

#ja-containerwrap-f #ja-content-top {

background: url(../images/content-top1.gif) no-repeat center top;

}

#ja-containerwrap-f #ja-content-bot {

background: url(../images/content-bot1.gif) no-repeat center bottom;

}

#ja-containerwrap-f #ja-current-content {

padding-left: 20px;

padding-right: 20px;

}

.narrow #ja-containerwrap-f #ja-content {

background: url(../images/content-center1-n.gif) repeat-y center;

}

.narrow #ja-containerwrap-f #ja-content-top {

background: url(../images/content-top1-n.gif) no-repeat center top;

}

.narrow #ja-containerwrap-f #ja-content-bot {

background: url(../images/content-bot1-n.gif) no-repeat center bottom;

}

/* MODULE

——————————————————— */

div.module h3,

div.module_text h3,

div.module_menu h3,

div.module_hilite h3,

div.ja-box-br h3 {

margin: 0 0 5px;

padding: 8px 0 2px 15px;

font-size: 175%;

}

div.module,

div.module_text,

div.module_menu,

div.module_hilite,

div.ja-box-br {

padding: 0;

float: left;

clear: both;

width: 100%;

background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;

overflow: hidden;

}

div.module div,

div.module_text div,

div.module_menu div,

div.module_hilite div,

div.ja-box-bl {

padding: 0;

background: url(../images/box-bl.gif) no-repeat bottom left;

}

div.module div div,

div.module_text div div,

div.module_menu div div,

div.module_hilite div div,

div.ja-box-tr {

padding: 0;

background: url(../images/box-tr.gif) no-repeat top right;

}

div.module div div div,

div.module_text div div div,

div.module_menu div div div,

div.module_hilite div div div,

div.ja-box-tl {

padding: 4px 3px 4px 4px;

background: url(../images/box-tl.gif) no-repeat top left;

}

div.module div div div div,

div.module_text div div div div,

div.module_menu div div div div,

div.module_hilite div div div div {

margin: 0;

padding: 0;

background: none;

}

div.ja-box-ct {

background: url(../images/box-bg.gif) repeat-x top left !important;

padding: 10px 15px !important;

}

div.module_menu div.ja-box-ct {

padding: 2px 0 0 !important;

}

/* mis */

div.banneritem_text {

padding: 5px 0 !important;

}

div.advs {

clear: both;

display: block;

float: left;

width: 100%;

}

div.moduletable li,

div.moduletable_menu li,

div.moduletable_text li {

padding-left: 13px;

background-position: 5px 7px;

}

/* HEADER

——————————————————— */

#ja-header {

line-height: normal;

position: relative;

padding: 20px 0 0;

z-index: 999;

}

h1.logo, div.logo-text {

margin: 0 20px 20px;

padding: 0;

}

h1.logo a {

width: 355px;

height: 38px;

display: block;

background: url(../images/logo.jpg) no-repeat center;

}

h1.logo a span {

position: absolute;

top: -1000px;

}

div.logo-text {

outline: none;

}

div.logo-text h1 {

font-size: 250%;

font-weight: bold;

letter-spacing: 2px;

margin: 0;

padding: 0;

}

div.logo-text h1 a {

color: #333333;

text-transform: uppercase;

}

.site-slogan {

color: #999999;

margin: 0 0 -2px 10px;

padding: 0;

letter-spacing: 1px;

}

#ja-topnav {

position: absolute;

top: 10px;

right: 40px;

}

#ja-topnav ul {

margin: 0;

padding: 2px 0;

}

#ja-topnav li {

display: inline;

margin: 0;

padding: 0;

line-height: 1.6;

background: url(../images/vline.gif) no-repeat center left;

}

#ja-topnav li a {

display: inline;

padding: 0 10px;

}

/* MAIN NAVIGATION

——————————————————— */

#ja-mainnav {

padding: 0;

background: url(../images/grad-2.gif) repeat-x top #333333;

width: 100%;

position: relative;

}

#ja-mainnav a, #ja-subnav a {

outline: none;

line-height: normal;

}

#ja-subnav {

background: #FFFFFF;

clear: both;

}

#ja-subnav ul {

list-style: none;

margin: 0;

padding: 0;

}

#ja-subnav li {

background: none;

margin: 0;

padding: 0;

display: inline;

}

#ja-subnav a {

display: block;

float: left;

outline: none;

padding: 7px 15px 5px;

margin: 0;

text-decoration: none;

background: url(../images/vline.gif) no-repeat left 9px;

}

#ja-subnav a:hover,

#ja-subnav a:active,

#ja-subnav a:focus {

text-decoration: underline;

}

#ja-subnav li.active a {

color: #000000;

font-weight: bold;

text-decoration: underline;

}

/* breadcrumbs */

#ja-pathway {

color: #999999;

}

#ja-pathway strong {

margin-right: 5px;

}

#ja-pathway img {

margin: 1px 5px;

}

/* Default Joomla! Menu */

ul.menu {

list-style: none;

margin: 0;

padding: 0;

display: block;

}

ul.menu li {

display: block;

background: none;

margin: 0;

padding: 0;

line-height: normal;

border-bottom: 1px solid #F1F1F1;

}

ul.menu li a {

display: block;

outline: none;

padding: 8px 25px;

margin: 0;

text-decoration: none;

color: #333333;

background: url(../images/arrow.png) no-repeat 16px 12px;

}

ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus {

color: #CC0000;

text-decoration: none;

background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;

}

ul.menu li.active a {

font-weight: bold;

background: url(../images/arrow.gif) no-repeat 16px 12px #F7F7F7;

color: #CC0000;

}

ul.menu li ul {

list-style: none;

margin: 0;

padding: 0;

}

ul.menu li li {

border: none;

background: none;

padding: 0;

}

ul.menu li li a {

border: none;

padding: 5px 5px 5px 35px !important;

text-transform: none;

font-weight: normal !important;

background: url(../images/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;

}

ul.menu li li a:hover,

ul.menu li li a:active,

ul.menu li li a:focus {

color: #CC0000;

text-decoration: underline;

}

ul.menu li li.active a {

color: #CC0000;

font-weight: bold;

}

ul.menu li li li a {

color: #000000 !important;

font-weight: normal !important;

padding-left: 45px !important;

background: url(../images/bullet.gif) no-repeat 35px 10px !important;

}

ul.menu li li li.active a {

font-weight: bold !important;

}

/* SPOTLIGHT

——————————————————— */

/* Spotlight Box Style */

.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {

float: left;

overflow: hidden;

}

/* Bottom spotlight */

#ja-botsl {

clear: both;

margin: 0;

padding: 0;

}

#ja-botsl .ja-box-tl {

padding: 0 15px;

}

#ja-botsl div.module h3 {

margin: 0 -14px;

padding: 0 0 7px 15px;

font-size: 150%;

border-bottom: 1px solid #DDDDDD;

}

#ja-botsl div.module {

margin: 20px 5px;

padding: 0;

float: none;

width: auto;

background: url(../images/box-r-br.gif) no-repeat bottom right #FFFFFF;

overflow: hidden;

}

#ja-botsl div.module div {

background: url(../images/box-r-bl.gif) no-repeat bottom left;

}

#ja-botsl div.module div div {

background: url(../images/box-r-tr.gif) no-repeat top right;

}

#ja-botsl div.module div div div {

padding: 10px 15px;

background: url(../images/box-r-tl.gif) no-repeat top left;

}

#ja-botsl div.module div div div div {

padding: 0;

background: none;

}

/* FOOTER

——————————————————— */

#ja-footer {

clear: both;

position: relative;

padding: 15px 20px;

color: #999999;

text-align: center;

}

#ja-footer small {

font-size: 100%;

}

/* MISCELLANOUS

———————————————————– */

ul.accessibility {

position: absolute;

top: -100%;

}

li.ja-firstitem, #ja-subnav li.first-item a, #ja-subnav a.first-item {

background: none !important;

}

/* Login */

#form-login p {

margin: 0 0 5px;

}

#form-login ul {

margin: 5px 0 0;

}

#modlgn_username, #modlgn_passwd {

width: 90%;

}

/*usertools*/

#ja-usertools {

position: absolute;

right: 10px;

top: 8px;

width:90px;

}

#ja-usertools ul {

margin: 0;

padding: 0 10px 0 0;

display: inline;

}

#ja-usertools ul li {

margin: 0;

padding: 0 2px;

float: right;

background: none;

}

/* Search */

#ja-search {

background: url(../images/search-bg.gif) no-repeat;

position: absolute;

right: 50px;

top: 35px;

height: 24px;

width: 276px;

font-size: 12px;

}

#ja-search .inputbox {

margin: 2px 3px 0 5px;

border: none;

background: none;

width: 198px;

}

*+html #ja-search .inputbox { /*IE 7*/

width: 193px;

}

*+html #ja-search .button { /*IE 7*/

padding: 1px 0px 1px 8px!important;

}

#ja-search .button {

border: none;

background: none;

font-size: 11px;

}

* html #ja-search .button {

width: 66px;

height: 22px;

}

/*others*/

#ja-banner {

padding: 20px 0 0;

text-align: center;

overflow: hidden;

width: 100%;

clear: both;

}

div.back_button a,

div.back_button a:hover,

div.back_button a:active {

background: none!important;

display: block;

margin: 10px 0;

text-decoration: none!important;

}

.clr {

clear: both;

}

.hasTip img {

border: none;

}

div.ja-innerdiv {

padding: 10px 0 12px !important;

background: url(../images/dot.gif) repeat-x bottom !important;

}

div.ja-innerdiv img.border {

padding: 2px;

border: 1px solid #CCCCCC;

margin-right: 10px;

}

/* Tooltips */

.tool-tip {

background: #FFFFFF;

border: 1px solid #CCCCCC;

float: left;

max-width: 200px;

padding: 5px;

z-index: 999;

color: #333333;

}

.tool-title {

background: url(../../system/images/selector-arrow.png) no-repeat;

font-size: 100%;

font-weight: bold;

margin: 0;

margin-top: -15px;

padding: 0;

padding-bottom: 5px;

padding-top: 15px;

}

.tool-text {

font-size: 100%;

margin: 0;

}

#system-message dd.message ul,

#system-message dd.error ul,

#system-message dd.notice ul {

margin: 0;

padding: 0;

}

#system-message dd.message ul li,

#system-message dd.error ul li,

#system-message dd.notice ul li {

background: none;

color: #FFFFFF;

margin: 0;

padding: 5px;

}

/* System Standard Messages */

#system-message dd.message ul {

background: #666666;

border: none;

}

/* System Error Messages */

#system-message dd.error ul {

background: #666666;

border: none;

}

/* System Notice Messages */

#system-message dd.notice ul {

background: #666666;

border: none;

}

/* Clearfix */

.clearfix:after {

clear: both;

content: “.”;

display: block;

height: 0;

visibility: hidden;

}

* html > body .clearfix {

display: block;

width: 100%;

}

* html .clearfix {

height: 1%;

}[/PHP]

orange.css

[PHP]/*————————————————————————

# JA Rutile for Joomla 15 – Version 1.0 – Licence Owner JA171549

# ————————————————————————

# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license – Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites: http://www.joomlart.com – http://www.joomlancers.com

# This file may not be redistributed in whole or significant part.

————————————————————————-*/

a {

color: #FF6600;

}

a:hover, a:active, a:focus {

color: #FF6600;

}

a.readon {

background: url(../../images/orange/readon-bg.gif) no-repeat center left #FF6600;

}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

background: #FF6600;

}

.modifydate {

color: #FF6600;

}

ul.menu li a:hover,

ul.menu li a:active,

ul.menu li a:focus {

color: #FF6600;

background: url(../../images/orange/arrow.gif) no-repeat 16px 12px #F7F7F7;

}

ul.menu li.active a {

background: url(../../images/orange/arrow.gif) no-repeat 16px 12px #F7F7F7;

color: #FF6600;

}

ul.menu li li a {

background: url(../../images/orange/arrow.gif) no-repeat 25px 10px #F7F7F7 !important;

}

#ja-search {

background: url(../../images/orange/search-bg.gif) no-repeat;

}

.dropcap {

color: #FF6600;

}

h1.logo a {

background: url(../../images/orange/logo.jpg) no-repeat center;

}

/*split menu*/

#ja-splitmenu li.active a,

#ja-splitmenu li.active a:hover,

#ja-splitmenu li.active a:active,

#ja-splitmenu li.active a:focus {

background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;

}

/*dropline menu*/

#jasdl-mainnav li.active a {

background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;

}

/*css + moo*/

#ja-cssmenu li a.active,

#ja-cssmenu li a.active:hover,

#ja-cssmenu li a.active:active,

#ja-cssmenu li a.active:focus {

background: url(../../images/orange/mainnav-active.gif) no-repeat center top #FF6600;

}

[/PHP]

Thanks very much:)

ksarb Friend

ksarb
Join date:
October 2009
Posts:
10
Downloads:
0
Uploads:
2

Thanks:

4

November 3, 2009 at 10:50 pm #322462

for #3 above i just ended up changing the size of the picture width, 150×281 was perfect for me, when i keep increasing the with the padding were more on the left than right. i am just sticking with that size.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 2 replies, has 1 voice, and was last updated by ksarb 15 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

How to finish fixing Rutile header and change page width

ksarb

ksarb

Important Notice :

Jump to forum

Categories