/* Theme Name: Dynamic_01 Theme URI: http://wordpress.org/ Description: The Dynamic_01 theme, based on TwentyTen, is a simple, clean flexible-width theme that includes a built-in menu on a custom page template which supports hierarchical display of the child pages. Author: Kevin Taberski Version: 1.0 License: GNU General Public License License URI: license.txt Tags: blue, white, two-columns, three-columns, flexible-width, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu File: style.css Date: $Date: 2012-05-08 21:32:04 -0600 (Tue, 08 May 2012) $ Subversion ID: $Id: style.css 26 2012-05-09 03:32:04Z taberski_Workstation $ Modification History: 05/08/12 - KDT - updated tag 
 to match that used in the Wordpress Codex for 
03/02/12 - KDT - added new rule for a .print-site-url to allow for
                 "Dynamic Engineering Corporation - www.dyenco.com"
				 to be displayed on printed pages only!
               - added new rule for print-permalink to display URL near bottom of printed page
03/01/12 - KDT - made numerous changed to the print styles to remove all the "clutter"
                 and format the content more to my liking
02/26/12 - KDT - removed "MenuPageContent img", "PageContent img" and "PostContent img"
               - switch to fixed width (940px)
               - changed color and font-size of ".wp-caption p.wp-caption-text"
11/19/11 - KDT - added id "#phone", "content" and "MenuPage-secondary"
11/16/11 - KDT - modified header to reflect new theme
11/08/11 - KDT - ported from taberski_01
11/12/11 - KDT - added #logo
               - this theme uses a blue-gradient (White2BlueHorz.jpg) as a background in the header
11/09/11 - KDT - ported from Taberski_01/style.css with the intent of adapting it to my new Dynamic Engineering Corp. logo
               - changed body background color - may make it white or a gradient later
			   - changed header bacground to white to accommadate logo
11/08/11 - KDT - ported from taberski_01

  Notes: this theme is based on TwentyTen.  I've added a "Menu" to to a class (MenuPageMenu) that
         expands out the submenues based on the selection through the child menus
         Unlike the widgetized stock menus, this menu is based on the levels and parents 
         assigned to Pages.  Parents to determine the hierarchy - levels to determine the
         order in which the menus are displayed.  The idea is to be able to order articles
         in a typical hierarchical fashion.  To use, select "MenuPage" under Pages->Edit Page->
         page Attributes->Temple (versus default)
         The navigation menu (the horizontal menu) is a standard "menu", so the user has the
         ability to display submenus (or not) there as well.
         The only Plugin (I think) I need is Exec-PHP which I use to add PHP to Text fields in
         the Primary Widget Area (i.e. '); 
         wp_loginout(); ?> for a a simple login prompt).
         The other useful Plugin is "Page Links To: - for Resume.pdf, etc.
         Of Course Akismet has proven useful as well!
 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, img, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
/*	clear: both; */ /* 07/05/11 */
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: 0 none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
/*	margin: 0 -240px 0 0; */
/*  margin: 0; *//* 07/05/11 */
	margin: 0 -240px 0 0; /* 07/05/11 */
	width: 100%; 
}
#content {
	margin: 0 280px 0 20px; 
  /* added 07/05/11 */
  background-color: white;
}
#primary,
#secondary {
	float: right;
  clear: right; /* 07/05/11 */
	overflow: hidden;
	width: 220px;
  margin-top: 20px; /* 07/05/11 */
}
/* 11/19/11 */
/* - my current plan is to use "primary" widgets on every page/post to list content that is */
/*   relavent site-wide and use "secondary" widgets on posts-only */
#MenuPage-primary { /* 07/05/11 */
  float: right;
  clear: right; /* 07/05/11 */
  overflow: hidden;
  width: 180px;
  margin-top: 20px; /* 07/05/11 */
}

/* 11/19/11 */
#MenuPage-secondary {
  float: right;
  clear: right;
  overflow: hidden;
  width: 180px;
  margin-top: 20px;
}

