/*
awesome buttons are based on a blog post by ZERB
Read there blog post for more information:
"Super awesome Buttons with CSS3 and RGBA":http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
this buttons are even more awesome, as the need only one color for all three states,
and have an super awesome onclick state
*/
 
.awesome, .awesome:visited {
 background: #222 url(../images/alert-overlay.png) repeat-x;
 display: inline-block;
 padding: 8px;
 color: #fff;
 text-decoration: none;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom:0 solid rgba(0,0,0,0.25);
 position: relative;
 cursor: pointer;
 font-family:'PFBeauSansProBold', sans-serif;
}
.awesome:hover {
	background-color: #111; color: #fff;
	text-decoration:none;
}
.big span{
	background:url(../images/arrow-next.gif) no-repeat 100% 45%;
	padding-right:24px;
}
* html .big span{background:url(../images/arrow-next.gif) no-repeat 100% 35%;}
.next-btn span{
	background:url(../images/arrow-next.gif) no-repeat 100% 50%;
	padding-right:21px;
}
.prev-btn span{
	background:url(../images/arrow-prev.gif) no-repeat 0 50%;
	padding:0 0 0 21px;
}
.up-btn span{
	background:url(../images/arrow-up.gif) no-repeat 100% 60%;
	padding:0 21px 0 0;
}
.small.awesome, .small.awesome:visited {
	font-size: 11px;
	line-height:11px;
	letter-spacing:1px;
	padding:7px;
}
.right-arrow span{background-position:100% 50%;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 12px; font-weight: bold; line-height: 1;}
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px;}
.big.awesome, .big.awesome:visited {
	font-size: 18px;
	padding:10px 10px 8px;
	letter-spacing:1px;
	font-family: 'PFBeauSansProBold', sans-serif;
	font-weight:normal;
}
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

/* new color */
.red.awesome, .red.awesome:visited { background-color: #ae3527; }
.red.awesome:hover { background-color: #bf5425; }
.gray.awesome, .gray.awesome:visited { background-color: #515d6b; }
.gray.awesome:hover { background-color: #bf5425; }