/*
 * colors:
 *
 * rulers: 1px #e1e1e1
 * default color: #333
 * green & highlights: #72c336
 *
 *
 */
@font-face {
	font-family:quicksand;
	src: url('/assets/Quicksand-Regular.otf');
}

@font-face {
	font-family: verlag;
	src: url(/assets/Verlag-LightItalic.ttf);
}

@font-face {
	font-family: didot-reg;
	src: url(/assets/VFDidot3-Regular.otf);
}

@font-face {
	font-family: didot-extra-light-italic;
	src: url(/assets/VFDidot3-LightItalic.otf);
}

@font-face
{
	font-family: didot-semi-bold;
	src: url(/assets/VFDidot3-SemiboldItalic.otf);
}

@font-face {
	font-family:brandon;
	src: url(/assets/brandon_reg_copy-webfont.ttf);
}

@font-face {
	font-family:brandon-bold;
	src: url(/assets/brandon_blk_copy-webfont.ttf);
}

@font-face {
	font-family:didot-light-italic;
	src: url(/assets/DidotHTF-11LightItalic.otf);
}

.author {
	display:inline-block;
	max-width:280px;
}

.bump {
	background: url("/assets/vote-ribbon.png");
	color:white;
	float:left;
	height:44px;
	margin-left:-9px;
	margin-top:15px;
	position:absolute;
	text-align:center;
	width:51px;
	z-index:2;
}

.bump a {
	color:white;
}

.bump .vote-btn:after {
	display:none;
}

.bump .vote-count {
	font-weight:100;
	font-size:9px;
	letter-spacing:1px;
	margin:16px 0 0 1px;
	position:absolute;
	width:40px;
	border-radius:0;
	background:transparent;
	box-shadow: inset 0 0 0;
	padding:2px 0 0 0;
}

.bump .vote-btn:hover .vote-count {
	background:transparent;
}

.container {
	width:1060px;
}

.content {
	padding-left:20px;
}

.dropdown-toggle:active, .open .dropdown-toggle {
	color: black;
}

.header {
	background: url(/assets/headerbg-bw.png) repeat-x;
	height:105px;
	overflow:hidden;
	text-align: center;
}

.header img { 
	margin-left:-23px;
	min-width:1424px;
}

.image {
	margin-bottom:15px;
	overflow:visible;
	z-index:1;
}

.jon-ashton {
	background: url(/assets/jon-ashton.png);
	background-size:auto 70px;
	background-position:center center;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-box-shadow: 0px 1px 1px #c1c1c1;
	-moz-boxshadow: 0px 1px 1px #c1c1c1;
	box-shadow: 0px 1px 1px #c1c1c1;
	float:left;
	height:70px;
	margin:0 15px 0 0;
	width:70px;	
	vertical-align:top;
}

.recipes-tips .latest-posts .container {
	padding:0;
	position:absolute;
	margin-top:-52px;
}

.latest-posts h2 {
	font-family:didot-extra-light-italic;
	font-size:24px;
	font-weight:100;
	margin:10px 0 25px 0;
	text-align:center;
}

.load-more-btn {
	width:100%;
	text-align:center;
	margin:40px 0 20px 0;
}

.load-more-btn a {
	background:#55aa25;
	color:white;
	font-size:16px;
	letter-spacing:1px;
	padding:13px 25px;
	text-transform: uppercase;
	font-family:"brandon-bold", sans-serif;
}

.load-more-btn a:hover {
	background:#000;
}

.meal-magic-ad {
	background-color:#023056;
	height:90px;
	width:728px;
	display:inline-block;
}

.meal-magic-ad-container {
	background-color: #333;
	height:90px;
	text-align: center;
	width:100%;
}

.navigation {
	border-bottom:1px solid #ddd;
	box-shadow:none;
	margin:0;
}

.navigation form {
	float:right;
}


.navbar-search {
	margin:0;
}

.navbar-search input[type="submit"] {
	background-image: url("/assets/icon-search.png");
	margin-top:-3px;
}