#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 640px;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
/*	font-family: Georgia, "Bitstream Charter", serif; */
  font-family: Verdana,Tahoma,Arial,sans-serif;  /* 07/05/11 */ 
}
h3#comments-title,
h3#reply-title,
/* #access .menu, */
/* #access div.menu ul, */
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
/* div.menu, */
#colophon,
#branding,
/*#main, */
#wrapper {
	margin: 0 auto;
	width: 940px;  /* 02/26/12 - switched back to fixed width */
/* 07/04/11 - picked max-width to equal original "width" - was 950px for KDT-sandbox - made min-width 10px smaller as well */
/* 02/26/12 - switched back to fixed width due to images (especially w/captions) not scaling properly */
/*  max-width: 940px; */ /* using max-width (versus width) allows the width to shrink as the browser windo shrinks */
/*  min-width: 660px; */
}
/* 07/05/11 */
#main {
  margin: 0 auto;
  width: 100%;
  }
  
#wrapper {
	background-color: white;
/*	margin-top: 20px; */
  margin-top: 10px; /* 07/05/11 */
  margin-bottom: 10px; /* 07/05/11 */
/*	padding: 0 20px; */
  padding: 0; /* 07/05/11 */
  /* 07/05/11 - added borders */
/*  border-right: 2px solid #467aa7; *//* Header background - darkish blue */
/*  border-left: 2px solid #467aa7; */
/*  border-bottom: 2px solid #467aa7; */
  /* 11/12/11 - bluish theme */
  border-top: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-left: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-right: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-bottom: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
/*	background: #f1f1f1; */
/*  background: #fff8e8; */ /* 07/05/11 - cream */
/*  color:#3a3a3a; */ /* 07/05/11 - from KDT-Sandbox */
	background: #f1f1f1; /* light gray - 11/09/11 */
/*  background: white; */
  /* 11/12/11 - bluish theme */
/*  background-color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
/*  background-color: #f1f6f9; *//* lightish blue selected from left of White2BlueHorz.jpg */
}
body,
input,
textarea {
	color: #666; 
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
/*	list-style: square; */
  list-style: disc; /* 07/05/11 */
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
/*	background: #f7f7f7; */
    background: none repeat scroll 0 0 #F3F3F7; /* added - 05/08/12 - KDT */
	border: 1px solid #DEDEE3; /* added - 05/08/12 - KDT */
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
/* 	color: #0066cc;  *//* blueish */
/*  color: #b33; *//* redish - 11/10/11 */
/*  color: #ff4b33;   */
/*  color: #005bac;   *//* same as ending color of White2BlueHorz.jpg */
/*  color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
/*  color: #008bc2; */ 
  text-decoration: none;
}
a:visited {
/*	color: #743399; *//* original*/
/*	color: #ff4b33;   */
/*  color: #a33; *//* redish - 11/10/11 */
/*  color: #005bac; */ /* same as ending color of White2BlueHorz.jpg */
/*  color: #004080; *//* dark blue */
  color: #0040a0; /* dark blue */
  text-decoration: none;
}
a:active{
  color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
}

a:hover {
  /*color: #ff4b33; */
/*  color: #b33; *//* redish - 11/10/11 */
/* 	color: #0066cc; */ /* blueish */
/*  color: #005bac; */ /* same as ending color of White2BlueHorz.jpg */
  color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  text-decoration: underline;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */
/*
#header {
	padding: 30px 0 0 0;
}
*/
/*#site-title { */
#original_site-title {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
/*	width: 700px; */ /* 07/04/11 */
}
/*
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
*/
/*#site-description { */
#original_site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
/*	width: 220px; */ /* 07/04/11 */
}

/* from KDT-sandbox/KDT-3c-b.css */
#header {
  float: left; 
  width: 100%; 
/*  height: 60px;  */
/*  height: 142px; *//* Mike's experimental banners */
/*  height: 140px; *//* 120px high logo */
  height: 120px; /* 100px high logo */
/*  height: 95px; *//* 75px high logo */
  margin: 0 auto; 
  padding: 0 0 0 0; 
  color: white;
/*  background: #467aa7;  */ /* darkish blue */
/*  background: white;  */
/*  background-color: #ddf; *//* for test */
/*  font: Verdana,Tahoma,Arial,sans-serif; */ /* 07/04/11 - s/b "font-family" */
  font-family: Verdana,Tahoma,Arial,sans-serif;
