/******** SITE CLASS CSS ********/

div{
	margin-bottom:20px;
}

.awesome{
	background: #222 url(_img/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 0 1px 3px #444;
	-webkit-box-shadow: 0 1px 3px #444;
	box-shadow: 0 1px 3px #444;
	text-shadow: 0 -1px 1px #222;
	border:0;
	/* border-bottom: 1px solid #222; */
	position: relative;
	cursor: pointer;
	margin:0;
	margin-bottom:10px;
	line-height:20px;
	text-align: center;
	width:280px;
}

.awesome:hover, .hover{
	background-color: #333;
	color: #fff;
}

.awesome:active, .active{
	position:relative;
	top:3px;
	-moz-box-shadow: 0 0 0 #444;
	-webkit-box-shadow: 0 0 0 #444;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
}

/* Sizes ---------- */
.small.awesome {
font-size: 12px;
}
.regular.awesome {
font-size: 14px;
}
.large.awesome {
font-size: 16px;
}
/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.blue.awesome:hover, .blue.awesome.hover{
background-color: #42b6c5;
}
.red.awesome {
background-color: #e33100;
}
.red.awesome:hover, .red.awesome.hover{
background-color: #e64519;
}
.magenta.awesome {
background-color: #a9014b;
}
.magenta.awesome:hover, .magenta.awesome.hover{
background-color: #b11a5d;
}
.orange.awesome {
background-color: #ff5c00;
}
.orange.awesome:hover, .orange.awesome.hover {
background-color: #ff6c19;
}
.yellow.awesome {
background-color: #ffb515;
}
.yellow.awesome:hover, .yellow.awesome.hover {
background-color: #ffbb2c;
}

.rounded{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}