14 Replies - 777 Views - Last Post: 23 January 2013 - 06:08 PM

#1 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 07:32 AM

I am trying to lower the nav bar some so I can get a bigger image up top.

Posted Image


I was thinking i could adjust the padding from top, but that does not seem to be working, unless I am putting it in the wrong area ...

I can move the actual nav around .. but I am cant seem to figure out where the black bar code is to move that with the nav?


If I am in the right section of my CSS this is the code in there ...


/*-------navigation-------*/
#nav {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 1500;
}
#nav h2 {
  display: none;
}
#nav ul {
  float: left;
  padding: 16px 0;
}
#nav ul li {
  background: transparent url(../images/navspace.jpg) no-repeat 100% 50%;
  display: inline;
  font-size: 1em;
  padding: 9px 14px 9px 10px;
  list-style: none;
  margin: 0;
  position: relative;
}
#nav ul li.last {
  background: none;
}
#nav ul li a {
  color: #fff;
  padding: 9px 17px 15px;
  text-shadow: 0px -1px 1px #000;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#nav ul li a:hover,
#nav ul li a.active {
  color: #EF9F20;
}
#nav ul li.expanded a:hover,
#nav ul li.expanded.hover a {
  background: transparent url(../images/navbg.jpg) repeat-x 0 0;
}
#nav ul li ul {
  color: #fff;
  display: none;/*  make sure the submenus aren't visible on load */
  font-size: 0.95em;
  left: 0.95em;
  line-height: 2.5em;
  padding: 0;
  position: absolute;
  top: 2.4em;
  width: 15em;
}
#nav ul li.hover ul {
  display: block;
}
#nav ul li.hover ul li ul,
#nav ul li.hover ul li.hover ul li ul {
  display: none;
}
#nav ul li.hover ul li.hover ul,
#nav ul li.hover ul li.hover ul li.hover ul {
  display: block;
}
#nav ul ul li {
  background: #0b0b0b url(../images/dd-space.jpg) repeat-x scroll 0 100%;
  display: block;
  line-height: 2.5em;
  margin: 0 !important;
  padding: 0;
  position: relative;
  text-align: left;
  width: 15em;
}
#nav ul ul li.last {
  background: #010101;
}
#nav ul li.expanded ul li.expanded a,
#nav ul li.expanded ul li.expanded ul li.expanded a,
#nav li.expanded ul li.expanded a:hover,
#nav li.expanded ul li.expanded ul li.expanded a:hover {
  background: transparent url(../images/ddplus.gif) no-repeat 92% 50%;
}
#nav ul li.expanded ul li a,
#nav ul li.expanded ul ul li a,
#nav ul li.expanded ul ul ul li a,
#nav ul li.expanded ul li.expanded ul li a,
#nav ul li.expanded ul li.expanded ul li a:hover,
#nav ul li.expanded ul li.expanded ul li.expanded ul li a,
#nav ul li.expanded ul li.expanded ul li.expanded ul li a:hover,
#nav li.expanded ul li.expanded li a:hover {
  background: transparent;
  display: block;
  height: auto;
  padding: 2px 15px;
}
#nav li.expanded ul li a:hover,
#nav li.expanded ul ul li a:hover {
  background: transparent;
  color: #EF9F20;
  padding: 2px 15px;
}
#nav li .expanded ul {
  margin: -2.7em 0 0 16em;
}
#nav .block {
  margin: 0;

This post has been edited by theduke: 23 January 2013 - 07:41 AM


Is This A Good Question/Topic? 0
  • +

Replies To: what piece of code am I looking for? (pic inside)

#2 AnalyticLunatic  Icon User is offline

  • D.I.C Lover

Reputation: 221
  • View blog
  • Posts: 1,030
  • Joined: 25-June 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 08:00 AM

It would be much easier to help you if we could see your CSS & HTML together.
Was This Post Helpful? 0
  • +
  • -

#3 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 08:04 AM

View PostAnalyticLunatic, on 23 January 2013 - 08:00 AM, said:

It would be much easier to help you if we could see your CSS & HTML together.


I am somewhat new to this ... how do I show that?

If it helps this is a theme I got for drupal ...
Was This Post Helpful? 0
  • +
  • -

#4 AnalyticLunatic  Icon User is offline

  • D.I.C Lover

Reputation: 221
  • View blog
  • Posts: 1,030
  • Joined: 25-June 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 08:10 AM

Do the same as you did in your original post, just show the code for both the HTML (The actual webpage code) & the CSS (The Styling Sheet).

Example:

<Message of what you are trying to accomplish or the issue you are having>

HTML:
HTML Code goes here


CSS:
CSS Code goes here


<Any other pertinent information>

This post has been edited by AnalyticLunatic: 23 January 2013 - 08:10 AM

Was This Post Helpful? 0
  • +
  • -

#5 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 08:19 AM

Is this what you were wanting?


HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
  "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:dc="http://purl.org/dc/terms/"
  xmlns:foaf="http://xmlns.com/foaf/0.1/"
  xmlns:og="http://ogp.me/ns#"
  xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  xmlns:sioc="http://rdfs.org/sioc/ns#"
  xmlns:sioct="http://rdfs.org/sioc/types#"
  xmlns:skos="http://www.w3.org/2004/02/skos/core#"
  xmlns:xsd="http://www.w3.org/2001/XMLSchema#">

<head profile="http://www.w3.org/1999/xhtml/vocab">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta about="/HomePage" property="sioc:num_replies" content="0" datatype="xsd:integer" />
<link rel="shortcut icon" href="http://drewandlacey2013.com.previewdns.com/misc/favicon.ico" type="image/vnd.microsoft.icon" />
<meta content="" about="/HomePage" property="dc:title" />
<link rel="shortlink" href="/node/6" />
<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
<link rel="canonical" href="/HomePage" />
  <title>Home Page | &lt;none&gt;</title>
  <style type="text/css" media="all">@import url("http://drewandlacey2013.com.previewdns.com/modules/system/system.base.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/system/system.menus.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/system/system.messages.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/system/system.theme.css?mh28ls");</style>
<style type="text/css" media="all">@import url("http://drewandlacey2013.com.previewdns.com/misc/ui/jquery.ui.core.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/misc/ui/jquery.ui.theme.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/overlay/overlay-parent.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/contextual/contextual.css?mh28ls");</style>
<style type="text/css" media="all">@import url("http://drewandlacey2013.com.previewdns.com/modules/comment/comment.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/field/theme/field.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/node/node.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/search/search.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/user/user.css?mh28ls");</style>
<style type="text/css" media="all">@import url("http://drewandlacey2013.com.previewdns.com/modules/ckeditor/ckeditor.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/shortcut/shortcut.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/modules/toolbar/toolbar.css?mh28ls");
@import url("http://drewandlacey2013.com.previewdns.com/sites/all/themes/orange/orange/css/style.css?mh28ls");</style>

