/* where Panama is located? right here: http://en.wikipedia.org/wiki/Panama */
/* this is were my name goes :-) main page */

body {
        font-family: "Trebuchet MS", Helvetica, FreeSans, sans-serif;
        line-height: 120%;
        background-color: white;
        padding: 0;
        margin: 0;
     }

/* this is the page width and justified text, I don't like how text
looks in html documents, justified works better for me at least */

#horizontalfade {
                   font-family: Georgia, Times, serif;
                   font-style: italic;
                   font-size: 150%;
                   color: #010546;
                   border-top: 2px solid #19587c;
                   border-bottom: 2px solid #19587c;
                   padding-top: .6em;
                   padding-bottom: .2em;
                   padding-left: .8em;
                   margin: 0;
                   background: #E7E4E7;
                 }

#margins, #menu {
    position: absolute;
    top: 70px;
}

#margins {
    left: 180px;
    padding-right:150px;
}

#menu {
    left: 0px;
}

/* the glidder image from http://www.catb.org/hacker-emblem/ eric's
 raymond  page I've just changed it a lil bit localy using css */

.imglider { 
            height: 2.6em;
            border: 3px ridge #19587c;
            float: right;
            margin: 6px;
            padding: 3px;
          }

h1 {
      color: #010546;
      font-style: italic;
   }

/* just in case I want to change heading later on, for those of you
learning as I'm at this point you coud use:

    h5, h2, h4 { font-size: 1.1em;
                 color: DarkBlue;
                 font-style: italic;
               }

   instead :-) */

h2 {   
        font-family: Georgia, Times, serif;
        font-style: italic;
        font-size: 130%;
        color: #010546;
   }

 h4 {  
        margin: 0;
        font-size: 90%;
        color: #010546;
        font-style: italic;
    }

h5 {   
        margin: 0;
        font-size: 1.1em;
        color: #010546;
        font-style: italic;
   }

p {
    margin-top: 0;
  }

p a {
      text-decoration: none;
    }

/* litle funny bullets using the linux logo, tux */

 #lists {
         list-style-image: url("sit-final.gif");
       }

li {font-size: small;}

/* site navegation */

#menu ul {
           margin-left: 10px;
           margin-top: 15.0px;
         }

#menu li {
           list-style-type: none;
           width: 7em;
           text-align: center;
           padding : 3px;
           margin:0;
         }

#menu a {
          font-family: Georgia, Times, serif;
          text-decoration: none;
          font-style: italic;
          font-size: 120%;
          color: #010546;
          display: block;
          border: 2px #010546 ridge;
          background-color: #E7E4E7;
        }

#menu a:hover {
                 border: 3px #19587c inset;
              }

/* this is where the gallery comes in action */

.image {
          border: 15px solid #A696A8;
          margin-left: 40px;
       }

.gallery p {
              font-size: 65%;
              font-weight: bold;
              margin-top: 0;
              margin-left: 60px;
              width: 460px;
              line-height: 1.4em;
           }

.gallery p span {
                  font-weight: normal;
                  color: gray;
                }

.gallery {
            padding-bottom: 20px;
            border-bottom: 1px solid navy;
            margin-bottom: 10px;
         }

.footer p {
            font-size: 85%;
            font-weight: normal;
            margin-top: 12px;
            margin-left: 5px;
            line-height: 1px;
          }