/* SOPHIE */
/* EVERYTHING */
body{
  padding:25px;
  max-width:1000px;
  font-family:"Comic Sans MS", cursive, sans-serif;
  font-size:20px;
	margin:auto;
  /*margin:55px;
  margin-left:175px;*/
}
/* BIG HEADERS */
h1{
  color:#ffb01e;
  text-align:center;
}
li{
  display:inline-block;
  padding:10px;
  margin:auto;
}
/* CLASS TOP */
.top{
  border:dotted;
  border-color:#0000ff;
  border-width:5px;
  padding-left:10px;
}
/* ID LAYOUT-TABLE + BACKGROUND
#layout1{
  background-color:#dfffdb;
  margin-left:200px;
}*/
/* CLASS FANCY-1ST TABLE */
/* FANCY TABLE HEADERS */
.fancy th{
  background-color:#b0f2a7;
  margin:100px;
  border-bottom-style:solid;
  padding-bottom:0px;
  padding-top:0px;
}
/* FANCY TABLECELLS */
.fancy td{
 background-color:#01ff00;
 border-style:solid;
 border-color:#ffffff;
 margin:100px;
}
/* WHOLE TABLE FANCY */
table.fancy {
  border-style:solid;
  border-color:#ff00ff;
  border-width:3px;
  width:400px;
  height:400px;
  margin-left:80px;
  margin-right:80px;
  padding-bottom:15px;
  padding-left:30px;
  padding-right:30px;
  padding-top:15px;
}
/* ALL TABLES */
table{
  background-color:#ff901a;  
  width:400px;
  height:200px;
}
/* TABLE HEADERS */
th{
  border-bottom:solid;
}
#hard1{
  float:left;
  width:200px;
}
#hard2{
  float:left;
  width:300px;
}
#hard3{
  float:right;
  width:300px;
}
#bidea{
  background:#01ff00;
}
.gidea{
  clear:both;
  bottom:0px;
  background:#dfffdb;
  text-align:center;
  width:1000px;
}
header{
  text-align:center;
  font-size:2.0em;
}