/* CSS Screen Stylesheet for Evdokia  Topouri */

body {
   margin: 0;
   background-color: rgb(0,0,0);
   text-align: center;
   font-family: "Courier New";
   font-size: 100%;
   color: rgb(255,255,255);
   line-height: 150%; 
}

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

p {
   font-size: 90%;
}

/* Container frame. Use this for centering the page */
#frame {
  width: 800px;
  margin: 50px auto 0 auto;
  text-align: center;
  border: 0;
}

/* Header frame. Use this for holding the header logo. It is "child" of "Frame" */
#top_header_frame {
   width: 100%;
   height: 80px;
   padding: 0;
   margin: 0 0 20px 0;
}

/* Center frame. Use this for holding the center frame. It is "child" of "frame" */
#center_frame {
   width: 100%;
   margin: 0 auto 20px auto;   
   padding: 0;
}

#navigator {
   text-align: center;
   font-family: "Courier New";
   font-size: 100%;
   color: rgb(64,64,64);
   margin: 20px auto 20px auto;
}

#navigator a {
   text-decoration: none;
   color: rgb(64,64,64);
}

#navigator a:hover {
   text-decoration: none;
}

#contact {
   margin: 10px auto 0 auto;
   border: 0;
}

#contact a {
   text-decoration: none;
}

#puzzle {
   width: 77%;
   margin: 0 auto 0 auto;
   padding: 0;
}

#puzzle a {
   border: none;
}

.puzzle_item {
   float: left;
   margin: 0 2px 2px 0;
}

#puzzle_objects {
   float: left;
   margin: 0 2px 2px 0;
}

#puzzle_urban {
   float: left;
   margin: 0 2px 2px 0;
}

#puzzle_people {
   float: left;
   margin: 0 2px 2px 0;
}

#puzzle_abstract {
   float: left;
   margin: 0 2px 2px 0;
}