* {margin:0;padding:0;}
a:link,a:visited,a:active {color:#0000FF;text-decoration:none;}

/* gray, space top and bottom */
body {background:#666666;padding:10px 0 10px 0;}

/* white bounding box */
#page {background:#FFFFFF;width:800px;text-align:left;margin:auto;}
#page:before {content: url(page-top.jpg);}
#page:after {content: url(page-bot.jpg);}

/* blue header, for blundering title */
#header {
text-align:center;
background:#507EA1;
margin:10px 10px 0 10px;
}
#header:before {content: url(header-top.jpg);}
#header:after {content: url(header-bot.jpg);}
#header h1 {
font-family:"Arial Black";
color:#CFDCE6;
font-size:xx-large;
padding:15px 0 15px 0;
}

/* Hack the hack... */
div#page > div#header {margin:0 10px 0 10px;}

/* gray menu */
#menu {background:#CCC;text-align:center;margin:10px 10px 0 10px;}
#menu:before {content: url(menu-top.jpg);}
#menu:after {content: url(menu-bot.jpg);}
#menu a {color:#333;font-size:medium;font-weight:bold;margin:0px 10px 0px 10px;display:inline;}
#menu a:hover {background:#CFDCE6;color:#406480;}

/* blue sidebar */
#sidebar {background:#CFDCE6;width:200px;margin:10px 0 10px 10px;float:left;display:inline;}
#sidebar:before{content: url(sidebar-top.jpg);}
#sidebar:after{content: url(sidebar-bot.jpg);}
#sidebar h2 {text-align:center;color:#333;}
#sidebar h2,p {padding:5px;}

/*#sidebar {width:200px;margin:10px 0 10px 10px;float:left;background: url(sidebar-back.jpg) no-repeat left top;}*/

/* main content on a white screen */
#content {width:570px; float:right; padding:10px 10px 10px 0px;}
#smcontent {width:400px; margin:10px 190px 10px 190px;}
h1.contentheader {font-size:large;padding:0px;border-bottom:2px solid #406480;}
.entry,.link {padding:5px;border-bottom:2px dashed #406480;}
.entry a:link, a:visited,a:active {color:#0000FF;font-weight:bold;text-decoration:none;}
.entry h2 {position:relative;z-index:1}
.entry img {border:0;padding:0;}
.entrytext {position:relative; margin-left:120px;padding:0 0 0 2px;}
.mainentrytext {position:relative; margin-left:120px;padding:0 0 0 2px;top:-0.7em;}
.entryphoto {position:absolute;left:-130px;}
.date {font-family:"Arial Black";font-size:small;padding:0;text-align:right;position:relative;top:-1.5em;}

#footer {clear:both; text-align:center;}

/******************** ROBOT AND PROJECT PAGES ******************/
/*.robocontent {background:#CFD4E6;width:600px;margin-left:100px;}*/
.robocontent {width:600px;margin-left:100px;}
.robocontent p {padding:5px;}
.robocontent h3 {text-align:center;padding:10px 0px 10px 0px;}
.robocontent h5 {text-align:center;}
.robocontent img {width:590px;border:0;padding:5px;}
.robotheader {border-bottom:2px solid #406480;padding:0 0 10px 0;}
.robotentry {padding:5px;border-bottom:2px dashed #406480;}
.robotentry img {padding:0px;width:300px;}
.robotindent {margin-left:30px;}
.robotname {text-align:center;color:#000;padding:10px 0 10px 0;}
.robotentry h5 {text-align:left;}

.code {font-family:"Courier";font-size:small;color:#8B0000;padding:5px 0 5px 0;}
h1, h2 {margin:0; padding:0;}