#g_title p, #g_footer p, #g_description p {
    margin: 0;
  }
  /*

  	-- -- -- -- -- -- --
  	Browser Fixes
  	-- -- -- -- -- -- --
  	
  	This file uses CSS filtering methods to fix various
  	layout bugs.

  	Each of the following three imported files is a 
  	separate, browser-specific CSS file that keeps all 
  	hacks out of the main style sheet.
  	
  	Over time, as supporting these browsers no longer
  	remains a priority, cleaning up the hacks is as
  	easy as deleting the @import statement below, or
  	simply no longer linking this file from the HTML.
  	
  */

  /* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html .wrapper {
    height: 0.1%;
  }

  /* 
   * IE5 mac - overrides the IE/Win hack 
   */

  /*\*//*/

  * html #threecolumn div {
  	height: auto;
  }

  /**/


  /* 
   * IE5/Win-specific CSS -ensures #container wraps all content on window resize
   */

  @media tty {
   i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;
  }
  
  #footer {
    clear: both;
  }
  
  /* Extra divs hidden by default. The custom CSS can override this though */
  #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
    display: none;
  }
  
  a img,:link img,:visited img {border: none;}


  /*
    -- -- -- -- -- -- --
    2 Column Layout
    Left sidebar
    -- -- -- -- -- -- --
  */

  /* Center #container, constrain to 718px width <--- I changes this to 120ex; --Jared
  ----------------------------------------------- */
  body {
    /*text-align: center; */
  }
  #container {
    width: 140ex; /* 120ex; 140ex */
    text-align: left;
    margin: 0 auto;
  }

  /* Set up the columns
  ----------------------------------------------- */
  #main-content {
    margin: 0; padding: 0;
    float: right;
    width: 110ex; /* 90ex; 110ex */
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 50em; /* padding at the bottom of the main content */
  }
  #sidebar {
    float: right;
    width: 26ex;
    overflow: hidden;
  }
    
  /* Clear the Footer
  ----------------------------------------------- */
  #footer {
    clear: both;
  }

  /** BEGIN CUSTOM SKIN **/
  /*

  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
  	
  */

  h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {font-style: normal;}/*

  	-- -- -- -- -- -- --
  	Type Scheme: Deco
  	-- -- -- -- -- -- --
  	
  */

  body {
        font-family: "Lucida Grande","Lucida Sans",Verdana, Arial, sans-serif;
  }

  h1, h2, h3, h4, h5, h6, p.description {
  	font-family: 'Josefin Sans Std Light', Myriad, Myriad Pro, Verdana, "Trebuchet MS", Trebuchet, sans-serif;
  }
  h1 {
        background: #fff /*url(/images/updike8org_crop_alt.png) center left repeat-y*/;
        /*padding-left: 65px;*/
        margin-bottom: 1.0em;
  	font-size: 2.2em;
        text-transform: uppercase;
  	font-weight: normal;
  	letter-spacing: 0.3em;
  }
  h2 {
  	font-size: 1.8em;
  	font-weight: normal;
        text-transform: uppercase;
        border-bottom:    thin   solid #bbbbbb;
        /*border-top:    thin   solid #bbbbbb;
        border-bottom: 2px    solid #dddddd;*/
  	letter-spacing: 0.18em;
  }
  h3 {
  	font-size: 1.5em;
  	font-weight: normal;
  	letter-spacing: 0.2em;
  }
  h4 {
        font-weight: normal;
  	font-size: 1.3em;
  	letter-spacing: 0.3em;
        padding-left: 0.2em;
        padding-top: 0.7em;
        padding-bottom: 0.3em;
  }
  h5 {
  	font-size: 1.2em;
  	letter-spacing: 0.2em;
  }
  h6 {
  	font-size: 1em;
  	letter-spacing: 0.2em;
  	font-weight: normal;
  }