<!--[if IE 7]>
<link type="text/css" rel="stylesheet" href="http://drewandlacey2013.com.previewdns.com/sites/all/themes/orange/orange/css/ie-7.css?mh28ls" media="all" />
<![endif]-->

<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" href="http://drewandlacey2013.com.previewdns.com/sites/all/themes/orange/orange/css/ie-6.css?mh28ls" media="all" />
<![endif]-->
  <script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/jquery.js?v=1.4.4"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/jquery.once.js?v=1.2"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/drupal.js?mh28ls"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/ui/jquery.ui.core.min.js?v=1.8.7"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/jquery.ba-bbq.js?v=1.2.1"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/modules/overlay/overlay-parent.js?v=1.0"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/modules/contextual/contextual.js?v=1.0"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/misc/jquery.cookie.js?v=1.0"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/modules/toolbar/toolbar.js?mh28ls"></script>
<script type="text/javascript" src="http://drewandlacey2013.com.previewdns.com/sites/all/themes/orange/orange/js/orange.js?mh28ls"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"orange","theme_token":"c7HMQowHQ7l38HKngUQp1-216V7ncb3S135rEWo2Kto","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/ui\/jquery.ui.core.min.js":1,"misc\/jquery.ba-bbq.js":1,"modules\/overlay\/overlay-parent.js":1,"modules\/contextual\/contextual.js":1,"misc\/jquery.cookie.js":1,"modules\/toolbar\/toolbar.js":1,"sites\/all\/themes\/orange\/orange\/js\/orange.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"modules\/overlay\/overlay-parent.css":1,"modules\/contextual\/contextual.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"modules\/ckeditor\/ckeditor.css":1,"modules\/shortcut\/shortcut.css":1,"modules\/toolbar\/toolbar.css":1,"sites\/all\/themes\/orange\/orange\/css\/style.css":1,"sites\/all\/themes\/orange\/orange\/css\/ie-7.css":1,"sites\/all\/themes\/orange\/orange\/css\/ie-6.css":1}},"overlay":{"paths":{"admin":"node\/*\/edit\nnode\/*\/delete\nnode\/*\/revisions\nnode\/*\/revisions\/*\/revert\nnode\/*\/revisions\/*\/delete\nnode\/add\nnode\/add\/*\noverlay\/dismiss-message\nuser\/*\/shortcuts\nadmin\nadmin\/*\nbatch\ntaxonomy\/term\/*\/edit\nuser\/*\/cancel\nuser\/*\/edit\nuser\/*\/edit\/*","non_admin":"admin\/structure\/block\/demo\/*\nadmin\/reports\/status\/php"},"pathPrefixes":[],"ajaxCallback":"overlay-ajax"},"tableHeaderOffset":"Drupal.toolbar.height"});
//--><!]]>
</script>
</head>
<body class="html front logged-in no-sidebars page-node page-node- page-node-6 node-type-page toolbar toolbar-drawer" >
    <div id="skip-link">
    <a href="#main-content">Skip to main content</a>
  </div>
  <div id="overlay-disable-message" class="clearfix"><h3 class="element-invisible">Options for the administrative overlay</h3><a href="/user/1/edit?destination=node/6#edit-overlay-control" id="overlay-profile-link" class="overlay-exclude element-invisible">If you have problems accessing administrative pages on this site, disable the overlay on your profile page.</a> <a href="/overlay/dismiss-message?destination=node/6&amp;token=UA3AJzgeH8hz5YbWIQuROH20IXNqm-8YFG4f2U7h5N4" id="overlay-dismiss-message" class="overlay-exclude element-invisible">Dismiss this message.</a></div><div id="toolbar" class="toolbar overlay-displace-top clearfix">
  <div class="toolbar-menu clearfix">
    <ul id="toolbar-home"><li class="home first last active"><a href="/" title="Home" class="active"><span class="home-link">Home</span></a></li>
</ul>    <ul id="toolbar-user"><li class="account first"><a href="/user" title="User account">Hello <strong>Drew</strong></a></li>
<li class="logout last"><a href="/user/logout">Log out</a></li>
</ul>    <h2 class="element-invisible">Administrative toolbar</h2><ul id="toolbar-menu"><li class="menu-11 path-admin-dashboard first"><a href="/admin/dashboard" id="toolbar-link-admin-dashboard" title="View and customize your dashboard."><span class="icon"></span>Dashboard <span class="element-invisible">(View and customize your dashboard.)</span></a></li>
<li class="menu-9 path-admin-content"><a href="/admin/content" id="toolbar-link-admin-content" title="Administer content and comments."><span class="icon"></span>Content <span class="element-invisible">(Administer content and comments.)</span></a></li>
<li class="menu-21 path-admin-structure"><a href="/admin/structure" id="toolbar-link-admin-structure" title="Administer blocks, content types, menus, etc."><span class="icon"></span>Structure <span class="element-invisible">(Administer blocks, content types, menus, etc.)</span></a></li>
<li class="menu-7 path-admin-appearance"><a href="/admin/appearance" id="toolbar-link-admin-appearance" title="Select and configure your themes."><span class="icon"></span>Appearance <span class="element-invisible">(Select and configure your themes.)</span></a></li>
<li class="menu-18 path-admin-people"><a href="/admin/people" id="toolbar-link-admin-people" title="Manage user accounts, roles, and permissions."><span class="icon"></span>People <span class="element-invisible">(Manage user accounts, roles, and permissions.)</span></a></li>
<li class="menu-16 path-admin-modules"><a href="/admin/modules" id="toolbar-link-admin-modules" title="Extend site functionality."><span class="icon"></span>Modules <span class="element-invisible">(Extend site functionality.)</span></a></li>
<li class="menu-8 path-admin-config"><a href="/admin/config" id="toolbar-link-admin-config" title="Administer settings."><span class="icon"></span>Configuration <span class="element-invisible">(Administer settings.)</span></a></li>
<li class="menu-19 path-admin-reports"><a href="/admin/reports" id="toolbar-link-admin-reports" title="View reports, updates, and errors."><span class="icon"></span>Reports <span class="element-invisible">(View reports, updates, and errors.)</span></a></li>
<li class="menu-12 path-admin-help last"><a href="/admin/help" id="toolbar-link-admin-help" title="Reference for usage, configuration, and modules."><span class="icon"></span>Help <span class="element-invisible">(Reference for usage, configuration, and modules.)</span></a></li>
</ul>          <a href="/toolbar/toggle?destination=node/6" title="Hide shortcuts" class="toggle toggle-active">Hide shortcuts</a>      </div>

  <div class="toolbar-drawer clearfix">
    <div class="toolbar-shortcuts"><ul class="menu"><li class="first leaf"><a href="/node/add">Add content</a></li>
