/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
	font:80% Verdana, Arial, Helvetica, sans-serif;
	margin:20;padding:15;
	text-align:center;
background-color:#96b5ce;
}
a {text-decoration:none;}
ul	{margin:0; padding:.5em 0 .5em 1.5em;}
ol	{padding:.5em 0 .5em 1.5em;}
li	{margin:0; padding-bottom:.5em; line-height:1.25em;}
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
	width:800px;
	margin:0 auto;
	text-align:left;
}
/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover
{
	text-decoration:underline;
}
/* navigation
--------------------------------------------------*/
#navigation {
  height:2.7em;
  line-height:2.7em;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
}

#navigation li a {
  display:block;
  padding: 9px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}

* html #navigation a {width:1%;} /* http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid;
  line-height:0;
}

#navigation form fieldset {
    margin-top:8px;
  border: 0 solid; /* Opera */
}

#navigation #Query {
  height:1.5em;
  /*width:148px;*/
  width:140px;
  margin:7px 5px 0 0;
  padding:0;
  border:1px solid;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchSubmit {
  height:2em;
  width:auto;
  padding:0 1px;
  border: 1px solid;
  font-size:0.7em;
  letter-spacing:px;
  text-align:center;
  vertical-align:middle;
margin-top:7px;
}

/* navigation
--------------------------------------------------*/
#navigation {background-color:#2F516D;
}


#navigation li {border-color:#E5E1CE;
height: 33px;}

#navigation a {color:#E5E1CE;}

#navigation .selected,
#navigation a:hover
  {background-color:#7895AC;
height: 33px;}

#navigation form {
  border-color:#E5E1CE;
  background:#2F516D;

}

#navigation #s {border-color:#FFF9EA;
}

#navigation #searchbutton {
  color:#E5E1CE;
  background-color:#1676BE;
}


/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
 background-color:#ffffff;
 background-image:url(../dx/ericblogbanner.jpg/$file/ericblogbanner.jpg);
	width:800px;
	height:188px;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:0em;
	font-family:Lucida Sans Unicode;
	font-weight:lighter;
font-style: italic;
	color:#E5E1CE;
	padding:0;
	margin:0;
 padding-top: 5px;
}
/* this controls the description and links in the banner */
#banner p
{
	font-size:1.2em;
	font-family:Lucida Sans Unicode;
	font-weight:lighter;
	color:#E5E1CE;
	padding:0;
	margin:10;
	line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
	text-decoration:none;
  font-weight:bold;
	color:#E5E1CE;
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
background-color: #FF0000;
 
clear:both;
}
#steve
{
background-color: #FFFFFF;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
	background-color:white;
	float:right;
	width:176px;
	font-size:.8em;
	font-family: Arial;
clear:
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	margin-top:10px;
	padding:0;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li
{
	list-style:none;
	margin:5px 0 5px 0;
	padding:5px 5px 5px 10px;
	width:100%;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a
{
	text-decoration:none;
	color:#000000;
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
	text-decoration:none;
	font-weight:regular;
	color:#000000;
	background-color:white;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover
{
	text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus
{
	text-decoration:underline
}
/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader
{
	background-color:#FFFFFF;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
	width:656px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2
{
	color:#000000;
	float:left;
	margin:0 20px 0 0;
	font-size:1.5em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a
{
	text-decoration:none;
	color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p
{
	margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom
{
	padding-top:2px;
	padding-left:5px;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a
{
	color:#6696BA;
	text-decoration: none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent
{
	background-color:white;
	float:left;
width:619px;
padding-left:5px;
}
/* this sets the style for the page description */
.pagedescription
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody
{
	padding-bottom:10px;
}
/* this controls the hover behavior for the doc header */
.docbody a:hover
{
	text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus
{
	text-decoration:underline;
}
.name{
color:#4477bb;
	text-decoration:none;
	font-size:0.8em;
	padding:0;
	margin:0;
}
/* this sets the style for the author/owner name of each docpost */
.name a
{
	color:#006600;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this sets the style for the last modified time of each docpost */
.time a
{
	color:#999999;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
	font-size:1.0em;
	color:#000000;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.side{
	font-size:.9em;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable{
border: 1px solid gray;
background-color:#9BB6C8;
}
.commentTableTop{
background-color:#47b;
color:#fff;
font-size:.9em;
font-weight:bold;
margin:5px;
padding:5px;
line-height:20px;
}
.commentbody{
font-size:.9em;
}
.commenttext{
margin-left:30px;
padding-left:2px;
border-left:1px solid silver;
font-size:.9em;
}
.commentauthor{
font-size:.8em;
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
	background-color:#324F68;
background-image:url(../dx/ericfooter.jpg/$file/ericfooter.jpg);
	font-size:1.0em;
	color:#E5E1CE;
	width:800px;
	height:71px;
	line-height:15px;
	padding:0px 0px 0px 0px;
clear:both;
position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
	text-decoration:none;
	color:#E5E1CE;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
	text-decoration:underline;
	color:#E5E1CE;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
	text-decoration:underline;
	color:#E5E1CE;
}
h3{
font-size:.9em;
}
a img	{border:0 solid #f00;}
a:hover	{color:#69c; text-decoration:underline;}
/* ------- header treatments ------- */
h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:5px 5px 5px 0; border:1px solid #fff;}
.portlet-blue{background:white;}
.portlet-white	{background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.portlet-blue h2,.portlet-white h2{padding:4px 3px 4px 10px; font-size:1.2em;}
h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#fff; font-size:1.1em; font-weight:bold;}
.portlet-head-blue-med	{background:#497499 url(../dx/corner_top_right.gif/$file/corner_top_right.gif) top right no-repeat;}
.portlet-head-gray-med	{background:#497499 url(../dx/corner_top_left.gif/$file/corner_top_left.gif) top left no-repeat;}
.portlet-head-gray-mod	{background:url(../bg-portlet-head-gray-med.gif) repeat-x; border-bottom:1px solid #777; height:1%;}
.portlet-icons	{float:right; white-space:nowrap; margin:-1.6em 0 0 0;}
.portlet-icons a	{padding:2px 0 0 0;}
.portlet-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
h2.portlet-head-gray-med a{color:#fff; font-size:.8em; font-weight:bold;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#fff; font-size:.8em; font-weight:bold;text-decoration:underline;}
.portlet-content	{padding:.5em 10px;}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery{
font-weight:bold;
}