// This makes me feel dirty, but I don't want to delve into the hornet's nest of vertical centering with CSS

var bcard = {}

bcard.vertical_align = function($element) {
	var height = $element.height()
	var outerheight = $element.outerHeight()
	var margintop = (height + (outerheight - height)) / 2
	$element.css('margin-top', '-' + margintop + 'px')
	        .css('top', '50%')
			.css('position', 'relative');
}

$(function() {
	bcard.vertical_align($('#outerbox'))
	bcard.vertical_align($('#innerbox'))

})