<li class="last leaf"><a href="/admin/content">Find content</a></li>
</ul></div><a href="/admin/config/user-interface/shortcut/shortcut-set-1" id="edit-shortcuts">Edit shortcuts</a>  </div>
</div>
      <div id="wrapper">
    <div id="header-top">
            <span id="member-login">
        <a href="/user">My Account</a> | <a href="/user/logout">Log Out</a>       </span>
    </div><!-- end header-top -->

      <div id="header">
        <div id="logo">
                  <a href="/" title="">
             <img src="http://drewandlacey2013.com.previewdns.com/sites/default/files/Untitled-4_0.png" alt="" />
          </a>
                        </div> <!-- end logo -->
                  <div id="nav">
              <div class="region region-nav">
        <div id="block-system-main-menu" class="block block-system contextual-links-region block-menu first last clearfix">

    <h2 class="title">Main menu</h2>
  <div class="contextual-links-wrapper"><ul class="contextual-links"><li class="menu-list first"><a href="/admin/structure/menu/manage/main-menu/list?destination=node/6">List links</a></li>
<li class="menu-edit"><a href="/admin/structure/menu/manage/main-menu/edit?destination=node/6">Edit menu</a></li>
<li class="block-configure last"><a href="/admin/structure/block/manage/system/main-menu/configure?destination=node/6">Configure block</a></li>
</ul></div>
  <div class="content"><ul class="menu"><li class="first leaf"><a href="/" class="active">Home</a></li>
<li class="leaf"><a href="/HowItHappened">How It Happened</a></li>
<li class="leaf"><a href="/Bridesmaids">Bridesmaids</a></li>
<li class="leaf"><a href="/Groomsmen">Groomsmen</a></li>
<li class="leaf"><a href="/WhenWhereHow">When, Where, How</a></li>
<li class="last leaf"><a href="/PhotoGallery">Photo Gallery</a></li>
</ul></div>
</div>
  </div>
          </div>
        <!-- end nav -->
      </div> <!-- end header -->
      
      <div id="container">
        <!-- end content top -->

        <div id="main">
                    <!-- end content inner -->

           <!-- end highlight -->
          <a name="main-content" id="main-content"></a>
           <!-- end title -->

                      <div id="tabs">
                          <h2 class="element-invisible">Primary tabs</h2><ul class="tabs primary"><li class="active"><a href="/HomePage" class="active">View<span class="element-invisible">(active tab)</span></a></li>
<li><a href="/node/6/edit">Edit</a></li>
</ul>                        </div> <!-- end tabs -->
          
          <div id="content">
                                            <div class="region region-content">
        <div id="block-system-main" class="block block-system first last clearfix">

    
  <div class="content"><div id="node-6" class="node node-page" about="/HomePage" typeof="foaf:Document">
        
  <div class="content clearfix">
    <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><link href="/css/rhinoslider-1.05.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="/js/rhinoslider-1.05.min.js"></script><script type="text/javascript" src="/js/mousewheel.js"></script><script type="text/javascript" src="/js/easing.js"></script><script type="text/javascript">
<!--//--><![CDATA[// ><!--

			$(document).ready(function() {
				$('#slider').rhinoslider({
					effect: 'fade',
					showTime: 4500,
					controlsMousewheel: false,
					controlsKeyboard: false,
					controlsPrevNext: false,
					controlsPlayPause: false,
					autoPlay: true,
					showBullets: 'never',
					showControls: 'never'
				});
			});
		
//--><!]]>
</script><style type="text/css">
<!--/*--><![CDATA[/* ><!--*/
body { background-color:#000; }
			
			#slider {
				width:600px;
				height:250px;
				
				/*IE bugfix*/
				padding:0;
				margin:0;
			}
			
			#slider li { list-style:none; }
			
			#page {
				width:600px;
				margin:50px auto;
			}

/*--><!]]>*/
</style><div id="page">
<ul id="slider"><li><img alt="" src="/img/slider/01.jpg" /></li>
<li><img alt="" src="/img/slider/02.jpg" /></li>
<li><img alt="" src="/img/slider/03.jpg" /></li>
<li><img alt="" src="/img/slider/04.jpg" /></li>
<li><img alt="" src="/img/slider/05.jpg" /></li>
</ul></div>
<p>words here </p>
</div></div></div>  </div>

  <div class="clearfix">
          <div class="node-links"></div>
    
      </div>

</div>
</div>
</div>
  </div>
                      </div> <!-- end content -->
        </div><!-- end main -->
        
         <!-- end sidebar-->
          
        <div class="clear">&nbsp; </div>
              </div> <!-- end container -->
    </div><!-- end wrapper -->

    <div id="footer">
      <div id="footerwrap">
              </div> <!-- end footerwrap -->
    </div> <!-- end footer -->

  <body class="yui-skin-sam">
<!-- Begin PDNS div -->
<div id="divContextHelp" style="visibility: hidden;">
        <div class="pdnscontext_help_content" id="ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_dpContextHelp">
                <div class="pdnsWizardHeader">
                        <div style="float: left; padding-top: 5px;">
                                                        Preview DNS
                        </div>
                        <div style="float: right; padding-top: 5px; padding-right: 5px;">
                                <img align="top" style="border-width: 0px; cursor: pointer;" src="https://hostingmanager.secureserver.net/App_Themes/Reseller/Images/icon_close.gif" id="ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_imgClose" />
                        </div>
                </div>
                <div align="left" class="pdnsWizardLabel">
                        <span class="ContextHelp_Title" id="ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_lblTitle">Welcome!</span>
                </div>
                <div align="left" style="white-space: normal;" class="pdnsWizardValue">
                        <span id="ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_lblDescription">
This is a preview of your new Web site. Once you've completed setting up this site's content, you need to modify the DNS settings of your domain for it to be live to the public.
<p>Click <a target="_blank" href="http://help.securepaynet.net/article/664">here</a> to learn more about setting your domain's nameservers.</p></span>
                </div>
        </div>