.navbar-search input[type="text"] {
	border-width: 0 1px;
	background:transparent;
	font-family:brandon;
	font-size:13px;
	padding-top:6px;
	text-transform:uppercase;
	width:72px;
}

.navbar-search .search-query {
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	height:46px;
	margin:-5px 0 0 0;
}

.play-button {
	bottom:50%;
	left: 50%;
	margin:-33px 0 0 -25px;
	position:relative;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	opacity:0.5;
}

.post-info h4 {
	font-size:18px;
	font-family:brandon;
	margin:0;
}

.post-info h4 a:link, .post-info h4 a:visited {
	color:#72c336;
}

.post-info h4 a:hover {
	color:#333;
}

.post-info p, .video-container p {
	font-family:didot-light-italic;
	font-size:16px;
	margin-top:3px;
}

.post-info {
	max-width:100%;
	float:none;
}

.recipes-tips {
	background:#f2f2f2;
	margin: 40px auto 0 auto;
	width:100%;
}

.recipes-tips .container {
	padding:20px;
}

.reynolds-ad {
	height:250px;
	margin-bottom:25px;
	width:340px;
}

.reynolds-big {
	position:relative;
	width:100%;
	height: 504px;
	background: #e5e5e5;
	background: -moz-linear-gradient(left, #e5e5e5 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to right, #e5e5e5 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */
	overflow:hidden;
}

.reynolds-big .hero-image {
	margin: 0 auto;
	width: 1060px;
	height: 504px;
	background-image: url(/assets/epitable_reynolds_dec_hero.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.reynolds-big .hero {
	position:absolute;
	top: 0;
	left: 50%;
	margin-top:205px;
	margin-left:-505px;
	width:590px;
	text-align:center;
}

.reynolds-big .ribbon-header {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:22px;
	text-align:center;
}

.reynolds-big h1 {
	border:0;
	font-family:'quicksand', 'Century Gothic', CenturyGothic, 'AppleGothic', sans-serif; color: #023e88;
	font-size:90px;
	font-weight:normal;
	letter-spacing:-5px;
	margin-bottom: 30px;
}

.reynolds-big .tis h1 {
	padding-top: 20px;
}

.reynolds-big h1 span {
	font-size:71px;
}

.reynolds-big .tis h1 span {
	font-size: 70px;
	position: absolute;
	top: -30px;
	left: 120px;
}

.reynolds-big p {
	font-family:didot-reg;
	font-size:12.4pt;
	line-height:20.1pt;
}

.reynolds-big p a:link, .reynolds-big p a:visited {
	color:#333;
	font-weight:bold;
}

.reynolds-big p a:hover {
	color:#72c336;
}

.reynolds-landing p {
	font-family: didot-semi-bold;
}

.reynolds-landing h2 {
	display:block;
	font-family:brandon-bold;
	font-size:22px;
	margin:30px 0 0 0;
	text-align:center;
	text-transform:uppercase;
}

.reynolds-landing h2 span {
	font-family: verlag;
	font-size:20px;
	font-weight:900;
	position:relative;
	text-transform:none;
	top:-1px;
}

.reynolds-landing p {
	display:block;
	font-size:15px;
	margin-bottom:30px;
	margin-top:0px;
	text-align:center;
}

.reynolds-teaser {
	height: 300px;
	background: #e5e5e5;
	background-image: url(/assets/make-meal-magic-fall.png);
	background-image: url(/assets/make-meal-magic-fall.png), -moz-linear-gradient(left, #e5e5e5 0%, #f8f8f8 100%); /* FF3.6+ */
	background-image: url(/assets/make-meal-magic-fall.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background-image: url(/assets/make-meal-magic-fall.png), -webkit-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background-image: url(/assets/make-meal-magic-fall.png), -o-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background-image: url(/assets/make-meal-magic-fall.png), -ms-linear-gradient(left, #e5e5e5 0%,#f8f8f8 100%); /* IE10+ */
	background-image: url(/assets/make-meal-magic-fall.png), linear-gradient(to right, #e5e5e5 0%,#f8f8f8 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	z-index: 1;
}

.reynolds-video {
	-webkit-box-shadow: 0px 1px 1px #c1c1c1;
	-moz-boxshadow: 0px 1px 1px #c1c1c1;
	box-shadow: 0px 2px 5px #c1c1c1;
	display:inherit;
	margin-bottom:15px;
	overflow:hidden;
	width:510px;
	height:288px;
	padding:0;
}

.reynolds-video iframe {
	margin-left:-6px;
	margin-top:-5px;
	overflow:hidden;
	width:520px;
	height:293px;
}

.recent-top { 
	display:inline-block;
	float:right;
}

.recent-top ul {
	float:right;
	position:relative;
	margin:0;
}

.recent-top ul li {
	font-family:brandon;
	list-style: none;
	display: inline-block;
	background:#c1c1c1;
	color:white;
	font-weight:100;
	font-size:10px;
	letter-spacing:1px;
	list-style: none;
	margin:0;
	padding:2px 8px;
	text-transform:uppercase;
}

.recent-top ul li a, .sorting ul li a {
	color:white;
}

.recent-top ul li a:hover, .sorting ul li a:hover {
	color:black;
}

.recent-top ul li:first-child {
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}

.recent-top ul li:last-child {
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	margin-left:-4px;
}

.recent-top ul .active {
	background:#72c336;
}

.sorting { 
	display:inline-block;
}

.sorting .dropdown {
	background:#72c336;
}

.sorting ul {
	margin:0;
	border:0;
}

.sorting ul li {
	font-family:brandon;
	list-style: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:white;
	font-weight:100;
	font-size:10px;
	letter-spacing:1px;
	list-style: none;
	margin:0;
	padding:2px 8px;
	text-transform:uppercase;
}

.sorting .open > .dropdown-menu {
	margin:-5px 0 0 0;
	padding:0;
	width:inherit;
	left:0;
	background:#72c336;
}

.sorting ul.dropdown-menu {
	border-radius:0 5px 5px 5px;
}

.sorting ul.dropdown-menu li {
	border-radius:0px;
	color:black;
	padding:5px;
}

.sorting ul.dropdown-menu li:hover {
	background:white;
}

.sorting ul.dropdown-menu li  a {
	color:black;
	border:0;
	letter-spacing:1px;
	padding:5px;
	margin:0;
	text-transform:uppercase;
	font-size:10px;
}

.span4 {
	border:0;
	padding:0;
	width:340px;
}

.span4 .post {
	border:0;
	padding:0;
}

.span4 .post-info p a {
	color:#72c336;
}

.span4 .post-info p a:hover {
	color:#333;
}

ul.nav > li > a {
	border:0;
	color: #72c336;
	font-family: "brandon-bold", sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin: 10px 0;
	outline:none;
	padding: 2px 13px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
}

.user-icon {
	background-size:auto 70px;
	background-position:center center;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-box-shadow: 0px 1px 1px #c1c1c1;
	-moz-boxshadow: 0px 1px 1px #c1c1c1;
	box-shadow: 0px 1px 1px #c1c1c1;
	float:left;
	height:70px;
	margin:0 15px 0 0;
	width:70px;	
	vertical-align:top;
}

.user-icon img {
	width:100%;
}

.user-icon-small {
	background-size:auto 40px;
	background-position:center center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-box-shadow: 0px 1px 1px #c1c1c1;
	-moz-boxshadow: 0px 1px 1px #c1c1c1;
	box-shadow: 0px 1px 1px #c1c1c1;
	float:left;
	height:40px;
	margin:0 15px 0 0;
	width:40px;	
	vertical-align:top;
}

.video-container {
	display:inline-block;
	margin-right:35px;
	width:510px;
}

.video-container:last-child {
	margin-right:0px;
}

.video-container h4 {
	display:block;
	font-size:18px;
	font-family:brandon;
	margin-top:5px;
	margin-bottom:0;
}

.video-container:hover a img {
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	opacity:0.7;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
}

.video-container:hover .play-button {
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	opacity:0.9;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
}

.video-container span {
	background:#72c336;
	color:white;
	font-size:8px;
	letter-spacing:1px;
	padding:4px 6px;
	text-transform: uppercase;
}