/*  border: 1px black solid; */
/* 11/12/11 */
  background-image: url(images/White2BlueHorz.jpg);
  background-repeat: repeat-y; 
/*   background-repeat: no-repeat;    */
/* 11/09/11 */
/*   background-image:url(images/Header_iStk_96232-4.jpg);  */
/*   background-image:url(images/DyEnCo_logo_120px_high.jpg);  */
/*   background-image:url(images/DyEnCo_logo_100px_high.jpg);  */
/*   background-image:url(images/DyEnCo_logo_trans_100px_high.png);  */
/*   background-image:url(images/DyEnCo_logo_75px_high.jpg);  */
/*   background-position: center left; */
/*   background-position: 10px 10px; */
/*   background-repeat: no-repeat;   */
}


#header a {
  text-decoration: none;
}

#header a:visited{
  color: white; 
}

#logo {
  float: left; 
  width: 100%; 
  height: 120px; /* 100px high logo */
/*  background-image:url(images/DyEnCo_logo_100px_high.jpg); *//* scaled down from DyEnCo_logo_3inch.jpg */
  background-image:url(images/DyEnCo_logo_305w100t.jpg); /* supplied directly by LightSpeeed CA */
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

#site-title{ 
/*  padding: 12px 0 0 10px;  */
  padding: 12px 0 0 10px; 
  font-family: Verdana,Tahoma,Arial,sans-serif;  /* 07/05/11 */ 
  font-size: 2.4em;
  color: white;
  font-weight: 700; /* 07/04/11 */
  letter-spacing: -2px;
}

#site-description {
  margin: 8px 0 0 12px; 
/*  padding-bottom: 3px;  */
  padding-bottom: 3px;  /* 07/05/11 */
/*  font: inherit; *//* 07/04/11 */
  font-family: Verdana,Tahoma,Arial,sans-serif; /* 07/05/11 */
  font-size: 1.4em; 
  background-color: inherit; 
  color: #f0f2f4; 
  letter-spacing: -1px; 
  font-weight:normal;
/*  border: 1px black solid; */
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}


/* =Menu
-------------------------------------------------------------- */

/* #access { */
#original_access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
/*	width: 940px; */ /* 07/04/11 */
  width: 100%; /* 07/04/11 */
}
/* #access .menu-header, */
#original_access .menu-header,
/* div.menu */ {
	font-size: 13px;
	margin-left: 12px;
/*	width: 928px; *//* 07/04/11 */
}
#nav-select {
  clear: left; 
  height: 5px; 
  width: 100%; 
  margin: 0;
  padding: 0 0 0 0; 
/*  background: #bad3eb;  */ /* lightish blue */
/*  background: red; */
  /* 11/12/11 - blue theme */
/*  background-color: #005bac; */ /* same as ending color of White2BlueHorz.jpg */
/*  background-color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  color: white;
} 

/* 07/04/11 - ported from KDT-sandbox/KDT-3c-b.css #menu */
/* switched to class (vs id) - note: this class is
   called by wp_nav_menu as default class for 'menu_class' - see: nav-menu-template.php
*/   
/* Navigation Menu */
div.menu, div.menu-header {
  float: left; 
  font-family: Verdana,Tahoma,Arial,sans-serif;  /* 07/05/11 */ 
  height: 2.2em; 
  line-height: 2.2em; 
  width: 100%; 
  margin: 0 0px 0px 0px; 
  font-size: 0.8em; 
/*  background: #80b0da;  */ /* mediumish blue */
  text-decoration: none; 
/*  color: #ffffff; */
  background: white;
/*  border-top: 1px solid red; */
  /* 11/12/11 - blue theme */
/*  border-top: 1px solid #005bac; *//* same as ending color of White2BlueHorz.jpg */
/*  border-top: 1px solid #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  border-top: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
/*  color: red; */
}
div.menu ul, div.menu-header ul  {
  list-style:none;
  margin:0;
  padding:0;
/*  color: #ffffff; */
  font-weight: bold;
}