</div>
<!-- End PDNS div -->
<!-- Begin PDNS js code -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/container/assets/skins/sam/container.css">
<script src="http://yui.yahooapis.com/2.8.0r4/build/yahoo/yahoo-min.js" ></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/stylesheet/stylesheet-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/animation/animation-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/container/container-min.js"></script>
<script language="javascript" type="text/javascript">
YAHOO.namespace("pdns.container");
function pdnsinit() {
        var pdnscss = ".mask { background-color: #000000; opacity: 0.25; } " +
                ".pdnsWizardHeader { background-color:#003399; border-bottom:1px solid #CCCECD; color:#FFFFFF; font-family:Arial; font-size: 90%; font-style:normal; font-weight:bold; text-decoration:none; height:22px; padding-left:5px; } " +
                ".pdnsWizardLabel { color:#000000; background-color:#FFFFFF; font-family:Arial; font-size:9pt; font-style:normal; font-weight:bold; text-decoration:none; padding:10px 5px; } " +
                ".pdnsWizardValue { #color:#000000; font-family:Arial; font-size:9pt; font-style:normal; text-decoration:none; background-color:#FFFFFF; padding:5px; } " +
                ".pdnscontext_help_content { background-color:#FFFFFF; border:1px solid #ABABAB; left:0pt; position:absolute; top:0pt; } ";
        YAHOO.pdns.container.pdnssheet = YAHOO.util.StyleSheet(pdnscss, 'pdns');
	var checktimes = 1
        function get_cookie(Name) {
                var search = Name + "=";
                var returnvalue = ""
                if (document.cookie.length > 0) {
                        offset = document.cookie.indexOf(search)
                        if (offset != -1) {
                                offset += search.length
                                end = document.cookie.indexOf(";", offset)
                                if (end == -1)
                                        end = document.cookie.length
                                        returnvalue=unescape(document.cookie.substring(offset, end))
                        }
                }
                return returnvalue;
        }
        function checkifok(){
                if (get_cookie('alerted')==''){
                        sendnotice()
                        document.cookie="alerted=yes"
                }
        }
        function pdnscloseHelp(e, obj) {
                YAHOO.pdns.container.pdnsfyipanel.hide();
        }
        function sendnotice() {
                YAHOO.pdns.container.pdnsfyipanel = new YAHOO.widget.Panel("ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_dpContextHelp", {
                        width: "500px",
                        visible: false,
                        fixedcenter: true,
                        iframe: true,
                        draggable: false,
                        close: false,
                        constraintoviewport: true,
                        modal: true,
                        zindex: 2147483646,
                        underlay: "none",
                        effect: {effect:YAHOO.widget.ContainerEffect.FADE,duration:0.50}
                } );
                YAHOO.pdns.container.pdnsfyipanel.hide();
                YAHOO.util.Event.addListener("ctl00_ContentPlaceHolder1_hlpWebsitePreviewHelp_imgClose", "click", pdnscloseHelp, YAHOO.pdns.container.pdnsfyipanel, true);
                YAHOO.pdns.container.pdnsfyipanel.sizeMask();
                YAHOO.pdns.container.pdnsfyipanel.stackMask();
                YAHOO.pdns.container.pdnsfyipanel.render(document.body);
                YAHOO.pdns.container.pdnsfyipanel.show();
        }

        if (checktimes==2)
                sendnotice()
        else if (checktimes==0)
                document.cookie="alerted=yes"
        else if (checktimes!=0)
                checkifok()
}
YAHOO.util.Event.onDOMReady(pdnsinit);
</script>
<!-- End PDNS js code -->
</body>
 </body>
</html>




CSS:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  background:transparent none repeat scroll 0 0;
  border:0 none;
  font-size: 100%;
  font-weight: normal;
  margin :0;
  outline-style: none;
  outline-width: 0;
  padding: 0;
  vertical-align: baseline;
}
* {
  outline: none;
}
body {
  background: #fff url(../images/bg.jpg) repeat-x 0 0;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  line-height: 1.5em;
}
body.toolbar {
  background-position: 0 30px;
  margin: 0;
}
html body.admin-menu {
  background-position: 0 20px;
  margin: 0;
}
body.toolbar-drawer {
  background-position: 0 65px;
  margin: 0;
}
#skip-link {
  position: absolute;
  right: 15px;
  top: 4px;
}
#skip-link a {
  color: #999;
}
blockquote {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding: 5px 15px;
}
/*---- page top gap fix----*/
body.contextual-links-region {
  outline: none;
  position: inherit;
}
#wrapper {
 margin: 0 auto;
 width: 960px; 
}
a.feed-icon {
  color: #999;
  display: block;
  font-weight: bold;
  margin: 15px 0 0;
}
a.feed-icon img {
  margin: 0 3px 0 0;
  vertical-align: middle;
}
/*----------basics---------*/
h1,
h2,
h3,
h4,
h5 {
  color: #222;
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 10px;
}
h1,
h1 a {
  font-size: 2.2em;
  font-weight: normal;
  text-decoration: none;
}
h1.title {
  margin: 10px 0;
}
h2,
h2 a {
  color: #222;
  font-size: 1.5em;
  text-decoration: none;
}
h2 a:hover {
  color: #EF9F20;
  text-decoration: underline;
}
h3,
h3 a {
  font-size: 1.3em;
  text-decoration: none;
}
h4,
h4 a {
  font-size: 1.2em;
  text-decoration: none;
}
a {
  color: #EF9F20;
  text-decoration: none;
  -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
  -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
  transition: all 0.3s ease-out; 
}
a:hover,
a:focus {
  color: #222;
}
strong {
  font-weight: bold;
}
ul,
ol {
  padding: 0 0 0 20px;
}
.clear {
  clear: both;
  height: 2px;
}
.clearfix:after,
.clearfix .inner:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
p {
  margin: 10px 0;
  line-height: 1.6em;
}
input[type=submit] {
  background: transparent url(../images/black-btn-off.jpg) repeat-x 0 0;
  border: none;
  color: #fff;
  font-family: 'helvetica', arial, sans-serif;
  padding: 6px 16px;
  text-transform: uppercase;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
input[type=submit]:hover {
  background: transparent url(../images/black-btn-on.jpg) repeat-x 0 0;
  cursor: pointer;
}
input[type=text],
input[type=password],
textarea {
  padding: 4px;
  margin: 4px 0;
}
/*--------header--------*/
#header-top {
  color: #999;
  padding: 3px 20px;
  height: 18px;
}
#header-top #member-login {
 color: #333;
 float: right;
}
#header-top a {
  color: #999;
  text-decoration: none;
  padding: 0 3px;
}
#header-top a:hover {
  color: #333;
  text-decoration: underline;
}
#header {
  height: 159px;
  position: relative;
}
#header a {
  color: #222;
  text-decoration: none;
}
#logo {
  padding: 16px 0 0 20px;
}
#logo img {
  float: left;
}
#logo h1#site-name {
  width: auto;
}
#logo h1#site-name a {
  font-size: 1.9em;
  float: left;
  font-weight: lighter;
  padding: 17px 0 0 10px;
  letter-spacing: 1px;
}
/*-------navigation-------*/
#nav {
  bottom: 0;
  padding-top:50px;
  display: block;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 1500;
}
#nav h2 {
  display: none;
}
#nav ul {
  float: left;
  padding: 16px 0;
}
#nav ul li {
  background: transparent url(../images/navspace.jpg) no-repeat 100% 50%;
  display: inline;
  font-size: 1em;
  padding: 9px 14px 9px 10px;
  list-style: none;
  margin: 0;
  position: relative;
}
#nav ul li.last {
  background: none;
}
#nav ul li a {
  color: #fff;
  padding: 9px 17px 15px;
  text-shadow: 0px -1px 1px #000;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#nav ul li a:hover,
