body, html {
	padding: 0;
	margin: 0;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333;	
}	





/* ----- Clearfix ----- */
.clearfix:before,
.clearfix:after {
    display: table; /* 2 */
    content: " "; /* 1 */
}

.clearfix:after { clear: both; }

/* For IE 6/7 only - Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }







/*----------------------------------------------------------------------*/

html, body { height: 100%; }

a:link, a:active, a:visited {
	color: #CCC;	
}

#Viewport {
	width: 100%;
	height: 100%;
	overflow: hidden;	
	position: relative;
}

.main-container { min-width: 100%; min-height: 100%; overflow: hidden; position: relative; }
.main-container .section { display: block; position: absolute; top: 0; left: 0; overflow: auto; }


.max-width {
	width: 1144px;
	margin: auto;
	position: relative;
	height: 100%	
}

.font-Signika {
	font-family: 'Signika', sans-serif;
}

#Nav {
	background-color: #fff;
	bottom: 0;
	height: 47px;
	left: 50%;
	margin-left: -425px;
	position: absolute;
	width: 850px;
	z-index: 99;
}
	#Main-Nav a {
		color: #221e72;
		display: block;
		float: left;
		font-family: 'Signika',sans-serif;
		font-size: 22px;
		font-weight: 300;
		line-height: 47px;
		padding: 0 8px;
		cursor: pointer;
	}
	#Main-Nav a:hover, #Main-Nav a.active {
		color: #FFF!important;
		background-color: #221e72;
	}
	
	#Main-Nav-Social {
		border-left: 2px solid #221e72;
		float: left;
		padding-left: 5px;	
	}
		#Main-Nav-Social a {
			font-size: 36px;
			color: #7F459A;	
		}
			#Main-Nav-Social a:hover {
				color: #FFF;
				background-color: #7F459A;		
			}
			
	#Main-Nav-Copy-Credit {
		float: left;
		border-left: 2px solid #221e72;
		padding-left: 15px;
		margin-left: 7px;
		font-size: 12px;
		height: 47px;
	}
		#Main-Nav-Copy-Credit a {
			display: inline;
			font-size: 12px;
			font-family: "Source Sans Pro",sans-serif;	
			color: #333;
			float: none;
			line-height: 20px;
			
		}
			#Main-Nav-Copy-Credit a:hover {
				background-color: #FFF;
				color: #333!important;	
			}


.home-link {
	width: 413px;
	height: 124px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -206px;
	cursor: pointer;	
	z-index: 199;
}

#Home {
	background: url(../img/home/background.jpg) no-repeat center center; 
	
}

#What-I-Believe {
	background: url(../img/what-i-believe/bg.jpg) no-repeat center center; 
}

#Blog {
	background: url(../img/blog/bg.jpg) no-repeat center center; 
}

#Connect {
	background: url(../img/connect/bg.jpg) no-repeat center center; 
}

#Lets-Cook {
	background: url(../img/lets-cook/bg.jpg) no-repeat center center; 
}

#Media {
	background: url(../img/media/bg.jpg) no-repeat center center; 
}

#Bio {
	background: url(../img/bio/bg.jpg) no-repeat center center; 
}

#Home, #What-I-Believe, #Blog, #Connect, #Lets-Cook, #Media, #Bio {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;			
}

			

/* Lets Cook
===================================*/
ul.photo_gallery {
	padding: 0;
	margin: 0;
	list-style: none;	
}
	ul.photo_gallery li {
		display: block;
		padding: 10px 0;
		text-align: center;	
	}
	
	ul.photo_gallery li img { width: 97%; border: 3px solid #FFF; }


			
/* Tabs
===================================*/
#Tabs {
	width: 100%;	
}
	#Tab-Headings {
		display: block;
		width: 45%;
		height: 400px;
		padding: 0;
		margin: 0;
		list-style: none;
		float: right;	
	}
		#Tab-Headings li, a.purple-button {
			width: 378px;
			height: 90px;
			line-height: 90px;
			text-align: center;
			font-size: 22px;
			font-family: 'Signika', sans-serif;
			font-weight: 300;
			padding: 0;
			margin: 0;
			list-style: none;
			cursor: pointer;
			background-image: url('../img/what-i-believe/tabs-sprite_png8.png');
			background-position: 0 0;	
			color: #CCC!important;
			text-transform: uppercase;
		}
			#Tab-Headings li:hover, #Tab-Headings li.active,  a.purple-button:hover {
				background-position: 378px 0;	
			}
			
		#Tab-Headings li:nth-child(even) {
			background-position: 0 90px;	
		}
			#Tab-Headings li:nth-child(even):hover, #Tab-Headings li:nth-child(even).active {
				background-position: 378px 90px;	
			}
	
	#Tab-Contents {
		display: block;
		width: 45%;
		float: left;
		padding: 0;
		margin: 0;
		list-style: none;	
		overflow: hidden;	
	}
		#Tab-Contents li.tab-contents {
			width: 100%;
			list-style: none;
			display: none;
			overflow: auto;
		}
			#Tab-Contents li.tab-contents:first-child {
				display: block;	
			}