/* added - 07/04/11 */
div.menu ul li, div.menu-header ul li {
  float: left; /* this is necessary to have the menu items 'list' horizontally */
}

/* seperated the sub-menus from the menus */
div.menu ul li ul, div.menu-header ul li ul {
  display: inline;
}
/*div.menu ul a, div.menu-header ul a { */
/*div.menu ul li a,  */
div.menu-header ul li a {
/*  border-right: 1px solid #e0e0e0; */
/*  border-right: 1px solid red;  */
  /* 11/12/11 - blue theme */
/*  border-right: 1px solid #005bac; *//* same as ending color of White2BlueHorz.jpg */
/*  border-right: 1px solid #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  border-right: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  display: block; 
  padding: 0 10px; 
  text-decoration: none; 
  background-color: inherit; 
/*  color: #ffffff; */
/*  color: red;  */
  color: #333; 
  /* 11/12/11 - blue theme */
/*  color: #005bac; 8?/* same as ending color of White2BlueHorz.jpg */
}

/*div.menu li a:hover,  */
div.menu-header ul li a:hover { /* adding the 'li' before 'a:' made this work in WordPress for wp_nav_menu */
/*  background: #578bb8; *//* darkish blue */ 
/*  background: red; */
  /* 11/12/11 - blue theme */
/*  background-color: #005bac; *//* same as ending color of White2BlueHorz.jpg */
/*  background-color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-right: 1px solid white; /* consider making this a very light blue vs white */
  text-decoration: none;
  color: #ffffff;
}

/* this is so the sub-menus on the navigation bar show up dark on a light background */
.menu-header ul li ul li a {
  border-bottom: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-left: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-right: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  display: block; 
  padding: 0 10px; 
  text-decoration: none; 
  background-color: white; 
  color: #333; 
  /* 11/12/11 - blue theme */
  /*  color: #005bac; 8?/* same as ending color of White2BlueHorz.jpg */
}

.menu-header ul li ul.sub-menu {
  border-top: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
}

/* no effect!
.menu-header ul li.current-menu-item ul.submenu,
.menu-header ul li.current-menu-parent ul.submenu { 
  border-top: 1px solid white;
}
*/

/* this is so the sub-menus on the navigation bar show up light on a dark background when hovering */
/* for some reason - the left-border is inherited, but not the right? */
.menu-header ul li ul li a:hover { /* adding the 'li' before 'a:' made this work in WordPress for wp_nav_menu */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
/*  border-left: 1px solid #408bc2; *//* lighter blue selected from mid White2BlueHorz.jpg */
  border-right: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  text-decoration: none;
  color: white;
}

/* I'm presently thinking NOT to display current-menu-item differently, because */
/* I have no way (yet) to select a menu item when displaying a sub-menu item */
/*
#menu li.current-menu-item a {
  border-right: 1px solid #e0e0e0;  
  background-color: #bad3eb; 
  padding:0 10px; 
  color:#467aa7; 
  text-decoration: none;
}
*/

/* from PHP-Ease Theme */
/* php-ease/style.css */
/*
#header-menu ul li.current_page_item > a,
#header-menu ul li.current-menu-ancestor > a,
#header-menu ul li.current-menu-item > a,
#header-menu ul li.current-menu-parent > a {
	text-decoration: underline;
}
* html #header-menu ul li.current_page_item a,
* html #header-menu ul li.current-menu-ancestor a,
* html #header-menu ul li.current-menu-item a,
* html #header-menu ul li.current-menu-parent a,
* html #header-menu ul li a:hover {
	text-decoration: underline;
}
*/

/* this only works for wp_nav_menu() */  

