#calculator-body{
  width: 400px;
  height: 550px;
  background-color: #BABBBA;
  border-radius: 20px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  
  -moz-box-shadow:    1px 1px 1px 2px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(0, 0, 0, 0.6);
  box-shadow:         1px 1px 1px 2px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(0, 0, 0, 0.6);
}

body{
  background-color:gray;
}

#calc-name{
  text-align:center;
  padding-top: 15px;
  font-family: monospace;
  font-size: 16px;
}

#screen{
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  width: 300px;
  height: 100px;
  background-color: #939393;
  border-radius: 8px;
  border: 1px solid #4C4C4C;
}

#total{
  width: 285px;
  text-align: right;
  padding-right: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: monospace;
  font-size: 45px;
}

#history{
  width: 285px;
  text-align: right;
  padding-right: 20px;
  margin-top: 0px;
  font-family: monospace;
  font-size: 20px;
  opacity: 0.8;
}

.button-row{
  width: 300px;
  margin-left:auto;
  margin-right: auto;
  margin-top: 20px;
}

.half-row{
  margin-left: 50px;
  margin-top: 20px;
  display: block;
}

#bottom-rows{
  display: inline-block;
}

#bottom-left-rows{
  display: inline-block;
}

#equals-holder{
  vertical-align: top;
  display: inline-block;
  margin-left:26px;
  margin-top: 20px;
}

#equals{
  height: 120px;
}

.clicker, .clear-clicker{
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #4C4C4C;
  border-radius: 5px;
  margin-right: 28px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.side-clicker{
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #4C4C4C;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 1px 2px rgba(0, 0, 0, 0.8);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.clicker p, .side-clicker p, .clear-clicker p{
  color: #BABBBA;
  text-align: center;
  padding-top: 0px;
}

#zero{
  width: 130px;
}

#equals-text{
  padding-top: 48px;
}

#credit{
  text-align:center;
  margin-top: 30px;
}