• Hollywood691

    (@hollywood691)


    I designed my theme with artisteer… My menu bar across the bottom of the header image. Thats where I want my catagories when I add a new one, but it’s where the pages are created. How can I change it?? Also If I want to add a rotating banner above the header in the background how would I do that?
    I have built a few html sites with dreamweaver over the years, but do no know coding, php or anything.

    I am building this on my computer so it isn’t online.
    Here is a screen shot Here
    Thanks,
    Brent

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Hollywood691

    (@hollywood691)

    anyone?

    Linosa

    (@linosa)

    source code?

    Thread Starter Hollywood691

    (@hollywood691)

    Here is the header:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>
    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
    <title><?php if (is_home () ) { bloginfo(‘name’); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo(‘name’) != “”) echo ‘ – ‘ ; bloginfo(‘name’); }
    elseif (is_single() ) { single_post_title(); }
    elseif (is_page() ) { bloginfo(‘name’); if(get_bloginfo(‘name’) != “”) echo ‘: ‘; single_post_title(); }
    else { wp_title(”,true); } ?></title>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/script.js”></script>
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <!–[if IE 6]><link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style.ie6.css” type=”text/css” media=”screen” /><![endif]–>
    <!–[if IE 7]><link rel=”stylesheet” href=”<?php bloginfo(‘template_url’); ?>/style.ie7.css” type=”text/css” media=”screen” /><![endif]–>
    <link rel=”alternate” type=”application/rss+xml” title=”<?php printf(__(‘%s RSS Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?>” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”<?php printf(__(‘%s Atom Feed’, ‘kubrick’), get_bloginfo(‘name’)); ?>” href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <?php wp_head(); ?>
    </head>
    <body>
    <div id=”art-page-background-gradient”></div>
    <div id=”art-main”>
    <div class=”art-Sheet”>
    <div class=”art-Sheet-tl”></div>
    <div class=”art-Sheet-tr”></div>
    <div class=”art-Sheet-bl”></div>
    <div class=”art-Sheet-br”></div>
    <div class=”art-Sheet-tc”></div>
    <div class=”art-Sheet-bc”></div>
    <div class=”art-Sheet-cl”></div>
    <div class=”art-Sheet-cr”></div>
    <div class=”art-Sheet-cc”></div>
    <div class=”art-Sheet-body”>
    <div class=”art-Header”>
    <div class=”art-Header-jpeg”></div>

    </div>
    <div class=”art-nav”>
    <div class=”l”></div>
    <div class=”r”></div>
    <ul class=”art-menu”>
    <?php art_menu_items(); ?>

    </div>

    let me know what else source code you need

    Linosa

    (@linosa)

    Hm… no. I can’t really find your menu there.

    Linosa

    (@linosa)

    Do you have any files with the art-menu?

    Michael

    (@alchymyth)

    the menu is hiding behind this function:

    <?php art_menu_items(); ?>

    you could try and search for this in your theme folders and files.

    does you theme have a ‘config.ini’ file?

    Thread Starter Hollywood691

    (@hollywood691)

    no there isn’t a config file.

    art_menu is found in the stylesheet here:

    /*
    Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
    */
    
    /* begin Page */
    
    /* Generated with Artisteer version 2.3.0.25189, file checksum is 52CE0A32. */
    
    body
    {
    	margin: 0 auto;
    	padding: 0;
    	background-color: #F1EFE4;
    	background-image: url('images/Page-BgTexture.jpg');
    	background-repeat: repeat;
    	background-attachment: scroll;
    	background-position: top left;
    }
    
    #art-main
    {
    	position: relative;
    	width: 100%;
    	left: 0;
    	top: 0;
    }
    
    #art-page-background-gradient
    {
    	position: absolute;
    	background-image: url('images/Page-BgGradient.jpg');
    	background-repeat: repeat-x;
    	top:0;
    	width:100%;
    	height: 900px;
    
    }
    
    #art-page-background-gradient
    {
    	background-position: top left;
    }
    
    .cleared
    {
    	float: none;
    	clear: both;
    	margin: 0;
    	padding: 0;
    	border: none;
    	font-size:1px;
    }
    
    form
    {
    	padding:0 !important;
    	margin:0 !important;
    }
    
    table.position
    {
    	position: relative;
    	width: 100%;
    	table-layout: fixed;
    }
    /* end Page */
    
    /* begin Box, Sheet */
    .art-Sheet
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	width: 1000px;
    	min-width:29px;
    	min-height:29px;
    }
    
    .art-Sheet-body
    {
    	position: relative;
    	z-index: 1;
    	padding: 9px;
    }
    
    .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
    {
    	width: 48px;
    	height: 48px;
    	background-image: url('images/Sheet-s.png');
    }
    
    .art-Sheet-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 24px, 24px, auto);
    }
    
    .art-Sheet-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 24px, 24px);
    }
    
    .art-Sheet-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(24px, 24px, auto, auto);
    }
    
    .art-Sheet-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(24px, auto, auto, 24px);
    }
    
    .art-Sheet-tc, .art-Sheet-bc
    {
    	left: 24px;
    	right: 24px;
    	height: 48px;
    	background-image: url('images/Sheet-h.png');
    }
    
    .art-Sheet-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 24px, auto);
    }
    
    .art-Sheet-bc
    {
    	bottom: 0;
    	clip: rect(24px, auto, auto, auto);
    }
    
    .art-Sheet-cr, .art-Sheet-cl
    {
    	top: 24px;
    	bottom: 24px;
    	width: 48px;
    	background-image: url('images/Sheet-v.png');
    }
    
    .art-Sheet-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 24px);
    }
    
    .art-Sheet-cl
    {
    	left:0;
    	clip: rect(auto, 24px, auto, auto);
    }
    
    .art-Sheet-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 24px;
    	left: 24px;
    	right: 24px;
    	bottom: 24px;
    	background-color: #F3F1E7;
    }
    
    .art-Sheet
    {
    	margin-top: 10px !important;
    }
    
    #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
    {
    	min-width:1000px;
    }
    
    /* end Box, Sheet */
    
    /* begin Header */
    div.art-Header
    {
    	margin: 0 auto;
    	position: relative;
    	z-index:0;
    	width: 982px;
    	height: 200px;
    }
    
    div.art-Header-jpeg
    {
    	position: absolute;
    	z-index:-1;
    	top: 0;
    	left: 0;
    	width: 982px;
    	height: 200px;
    	background-image: url('images/Header.jpg');
    	background-repeat: no-repeat;
    	background-position: center center;
    }
    /* end Header */
    
    /* begin Menu */
    /* menu structure */
    
    .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
    {
    	text-align:left;
    	text-decoration:none;
    	outline:none;
    	letter-spacing:normal;
    	word-spacing:normal;
    }
    
    .art-menu, .art-menu ul
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	list-style-type: none;
    	display: block;
    }
    
    .art-menu li
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	display: block;
    	float: left;
    	position: relative;
    	z-index: 5;
    	background:none;
    }
    
    .art-menu li:hover
    {
    	z-index: 10000;
    	white-space: normal;
    }
    
    .art-menu li li
    {
    	float: none;
    }
    
    .art-menu ul
    {
    	visibility: hidden;
    	position: absolute;
    	z-index: 10;
    	left: 0;
    	top: 0;
    	background:none;
    }
    
    .art-menu li:hover>ul
    {
    	visibility: visible;
    	top: 100%;
    }
    
    .art-menu li li:hover>ul
    {
    	top: 0;
    	left: 100%;
    }
    
    .art-menu:after, .art-menu ul:after
    {
    	content: ".";
    	height: 0;
    	display: block;
    	visibility: hidden;
    	overflow: hidden;
    	clear: both;
    }
    .art-menu, .art-menu ul
    {
    	min-height: 0;
    }
    
    .art-menu ul
    {
    	background-image: url(images/spacer.gif);
    	padding: 10px 30px 30px 30px;
    	margin: -10px 0 0 -30px;
    }
    
    .art-menu ul ul
    {
    	padding: 30px 30px 30px 10px;
    	margin: -30px 0 0 -10px;
    }
    
    /* menu structure */
    
    .art-menu
    {
    	padding: 0px 0px 0px 0px;
    }
    
    .art-nav
    {
    	position: relative;
    	height: 31px;
    	z-index: 100;
    }
    
    .art-nav .l, .art-nav .r
    {
    	position: absolute;
    	z-index: -1;
    	top: 0;
    	height: 31px;
    	background-image: url('images/nav.png');
    }
    
    .art-nav .l
    {
    	left: 0;
    	right:0px;
    }
    
    .art-nav .r
    {
    	right: 0;
    	width: 982px;
    	clip: rect(auto, auto, auto, 982px);
    }
    
    /* end Menu */
    
    /* begin MenuItem */
    .art-menu ul li
    {
    	clear: both;
    }
    
    .art-menu a
    {
    	position:relative;
    	display: block;
    	overflow:hidden;
    	height: 31px;
    	cursor: pointer;
    	text-decoration: none;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    
    .art-menu a .r, .art-menu a .l
    {
    	position:absolute;
    	display: block;
    	top:0;
    	z-index:-1;
    	height: 93px;
    	background-image: url('images/MenuItem.png');
    }
    
    .art-menu a .l
    {
    	left:0;
    	right:0px;
    }
    
    .art-menu a .r
    {
    	width:400px;
    	right:0;
    	clip: rect(auto, auto, auto, 400px);
    }
    
    .art-menu a .t
    {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    	color: #CCCCCC;
    	padding: 0 22px;
    	margin: 0 0px;
    	line-height: 31px;
    	text-align: center;
    }
    
    .art-menu a:hover .l, .art-menu a:hover .r
    {
    	top:-31px;
    }
    
    .art-menu li:hover>a .l, .art-menu li:hover>a .r
    {
    	top:-31px;
    }
    
    .art-menu li:hover a .l, .art-menu li:hover a .r
    {
    	top:-31px;
    }
    .art-menu a:hover .t
    {
    	color: #EBEBEB;
    }
    
    .art-menu li:hover a .t
    {
    	color: #EBEBEB;
    }
    
    .art-menu li:hover>a .t
    {
    	color: #EBEBEB;
    }
    
    /* end MenuItem */
    
    /* begin MenuSeparator */
    .art-nav .art-menu-separator
    {
    	display: block;
    	width: 1px;
    	height: 31px;
    	background-image: url('images/MenuSeparator.png');
    }
    
    /* end MenuSeparator */
    
    /* begin MenuSubItem */
    .art-menu ul a
    {
    	display:block;
    	text-align: center;
    	white-space: nowrap;
    	height: 20px;
    	width: 180px;
    	overflow:hidden;
    	line-height: 20px;
    	margin-right: auto;
    
    	background-image: url('images/subitem-bg.png');
    	background-position: left top;
    	background-repeat: repeat-x;
    	border-width: 0px;
    	border-style: solid;
    }
    
    .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    	display: inline;
    	float: none;
    	margin: inherit;
    	padding: inherit;
    	background-image: none;
    	text-align: inherit;
    	text-decoration: inherit;
    }
    
    .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    	text-align: left;
    	text-indent: 12px;
    	text-decoration: none;
    	line-height: 20px;
    	color: #474024;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }
    
    .art-menu ul ul a
    {
    	margin-left: auto;
    }
    
    .art-menu ul li a:hover
    {
    	color: #F6F5EE;
    	background-position: 0 -20px;
    }
    
    .art-menu ul li:hover>a
    {
    	color: #F6F5EE;
    	background-position: 0 -20px;
    }
    
    .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
    {
    	color: #F6F5EE;
    }
    
    .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
    {
    	color: #F6F5EE;
    }
    
    /* end MenuSubItem */
    
    /* begin ContentLayout */
    .art-contentLayout
    {
    	position: relative;
    	margin-bottom: 0px;
    	width: 982px;
    }
    /* end ContentLayout */
    
    /* begin Box, Block */
    .art-Block
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:13px;
    	min-height:13px;
    }
    
    .art-Block-body
    {
    	position: relative;
    	z-index: 1;
    	padding: 4px;
    }
    
    .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
    {
    	width: 20px;
    	height: 20px;
    	background-image: url('images/Block-s.png');
    }
    
    .art-Block-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 10px, 10px, auto);
    }
    
    .art-Block-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 10px, 10px);
    }
    
    .art-Block-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(10px, 10px, auto, auto);
    }
    
    .art-Block-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(10px, auto, auto, 10px);
    }
    
    .art-Block-tc, .art-Block-bc
    {
    	left: 10px;
    	right: 10px;
    	height: 20px;
    	background-image: url('images/Block-h.png');
    }
    
    .art-Block-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 10px, auto);
    }
    
    .art-Block-bc
    {
    	bottom: 0;
    	clip: rect(10px, auto, auto, auto);
    }
    
    .art-Block-cr, .art-Block-cl
    {
    	top: 10px;
    	bottom: 10px;
    	width: 20px;
    	background-image: url('images/Block-v.png');
    }
    
    .art-Block-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 10px);
    }
    
    .art-Block-cl
    {
    	left:0;
    	clip: rect(auto, 10px, auto, auto);
    }
    
    .art-Block-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 10px;
    	left: 10px;
    	right: 10px;
    	bottom: 10px;
    	background-color: #F3F1E7;
    }
    
    .art-Block
    {
    	margin: 7px;
    }
    
    /* end Box, Block */
    
    /* begin BlockHeader */
    .art-BlockHeader
    {
    	position:relative;
    	z-index:0;
    	height: 30px;
    	padding: 0 10px;
    	margin-bottom: 7px;
    }
    
    .art-BlockHeader .t
    {
    	height: 30px;
    	color: #BBAD77;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    	white-space : nowrap;
    	padding: 0 6px;
    	line-height: 30px;
    }
    
    .art-BlockHeader .l, .art-BlockHeader .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 30px;
    	background-image: url('images/BlockHeader.png');
    }
    
    .art-BlockHeader .l
    {
    	left:0;
    	right:0px;
    }
    
    .art-BlockHeader .r
    {
    	width:982px;
    	right:0;
    	clip: rect(auto, auto, auto, 982px);
    }
    
    .art-header-tag-icon
    {
        height: 30px;
    	background-position:left top;
    	background-image: url('images/BlockHeaderIcon.png');
    	padding:0 0 0 13px;
    	background-repeat: no-repeat;
    	min-height: 13px;
    	margin: 0 0 0 5px;
    }
    
    /* end BlockHeader */
    
    /* begin Box, BlockContent */
    .art-BlockContent
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:3px;
    	min-height:3px;
    }
    
    .art-BlockContent-body
    {
    	position: relative;
    	z-index: 1;
    	padding: 11px;
    }
    
    .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
    {
    	width: 2px;
    	height: 2px;
    	background-image: url('images/BlockContent-s.png');
    }
    
    .art-BlockContent-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 1px, 1px, auto);
    }
    
    .art-BlockContent-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 1px, 1px);
    }
    
    .art-BlockContent-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(1px, 1px, auto, auto);
    }
    
    .art-BlockContent-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(1px, auto, auto, 1px);
    }
    
    .art-BlockContent-tc, .art-BlockContent-bc
    {
    	left: 1px;
    	right: 1px;
    	height: 2px;
    	background-image: url('images/BlockContent-h.png');
    }
    
    .art-BlockContent-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 1px, auto);
    }
    
    .art-BlockContent-bc
    {
    	bottom: 0;
    	clip: rect(1px, auto, auto, auto);
    }
    
    .art-BlockContent-cr, .art-BlockContent-cl
    {
    	top: 1px;
    	bottom: 1px;
    	width: 2px;
    	background-image: url('images/BlockContent-v.png');
    }
    
    .art-BlockContent-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 1px);
    }
    
    .art-BlockContent-cl
    {
    	left:0;
    	clip: rect(auto, 1px, auto, auto);
    }
    
    .art-BlockContent-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 1px;
    	left: 1px;
    	right: 1px;
    	bottom: 1px;
    	background-color: #EEEBDD;
    }
    
    .art-BlockContent-body
    {
    	color:#595959;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }
    
    .art-BlockContent-body a:link
    {
    	color: #695F35;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }
    
    .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
    {
    	color: #828282;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }
    
    .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
    {
    	color: #B7951A;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    }
    
    .art-BlockContent-body ul
    {
    	list-style-type: none;
    	color: #242424;
    	margin:0;
    	padding:0;
    }
    
    .art-BlockContent-body ul li
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 125%;
      line-height: 1.25em;
      padding: 0px 0 0px 16px;
      background-image: url('images/BlockContentBullets.png');
      background-repeat: no-repeat;
    }
    
    /* end Box, BlockContent */
    
    /* begin Box, Post */
    .art-Post
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:1px;
    	min-height:1px;
    }
    
    .art-Post-body
    {
    	position: relative;
    	z-index: 1;
    	padding: 10px;
    }
    
    .art-Post
    {
    	margin: 7px;
    }
    
    /* Start images */
    a img
    {
    	border: 0;
    }
    
    .art-article img, img.art-article
    {
    	margin: 1em;
    }
    
    .art-metadata-icons img
    {
    	border: none;
    	vertical-align: middle;
    	margin: 2px;
    }
    /* Finish images */
    
    /* Start tables */
    
    .art-article table, table.art-article
    {
    	border-collapse: collapse;
    	margin: 1px;
    	width:auto;
    }
    
    .art-article table, table.art-article .art-article tr, .art-article th, .art-article td
    {
    	background-color:Transparent;
    }
    
    .art-article th, .art-article td
    {
    	padding: 2px;
    	border: solid 1px #C7BC8F;
    	vertical-align: top;
    	text-align:left;
    }
    
    .art-article th
    {
    	text-align: center;
    	vertical-align: middle;
    	padding: 7px;
    }
    
    /* Finish tables */
    
    pre
    {
    	overflow: auto;
    	padding: 0.1em;
    }
    
    /* end Box, Post */
    
    /* begin PostHeaderIcon */
    .art-PostHeader
    {
    	text-decoration:none;
    	margin: 0.2em 0;
    	padding: 0;
    	font-weight:normal;
    	font-style:normal;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-variant:normal;
    	text-decoration:none;
    	font-variant:normal;
    	text-transform:none;
    	text-align:left;
    	text-indent:0;
    	line-height:inherit;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    	color: #383838;
    }
    
    .art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    	margin:0;
    	color: #383838;
    }
    
    /* end PostHeaderIcon */
    
    /* begin PostHeader */
    .art-PostHeader a:link
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
      color: #5C522E;
    }
    
    .art-PostHeader a:visited, .art-PostHeader a.visited
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
      color: #5C5C5C;
    }
    
    .art-PostHeader a:hover, .art-PostHeader a.hovered
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    text-align: left;
      color: #BB991B;
    }
    /* end PostHeader */
    
    /* begin PostMetadata */
    .art-PostMetadataHeader
    {
    	padding:1px;
    	background-color: #E9E4D3;
    	border-color: #D4CCAA;
    border-style: solid;
    border-width: 1px;
    }
    /* end PostMetadata */
    
    /* begin PostIcons */
    .art-PostHeaderIcons
    {
    	padding:1px;
    }
    
    .art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    	color: #303030;
    }
    
    .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
    {
    	margin:0;
    }
    
    .art-PostHeaderIcons a:link
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    	color: #665C33;
    }
    
    .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    	color: #4D4D4D;
    }
    
    .art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    	color: #B3911A;
    }
    /* end PostIcons */
    
    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
      color: #4A4A4A;
    }
    
    .art-PostContent p
    {
    	margin: 0.5em 0;
    }
    
    .art-PostContent, .art-PostContent p
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
      color: #4A4A4A;
    }
    
    .art-PostContent
    {
      margin:0;
    }
    
    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    https://www.w3schools.com/CSS/css_pseudo_classes.asp
    https://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
      color: #9C4316;
    }
    
    /* Adds special style to an unvisited link. */
    a:link
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
      color: #9C4316;
    }
    
    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
      color: #611E94;
    }
    
    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
      color: #BB991B;
    }
    
    /* Finish Content link style */
    
    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
    }
    
    /* Start Content headings Fonts & Colors  */
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #525252;
    }
    
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #6B6B6B;
    }
    
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #8E8048;
    }
    
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #5E5E5E;
    }
    
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #5E5E5E;
    }
    
    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
      color: #5E5E5E;
    }
    /* Finish Content headings Fonts & Colors  */
    /* end PostContent */
    
    /* begin PostBullets */
    /* Start Content list */
    ol, ul
    {
    	color: #383838;
    	margin:1em 0 1em 2em;
    	padding:0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    }
    
    li ol, li ul
    {
    	margin:0.5em 0 0.5em 2em;
    	padding:0;
    }
    
    li
    {
    	margin:0.2em 0;
    	padding:0;
    }
    
    ul
    {
    	list-style-type: none;
    }
    
    ol
    {
    	list-style-position:inside;
    
    }
    
    .art-Post li
    {
    	padding:0px 0 0px 10px;
    	line-height:1.2em;
    }
    
    .art-Post ol li, .art-Post ul ol li
    {
    	background: none;
    	padding-left:0;
    }
    
    .art-Post ul li, .art-Post ol ul li
    {
    	background-image: url('images/PostBullets.png');
    	background-repeat:no-repeat;
    	padding-left:10px;
    }
    
    /* Finish Content list */
    /* end PostBullets */
    
    /* begin PostQuote */
    /* Start blockquote */
    blockquote,
    blockquote p,
    .art-PostContent blockquote p
    {
    	color:#0F0F0F;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    }
    
    blockquote,
    .art-PostContent blockquote
    {
    		margin:10px 10px 10px 50px;
    	padding:5px 5px 5px 28px;
    	background-color:#E9E4D3;
    	background-image:url('images/PostQuote.png');
    	background-position:left top;
    	background-repeat:no-repeat;
    }
    
    /* Finish blockuote */
    /* end PostQuote */
    
    /* begin PostMetadata */
    .art-PostMetadataFooter
    {
    	padding:1px;
    	background-color: #E9E4D3;
    }
    /* end PostMetadata */
    
    /* begin PostIcons */
    .art-PostFooterIcons
    {
    	padding:1px;
    }
    
    .art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
    	color: #303030;
    }
    
    .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
    {
    	margin:0;
    }
    
    .art-PostFooterIcons a:link
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    	color: #665C33;
    }
    
    .art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    	color: #4D4D4D;
    }
    
    .art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
    {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    	color: #B3911A;
    }
    /* end PostIcons */
    
    /* begin Button */
    .art-button-wrapper .art-button
    {
    	display:inline-block;
    	width: auto;
    	outline:none;
    	border:none;
    	background:none;
    	line-height:25px;
    	margin:0 !important;
    	padding:0 !important;
    	overflow: visible;
    	cursor: default;
    	text-decoration: none !important;
    	z-index:0;
    	vertical-align: middle;
    }
    
    .art-button img, .art-button-wrapper img
    {
      margin: 0;
    }
    
    .art-button-wrapper
    {
    	display:inline-block;
    	vertical-align: middle;
    	position:relative;
    	height: 25px;
    	overflow:hidden;
    	white-space: nowrap;
    	width: auto;
    	z-index:0;
    }
    
    .firefox2 .art-button-wrapper
    {
    	display:block;
    	float:left;
    }
    
    .art-button-wrapper .art-button
    {
    	display:block;
    	height: 25px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    	white-space: nowrap;
    	text-align: left;
    	padding: 0 9px !important;
    	line-height: 25px;
    	text-decoration: none !important;
    	color: #000000 !important;
    }
    
    input, select
    {
      vertical-align: middle;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }
    
    .art-button-wrapper.hover .art-button, .art-button:hover
    {
    	color: #000000 !important;
    	text-decoration: none !important;
    }
    
    .art-button-wrapper.active .art-button
    {
    	color: #FCF9ED !important;
    }
    
    .art-button-wrapper .l, .art-button-wrapper .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 75px;
    	background-image: url('images/Button.png');
    }
    
    .art-button-wrapper .l
    {
    	left:0;
    	right:5px;
    }
    
    .art-button-wrapper .r
    {
    	width:403px;
    	right:0;
    	clip: rect(auto, auto, auto, 398px);
    }
    
    .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
    {
    	top: -25px;
    }
    
    .art-button-wrapper.active .l, .art-button-wrapper.active .r
    {
    	top: -50px;
    }
    
    /* end Button */
    
    /* begin Footer */
    .art-Footer
    {
    	position:relative;
    	z-index:0;
    	overflow:hidden;
    	width: 982px;
    	margin: 5px auto 0px auto;
    }
    
    .art-Footer .art-Footer-inner
    {
    	height:1%;
    	position: relative;
    	z-index: 0;
    	padding: 8px;
    	text-align: center;
    }
    
    .art-Footer .art-Footer-background
    {
    	position:absolute;
    	z-index:-1;
    	background-repeat:no-repeat;
    	background-image: url('images/Footer.png');
    	width: 982px;
    	height: 150px;
    	bottom:0;
    	left:0;
    }
    
    .art-rss-tag-icon
    {
    	position: relative;
    	display:block;
    	float:left;
    	background-image: url('images/rssIcon.png');
    	background-position: center right;
    	background-repeat: no-repeat;
    	margin: 0 5px 0 0;
    	height: 16px;
    	width: 16px;
        cursor: default;
    }
    
    .art-Footer .art-Footer-text p
    {
    	margin: 0;
    }
    
    .art-Footer .art-Footer-text
    {
    	display:inline-block;
    	color:#DFD8BF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    }
    
    .art-Footer .art-Footer-text a:link
    {
    	text-decoration: none;
    	color: #E7C755;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }
    
    .art-Footer .art-Footer-text a:visited
    {
    	text-decoration: none;
    	color: #1A1A1A;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }
    
    .art-Footer .art-Footer-text a:hover
    {
    	text-decoration: none;
    	color: #4A4A4A;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    }
    /* end Footer */
    
    /* begin PageFooter */
    .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
    {
    	font-family:Arial;
    	font-size:10px;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-style:normal;
    	font-weight:normal;
    	text-decoration:underline;
    	color:#B3911A;
    }
    
    .art-page-footer
    {
    	margin:1em;
    	text-align:center;
    	text-decoration:none;
    	color:#887A44;
    }
    /* end PageFooter */
    
    /* begin LayoutCell */
    .art-contentLayout .art-content
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 637px;
    }
    .art-contentLayout .art-content-wide
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 980px;
    }
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .art-contentLayout .art-sidebar1
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 343px;
    }
    /* end LayoutCell */
    
    .commentlist, .commentlist li
    {
    	background: none;
    }
    
    .commentlist li li
    {
    	margin-left:30px;
    }
    
    .commentlist li .avatar
    {
    	float: right;
    	border: 1px solid #eee;
    	padding: 2px;
    	margin:1px;
    	background: #fff;
    }
    
    .commentlist li cite
    {
    	font-size:1.2em;
    }
    
    #commentform textarea
    {
    	width: 100%;
    }
    
    img.wp-smiley
    {
    	border:none;
    	margin:0;
    	padding:0;
    }
    
    .navigation
    {
    	display: block;
    	text-align: center;
    }
    
    /* Recommended by https://codex.www.ads-software.com/CSS */
    /* Begin */
    .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
    {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignleft
    {
    	float: left;
    }
    
    .alignright
    {
    	float: right;
    }
    
    .alignright img, img.alignright
    {
    	margin: 1em;
    	margin-right: 0;
    }
    
    .alignleft img, img.alignleft
    {
    	margin: 1em;
    	margin-left: 0;
    }
    
    .wp-caption
    {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    }
    
    .wp-caption img
    {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text
    {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End */
    
    .hidden
    {
    	display: none;
    }
    
    /* Calendar */
    #wp-calendar {
    	empty-cells: show;
    	margin: 10px auto 0;
    	width: 155px;
    }
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    }
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    }
    
    #wp-calendar a {
    	display: block;
    }
    
    #wp-calendar caption {
    	text-align: center;
    	width: 100%;
    }
    
    #wp-calendar td {
    	padding: 3px 0;
    	text-align: center;
    }
    
    .gallery {
        letter-spacing: normal;
    }
    
    #todays-events{
      position: relative;
      z-index: 11;
    }
    
    #upcoming-events{
      position: relative;
      z-index: 10;
    }

    And in this .js

    /* begin Page */
    
    /* Generated with Artisteer version 2.3.0.25189, file checksum is CC525024. */
    
    cssFix = function(){
    var u = navigator.userAgent.toLowerCase(),
    addClass = function(el, val){
    	if(! el.className) {
    		el.className = val;
    	} else {
    		var newCl = el.className;
    		newCl+=(' '+val);
    		el.className = newCl;
    	}
    },
    is = function(t){return (u.indexOf(t)!=-1)};
    addClass(document.getElementsByTagName('html')[0],[
    (!(/opera|webtv/i.test(u))&&/msie (\d)/.test(u))?('ie ie'+RegExp.$1)
    : is('firefox/2')?'gecko firefox2'
    : is('firefox/3')?'gecko firefox3'
    : is('gecko/')?'gecko'
    : is('chrome/')?'chrome'
    : is('opera/9')?'opera opera9':/opera (\d)/.test(u)?'opera opera'+RegExp.$1
    : is('konqueror')?'konqueror'
    : is('applewebkit/')?'webkit safari'
    : is('mozilla/')?'gecko':'',
    (is('x11')||is('linux'))?' linux'
    : is('mac')?' mac'
    : is('win')?' win':''
    ].join(' '));
    }();
    
    var artEventHelper = {
    	'bind': function(obj, evt, fn) {
    		if (obj.addEventListener)
    			obj.addEventListener(evt, fn, false);
    		else if (obj.attachEvent)
    			obj.attachEvent('on' + evt, fn);
    		else
    			obj['on' + evt] = fn;
    	}
    };
    
    var userAgent = navigator.userAgent.toLowerCase();
    var browser = {
    	version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
    	safari: /webkit/.test(userAgent) && !/chrome/.test(userAgent),
    	chrome: /chrome/.test(userAgent),
    	opera: /opera/.test(userAgent),
    	msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
    	mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
    };
    
    var artLoadEvent = (function() {
    
    	var list = [];
    
    	var done = false;
    	var ready = function() {
    		if (done) return;
    		done = true;
    		for (var i = 0; i < list.length; i++)
    			list[i]();
    	};
    
    	if (document.addEventListener && !browser.opera)
    		document.addEventListener('DOMContentLoaded', ready, false);
    
    	if (browser.msie && window == top) {
    		(function() {
    			try {
    				document.documentElement.doScroll('left');
    			} catch (e) {
    				setTimeout(arguments.callee, 10);
    				return;
    			}
    			ready();
    		})();
    	}
    
    	if (browser.opera) {
    		document.addEventListener('DOMContentLoaded', function() {
    			for (var i = 0; i < document.styleSheets.length; i++) {
    				if (document.styleSheets[i].disabled) {
    					setTimeout(arguments.callee, 10);
    					return;
    				}
    			}
    			ready();
    		}, false);
    	}
    
    	if (browser.safari || browser.chrome) {
    		var numStyles;
    		(function() {
    			if (document.readyState != 'loaded' && document.readyState != 'complete') {
    				setTimeout(arguments.callee, 10);
    				return;
    			}
    			if ('undefined' == typeof numStyles) {
    				numStyles = document.getElementsByTagName('style').length;
    				var links = document.getElementsByTagName('link');
    				for (var i = 0; i < links.length; i++) {
    					numStyles += (links[i].getAttribute('rel') == 'stylesheet') ? 1 : 0;
    				}
    				if (document.styleSheets.length != numStyles) {
    					setTimeout(arguments.callee, 0);
    					return;
    				}
    			}
    			ready();
    		})();
    	}
    	artEventHelper.bind(window, 'load', ready);
    	return ({
    		add: function(f) {
    			list.push(f);
    		}
    	})
    })();
    
    (function() {
    	// fix ie blinking
    	var m = document.uniqueID && document.compatMode && !window.XMLHttpRequest && document.execCommand;
    	try { if (!!m) { m('BackgroundImageCache', false, true); } }
    	catch (oh) { };
    })();
    
    function xGetElementsByClassName(clsName, parentEle, tagName) {
    	var elements = null;
    	var found = [];
    	var s = String.fromCharCode(92);
    	var re = new RegExp('(?:^|' + s + 's+)' + clsName + '(?:$|' + s + 's+)');
    	if (!parentEle) parentEle = document;
    	if (!tagName) tagName = '*';
    	elements = parentEle.getElementsByTagName(tagName);
    	if (elements) {
    		for (var i = 0; i < elements.length; ++i) {
    			if (elements[i].className.search(re) != -1) {
    				found[found.length] = elements[i];
    			}
    		}
    	}
    	return found;
    }
    
    var styleUrlCached = null;
    function GetStyleUrl() {
        if (null == styleUrlCached) {
            var ns;
            styleUrlCached = '';
            ns = document.getElementsByTagName('link');
            for (var i = 0; i < ns.length; i++) {
                var l = ns[i];
                if (l.href && /style\.ie6\.css(\?.*)?$/.test(l.href)) {
                    return styleUrlCached = l.href.replace(/style\.ie6\.css(\?.*)?$/, '');
                }
            }
    
            ns = document.getElementsByTagName('style');
            for (var i = 0; i < ns.length; i++) {
                var matches = new RegExp('import\\s+"([^"]+\\/)style\\.ie6\\.css"').exec(ns[i].innerHTML);
                if (null != matches && matches.length > 0)
                    return styleUrlCached = matches[1];
            }
        }
        return styleUrlCached;
    }
    
    function fixPNG(element) {
    	if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) {
    		var src;
    		if (element.tagName == 'IMG') {
    			if (/\.png$/.test(element.src)) {
    				src = element.src;
    				element.src = GetStyleUrl() + 'images/spacer.gif';
    			}
    		}
    		else {
    			src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i);
    			if (src) {
    				src = src[1];
    				element.runtimeStyle.backgroundImage = 'none';
    			}
    		}
    		if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "')";
    	}
    }
    
    function artHasClass(el, cls) {
    	return (el && el.className && (' ' + el.className + ' ').indexOf(' ' + cls + ' ') != -1);
    }
    /* end Page */
    
    /* begin Menu */
    function gTranslateFix() {
    	var menus = xGetElementsByClassName("art-menu", document);
    	for (var i = 0; i < menus.length; i++) {
    		var menu = menus[i];
    		var childs = menu.childNodes;
    		var listItems = [];
    		for (var j = 0; j < childs.length; j++) {
    			var el = childs[j];
    			if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
    		}
    		for (var j = 0; j < listItems.length; j++) {
    			var item = listItems[j];
    			var a = null;
    			var gspan = null;
    			for (var p = 0; p < item.childNodes.length; p++) {
    				var l = item.childNodes[p];
    				if (!(l && l.tagName)) continue;
    				if (String(l.tagName).toLowerCase() == "a") a = l;
    				if (String(l.tagName).toLowerCase() == "span") gspan = l;
    			}
    			if (gspan && a) {
    				var t = null;
    				for (var k = 0; k < gspan.childNodes.length; k++) {
    					var e = gspan.childNodes[k];
    					if (!(e && e.tagName)) continue;
    					if (String(e.tagName).toLowerCase() == "a" && e.firstChild) e = e.firstChild;
    					if (e && e.className && e.className == 't') {
    						t = e;
    						if (t.firstChild && t.firstChild.tagName && String(t.firstChild.tagName).toLowerCase() == "a") {
    							while (t.firstChild.firstChild) t.appendChild(t.firstChild.firstChild);
    							t.removeChild(t.firstChild);
    						}
    						a.appendChild(t);
    						break;
    					}
    				}
    				gspan.parentNode.removeChild(gspan);
    			}
    		}
    	}
    }
    artLoadEvent.add(gTranslateFix);
    
    function Insert_Separators() {
    	var menus = xGetElementsByClassName("art-menu", document, "ul");
    	for (var i = 0; i < menus.length; i++) {
    		var menu = menus[i];
    		var childs = menu.childNodes;
    		var listItems = [];
    		for (var j = 0; j < childs.length; j++) {
    			var el = childs[j];
    			if (String(el.tagName).toLowerCase() == "li") listItems.push(el);
    		}
    		for (var j = 0; j < listItems.length - 1; j++) {
    			var item = listItems[j];
    			var span = document.createElement('span');
    			span.className = 'art-menu-separator';
    			var li = document.createElement('li');
    			li.appendChild(span);
    			item.parentNode.insertBefore(li, item.nextSibling);
    
            }
            if (browser.msie) menu.style.position = "relative";
    	}
    
    }
    artLoadEvent.add(Insert_Separators);
    
    function Menu_IE6Setup() {
    	var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie") != -1
        && navigator.userAgent.toLowerCase().indexOf("msie 7") == -1;
    	if (!isIE6) return;
    	var aTmp2, i, j, oLI, aUL, aA;
    	var aTmp = xGetElementsByClassName("art-menu", document, "ul");
    	for (i = 0; i < aTmp.length; i++) {
    		aTmp2 = aTmp[i].getElementsByTagName("li");
    		for (j = 0; j < aTmp2.length; j++) {
    			oLI = aTmp2[j];
    			aUL = oLI.getElementsByTagName("ul");
    			if (aUL && aUL.length) {
    				oLI.UL = aUL[0];
    				aA = oLI.getElementsByTagName("a");
    				if (aA && aA.length)
    					oLI.A = aA[0];
    				oLI.onmouseenter = function() {
    					this.className += " art-menuhover";
    					this.UL.className += " art-menuhoverUL";
    					if (this.A) this.A.className += " art-menuhoverA";
    				};
    				oLI.onmouseleave = function() {
    					this.className = this.className.replace(/art-menuhover/, "");
    					this.UL.className = this.UL.className.replace(/art-menuhoverUL/, "");
    					if (this.A) this.A.className = this.A.className.replace(/art-menuhoverA/, "");
    				};
    			}
    		}
    	}
    }
    artLoadEvent.add(Menu_IE6Setup);
    /* end Menu */
    
    /* begin Button */
    
    function artButtonsSetupJsHover(className) {
    	var tags = ["input", "a", "button"];
    	for (var j = 0; j < tags.length; j++){
    		var buttons = xGetElementsByClassName(className, document, tags[j]);
    		for (var i = 0; i < buttons.length; i++) {
    			var button = buttons[i];
    			if (!button.tagName || !button.parentNode) return;
    			if (!artHasClass(button.parentNode, 'art-button-wrapper')) {
    				if (!artHasClass(button, 'art-button')) button.className += ' art-button';
    				var wrapper = document.createElement('span');
    				wrapper.className = "art-button-wrapper";
    				if (artHasClass(button, 'active')) wrapper.className += ' active';
    				var spanL = document.createElement('span');
    				spanL.className = "l";
    				spanL.innerHTML = " ";
    				wrapper.appendChild(spanL);
    				var spanR = document.createElement('span');
    				spanR.className = "r";
    				spanR.innerHTML = " ";
    				wrapper.appendChild(spanR);
    				button.parentNode.insertBefore(wrapper, button);
    				wrapper.appendChild(button);
    			}
    			artEventHelper.bind(button, 'mouseover', function(e) {
    				e = e || window.event;
    				wrapper = (e.target || e.srcElement).parentNode;
    				wrapper.className += " hover";
    			});
    			artEventHelper.bind(button, 'mouseout', function(e) {
    				e = e || window.event;
    				button = e.target || e.srcElement;
    				wrapper = button.parentNode;
    				wrapper.className = wrapper.className.replace(/hover/, "");
    				if (!artHasClass(button, 'active')) wrapper.className = wrapper.className.replace(/active/, "");
    			});
    			artEventHelper.bind(button, 'mousedown', function(e) {
    				e = e || window.event;
    				button = e.target || e.srcElement;
    				wrapper = button.parentNode;
    				if (!artHasClass(button, 'active')) wrapper.className += " active";
    			});
    			artEventHelper.bind(button, 'mouseup', function(e) {
    				e = e || window.event;
    				button = e.target || e.srcElement;
    				wrapper = button.parentNode;
    				if (!artHasClass(button, 'active')) wrapper.className = wrapper.className.replace(/active/, "");
    			});
    		}
    	}
    }
    
    artLoadEvent.add(function() { artButtonsSetupJsHover("art-button"); });
    /* end Button */
    
    artLoadEvent.add(function() { artButtonsSetupJsHover("button"); });

    thank you for your help

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change Menu from "pages" to Catagories’ is closed to new replies.