#interactive{
	width:570px;
	font-family:'Verdana',sans-serif;
}
@font-face
{
	font-family: EnriquetaBold;
	src: url('http://www.slate.com/features/2013/03/martini/Enriqueta-Bold.otf');
}
/*card styles*/
#popup .card{
	border:1px solid gray;
}
.card{
	border:1px solid #e3e3e3;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
	/*titleBar*/
	.titleBar{
		height:100px;
		position:relative;
		width:568px;
	}
	.martiniHead{
		position:absolute;
		left:40px;
		bottom:0px;
	}
	.martiniName{
		width:395px;
		position:absolute;
		left:160px;
		top:0px;
		height:100px;
		margin:0px;
		font-family:"EnriquetaBold","Verdana",sans-serif;
		font-size:24px;
	}
	.titleBarBorder{
		float:left;
		height:2px;
		width:100%;
		margin-top:8px;
		margin-bottom:16px;
	}
	.cardBottom{
		float:left;
	}

	/*ingredients*/
	.leftCol{
		padding:15px;
		width:164px;
		font-size:12pt;
	}
	.leftCol p{
		margin:0px;
	}
	.leftColSec{
		margin-bottom:20px;
	}
	.leftColHead{
		font-family:"EnriquetaBold","Verdana",sans-serif;
		font-size:14pt;
	}
	.leftCol p.ingredient{
		margin-top:5px;
		font-size:12px;
	}

	/*** voting ***/
	.voteHead{
		text-align:center;
		font-family:"EnriquetaBold","Verdana",sans-serif;
	}
	.voteBtns{
		margin-top:10px;
	}
	.btn_downvote.active,.btn_upvote.active{
		display:none;
		cursor:pointer;
	}
	.btn_downvote,.btn_upvote{
		display:none;
		width:164px;
		text-align:center;
		height:35px;
		position:relative;
		font-size:10px;
		text-transform:uppercase;
		display:none;
	}
	.arrow{
		width:20px;
		height:20px;
		background:url('http://www.slate.com/features/2013/03/martini/graphics/arrows.png');
		position:absolute;
		left:72px;
	}
	.btntxt{
		left:0px;
		position:absolute;
		width:164px;
		display:none;
	}
	.btn_downvote .btntxt{
		bottom:0px;
	}
	.btn_upvote .btntxt{
		top:0px;
	}

	.arrow{
		display:none;
	}
	/*down arrow*/
	.btn_downvote .arrow{
		top:0px;
		background-position:-40px;
	}
	/*
	.btn_downvote.active:hover .arrow, .btn_downvote.pressed .arrow{
		background-position:-60px;
	}*/

	/*uparrow*/
	.btn_upvote .arrow{
		bottom:0px;
	}
	/*
	.btn_upvote.active:hover .arrow, .btn_upvote.pressed .arrow{
		background-position:-20px;
	}*/

	.score{
		font-size:16px;
		height:10px;
		line-height:10px;
		text-align:center;
	}
	.btn_print{
		background:url('http://www.slate.com/features/2013/03/martini/graphics/PrintBTN.png');
		width:82px;
		height:20px;
		cursor:pointer;
		float:left;
	}
	.btn_email{
		background:url('http://www.slate.com/features/2013/03/martini/graphics/EmailBTN.png');
		width:82px;
		height:20px;
		cursor:pointer;
		float:left;
	}


	/*steps*/
	.steps{
		width:340px;
		padding:15px 0 15px 15px;
	}
	.directionsHead{
		font-size:16pt;
		margin:0px 0 5px 0;
		font-family:"EnriquetaBold","Verdana",sans-serif;
	}
	.step{
		margin-top:10px;
		margin-bottom:10px;
		line-height:130%;
	}
	.recipe_attribution{
		color:#1c1c1c;
		margin:0 0 10px 0;
	}

/* Category-specific Color */
.variation .titleBar, .variation .titleBarBorder{background-color:#8E8099}
.variation .leftCol, .player.variation{background-color:#BCB6C4}
.sweet .titleBar, .sweet .titleBarBorder{background-color:#C98B7C}
.sweet .leftCol, .player.sweet{background-color:#D8AC9F}
.gibson .titleBar, .gibson .titleBarBorder{background-color:#88C3C9}
.gibson .leftCol, .player.gibson{background-color:#AED3D9}
.dirty .titleBar, .dirty .titleBarBorder{background-color:#83957B}
.dirty .leftCol, .player.dirty{background-color:#B7D0B2}
.perfect .titleBar, .perfect .titleBarBorder{background-color:#F3F2AF}
.perfect .leftCol, .player.perfect{background-color:#F9F8CC}
.extraDry .titleBar, .extraDry .titleBarBorder{background-color:#939D95}
.extraDry .leftCol, .player.extraDry{background-color:#B1B6B2}

.btn_tweet{
	margin-top:5px;
	float:left;
	width:80px;
}
.btn_fbshare{
	margin-top:5px;
	float:left;
	margin-right:5px;
}
.shade{
	background-color:black;
	opacity:.8;
	position:fixed;
	width:100%;
	height:100%;
	z-index:99998;
	display:none;
}
.popup{
	background-color:white;
	width:570px;
	position:absolute;
	display:none;
	z-index:99999;
	font-family:'verdana',sans-serif;
}
.btn_expopup{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	z-index:9999;
}
.btn_expopup:hover{
	color:blue;
	}
.popup .card{
	margin:0px;
}
.martiniBtn{
	color:#660033;
	cursor:pointer;
}
.martiniBtn:hover{
	color:#ff0080;
}