/*  td { line-height: 1.8em; } */
  p {
/*
  	line-height: 1.8em; */
        padding: 0px 14px 0px 5px;
  }
  code, kbd {
  	font-size: 1.25em;
  }/*

  	-- -- -- -- -- -- --
  	STYLE: Solitude
  	-- -- -- -- -- -- --
  */

  /* ie6win */
  * html #sidebar a {
      height: 1px;
  }

  /* ie5mac */

  /*\*//*/
  * html #sidebar a { height: auto; }
  /**/



  /* Basic HTML style
  ----------------------------------------------- */
  #main-content a:link {
  	/*font-weight: bold;*/
        text-decoration: underline;
  	margin: -1px -2px -2px;
  	padding: 1px 2px 2px; 
  }
  #main-content a:visited {
  	color: #666;
        text-decoration: underline;
  	/*font-weight: bold;*/
  	margin: -1px -2px -2px;
  	padding: 1px 2px 2px; 
  }
  #main-content a:hover,
  #main-content a:active {
        text-decoration: underline;
  	color: #333;
  	background: #dce8ff; /*<<--- light blue   #fff; #E7E7E7; */
  }
  body {
/*  	font: 71% "Lucida Grande","Lucida Sans",Verdana, Arial, sans-serif; */
  	font-size: 82%;
  	color: #333;
  	margin: 10px;
  	padding: 0;
  }
  blockquote {
  	margin: 1em 2em;
  	color: #666;
  }
  blockquote p {
  	line-height: 1.2;
  }
  caption {
  	/*font-weight: bold;*/
  	background: #ccc;
  	padding: .5em;
  }
  dd {
  	margin: 1em 2em;
  }
  dt {
  	/*font-weight: bold;*/
  }
  hr {
  	margin: 1em 6em;
  }
  
  #main-content ul {
  	margin-top: 0;
        padding-top: 0;
  	margin-bottom: 0;
        padding-bottom: 0;
  }

  #main-content li {
  	margin-top: 0;
        padding-top: 0.2em;
  	margin-bottom: 0;
        padding-bottom: 0.2em;
  }

  #main-content ol {
  	margin-top: 0;
        padding-top: 0;
  	margin-bottom: 0;
        padding-bottom: 0;
  }

  ul {
     list-style-image: url(/images/li-dot.gif);
     list-style-type: circle;
  }

  table {
  	border: 0px; /* solid #ccc; */
  }
  td {
  	vertical-align: top;
  	padding: 0.5em;
  }
  th {
  	text-align: left;
  	padding: .5em;
  }



  /* Nested HTML elements
  ----------------------------------------------- */
  ol li {
  	margin-left: 2em;
  	list-style-type: decimal;	
  }
  ol, ul {
  	margin: 1em 0;
  	padding-left: 1.7em;
  }
  ul li {
  	/* list-style-type: disc; */
  }



  /* Custom font definitions for style
  ----------------------------------------------- */
  p {
  	margin: 1em 0;
  	line-height: 1.3em;

  }
  p.description {
  	text-align: right;
  	margin: .2em 0 1.5em;
  	line-height: 1.5;
  	color: #999;
  }
  h1 {
  	padding-top: 0.4em;
        padding-bottom: 0.4em;
  }

  h2 {
  	margin: .9em 0 .5em;
  }
  h3 {
  	margin-top: 0.8em;
        margin-bottom: 0.6em;
  }
  h4 {
  	font-size: 1.1em;
  }
  h5 {
  	font-size: 1em;
  }
  h6 {
  	font-size: 1em;
  	font-weight: normal;
  	color: #515151;
  }



  /* Header style
  ----------------------------------------------- */
  #header {
