body {
             font: normal 12px/150% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
             margin: 0;
             padding: 1em 5%;
	     background-color: #fff;
}

q { quotes: '\201c' '\201d' "\2018" "\2019" }
q:before { content: open-quote }
q:after  { content: close-quote }

div.ecwheader {
    border-bottom: 1px solid #000;
    text-align: right;
    color: #fff;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0;
    height: 150px;
    background: #2c5e91;
}

.ecwheader a:link, .ecwheader a:visited {
    color: #fff;
}

.ecwheader a:hover {
    background-color: #D9A576;
}

.homeImage {
             float: left;
             text-decoration: none;
             border: none;
             margin: 0;
             padding: 0;
}

div.SiteNav {
    width: 99%;
    border-bottom: 1px solid #777;
    background-color: #eee;
    padding: .5em;
    margin: 0;
}

#banner {
          color:#333;
}

/*
#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover 
{
  color: #333;
  text-decoration: none;
  }
*/

.description {
               font-size: 1.25em;
               font-weight: bold;
/*               color:#AA3028; */
               text-transform:none;
               padding-left: 10%;
               padding-right: 10%;
               margin-bottom: 2em;
               border-bottom: 3px doubled #000;
               }
				
#content {
           position:absolute;
           margin: 1em 20px 20px 20px;
           left:275px;
           width: 70%;
           }

#container {
             background:#FFF;
             border:1px solid #FFF;		
             }

#links {
         z-index: 300;
         padding:15px;				
         width:220px;
         border: 1px solid #2c5e91;
         background-color: #D6D8DE;
         margin-top: 5em;
         }
#links > ul {
    list-style-type: none;
    margin-left: -.5em;
}

#links > ul > li {
    border-left: 4px solid #777;
    border-bottom: 1px solid #bebebe;
    padding: .5em 0 .5em 1em;
}

#links > ul > li:hover {
    background-color: #eee;
}

#footer {
    border: 4px outset #555;
    text-align: center;
    padding: .5em;
    margin: 2em 0 0;
}

.technology {
    text-align: center;
}

.technology a:hover {
    border: none;
    text-decoration: none;
}

a > img {
    border: none;
    text-decoration: none;
}

li {
   padding-bottom: .5em;
}
		
.blog {
        margin: 0 5%;
        padding:15px;
        background:#FFF; 
        }

.blogbody {
            font: 1em/180% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
            color:#333;
            background:#FFF;
            }

.blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover
{
  font-weight: normal;
  }

.title	{
          font: 1.5em/200% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
          color: #666;
          }			

#menu {
        margin-bottom:15px;
        background:#FFF;
        text-align:center;
        }		

.date	{ 
    margin-left: 0;
    font: bold 1.5em/200% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
    color: #777; 
    font-weight:bold;
          }			
		
.posted	{ 
          font: bold .9em/150% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
          color: #2c5e91; 
          margin-bottom:25px;
          }
		
		
.calendar {
            font: .75em/140% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
            color:#666;
            text-align:left;
            }

.calendarhead {	
                font: .9em/140% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                color:#AA3028;
                letter-spacing: .3em;
                text-transform:uppercase;
                text-align:left;			
                }	
	
.side {
        font-size: 1em;
        color:#333;
        line-height:180%;
        }	

.sidetitle {
             font: bold .95em/200% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
             color:#AA3028;
             margin-top:30px;
             letter-spacing: .3em;
             text-transform:uppercase;		
             }		
.syndicate {
             font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
             font-size:xx-small;		
             line-height:140%;
             margin-top:30px;
             text-align: center;
             }	
		
.powered {
           font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
           color:#666;
           font-size:x-small;		
           line-height:140%;
           text-transform:uppercase; 
           margin-top:30px;
           letter-spacing: .2em;	
           text-align: center;
           }	
	
.comments-body {
                 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                 color:#666;
                 font-size:small;
                 font-weight:normal;
                 background:#FFF;
                 line-height:140%;
                 padding-bottom:10px;
                 padding-top:10px;		
                 border-bottom:1px dotted #999; 					
                 }		

.comments-post {
                 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                 color:#666;
                 font-size:x-small;
                 font-weight:normal;
                 background:#FFF;		
                 }	
			
	
.trackback-url {
                 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                 color:#666;
                 font-size:small;
                 font-weight:normal;
                 background:#FFF;
                 line-height:140%;
                 padding:5px;		
                 border:1px dotted #999; 					
                 }


.trackback-body {
                  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                  color:#666;
                  font-size:small;
                  font-weight:normal;
                  background:#FFF;
                  line-height:140%;
                  padding-bottom:10px;
                  padding-top:10px;		
                  border-bottom:1px dotted #999; 					
                  }		

.trackback-post {
                  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                  color:#666;
                  font-size:x-small;
                  font-weight:normal;
                  background:#FFF;		
                  }	

		