#nav ul li a.active {
  color: #EF9F20;
}
#nav ul li.expanded a:hover,
#nav ul li.expanded.hover a {
  background: transparent url(../images/navbg.jpg) repeat-x 0 0;
  
}
#nav ul li ul {
  color: #fff;
  display: none;/*  make sure the submenus aren't visible on load */
  font-size: 0.95em;
  left: 0.95em;
  line-height: 2.5em;
  padding: 0;
  position: absolute;
  top: 2.4em;
  width: 15em;
}
#nav ul li.hover ul {
  display: block;
}
#nav ul li.hover ul li ul,
#nav ul li.hover ul li.hover ul li ul {
  display: none;
}
#nav ul li.hover ul li.hover ul,
#nav ul li.hover ul li.hover ul li.hover ul {
  display: block;
}
#nav ul ul li {
  background: #0b0b0b url(../images/dd-space.jpg) repeat-x scroll 0 100%;
  display: block;
  line-height: 2.5em;
  margin: 0 !important;
  padding: 0;
  position: relative;
  text-align: left;
  width: 15em;
}
#nav ul ul li.last {
  background: #010101;
}
#nav ul li.expanded ul li.expanded a,
#nav ul li.expanded ul li.expanded ul li.expanded a,
#nav li.expanded ul li.expanded a:hover,
#nav li.expanded ul li.expanded ul li.expanded a:hover {
  background: transparent url(../images/ddplus.gif) no-repeat 92% 50%;
}
#nav ul li.expanded ul li a,
#nav ul li.expanded ul ul li a,
#nav ul li.expanded ul ul ul li a,
#nav ul li.expanded ul li.expanded ul li a,
#nav ul li.expanded ul li.expanded ul li a:hover,
#nav ul li.expanded ul li.expanded ul li.expanded ul li a,
#nav ul li.expanded ul li.expanded ul li.expanded ul li a:hover,
#nav li.expanded ul li.expanded li a:hover {
  background: transparent;
  display: block;
  height: auto;
  padding: 2px 15px;
}
#nav li.expanded ul li a:hover,
#nav li.expanded ul ul li a:hover {
  background: transparent;
  color: #EF9F20;
  padding: 2px 15px;
}
#nav li .expanded ul {
  margin: -2.7em 0 0 16em;
}
#nav .block {
  margin: 0;
}
/*------content top-----------*/
#container {
  padding: 18px 15px;
}
#content-top {
  background: transparent url(../images/content-topbg.jpg) no-repeat 0 0;
  color: #fff;
  display: block;
  height: 224px;
	padding: 10px 10px 22px;
	
}
#content-top h2,
#content-top a {
  color: #fff;
  text-decoration: none;
}
#content-top a:hover {
  color: #000;
  text-decoration: underline;
}
#content-top .block {
  background: transparent url(../images/content-top-space.jpg) no-repeat 100% 0;
  float: left;
  height: 208px;
  margin: 8px;
  padding: 0 16px 0 8px;
}
#content-top .block.last {
  background: transparent;
  margin: 8px 0;
  padding: 0 8px;
}
#content-top ul li {
  list-style: none;
  margin: 0;
}
#content-top ul li a {
	background: transparent url(../images/orange-bullet.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
}
/*---- breadcrumb ------*/
.breadcrumb {
  color: #999;
  padding: 0;
}
.breadcrumb a {
  color: #999;
}
.breadcrumb a:hover {
  color: #EF9F20;
}
/*---------main------------*/
#main {
  clear: none;
}
.one-sidebar #sidebar {
  float: left;
  padding: 10px 13px;
  width: 258px;
}
.one-sidebar #main {
 float: right;
 padding: 10px 0;
 width: 616px;
}
.right #sidebar {
  float: right;
}
.right #main {
  float: left;
}
.no-sidebar #main {
  width: 100%;
}
.sidebar a {
  color: #555;
}
.sidebar a:hover {
  color: #EF9F20;
}
/*-----content inner ------*/
#content-inner {
  margin: 10px 0 20px;
  background-color: #e5e5e5;
  padding: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#content-inner .block {
  background: url(../images/content-in-space.jpg) repeat-y 100% 0;
  clear: none;
  padding: 0 15px 0 5px;
  float: left;
  margin: 0 15px 0 5px;
}
#content-inner .block.last {
  background-image: none;
  padding: 0;
  margin: 0;
}
#content-inner h2 {
  font-size: 1.3em;
  margin: 0;
}
#content-inner p {
  color: #777;
  line-height: 1.2em;
  padding:0 0 5px;
}
/*----------tabs-------------*/
#tabs {
   margin: 0 0 15px 0;
}
ul.tabs.primary {
  background: transparent;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: right;
  line-height: 1.9em;
}
ul.tabs.primary li a {
  background: #e9e9e9;
  border: none;
  color: #bbb;
  padding: 5px 10px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
ul.tabs.primary li a:hover {
  background: #EF9F20;
  color: #fff;
}
ul.tabs.primary li a.active,
ul.tabs.primary li.active a {
  background: #ddd;
  color: #777;
}
ul.tabs.secondary {
  border: none;
  padding: 7px 0 0;
  text-align: right;
}
ul.tabs.secondary li {
  border: none;
  padding: 0;
  margin: 0 5px;
}
ul.tabs.secondary li a {
  color: #bbb;
}
ul.tabs.secondary li a:hover {
  color: #777;
  text-decoration: underline;
}
ul.tabs.secondary li a.active,
ul.tabs.secondary li.active a {
  color: #EF9F20;
  border: none;
  text-decoration: underline;
}

.info {
  background: transparent;
  border: 1px solid #e1e1e1;
  color: #777;
  font-size: 0.9em;
  padding: 5px 10px;
  margin: 10px 0;
  text-transform: uppercase;
}
.info.photo {
  padding: 5px 5px 5px 65px;
  min-height: 50px;
}
.info.photo .user-picture {
  position: absolute;
  margin: 0 0 0 -59px;
}
.info.photo .user-picture img {
  height: 50px;
  width: 50px;
}
.info a:hover {
  border-bottom: 1px solid #e1e1e1;
  color: #111;
}
/*-------- nodes --------*/
.node {
  margin: 0 0 20px 0;
}
.node-links {
  color: #999;
  clear: both;
  display: block;
  margin: 15px 0;
}
.node-links ul.links.inline {
  background: transparent;
  border: 1px solid #eee;
  display: block; 
  line-height: 2.2em;
  padding: 0;
}
.node-links ul.links.inline li:after {
  content: "";
}
.node-links ul.links.inline li a:before {
  content: "+ ";
}
.node-links ul.links.inline li {
  display: inline;
  margin: 0 0 0 3px;
  padding: 0;
}
.node-links ul.links.inline li a {
  color: #777;
  font-size: 0.9em;
  padding: 4px 6px;
  text-transform: uppercase;
}
.node-links ul.links.inline li a:hover {
  background: #EF9F20;
  border-color: #fff;
  color: #fff;
}
.taxonomy {
  line-height: 2.2em;
  text-transform: uppercase;
}
.taxonomy ul li {
  margin: 0;
}
.taxonomy a {
  color: #999;
  text-transform: none;
}
#main .taxonomy a:hover {
  background: #EF9F20;
  color: #fff;
}
/*--------forum--------*/
.forum-topic-navigation {
 border-color: #eee;	
}
.forum-topic-navigation .topic-previous {
  text-align: left;	
}
.forum-topic-navigation .topic-next {
  text-align: right;	
}
/*--------------pager-------------*/
ul.pager,
.item-list .pager {
  border-top: 2px solid #eee;
  margin: 10px 0 0;
  text-align: left;
}
ul.pager li,
.item-list .pager li {
  color: #444;
  margin: 0;
  padding: 0;
  line-height: 2em;
}
ul.pager li.pager-current {
  background: #eee;
  border:none;
  padding: 5px 10px;
}
ul.pager li a {
  background: #fff;
  color: #aaa;
  padding: 5px 10px;
  margin: 0;
}
ul.pager li a:hover {
  background: #EF9F20;
  color: #fff;
}
.picture {
  float: left;
  margin: 0 10px 0 0;
}
/*-------------comments----------*/
#comments {
  border-top: 2px solid #eee;
  padding: 10px 0 0;
  margin: 10px 0;
}
#comments h2 {
  color: #444;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 10px;
  text-transform: uppercase;
}
#comments h2.comment-form {
  border-top: 2px solid #eee;
  padding: 10px 0 0;
  margin: 10px 0;
}
.comment {
  background: #f9f9f9;
  padding: 15px;
  position: relative;
  margin: 15px 0;
}
.comment.photo {
  padding: 15px 15px 15px 75px;
}
.comment .user-picture {
  position: absolute;
  margin: 0 0 0 -60px;
}
.comment .user-picture img {
  height: 50px;
  width: 50px;
}
.comment h3 {
  font-size: 1.3em;
  margin-bottom: 5px;
  width: 90%;
}
.comment ul.links {
  border-top: 2px solid #eee;
  margin: 5px 0 0;
  padding: 5px 0 0;
}
.comment ul.links li {
  display: inline;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.comment ul.links li a {
  color: #444;
  padding: 4px 8px;
  text-decoration: none;
  text-transform: uppercase;
}
.comment ul.links li a:hover {
  background: #EF9F20;
  border-color: #EF9F20;
  color: #fff;
}
.comment .new {
  background: #EF9F20;
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
/*---------block--------*/
label {
  font-weight: normal !important;
}
.block-region {
  background: transparent;
  color: #3399cc;
  border: 1px dashed #3399cc;
  font-weight: bold;
  font-size: 1em;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
#nav .block-region {
  position: absolute;
  top: 10px;
  width: 100%;
}
#sidebar .block {
  margin: 5px 0 40px;
}
#sidebar h2 {
  font-size: 1.6em;
  margin-bottom: 6px;
}
.block .poll {
  margin:10px 3px;
}
.block .poll .title {
  margin: 10px 0;
}
.poll .bar,
.poll .bar .foreground {
  height:16px;
}
/*----- profile-----*/
.profile h3 {
  border-color: #eee;
  padding: 5px 0;
}
/*-------contentbottom-------*/
#content-bottom {
  border-top: 2px solid #eee;
  padding: 15px 0;
}
/*---------footer------*/
#footer {
  background: #eee;
  color: #999;
}
#footerwrap {
  padding: 20px 0;
  margin: 0 auto;
  width: 940px;
}
#footer-message {
  clear: none;
  float: right;
  text-align: right;
  width: auto;
}
#footer a {
  color: #999;
  text-decoration: none;
}
#footer a:hover {
  color: #333;
  text-decoration: underline;
}
#footer a.active {
  color: #333;
}
/*---search block form =----*/
#nav #search-block-form {
  position: absolute;
  right: 0px;
  top: 11px;
  width: 240px;
}
#nav #search-block-form label {
 display: none;
}
#nav #search-block-form input[type=text] {
  float: left;
  margin: 0 8px 0 0;
  width: 135px;
}
#nav #search-block-form input[type=submit] {
  background: transparent url(../images/orange-btn-off.jpg) repeat-x 0 0;
  border: none;
  float: left;
  padding: 7px 14px;
  margin: 0;
}
#nav #search-block-form input[type=submit]:hover {
  background: transparent url(../images/orange-btn-on.jpg) repeat-x 0 0;
}
.sidebar #search-block-form {
  background: #e5e5e5;
  padding: 10px;
}
.sidebar #search-block-form label {
 display: none;
}
.sidebar #search-block-form input[type=text] {
  float: left;
  margin-right: 2px;
  width: 135px;
}
#content-inner #search-block-form label {
  display: none;
}
#content-inner #search-block-form input[type=text] {
  width: 140px;
}
fieldset {
 background: #fff url(../images/grey-white.gif) repeat-x 0 0;
 border: 1px solid #eee;
  line-height: 1.5em;
  margin: 10px 5px;
  padding: 4px 5px 10px;
  position: relative;
}