/*.menu li.current-page-ancestor a, *//* it appears wp_nav_menu() will do this even if the sub-pages are not defined in the 'menu' - 06/26/11 */
/*#menu li.current_page-item a, */
/*.menu li.current-page-item a, */
/*.menu li.current-menu-ancestor a, */
/*.menu li.current-menu-item a, */
/*.menu li.current-menu-parent a, */
/*.menu-header li.current-page-ancestor a, *//* it appears wp_nav_menu() will do this even if the sub-pages are not defined in the 'menu' - 06/26/11 */
/*#menu li.current_page-item a, */
/*.menu-header li.current-page-item a, */
/*.menu-header li.current-menu-ancestor a, */
.menu-header li.current-menu-item a,
.menu-header li.current-menu-parent a { 
  padding:0 10px; 
/*  border-right: 1px solid #e0e0e0;  */
/*  background-color: #bad3eb; */
/*  color:#467aa7; */
  border-right: 1px solid white; /* consider making this a light shade of blue */
/*  background-color: red;  */
  /* 11/12/11 - blue theme */
/*  background-color: #005bac; *//* same as ending color of White2BlueHorz.jpg */
/*  background-color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  color: white; 
  text-decoration: none;
}

/* to keep sub-menus from highlighting */
/*.menu li.current-page-ancestor ul li a, *//* it appears wp_nav_menu() will do this even if the sub-pages are not defined in the 'menu' - 06/26/11 */
/*.menu li.current_page-item ul li a, */
/*.menu li.current-menu-ancestor ul li a, */
/*.menu li.current-menu-item ul li a, */
/*.menu li.current-menu-parent ul li a, */
/*.menu-header li.current-page-ancestor ul li a, *//* it appears wp_nav_menu() will do this even if the sub-pages are not defined in the 'menu' - 06/26/11 */
/*.menu-header li.current_page-item ul li a, */
/*.menu-header li.current-menu-ancestor ul li a, */
.menu-header li.current-menu-item ul li a,
.menu-header li.current-menu-parent ul li a { 
/*  background-color: #80b0da;  */
  /* 11/12/11 - blue theme */
/*  background-color: #005bac; *//* same as ending color of White2BlueHorz.jpg */
/*  background-color: #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
/*  background-color: #408bc2; *//* lighter blue selected from mid White2BlueHorz.jpg */
/*  color:white; */
  background-color: white;
  border-right: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  color: #333;
  
}

* html .menu li.current_page-item a,
* html .menu li.current-menu-ancestor a,
* html .menu li.current-menu-item a,
* html .menu li.current-menu-parent a,
* html .menu-header li.current_page-item a,
* html .menu-header li.current-menu-ancestor a,
* html .menu-header li.current-menu-item a,
* html .menu-header li.current-menu-parent a {
/*  border-right: 1px solid #e0e0e0;  */
/*  background-color: #bad3eb; */
  padding:0 10px; 
/*  color:#467aa7;  */
  /* 11/12/11 - blueish theme */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  color: white;
  text-decoration: none;
}
/*
div.menu ul ul ul a, div.menu-header ul ul ul a {
font-style:italic;
}
*/

/* this makes the sub-menu not display until it's hovered AND keeps it from being wide! */
/*div.menu ul li ul,  */
div.menu-header ul li ul {
left:-999em; /* keeps the sub-menu from displaying before hovered */
position:absolute; /* keeps the 
  •  from being wide */
}

/* this displays the sub-menus! */
/*div.menu ul li:hover ul,  */
div.menu-header ul li:hover ul {
  left:auto;  /* need this to display sub-menus! */
  background: #80b0da;  
  margin-left: 10px;
/*  background-color: #408bc2; *//* lighter blue selected from mid White2BlueHorz.jpg */
/*  color: white; */
  color: red;
}

/* added 06/01/11 */
/*div.menu ul li ul li,  */
div.menu-header ul li ul li {
  clear: left; /* this displays the 
  • s vertically again! */
  width: 100%;  /* this makes all the "boxes" the same size as the biggest sub-menu and ensures that the top border is long enough */
/*  border-top: 1px solid #e0e0e0; */
  border-bottom: 1px solid #e0e0e0; 
/*  background-color: #408bc2; *//* lighter blue selected from mid White2BlueHorz.jpg */
/*  border-right: 0 none;  *//* this doesn't remove the border! */
  background-color: white; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-left:  #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
  border-right:  #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
/*  border-bottom:  #408bc2; *//* lighter blue selected from mid White2BlueHorz.jpg */
/*  color: white; */
  color: red;
}

/*div.menu ul li ul li a:hover,  */
div.menu-header ul li ul li a:hover {
/*  background: #578bb8; /*  */ 
/*  color: #ffffff; */
  background-color: #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
/*  color: white; */
/*  color: blue; */
}

/* I'm presently thinking NOT to display current-menu-item differently, because */
/* I have no way (yet) to select a menu item when displaying a sub-menu item */
/*
#menu li ul li.current-menu-item a {
  border-right: 1px solid #e0e0e0;  
  background-color: #bad3eb; 
  padding:0 10px; 
  color:#467aa7; 
  text-decoration: none;
}
*/  

/*************************************************************************
 * MenuPage - 3 columns: Menu on left, flexible-width content and
 *            Widgetized sidebar ('PageMenu-primary') on the right
 *            see: KDT-test-page.php and menu-page.php
 *
 *************************************************************************/

div#MenuPage { /* this is everything less the header and the footer */
  float: left; /* 07/05/11 */
/*  clear: left; */
/*   margin: 0; */
  padding: 0;
  /* this is necessary to "paint" the menu to the bottom */
/*  background-color: #f8fcff;  *//* a lighter version of the Selected Navigation background */
  background-color: white; /* 11/09/11 */
	margin: 0 -240px 0 0; /* 07/05/11 */
	width: 100%; 
}	

