/**
 * @file
 */
html, body { height: 100%;
margin:0;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
color: rgb(0,0,119);
background-color: rgb(152, 177, 189);
} 

#wrap {min-height: 100%;
background-color: rgb(152, 177, 189);
background: url(http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/marginbkg.gif) repeat-y;
z-index: 0;
} 

#header {          /* position: absolute; CGPT says remove it   */
display: block;      /*CGPT for WP*/
top: 0;
left: 0;
height: 101px;
width: 100%;
background-color: rgb(118,148,173);
z-index: 1;
} 



#logo {position:absolute;
top: 12px;
left: 131px;
z-index: 2;
} 

#quotes {position: absolute;
top: 20px;;
right: 20px;
height:81px;
width: 50%;
background-color: transparent;
text-align: right;
font-size: 16px;
color: rgb(100, 60,60);
z-index: 40; 
}

#quotes span {
    font-size: 14px;
}

#trail  {
position: absolute;
top: 111px;;
right: 20px;
width: 99%;
background-color: transparent;
text-align: right;
font-size: 11pt;
z-index: 40;
}

div.breadcrumb {
padding-bottom: 0;
display:inline;
}

a {text-decoration:none;}

#hr {position: absolute;
top: 101px;
height: 2px;
width: 100%;
background: url(http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/hr1.png) repeat-x; 
z-index: 20;
}

#margin {position: absolute;
top: 125px;
left: 0px;
height: 100%;
width:1700px;
background: url(http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/marginbkg.gif) repeat-y;
z-index: 1;
}

#menu {position: absolute;
top: 125px;
left: 0px;
height: 300px;
width:190px;
z-index: 30;
}

#main {overflow:auto;
padding-bottom: 30px; /* must be same height as the footer */
padding-top: 35px;
z-index: 4;
background: url(http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/marginbkg.gif) repeat-y;
background-color: rgb(152, 177, 189);
}

#side {position: absolute;
top: 0;
left: 0;
height: 100%;
width: 170px;
/* background: url(http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/marginbkg.gif) repeat-y; */
z-index: 6;
}

#content {
padding: 25px 50px 30px 220px;
z-index: 5;
}

#pie {position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
clear:both;
z-index: 0;
/* color: #fff; */
color: rgb(62,83,144);
background-color: rgb(99, 136, 162);
line-height:30px;
/* padding-top: 10px; */
z-index: 7;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}

/* *************** MY ADDITIONS ****************** */
/*  html {background-color: rgb(152, 177, 189); 
} */
tbody {
    border-top: 0px;
}

a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

a:hover {
    color: rgb(204, 204, 255);
}

span.nolink {
    color: rgb(255,255,255);
    padding: 2px 3px 2px 1px;
}


/* ************** for MOVING DIVS  *****************  */


.parent-div {
position: relative;
left: 200;
width: 900;
}
#moves {
position: absolute;
border-radius: 0%;
top: 0;
left: 0;
}
#clipscroll {
    position: absolute;
    top: 10;
    left: 0;
    width: 190;
    height: 450;
    background-image: url("http://juancordova.com/cybergnosis/sites/all/themes/jmc/images/marginbkg.gif"); background-color: #ffffff;
    z-index: 35;
}

.moves { overflow: auto; }

/*  New for Wordpress  */

html, body {
  height: 100%;
  margin: 0;
}

#wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main {
  flex: 1;
}

#pie {
  margin-top: auto;
}

.post-meta {
  font-size: 12px;
  color: #555;
  margin-bottom: 10px;
}

/*  ***********  For Moving Div  ********  */

.viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.moves {
  display: flex;
  gap: 15px;
  position: relative;
  will-change: transform;
  white-space: nowrap; /* fallback */
  width: max-content;
}

.moves img {
  height: 410px;
  display: block;
}