.sidebox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #225d82;
  color: #F3E9C1;
  width: 750px;
  margin: -0 auto;
  padding: 10px;
  text-align: left;
  -webkit-box-shadow: 0 4px 7px #888888;
  -moz-box-shadow: 0 4px 7px #888888;
  box-shadow: 0 4px 7px #888888;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
}
.sidebox .sidebox-inner {
  border: 1px;
  padding: 0px 0px;
}
.sidebox .sidebox-inner h3 {
  color: #0AB651;
  font: bold 40px 'Komika Title Axis', Helvetica, Arial, sans-serif;
  line-height: 40px;
  margin: 0;
  text-align: center;
}
.sidebox .sidebox-inner p {
  margin: 1.5em auto;
}
.sidebox .sidebox-inner p:nth-last-of-type(1) {
  margin-bottom: 0;
}

/* ==========================================================================
	Buttons
	
	Colors:
		.btn-blue
		.btn-green
		.btn-magenta
		.btn-orange
		.btn-red
   ========================================================================== */
/*
a[class*="btn-"] {
  color: #FFF;
  @include text-shadow(1px 1px 3px #212121);
}
*/
/* Main Button */
.btn, a.btn {
  color: #FFF;
  text-shadow: 1px 1px 3px #212121;
  display: inline-block;
  text-decoration: none;
  font: normal 26px 'Action Man', 'comic sans ms', fantasy;
  padding: 8px 16px;
  -webkit-box-shadow: 0 1px 1px #999999;
  -moz-box-shadow: 0 1px 1px #999999;
  box-shadow: 0 1px 1px #999999;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #CFCFCF;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cfcfcf), color-stop(50%, #b5b5b5), color-stop(100%, #9c9c9c));
  background-image: -webkit-linear-gradient(#cfcfcf, #b5b5b5 50%, #9c9c9c);
  background-image: -moz-linear-gradient(#cfcfcf, #b5b5b5 50%, #9c9c9c);
  background-image: -o-linear-gradient(#cfcfcf, #b5b5b5 50%, #9c9c9c);
  background-image: linear-gradient(#cfcfcf, #b5b5b5 50%, #9c9c9c);
  border: 1px solid #888888;
}
.btn:hover, a.btn:hover {
  background: #b5b5b5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b5b5b5), color-stop(50%, #929292), color-stop(100%, #737373));
  background-image: -webkit-linear-gradient(#b5b5b5, #929292 50%, #737373);
  background-image: -moz-linear-gradient(#b5b5b5, #929292 50%, #737373);
  background-image: -o-linear-gradient(#b5b5b5, #929292 50%, #737373);
  background-image: linear-gradient(#b5b5b5, #929292 50%, #737373);
  border: 1px solid dimgrey;
}

.btn-blue, a.btn-blue {
  background: #2E8CF0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #67c0f8), color-stop(50%, #3491f0), color-stop(100%, #2e8cf0));
  background-image: -webkit-linear-gradient(#67c0f8, #3491f0 50%, #2e8cf0);
  background-image: -moz-linear-gradient(#67c0f8, #3491f0 50%, #2e8cf0);
  background-image: -o-linear-gradient(#67c0f8, #3491f0 50%, #2e8cf0);
  background-image: linear-gradient(#67c0f8, #3491f0 50%, #2e8cf0);
  border: 1px solid #2C7CD1;
}
.btn-blue:hover, a.btn-blue:hover {
  background: #1072db;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #36acf6), color-stop(50%, #1177e0), color-stop(100%, #1072db));
  background-image: -webkit-linear-gradient(#36acf6, #1177e0 50%, #1072db);
  background-image: -moz-linear-gradient(#36acf6, #1177e0 50%, #1072db);
  background-image: -o-linear-gradient(#36acf6, #1177e0 50%, #1072db);
  background-image: linear-gradient(#36acf6, #1177e0 50%, #1072db);
  border: 1px solid #1f5792;
}

.btn-green, a.btn-green {
  background: #67B31D;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c8e533), color-stop(50%, #7abd20), color-stop(100%, #67b31d));
  background-image: -webkit-linear-gradient(#c8e533, #7abd20 50%, #67b31d);
  background-image: -moz-linear-gradient(#c8e533, #7abd20 50%, #67b31d);
  background-image: -o-linear-gradient(#c8e533, #7abd20 50%, #67b31d);
  background-image: linear-gradient(#c8e533, #7abd20 50%, #67b31d);
  border: 1px solid #4B7F11;
}
.btn-green:hover, a.btn-green:hover {
  background: #4e8716;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aecb1a), color-stop(50%, #5e9119), color-stop(100%, #4e8716));
  background-image: -webkit-linear-gradient(#aecb1a, #5e9119 50%, #4e8716);
  background-image: -moz-linear-gradient(#aecb1a, #5e9119 50%, #4e8716);
  background-image: -o-linear-gradient(#aecb1a, #5e9119 50%, #4e8716);
  background-image: linear-gradient(#aecb1a, #5e9119 50%, #4e8716);
  border: 1px solid #233c08;
}

.btn-orange, a.btn-orange {
  background: #F26421;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f99c1b), color-stop(50%, #f57f1e), color-stop(100%, #f26421));
  background-image: -webkit-linear-gradient(#f99c1b, #f57f1e 50%, #f26421);
  background-image: -moz-linear-gradient(#f99c1b, #f57f1e 50%, #f26421);
  background-image: -o-linear-gradient(#f99c1b, #f57f1e 50%, #f26421);
  background-image: linear-gradient(#f99c1b, #f57f1e 50%, #f26421);
  border: 1px solid #D4531B;
}
.btn-orange:hover, a.btn-orange:hover {
  background: #d44c0c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #db8206), color-stop(50%, #d6660a), color-stop(100%, #d44c0c));
  background-image: -webkit-linear-gradient(#db8206, #d6660a 50%, #d44c0c);
  background-image: -moz-linear-gradient(#db8206, #d6660a 50%, #d44c0c);
  background-image: -o-linear-gradient(#db8206, #d6660a 50%, #d44c0c);
  background-image: linear-gradient(#db8206, #d6660a 50%, #d44c0c);
  border: 1px solid #903812;
}

.btn-magenta, a.btn-magenta {
  background: #C5346B;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d6598a), color-stop(50%, #cc4277), color-stop(100%, #c5346b));
  background-image: -webkit-linear-gradient(#d6598a, #cc4277 50%, #c5346b);
  background-image: -moz-linear-gradient(#d6598a, #cc4277 50%, #c5346b);
  background-image: -o-linear-gradient(#d6598a, #cc4277 50%, #c5346b);
  background-image: linear-gradient(#d6598a, #cc4277 50%, #c5346b);
  border: 1px solid #CE2461;
}
.btn-magenta:hover, a.btn-magenta:hover {
  background: #9d2955;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca326e), color-stop(50%, #ac2f5f), color-stop(100%, #9d2955));
  background-image: -webkit-linear-gradient(#ca326e, #ac2f5f 50%, #9d2955);
  background-image: -moz-linear-gradient(#ca326e, #ac2f5f 50%, #9d2955);
  background-image: -o-linear-gradient(#ca326e, #ac2f5f 50%, #9d2955);
  background-image: linear-gradient(#ca326e, #ac2f5f 50%, #9d2955);
  border: 1px solid #8d1942;
}

.btn-red, a.btn-red {
  background: #CC372D;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9675e), color-stop(50%, #e04035), color-stop(100%, #cc372d));
  background-image: -webkit-linear-gradient(#f9675e, #e04035 50%, #cc372d);
  background-image: -moz-linear-gradient(#f9675e, #e04035 50%, #cc372d);
  background-image: -o-linear-gradient(#f9675e, #e04035 50%, #cc372d);
  background-image: linear-gradient(#f9675e, #e04035 50%, #cc372d);
  border: 1px solid #AE2E26;
}
.btn-red:hover, a.btn-red:hover {
  background: #a22c24;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7392d), color-stop(50%, #c4291e), color-stop(100%, #a22c24));
  background-image: -webkit-linear-gradient(#f7392d, #c4291e 50%, #a22c24);
  background-image: -moz-linear-gradient(#f7392d, #c4291e 50%, #a22c24);
  background-image: -o-linear-gradient(#f7392d, #c4291e 50%, #a22c24);
  background-image: linear-gradient(#f7392d, #c4291e 50%, #a22c24);
  border: 1px solid #6f1d18;
}

.btn, a.btn {
  /* Button Sizes */
}
.btn:active, a.btn:active {
  background: #212121;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e5e5e), color-stop(50%, #404040), color-stop(100%, #292929));
  background-image: -webkit-linear-gradient(#5e5e5e, #404040 50%, #292929);
  background-image: -moz-linear-gradient(#5e5e5e, #404040 50%, #292929);
  background-image: -o-linear-gradient(#5e5e5e, #404040 50%, #292929);
  background-image: linear-gradient(#5e5e5e, #404040 50%, #292929);
  border: 1px solid black;
}
.btn.btn-mini, a.btn.btn-mini {
  padding: 4px 8px;
  font-size: 12px;
}
.btn.btn-small, a.btn.btn-small {
  padding: 6px 12px;
  font-size: 16px;
}
.btn.btn-large, a.btn.btn-large {
  padding: 12px 24px;
  font-size: 32px;
}