fieldset .fieldset-legend {
  margin: 0.5em 0 0;
  position: absolute;
  color: #444;
  font-weight: bold;
  text-transform: uppercase;
}
fieldset .fieldset-wrapper {
  padding: 25px 15px;
}
fieldset a.fieldset-title {
  color: #444;
  font-weight: bold;
}
fieldset a.fieldset-title:hover  {
  color: #EF9F20;
  text-decoration: underline;
}
html.js fieldset.collapsed {
  border: 1px solid #eee;
  height: 1.4em;
  margin-bottom: 10px;
}
fieldset.filter-wrapper {
  padding: 0;
}
fieldset.filter-wrapper .fieldset-wrapper {
  padding: 15px 0;
}
.form-item {
  margin: 5px 0;
}
.container-inline fieldset {
  padding: 10px;
  margin: 10px 0;
}
table {
  background: #fff;
  margin: 5px 0;
}
table th,
table td {
  padding: 6px;
  vertical-align: middle;
}
table th.select-all,
table td .form-item {
  text-align: center;
}
table td.block {
  padding: 8px;
}
thead th,
thead th a {
  background: #f8f8f8;
  border-color: #e5e5e5;
  color: #444;
  font-weight: bold;
  text-transform: uppercase;
}
thead th a:hover {
  color: #EF9F20;
}
th.active img {
  display: none;
}
th.active {
  background: #f8f8f8 url(../images/dnarrow.jpg) no-repeat 5% 45%;
  padding-left: 30px;
}
table tbody tr.even {
  background: #f5f5f5;
}
table tbody tr.odd,
table tbody tr.even {
  border: none;
}
tr.drag-previous {
  background: #b8dffc;
}
div.error,
div.warning {
  background: #EF9F20;
  border: none;
  color: #fff;
  margin: 0 0 15px 0;
  padding: 10px;
}
div.status {
  background: #eee;
  border: none;
  color: #aaa;
  margin: 0 0 15px 0;
  padding: 10px;
}
div.error a,
div.warning a,
div.status a {
  color: #555;
  text-decoration: underline;
}
div.error a:hover,
div.warning a:hover,
div.status a:hover {
  color: #333;
}
.help {
  color: #444;
  margin: 10px 5px;
}
.help .more-help-link {
  text-align: right;
}
/*-------vertical tabs support---------*/
.vertical-tabs {
  background: #fff;
  border-color: #ddd;
  margin: 0 5px 10px;
  padding: 0;
}
.vertical-tabs ul {
  border-color: #ddd;
}
.vertical-tabs fieldset {
  background: #fff;
}
.vertical-tabs fieldset .fieldset-wrapper {
  padding: 10px;
}
.vertical-tabs ul.vertical-tabs-list .summary {
  font-size: 0.85em;
  color: #999;
}
.vertical-tabs ul.vertical-tabs-list a strong {
  color: #444;
  text-transform: uppercase;
}

