Button-like Links

Default Go Stop Not a button

HTML Syntax
<p><a href="#" class="button">Default</a> <a href="#" class="button button-go">Go</a> <a href="#" class="button button-stop">Stop</a> <a href="#">Not a button</a></p>
CSS Syntax
#post-788 a.button {
    background-color: #f7f7f7;
    border: 0.063em solid #ccc;
	border-radius: 0.5em; /* 8px @ 16px font */
    color: #000;
    display: inline-block;
    padding: 0.5em 1em;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.0625em; /* 1px @ 16px font */
}

	#post-788 a.button:hover {
		background-color: #fafafa;
		border-color: #999;
	}
		
	#post-788 a.button:active {
		background-color: #eee;
		border-color: #333;
	}

		#post-788 a.button.button-go,
		#post-788 a.button-go,
		#post-788 a.button.button-stop,
		#post-788 a.button-stop { color: #fff; }
	
			#post-788 a.button.button-go,
			#post-788 a.button-go { background-color: #317d31; }	
				#post-788 #content a.button-go:hover,
				#post-788 a.button-go:hover { background-color: #378737; }
				#post-788 a.button-go:active { background-color: #206420; }

			#post-788 a.button.button-stop,
			#post-788 a.button-stop { background-color: #bd2926; }
				#post-788 #content a.button-stop:hover,
				#post-788 a.button-stop:hover { background-color: #c12e2a; }
				#post-788 a.button-stop:active { background-color: #b31e1b; }