@import url("main.css");

.download
{
	-webkit-transition: background-color 0.2s ease-out;
	
	color: white;
	line-height: 1.5em;
	text-shadow: black 0 -1px 0;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	
	display: block;
	position: relative;
	padding: 1px 16px 16px;
	margin: 0 0 20px;

	background: #234 url("http://static.boxerapp.com/images/glow_oval_256_clipped.png") 50% 150% no-repeat;
	background: url("http://static.boxerapp.com/images/glow_oval_256_clipped.png") 50% 150% no-repeat,
				#234 url("http://static.boxerapp.com/images/gradient_20_reversed.png") 0 100% repeat-x;  
	
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border: 1px solid #132528;
	border-color: rgba(0, 0, 0, 0.33);
	-moz-box-shadow: rgba(255, 255, 255, 0.33) 0 0.5px 0;
	-webkit-box-shadow: rgba(255, 255, 255, 0.33) 0 1px 0;
}
.download:hover,
.download:focus		{ background-color: #521 !important; }
.download:active	{ background-color: #410 !important; }


.download-icon          { display: block; margin: -20px auto 0; }
.new				    { position: absolute; top: -10px; right: -16px; }
.package-version        { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.package-version .beta  { text-transform: none; font-weight: normal; letter-spacing: 0; }
.package-architectures  { display: block; margin-top: 0.5em; color: #b1babc; font-size: 95%; }

#download-beta
{
	background: #234 url("http://static.boxerapp.com/images/under_construction.png") -10px 0 repeat-x;
	background: url("http://static.boxerapp.com/images/glow_oval_256_clipped.png") 50% 125% no-repeat,
				url("http://static.boxerapp.com/images/gradient_20_reversed.png") 0 100% repeat-x,
				#234 url("http://static.boxerapp.com/images/under_construction.png") -10px 0 repeat-x;  
}

#download-older
{
	padding: 4px 16px; 
	background-color: #456;
}


#badge-wrapper		{ margin-top: 1em; text-align: center; }
#iusethis img		{ display: block; margin: 0 auto -4px; }
#iusethis
{
	font-size: 120%;
	display: inline-block;
	padding: 0 0.5em;
	margin: 0 0.5em 1em;
	font-weight: normal;
	text-decoration: none;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.33) 0 -1px 0;
}
#iusethis:hover,
#iusethis:focus		{ color: #632; text-shadow: inherit; }
#iusethis:active	{ color: #521; }

#flattr img
{
	display: block;
	margin: 0 auto;
}

#joypad-badge img	{ vertical-align: top; margin: 0 0.5em 1em; }

#whatsnew ul		{ padding-left: 18px; }
#whatsnew strong	{ font-style: italic; }
#whatsnew .pill		{ margin-left: 0; }

/* Small margin tweaks to line the images up with the columns above */
#bundled-game-covers	{ margin: 1.5em -4em 2em -14px; }

#screenshots .thumbnails	{ margin: 0 -6px 1.5em; text-align: center; min-width: 600px; }
#screenshots .thumbnails a	{ min-width: 190px; min-height: 156px; line-height: 156px; }

#screenshots h3	{ margin-top: 3em; }