/*  	text-align: center;*/
  	padding: 260px 0 1px;  /* vertical offset down from top of page --> was 196px, 256px, 247px */
  }


  /* Content column tweaks
  ----------------------------------------------- */
  #main-content {

  	margin-top: 1em;
  }
  #main-content .wrapper {
  	padding: 0 2em;
  }
  .content-item {
/*  	border-top: 1px dotted #878787; */
  }



  /* Sidebar style
  ----------------------------------------------- */
  #sidebar a { color: #333; }
  #sidebar a:visited, a:active { color: #555; }
  #sidebar {
        font-size: 82%;
        padding: 1em;
        padding-top: 0em;
        margin: 0;
        margin-left: 1em;
  }
  #sidebar ul {
        list-style-image: none;
        list-style-type: none;
        margin: 0; padding: 0.5em 0em 0.5em 0;
  }
  #sidebar p a {
        margin: 0;
        text-align: left;
        padding: 0;
        color: #bbb;
        font-weight: normal;
  }
  #sidebar .links {
  	background: #fff; /* #dce8ff; light blue #e4e9f7;  yellow #f8f3e5; grey #F7F7F7; */
  	position: relative;
  }
  #sidebar li {
        list-style-type: none;
  }
  #sidebar li a:link, #sidebar li a:visited {
        list-style-type: none;
  	background: none;
  	font-weight: normal;
  	display: block;
  	border-bottom: 1px solid #fff;
  	padding: 0.3em 0.75em;
  }

  #sidebar h2 {
  	padding: 0;
        padding-left: 0.3em;
        margin: 0; margin-bottom: 0.3em; margin-top: 0.3em;
  }

  #sidebar li a:hover {
  	background: #dce8ff; /*<<--- light blue   #fff;*/
  }
  #sidebar h3, #sidebar-alternate h3 {
  	margin: 1em 0;
  	line-height: 1;
  	font-size: 1em;
  	padding: 6px 0;
  	border-top: 1px dotted #878787;
  	border-bottom: 1px dotted #878787;
  	font-weight: normal;
  }
  #sidebar h4, #sidebar-alternate h4 {
  	margin: 1em 0;
  	line-height: 1;
  	font-size: 1em;
  	padding: 6px 0;
  	color: #515151;
  	border-top: 1px dotted #878787;
  	border-bottom: 1px dotted #878787;
  	font-weight: normal;
  }
  #sidebar h5, #sidebar-alternate h5 {
  	margin: 1em 0;
  	line-height: 1;
  	font-size: .9em;
  	padding: 6px 0;
  	color: #515151;
  	border-top: 1px dotted #878787;
  	border-bottom: 1px dotted #878787;
  	font-weight: normal;
  }
  #sidebar h6, #sidebar-alternate h6 {
  	margin: 1em 0;
  	line-height: 1;
  	font-size: .8em;
  	padding: 6px 0;
  	color: #515151;
  	border-top: 1px dotted #878787;
  	border-bottom: 1px dotted #878787;
  	font-weight: normal;
  }
  #adsense {
  	margin: 30px 14px;
  }



  /* Footer style
  ----------------------------------------------- */
  #footer {
  	margin-bottom: 10px;
  }
  #footer hr {
  	display: none;
  }
  #footer .wrapper {
  	padding: 5px 20px;
  }



  /* Tweaks for Three-column layout
  ----------------------------------------------- */
  #threecolumn #sidebar .links {
  	background: #F7F7F7;
  }
  #sidebar-alternate .alternate-content .wrapper {
  	padding: 1px 10px;
  }
  #sidebar-alternate blockquote {
  	margin: 0;
  }



  /* Tweaks for Two-column Left layout
  ----------------------------------------------- */


  /* Tweaks for Two-column Right layout
  ----------------------------------------------- */


  /* Tweaks for Two-column Liquid layout
  ----------------------------------------------- */


  /* Tweaks for One-column Liquid layout
  ----------------------------------------------- */
  /*

  	-- -- -- -- -- -- --
  	STYLE: Solitude (navy)
  	-- -- -- -- -- -- --


  /* Basic HTML style
  ----------------------------------------------- */
  a:link {
  	color: #333; /* 24355D; */
  	/* background: url(bg_link.gif); */
        text-decoration: none;
  }
  a:visited {
  	/* background: url(bg_link.gif);  */
        text-decoration: none;
  }
  body {
/*  	background: #fff url(/images/skytop-teton.jpg) top center repeat-x; */
  	background: #fff;
  }
  th {
  	background: url(bg_pattern.gif); 
  }



  /* Custom font definitions for navy style
  ----------------------------------------------- */
  h1 {
  	color: #666; /* #24355D; navy */
  }
  h2 {
  	color: #666; /* ffffff; */
 	/* background: url(bg_link.gif);  #6096dd; <-- OS X blue .blue green teal #435e7e;  #7485AD; */
 }
  h3 {
        color: #666;
  	/* color: #24355D; */
  }



  /* Header style
  ----------------------------------------------- */
  #header {
  	/*background: url(bg_mast.gif) center center repeat-x;*/
  }



  /* Sidebar style
  ----------------------------------------------- */
  #sidebar h3, #sidebar-alternate h3 {
  	color: #666; /*#24355D; */
  }



  /* Tweaks for Three-column layout
  ----------------------------------------------- */
  #sidebar-alternate .alternate-content {
  	background: url(bg_pattern.gif); 
  }

  /** END CUSTOM SKIN **/