/* @group skinr ------------------------------------ */
.hide-title h1.title,
.hide-title h2,
.hide-title h3 {
  display: none;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.sm-font {
  font-size: 0.85em;
  line-height: 1.2em;
}
.md-font {
  font-size: 1.1em;
  line-height: 1.3em;
}
.lg-font {
  font-size: 1.5;
}
.ex-font {
  font-size: 2em;
}
.giant {
  font-size: 2.5em;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
/*---widths---*/
.width-100 {
  width: 100%;
}
.width-75 {
  float: left;
  width: 73%;
}
.width-50 {
  float: left;
  width: 48%;
}
.width-33 {
  float: left;
  width: 32%;
}
.width-25 {
  float: left;
  width: 23%;
}
#content-top .width-75,
#content-inner .width-75 {
  width: 71%;
}
#content-top .width-50,
#content-inner .width-50 {
  width: 46%;
}
#content-top .width-33,
#content-inner .width-33 {
  width: 29%;
}
#content-top .width-25,
#content-inner .width-25 {
  width: 22%;
}
/*----margins----*/
.top-10 {
  margin-top: 10px;
}
.right-10 {
  margin-right: 10px;
}
.bottom-10 {
  margin-bottom: 10px;
}
.left-10 {
  margin-left: 10px;
}
/*---*/
.img ul {
  padding: 0;
}
.img ul li {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
  margin: 0 5px;
  list-style-image: url(../images/black-bullet.gif);
  list-style-position: inside;
}
.img ul li.expanded {
  border-bottom: none;
}
#content-top .img ul li {
  list-style-image: url(../images/orange-bullet.gif);
}
.img {
  color: #888;
}
.blist ul {
  padding: 0;
}
.blist ul li {
  list-style: none;
  list-style-image: none;
  line-height: 2.3em;
  margin: 0;
  padding: 0;
}
.blist ul li a {
  border-bottom: #eee 1px solid;
  color: #444;
  display: block;
  padding: 0 0 0 5px;
}
.blist ul li a:hover {
  background: #EF9F20;
  color: #fff;
}
.blist.grey ul li a:hover {
  background: #ddd;
  color: #444;
}
.blist ul ul li a {
  padding: 0 0 0 10px;
}
.blist ul ul ul li a {
  padding: 0 0 0 15px;
}
/*---blocks---*/
.ohead h3 {
  background: #EF9F20;
  color: #fff;
  line-height: 1.4em;
  padding: 0 5px;
}
.gborder {
  border: 1px solid #ddd;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.gbox {
  background: #e5e5e5;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.gbox .block-inner {
  background: #fefefe;
}

/*----links-----*/
.inline-links ul {
  padding: 0;
}
.inline-links ul li {
  border-right: 1px solid #777;
  display: inline;
  padding: 0 10px 0 0;
  line-height: 1em;
  margin: 0 10px 0 0;
}
.inline-links ul li.last {
  border-right: none;
}
.inline-links ul ul {
  display: none;
}
.column-links ul {
  padding: 0;
}
.column-links ul li {
  display: inline;
  display: inline-block;
  float: left;
  list-style: none;
  margin: 0 50px 0 0;
  position: relative;
  vertical-align: top;
}
.column-links ul li a {
  font-weight: bold;
}
.column-links ul li ul {
  display: block;
  position: relative;
}
.column-links ul li ul li {
  display: block;
  float: none;
  margin: 0;
}
.column-links ul li ul li a {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1em;
}
.column-links ul li ul li ul  {
  padding: 0 0 0 10px;
}
.column-links ul li ul li ul  {
  padding: 0 0 0 10px;
}
/*---imgfield-----*/
.img-left .field-type-image,
.img-left.image-insert {
  float: left;
  margin: 0 10px 10px 0;
}
.img-left .views-row {
  clear: left;
}
.img-right .field-type-image,
.img-right.image-insert {
  float: right;
  margin: 0 0 10px 10px;
}
.img-left .views-row {
  clear: right;
}
/*-----fonts----*/
.serif-heading h1,
.serif-heading h1 a,
.serif-heading h2,
.serif-heading h2 a,
.serif-heading h3,
.serif-heading h3 a,
.serif-heading h4,
.serif-heading h4 a,
.serif-heading h5,
.serif-heading h5 a {
  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}
.serif-all,
.serif-all input {
  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}