.comments-head	{ 
                  font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
                  font-size:small; 
                  color: #666; 
                  border-bottom:1px solid #999;
                  margin-top:20px;
                  font-weight:bold;
                  background:#FFF;		
                  }		

#banner-commentspop {
                      font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
                      color:#FFF;
                      font-size:large;
                      font-weight:bold;
                      border-left:1px solid #FFF;	
                      border-right:1px solid #FFF;  		
                      border-top:1px solid #FFF;  		
                      background:#003366;
                      padding-left:15px;
                      padding-right:15px;
                      padding-top:5px;
                      padding-bottom:5px;  		  		  			 
                      }




body {
       font: 12px/150% 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
       }

div, p, h1, h2, h3, h4, h5, pre {
                                  margin-right: 20px;
                                  margin-left: 20px;
                                  }

a {
    text-decoration:none;
    font-weight:bold;
    color:#c00;
    }

a:hover {
          background:#000000;
          color:#FFFFFF;
          }
/*
h1 a {
       color:#666;
       }

h2 a {
       color:#666;
       }

h3 a {
       color:#666;
       }

h4 a {
       color:#666;
       }
*/


h1 { 
     font-size: 2em;
     line-height: 180%;
     color:#666;
     border-bottom: 5px solid #000;
     padding: 2px;
     margin: 0px;
     margin-bottom: 8px;
     }

h2 { 
     color:#666;
     line-height: 180%;
     font-size: 1.5em;
     padding: 2px;
     margin-top: 5px;
     border-bottom: 2px solid #000000;
     }

h3 { 
     color:#666;
     line-height: 180%;
     font-size: 1.25em;
     padding: 2px;
     margin-top: 5px;
     border-bottom: 1px dashed #000;
     }

h4 { 
     line-height: 180%;
     color:#666;
     font-size: 1em;
     padding: 2px;
     margin-top: 5px;
     }

pre {
      border: #777777 1px solid;
      padding: 0.5em;
      margin-left: 1em;
      margin-right: 2em;
      white-space: pre;
      background-color: #e6e6e6;
      color: black;
}

input.email {
           width: 200px;
}

input.buttons {
    margin: 1em;
    width: 100px;
}


.side > ul {
       margin-left: 0;
}

.side > li {
      margin-bottom: .25em;
      margin-left: -15px;
}

h3.title {
      text-indent: -20px;
      margin-left: 20px;
}


blockquote.color1 {
    border: 1px dotted #000;
    border-left: 5px solid #606;
    background-color: #fafafa;
    color: #606;
}

blockquote.color2 {
    border-left: 5px solid #077;
    color: #077;
}

blockquote.color3 {
    border-left: 5px solid #900;
    color: #900;
}

blockquote.color4 {
    border-left: 5px solid #009;
    color: #009;
}

blockquote.color5 {
    border-left: 5px solid #b60;
    color: #b60;
}

p.permalink {
    text-align: right;
    font-size: .9em;
}

.highlight {
    background-color: #FF9;
}

/* Code Beautifier colors */
.linecomment { color: #FF8000; }
.blockcomment { color: #FF8000; }
.prepro { color: #0000BB; }
.select {}
.quote { color: #DD0000; }
.category1 { color: #007700; }
.category2 { color: #0000BB; }
.category3 { color: #0000BB; }


/* Special Article styles */

    p.endnotes {font: .75em/140% 'Lucida Grande', Verdana, Arial, sans-serif; margin-left: 4em;}
    p.endnotes:first-line {margin-left: -.75em;}
    p.copyright {font: .75em/140% 'Lucida Grande', Verdana, Arial, sans-serif;} 



/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
.MATH    { font-family: "Century Schoolbook", serif; }
.MATH I  { font-family: "Century Schoolbook", serif; font-style: italic }
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }

/* implement both fixed-size and relative sizes */
/*
SMALL.XTINY		{ font-size : xx-small }
SMALL.TINY		{ font-size : x-small  }
SMALL.SCRIPTSIZE	{ font-size : smaller  }
SMALL.FOOTNOTESIZE	{ font-size : small    }
SMALL.SMALL		{  }
BIG.LARGE		{  }
BIG.XLARGE		{ font-size : large    }
BIG.XXLARGE		{ font-size : x-large  }
BIG.HUGE		{ font-size : larger   }
BIG.XHUGE		{ font-size : xx-large }
*/

/* heading styles */
H1		{  }
H2		{  }
H3		{  }
H4		{  }
H5		{  }

/* mathematics styles */
DIV.displaymath		{ }	/* math displays */
TD.eqno			{ }	/* equation-number cells */


/* document-specific styles come next */
DIV.navigation		{   }
DIV.verse		{   }
SPAN.Roman		{   }
SPAN.textit		{ font-style: italic  }
SPAN.arabic		{   }
SPAN.textbf		{ font-weight: bold  }