/*

  dark bg - #BFD3DB
  light bg - #DFE9ED
  pale bg - #E4EEF2
  link - #4C6F7C
  title - #3A535C

*/

BODY { margin: 2px; }

P { margin: 0; padding: 0; position: relative; text-align: left; font-family: verdana; font-size: 0.8em; }

.spacer { clear: both; } 

.main { width: 760px; margin-left: auto; margin-right: auto; padding: 0; }

STRONG { color: #3A535C; }

A { border-bottom: 1px dashed #3A535C; text-decoration: none; color: #4C6F7C; }

A:hover { border-bottom: 1px solid #3A535C; text-decoration: none; }

P.more { text-align: right; font-size: 0.7em; }


.topstuff { font-size: 0.8em; padding: 0; margin: 0.5em 0 0.5em 0; color: #333; }

.topstuff P { margin: 0; padding: 0.3em 0 0.3em 0.3em; background: #BFD3DB; }




.header { height: 137px; border: 1px solid #000; padding: 0; margin: 0 0 0.5em 0; background-image: url(http://www.grumpeh.net/hosted/portfolio/sites/risj/images/headerbg3.jpg); 
          background-position: center; background-repeat: no-repeat; }
		  
.header .hiddenTitle { display: none; }

.leftcolumn { width: 190px; float: left; padding: 0; margin: 0;  }

.leftColumn div.welcomeNote { background: #DFE9ED; margin-bottom: 0.5em; padding: 5px 0 5px 0; border: 2px solid #3A535C; }

.leftColumn p.welcome { text-align: center; margin: 3px 0 3px 0; font-weight: bold; color: #3A535C; }

.leftColumn p.note { margin: 0 0.7em 0.7em 0.7em; font-size: 0.7em; }

.leftColumn div.allProjects { background: #BFD3DB; margin-top: 0.5em; padding: 1px 0 1px 0; }

p.columnHeading { text-align: center; margin-top: 0.3em; padding-bottom: 0.3em; 
                                        border-bottom: 4px solid #FFF; color: #3A535C; font-weight: bold; }
										
p.columnFooter { margin: 0.5em 0.5em 0.7em 0.5em; text-align: center; font-size: 0.7em; font-weight: bold; }										

.leftColumn div.project { margin-left: 0.5em; margin-right: 0.5em; padding-bottom: 5px; border-bottom: 1px dotted #000; }

.leftColumn div.project P { margin: 0 0 0.3em 0; font-size: 0.7em; }

.leftColumn div.project P.titleTop { text-align: center; margin-top: 0.7em; }

.leftColumn div.project P.title { text-align: center; margin-top: 0.7em; }

.leftColumn div.project IMG { float: right; border: 1px solid #000; margin: 0.5em 2px 2px 0.5em; }



.rightSpace { width: 569px; float: right; padding: 0; margin: 0; }





.sectionMenu { float: right; width: 559px; padding: 0.3em 0 0.5em 0; margin: 0 0 0.5em 10px; background: #DFE9ED; }

.sectionMenu A { font-weight: bold; }

.sectionMenu P { text-align: center; }





.middleColumn { width: 438px; float: left; padding: 0; margin: 0; }

.middleColumn div.headline { width: 404px; margin-left: 15px; margin-right: 15px; margin-bottom: 0.8em; margin-top: 10px; border: 1px dashed #000; background: #E4EEF2; }

.middleColumn div.headline P  { margin: 0.2em 0.5em 0.5em 0.5em; }

.middleColumn div.headline P.title { text-align: center; margin: 5px 5px 5px 5px; font-size: 1.3em; font-weight: bold; color: #3A535C; }

.middleColumn div.headline A { margin-left: 0.5em; }

.middleColumn div.headline IMG { float: right; border: 1px solid #aaa; margin: 0 0.5em 0.5em 1em; }

.middleColumn div.previous { margin-top: 0.5em; margin-left: 1em; margin-right: 1em; border-bottom: 1px dotted #000; padding-bottom: 0.4em; }

.middleColumn div.previous P  { margin: 0.2em 0.5em 0em 0.5em; }

.middleColumn div.previous IMG { float: left; border: 1px solid #000; margin: 0.3em 0.5em 0.5em 0.2em; }

.middleColumn p.archive { margin: 0.5em; padding-top: 0.5em; text-align: center; font-size: 0.7em; font-weight: bold; color: #050; }

.middleColumn span.updated { font-size: 0.8em; float: left; color: #4c6f7c; }


.rightColumn { width: 126px; float: right; padding: 0; margin: 0; background: #DFE9ED;  }

.rightColumn div.blog { border-bottom: 1px dotted #000; margin: 0.5em; }

.rightColumn div.blog IMG { float: left; border: 1px solid #000; margin: 0 0.5em 0 0; }

.rightColumn div.blog P { margin: 0 0 0.5em 0; font-size: 0.7em; }


.footer { font-size: 0.7em; border-top: 1px solid #000; margin-top: 0.5em; }

.footer P { text-align: center; padding: 0.3em 0 0.4em 0; margin: 0.5em 0 1em 0; background: #BFD3DB; }

