/* Joe's Styles */

/* import google font */

@import url(http://fonts.googleapis.com/css?family=Anton);

/* wrap contect */

#wrapper {

  width: 595px;
  border: 1px dashed rgb(146, 146, 146);
  margin-top: 2%;
  margin-left: auto ;
  margin-right: auto ;
  padding: 25px;
  border-radius: 15px;


}

/* style event boxes */

#eventboxleft {
  float: left;
  width: 285px;
  border: 1px dashed white;
  border-radius: 10px;
  border: 1px dashed rgb(146, 146, 146);
  margin-top:20px;

}

#eventboxright {

  float: right;
  width: 285px;
  border: 1px dashed white;
  border-radius: 10px;
  display: inline;
  border: 1px dashed rgb(146, 146, 146);
  margin-top:20px;
}



/* actions */

#eventboxleft:hover {

  background-color: rgb(219, 219, 219);

}

#eventboxright:hover {

  background-color: rgb(219, 219, 219);

}

#eventboxresetall:hover {

  background-color: rgb(255, 255, 34);

}

#eventboxlogout:hover {

  background-color: rgb(255, 125, 34);

}

#eventboxlogoutbig:hover {

  background-color: rgb(255, 125, 34);

}

/* style text */

h1 {

  font-size: 90px;
  text-align: center;
  color: rgb(78, 85, 108);
  font-family: 'Anton';
  color: rgb(0, 110, 163);
}

h2 {

  font-size: 26px;
  text-align: center;
  color: rgb(78, 85, 108);
  font-family: 'Anton';
}

h3 {

  font-size: 26px;
  text-align: left;
  color: rgb(78, 85, 108);
}

p  {

  font-size: 15px;
  text-align: justify;
  color: rgb(0, 0, 0);
  font-family: 'Anton';
  color: rgb(78, 85, 108);
}

a {

  text-decoration: none;
  color: rgb(73, 73, 73);

}

small.bigsmall {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  color: rgb(78, 85, 108);
  font-family: 'Anton';

}

small.smallsmall {
  display: block;
  text-align: center;
  font-size: 10px;
  color: rgb(78, 85, 108);
  font-family: 'Anton';
  margin-top: 10px;
}

input {

      font-family: 'Francois One', sans-serif;
      width: 100%;
      font-size:   20px;
      padding:     0.1em;
      height: 53px;


}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}