/* modals */

div.modal {

	background-color:#333;
/* 	background-color:#eee; */
/* 	background-image: url('http://static.haikudeck.com/images/home_cement.jpg'); */
	border-radius: 0px;

	overflow: visible;

}

div.modal-header {
	background-color: '';
	border: none;
	color:#eee;
	padding: 0 0 0 10px;
}

/* McLovin: We should phase out H1s in modals so it doesn't confuse Google bot */
div.modal-header h1 {
/* 	font-size:28pt; */
/* 	margin:10px 10px 0; */
	font-weight: normal;
	font-family:'QuicksandBookRegular';
}

div.modal-header h4 {
	font-size: 38.5px;
	line-height: 40px;
	font-weight: normal;
	font-family: 'QuicksandBookRegular';
	text-transform: uppercase;
}


div.modal-body {
	padding: 15px 30px ;
    color:#eee;
}

div.modal-body.light {
    color:#333;
	background-color: #fff;
}


div.modal-body a {
    text-decoration: none;
}

div.modal-body a:hover {
    text-decoration: underline;
}

div.modal-body h3 {
	font-weight: normal;
	font-family:'QuicksandBookRegular';
	line-height: 100%;
	margin-bottom: 10px;
}


/*

.modal-body > .control-group > label.control-label {
	width:90px;
}

.modal-body > .control-group > .controls {
	margin-left:100px;
}
*/


div.modal-close-button {
	background-image: url('http://static.haikudeck.com/images/button_close_hoverable.png');
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-position:center top;
	position: relative;
	margin-top: -28px;
	top: 28px;
	left: -54px;
}







div.modal-footer {

	text-align: left;
	border-top: 0;
	box-shadow:'';
	background-color: '';

}




a.btn-modal {
	border-style: solid;
	border-width: 3px;
	padding: 5px;
	text-decoration: none;
	background-color: #ddd;
	color:#333;
	font-family: 'QuicksandBoldRegular';

}

a.btn-modal:hover {
	color:#ddd;
	background-color: #333;
	text-decoration: none;
}