.message {
  padding: 1ex;
  background-color: #ffbe03; /* yellow orange (bus yellow) */
}

pre {
  margin-top: 0.5em;
  margin-left: 0.5em;
  background-color: #eee;
  font-family: "Bitsream vera sans mono","lucida console",courier;
}

pre.code {
/*  font-size: 85%; */
  background-color: #eee;
  font-family: "Bitsream vera sans mono","lucida console",courier;
  margin-left: 0.5em;
  line-height: 130%;
  padding: 0.2em;
}

pre {
/*  font-size: 85%; */
  background-color: #eee;
  font-family: "Bitsream vera sans mono","lucida console",courier;
}







/* ******* Haskell formatted PRE code blocks ******* */

.keyword  { color: #008989; }

.comment   { color: #aa0000; font-style: italic; } /*font-family: "courier" }*/

.str, .chr { color: #00aa00; }
.conid     { color: #00aa00; }

.conop    { color: #558888; }
.varop    { color: #558888; }
.keyglyph { color: #558888; }

.variddecl        { color: blue; } /* background-color: #ccccff; } */

.layout           { color: black; }
.number           { color: black; }
.varid            { color: black; }

.selection        { color: black; }
.variantselection { color: black; }

/* .goright a img {height: 30px; width: 50px; border-width: 0; background: top left no-repeat;} */

a#login img {background-image: url("/images/login-dark.png");}
a#login:visited img {background-image: url("/images/login-dark.png");}
a#login:hover img {background-image: url("/images/login-white.png");}
a#login:active img {background-image: url("/images/login-light.png");}

a#logout img {background-image: url("/images/logout-dark.png");}
a#logout:visited img {background-image: url("/images/logout-dark.png");}
a#logout:hover img {background-image: url("/images/logout-white.png");}
a#logout:active img {background-image: url("/images/logout-light.png");}

a#pdf img {background-image: url("/images/pdf-dark.png");}
a#pdf:visited img {background-image: url("/images/pdf-dark.png");}
a#pdf:hover img {background-image: url("/images/pdf-white.png");}
a#pdf:active img {background-image: url("/images/pdf-light.png");}

a#edit img {background-image: url("/images/edit-dark.png");}
a#edit:visited img {background-image: url("/images/edit-dark.png");}
a#edit:hover img {background-image: url("/images/edit-white.png");}
a#edit:active img {background-image: url("/images/edit-light.png");}

a#add img {background-image: url("/images/add-dark.png");}
a#add:visited img {background-image: url("/images/add-dark.png");}
a#add:hover img {background-image: url("/images/add-white.png");}
a#add:active img {background-image: url("/images/add-light.png");}