.tab-content {
	font-size: 25px;
	color: #FFF;
	font-family: 'Signika', sans-serif;
	font-weight: 300;
	text-shadow: 1px 1px 1px #000;
}

@media only screen and (orientation:portrait){
		 
	#Home {
		background: url(../img/home/background-vertical.jpg) no-repeat center center; 
		
	}
	
	
	#Blog {
		background: url(../img/blog/bg-vertical.jpg) no-repeat center center; 
	}
	

	
	#Lets-Cook {
		background: url(../img/lets-cook/bg-vertical.jpg) no-repeat center center; 
	}

	
	#Bio {
		background: url(../img/bio/bg-vertical.jpg) no-repeat center center; 
	}

 }
 
 
 /* What I Beleive 
 ========================================== */
 
 .wib-block {
	display: block;
	width: 378px;
	
	
	float: left;
	margin-right: 3px;
}

.wib-header {						
	width: 378px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;
	background-image: url('../img/what-i-believe/tabs-sprite_png8.png');
	background-position: 0 0;	
	color: #CCC!important;
	text-transform: uppercase;
	
	
}

.wib-content {
	padding: 20px;	
	background-color: #FFF;	
	width: 85%;
	margin: auto;
	border-bottom: 20px solid #6F2A8E;
	height: 310px;
	font-size: 18px;
	color: #221E72;
	
}

.wib-content ul {
	padding: 0 0 0 15px;	
}
	.wib-content ul li {
		padding: 10px 0;
	}
 
 
 /*Blog
 =================================================== */
 
ol.tumblr_posts {
	margin: 0;
	padding: 0;
	list-style: none;	
}
	ol.tumblr_posts li.tumblr_post {
		background: none repeat scroll 0 0 padding-box #fff;
		border: 1px solid rgba(0, 0, 0, 0.08);
		border-radius: 4px;
		overflow: hidden;
		padding: 40px;
		margin: 30px 0;
		position: relative;	
	}
	
img.tumblr_photo { width: 100%; height: auto; }

.tumblr_title {
	font-family: 'Signika', sans-serif;
	font-size: 22px;
}

.profile-link {
	background: url("http://31.media.tumblr.com/avatar_cdb60d1a2fdf_128.png") center center no-repeat #eeecf0;
	border-radius: 50%;
	border: 4px solid #eeecf0;
	display: block;
	width: 106px;
	height: 106px;
	position: relative;
	margin: auto;
}

#Blog-Profile {
	color: #FFF;	
	font-family: 'Signika', sans-serif;
	font-size: 22px;
	text-shadow: 1px 1px 1px #000;
}
	#Blog-Profile div { text-align: center; padding: 10px 0; }
	
	
/* Connect 
====================================================== */

.social-feed {
	display: block;
	width: 360px;
	background-color: #FFF;	
	border-bottom: 20px solid #6F2A8E;
	float: left;
	margin-right: 20px;
}

.social-feed-header {
	/*display: block;*/
	width: 100%;
	/*height: 42px;*/
	/*line-height: 42px;*/
	font-size: 38px;
	background-color: #6F2A8E;
	text-align: center;
	color: #FFF;
}


/* Lets Cook 
====================================================== */

.h3-lets-cook {
	font-family: 'Signika', sans-serif;
	color: #E6CEF0;
}



/* Media 
====================================================== */

.grid {
	background-color: #FFF;	
}

.media-inner {
	padding: 10px;	
}

		
.media-image-container {
	width: 100%;
	border-bottom: 7px solid #221E72;
}
	.media-image-container img {
		width: 100%;
		height: auto;
		float: left;
	}

.media-video-container {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	width: 100%;
	border-bottom: 7px solid #221E72;	
}
	.media-video-container iframe, .media-video-container object, .media-video-container embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
.media-title {
	font-family: 'Signika', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #221E72;
	padding-bottom: 10px;
}

.media-video-link {
	position: relative;
	display: block;
	width: 351px;
	height: 198px;
}
	.media-video-link img {
		position: absolute;	
		width: 352px;
		height: 198px;
	}
.media-video-play {
	position: absolute;
/*			top: 50%;
	left: 50%;
	margin-top: -29px;
	margin-left: -20px;
	top: 90px;
	left: -210px;*/
	top: 76px;
	left: 142px;
	z-index:2;
	width: 58px!important;
	height: 41px!important;
}