@font-face {
	font-family: 'InterFace-Regular';
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_rg-webfont.ttf') format('truetype');
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_rg-webfont.woff') format('woff');
	/*src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_rg-webfont.eot?#iefix') format('embedded-opentype');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InterFace-Bold';
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_bd-webfont.ttf') format('truetype');
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_bd-webfont.woff') format('woff');
	/*src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_bd-webfont.eot?#iefix') format('embedded-opentype');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InterFace-Italic';
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_it-webfont.ttf') format('truetype');
	src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_it-webfont.woff') format('woff');
	/*src: url('http://www.bmj.com/sites/default/themes/bmj/the_bmj/fonts/if_std_bd-webfont.eot?#iefix') format('embedded-opentype');*/
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: "InterFace-Regular",sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}

h1 {
	font-family: "Interface-Regular",sans-serif;
	font-size: 32px;
}

h3 {
	color: #FFF;
	pointer-events: none;
}

p {
	font-size: 12px;
	pointer-events: none;
}

strong {
	font-family: "Interface-Bold",sans-serif;
}

#calendar{
	width: 1520px;
	margin: 0px auto 0px auto;
}

#windowContainer {
	margin: 0px;
	padding: 0px;
}

.introText {
	font-size: 14px;
}

.windowDiv {
	width: 375px;
	margin: 0px auto 0px auto;
}

.window {
	font-family: "Interface-Italic",sans-serif;
	width: 375px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: none;
	
}

.bigWindow {
	width: 450px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: none;
}

#openText {
	color: #FFF;
	margin: 0px;
}

#closedText {
	color: #FFF;
	margin: 0px;
}

.open {
	/*background-color: #C50084;*/
	margin: 0px;
}

.closed {
	/*background-color: #7D5CC6;*/
	margin: 0px;
}

.crackerImage {
	margin: 0px;
	padding: 0px;
}

.dayNumber {
	font-family: "Interface-Bold",sans-serif;
}

.blueText {
	color: #2A6EBB;

}

.purpleText {
	color: #7D5CC6;

}

.pinkText {
	color: #C50084;

}

.redText {
	color: #CD202C;

}

.redText25 {
	color: #CD202C;

}

.orangeText {
	color: #E37222;

}

.yellowText {
	color: #F0AB00;

}

.greenText {
	color: #69BE28;

}

.aquaText {
	color: #00B2A9;

}

#date {
	position: absolute;
	top:10px;
	left:25px;
	opacity: 0.5;
}

#question {
	position: absolute;
	top:62px;
	left:70px;
	width: 200px;
	height: 75px;
	overflow: hidden;
	font-size: 16px;
}

#dateBig {
	position: absolute;
	top:25px;
	left:60px;
	opacity: 0.5;
}

#titleBig {
	position: absolute;
	top:55px;
	left:60px;
	width: 90px;
	height: 75px;
	overflow: hidden;
}

#adventDay {
	position: absolute;
	top:60px;
	left:170px;
}

#adventDaySingle {
	position: absolute;
	top:60px;
	left:178px;
}

#adventDay25 {
	position: absolute;
	top:48px;
	left:202px;
	font-size: 42px;
}

@media only screen and (max-width : 1520px) {

	#calendar{
		width: 1140px;
	}
}

@media only screen and (max-width : 1140px) {

	#calendar{
		width: 760px;
	}
}

@media only screen and (max-width : 760px) {

	#calendar{
		width: 455px;
	}
	.window{
		padding-left: 40px;
	}
}