.lucida-heading h1,
.lucida-heading h1 a,
.lucida-heading h2,
.lucida-heading h2 a,
.lucida-heading h3,
.lucida-heading h3 a,
.lucida-heading h4,
.lucida-heading h4 a,
.lucida-heading h5,
.lucida-heading h5 a {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
.lucida-all,
.lucida-all input {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 0.9em;
}
.mono-heading h1,
.mono-heading h1 a,
.mono-heading h2,
.mono-heading h2 a,
.mono-heading h3,
.mono-heading h3 a,
.mono-heading h4,
.mono-heading h4 a,
.mono-heading h5,
.mono-heading h5 a {
  font-family: Consolas, "Courier New", "Courier", mono;
}
.mono-all,
.mono-all input {
  font-family: Consolas, "Courier New", "Courier", mono;
}
.verdana-heading h1,
.verdana-heading h1 a,
.verdana-heading h2,
.verdana-heading h2 a,
.verdana-heading h3,
.verdana-heading h3 a,
.verdana-heading h4,
.verdana-heading h4 a,
.verdana-heading h5,
.verdana-heading h5 a {
  font-family: Verdana, Geneva, sans-serif;
}
.verdana-all,
.verdana-all input {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.9em;
}
/* @end */



Was This Post Helpful? 0
  • +
  • -

#6 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 03:03 PM

I have tried messing with the header and nav and nothing seems to work so far. Am I even in the right section for that black bar?
Was This Post Helpful? 0
  • +
  • -

#7 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:01 PM

This is going to be very tricky to adjust:

The black bar is a background image for the body. To move it further down you need to first set background-attachment: fixed; (in Firefox and Opera), before you can use -position to move it:

body {
    background-attachment: fixed;
    background-position: 0 50px;
}


Edited: Actually, this information may be out of date and it may not be necessary to set -position: fixed. In which case, the issue described below may no longer apply.

the navigation bar #nav is absolutely positioned at the bottom of div#header. To move if further down you need to increase the height of the header:

div#header {
    height: 200px;
}


However, because the background-image is now fixed, as soon as you scroll the page the navigation buttons will move up, above the black bar.

One way to resolve this is to replace the background image (images/bg.jpg) with one with the black-bar positioned further down, together with increasing the height of the header, as mentioned.

This post has been edited by andrewsw: 23 January 2013 - 04:05 PM

Was This Post Helpful? 0
  • +
  • -

#8 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:16 PM

I believe you can push the black-bar further down with a combination of background-origin and -position on the body, although this would have to be checked for browser compatibility:

body {
    background-origin: content-box; /* or one of the other settings */
    background-position: 0 50px;
}


but this mucks up other settings :censored:/>

background-origin Mozilla

background-position sitepoint

This post has been edited by andrewsw: 23 January 2013 - 04:24 PM

Was This Post Helpful? 0
  • +
  • -

#9 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:17 PM

View Postandrewsw, on 23 January 2013 - 04:01 PM, said:

This is going to be very tricky to adjust:

The black bar is a background image for the body. To move it further down you need to first set background-attachment: fixed; (in Firefox and Opera), before you can use -position to move it:

body {
    background-attachment: fixed;
    background-position: 0 50px;
}


Edited: Actually, this information may be out of date and it may not be necessary to set -position: fixed. In which case, the issue described below may no longer apply.

the navigation bar #nav is absolutely positioned at the bottom of div#header. To move if further down you need to increase the height of the header:

div#header {
    height: 200px;
}




However, because the background-image is now fixed, as soon as you scroll the page the navigation buttons will move up, above the black bar.

One way to resolve this is to replace the background image (images/bg.jpg) with one with the black-bar positioned further down, together with increasing the height of the header, as mentioned.



I tried your code ... It lowered the nav bar, but not the black bar.

Normal look:

Posted Image

When I scroll down some - like you mentioned it would move:

Posted Image




I have not yet tried to change the (images/bg.jpg) yet ... are you saying to completely replace the file .. or open it and try to edit it that way?
Was This Post Helpful? 0
  • +
  • -

#10 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:21 PM

Quote

I have not yet tried to change the (images/bg.jpg) yet ... are you saying to completely replace the file .. or open it and try to edit it that way?


You could open the image in an image editor, but I cannot,personally, advise you on the use of these editors. it would be up to you whether you want to just save the revised image, or save it under a different name.

If you explore background-origin and -position you may be able to push the black-bar down (without the scroll issue mentioned above) but you will then need to adjust properties for other elements, such as the header icon. I think it will take a little persistence..

This post has been edited by andrewsw: 23 January 2013 - 04:23 PM

Was This Post Helpful? 0
  • +
  • -

#11 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:31 PM

body {
  background: #fff url(../images/bg.jpg) repeat-x 0 0; /* delete 0 0 from this rule */
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  line-height: 1.5em;
   /* add the following line */
  background-position: 0 50px;
}


But, as I say, this will disturb other elements such as the header.

This post has been edited by andrewsw: 23 January 2013 - 04:31 PM

Was This Post Helpful? 0
  • +
  • -

#12 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:36 PM

Doh! the grey area at the top is also part of the image, so my previous suggestion won't work (it'll create an empty, white area at the top. You'll need to edit the background-image, or obtain an entirely new one. Or come up with some other great idea!!

[This is what happens when you use something like drupal, but decide that the theme is not good enough!!]

This post has been edited by andrewsw: 23 January 2013 - 04:38 PM

Was This Post Helpful? 1
  • +
  • -

#13 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 04:44 PM

View Postandrewsw, on 23 January 2013 - 04:21 PM, said:

Quote

I have not yet tried to change the (images/bg.jpg) yet ... are you saying to completely replace the file .. or open it and try to edit it that way?
You could open the image in an image editor, but I cannot,personally, advise you on the use of these editors. it would be up to you whether you want to just save the revised image, or save it under a different name.If you explore background-origin and -position you may be able to push the black-bar down (without the scroll issue mentioned above) but you will then need to adjust properties for other elements, such as the header icon. I think it will take a little persistence..



I opened PS and was going to edit the image but it looks like this ...

Posted Image

What the??

Is there anyway I could delete that image and then make my own black line I could work with and move around?

View Postandrewsw, on 23 January 2013 - 04:36 PM, said:

Doh! the grey area at the top is also part of the image, so my previous suggestion won't work (it'll create an empty, white area at the top. You'll need to edit the background-image, or obtain an entirely new one. Or come up with some other great idea!![This is what happens when you use something like drupal, but decide that the theme is not good enough!!]


Haha, ya but I have not yet learned CSS enough to make my own page from scratch.
Was This Post Helpful? 0
  • +
  • -

#14 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3491
  • View blog
  • Posts: 11,910
  • Joined: 12-December 12

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 05:11 PM

Yes, the image is only 1 pixel wide and is then repeated horizontally. But, as I say, I'm not the person who can help you with an image editor - other than suggesting that you need to zoom it in :)

He, he, you could search google for an image with is 1x990 and take a chance!
Was This Post Helpful? 0
  • +
  • -

#15 theduke  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 19
  • Joined: 13-February 09

Re: what piece of code am I looking for? (pic inside)

Posted 23 January 2013 - 06:08 PM

View Postandrewsw, on 23 January 2013 - 05:11 PM, said:

Yes, the image is only 1 pixel wide and is then repeated horizontally. But, as I say, I'm not the person who can help you with an image editor - other than suggesting that you need to zoom it in :)/>

He, he, you could search google for an image with is 1x990 and take a chance!



got it to move down ... had to recolor that dang bar. man that was ridiculous lol.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1