/* download button style */
/*
code example:
<div class="downloadbtn">
	<a href="http://go.to.url" title="Download button test: only a test">
		<strong>Download button test</strong>only a test
	</a>
</div>
*/
.downloadbtn { border: 0px solid black; padding: 0; margin: 20px; width: 250px; color: #FFF; font: 10px/13px Verdana, Arial, Helvetica, sans-serif; }
.downloadbtn a { width: 100%; padding: 9px 0 0 0; margin: 0; display: block; color: #b4cfea; background: transparent url(../images/download_btn_wide.gif) no-repeat; text-decoration: none; text-align: center; height: 45px; }
.downloadbtn a:hover { color: #FFF;  background-position: 0 -80px; }
.downloadbtn strong, .downloadbtn b { display: block; font-size: 12px; font-weight: bold; }
/* for future update: a counter in the button */
/* 
in combination with "Download Counter" 
http://www.yellowswordfish.com/index.php?pagename=my-wordpress-plugin-library
*/
/*
code example:
<div class="downloadbtn">
	<a href="http://go.to.url/download-manager.php?id=1" title="Download button test: only a test">
		<strong>Download button test</strong>only a test
	</a>
	<span class="downloadnumber"><!--downloads(1)--></span>
</div>
*/
.downloadnumber { float:left; top:-20px;left:15px; border:0px solid black; font;  font-size: 20px; position:relative; }