#interactive{
	width:570px;
	font-family:verdana;
}
@font-face
{
	font-family: EnriquetaBold;
	src: url('http://www.slate.com/features/2013/03/martini/Enriqueta-Bold.otf');
}
/*card styles*/
.card{
	border:1px solid #e3e3e3;
	float:left;
	margin-top:40px;
}
	/*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{
		cursor:pointer;
	}
	.btn_downvote,.btn_upvote{
		width:164px;
		text-align:center;
		height:35px;
		position:relative;
		font-size:10px;
		text-transform:uppercase;
	}
	.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;
	}
	.btn_downvote .btntxt{
		bottom:0px;
	}
	.btn_upvote .btntxt{
		top:0px;
	}

	/*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{background-color:#BCB6C4}
.sweet .titleBar, .sweet .titleBarBorder{background-color:#C98B7C}
.sweet .leftCol{background-color:#D8AC9F}
.gibson .titleBar, .gibson .titleBarBorder{background-color:#88C3C9}
.gibson .leftCol{background-color:#AED3D9}
.dirty .titleBar, .dirty .titleBarBorder{background-color:#83957B}
.dirty .leftCol{background-color:#B7D0B2}
.perfect .titleBar, .perfect .titleBarBorder{background-color:#F3F2AF}
.perfect .leftCol{background-color:#F9F8CC}
.extraDry .titleBar, .extraDry .titleBarBorder{background-color:#939D95}
.extraDry .leftCol{background-color:#B1B6B2}

.btn_tweet{
	margin-top:5px;
	float:left;
	width:80px;
}
.btn_fbshare{
	margin-top:5px;
	float:left;
	margin-right:5px;
}