div#MenuPageMenu { /* this is the "menu" inside the "PageMenu" */
  float: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight:bold;
  background-color: white;
/*  width: 150px; */
/*  width: 180px; *//* 06/26/11 */
  width: 160px; /* 06/30/11 - in an attempt to balance the left and right sidebars */
  margin: 0;
  margin-top: 30px;
  padding: 0 0 0 0;
  /* note: border-right is not necessary here b/s we set border-left on MenuPageBody */
  /* actually - it is necessary when the menu is taller than the page content (MenuPageBody) */
/*  border-right: 2px solid #bad3eb; *//* same as Selected Navigation background - in case MenuPageBody is shorter than MenuPageMenu */
  /* 11/09/11 */
/*  border-top: 1px solid #999; */
/*  border-top: 1px solid #fbb; */ /* lightish red */
  /* 11/12/11 - blue theme */
/*  border-top: 1px solid #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  border-top: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
}

/* added 06/19/11 */
div#MenuPageMenu ul {
  list-style-type: none;   
  margin: 0; /* 07/05/11 */
/*  margin-left: 5px; */
}

div#MenuPageMenu ul li ul {
  list-style-type: none;   
  margin: 0; /* 07/05/11 */
  margin-left: 5px;
}

div#MenuPageMenu ul li ul li ul {
  list-style-type: none;   
  margin: 0; /* 07/05/11 */
  margin-left: 10px;
}

div#MenuPageMenu a {
  display: block;
  margin: 0;
/*  margin-bottom: 1px; */
  padding: 4px 10px 2px 10px; 
  text-decoration: none;
/*  color: white; */
/*  text-align: right; */
  /* 06/26/11 */
  text-align: left;
/*  background-color: #80b0da; *//* same color used for Navigation background */
/*  border-left: 4px solid #467aa7; *//* Header background */
  color: #333; /* 11/09/11 */
/*  color: #b33; *//* darkish red 11/10/11 */ 
  background-color: white; /* 11/09/11 */
  border-left: 4px solid white;  /* just to match the space used by the red border-left for hover and selected */
/*  border-bottom: 1px solid #999; */
/*  border-bottom: 1px solid #fbb; *//* pink = #fdd 11/10/11 */
  /* 11/12/11 - blue theme */
/*  border-bottom: 1px solid #9ec0dc; *//* lightish blue selected from mid White2BlueHorz.jpg */
  border-bottom: 1px solid #408bc2; /* lighter blue selected from mid White2BlueHorz.jpg */
}  

/* added 06/26/11 */
/*#MenuPageMenu  li.current-page-item , */ /*a  { */ /* should only apply to the , but is affecting the whole 
  • ! */
#MenuPageMenu  li.current-page-item  a {  /* should only apply to the , but is affecting the whole 
  • ! */
                                     /* it turns out it also applies to the