/* Mobb Deep post styles ========================================= */

/* Change your body background color or image */
body {
	background: #d4e6dd;
	font-family: Georgia, Times New Roman, Times, serif;
	height:100%;
	overflow-x:hidden;
}
/* Decide if we need the logo on black or white */
#header {
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:100;
}
#header h1 a {
	background:url(images/mobb-deep/survival-of-the-fittest-logo.png);
	position:relative;
	z-index:20;
}
#header p {
	color:#332e25;
	z-index:20;
}
#header ul {
  z-index:20;
}
#header ul li a,
#footer ul li a {
  background:#332e25;
}
#footer {
  background:#e13742 url(images/mobb-deep/survival-of-the-fittest-title.png) no-repeat top left;
  height:200px;
}
/* Audio player */
#footer p {
	color:#332e25;
	font-size:12px;
	margin:0;
}
/* The header sits on the background of the container */
/* The content */
.hentry h3 {
  background:#e13742 url(images/mobb-deep/survival-of-the-fittest-title.png) no-repeat top left;
  height:500px;
  margin:-50px 0 -20px -20px;
  position:relative;
  text-indent:-9999px;
  z-index:1;
  /* CSS3 Properties */
  box-shadow: 5px 5px 0px #c42f39;
  -moz-box-shadow: 5px 5px 0px #c42f39;
  -webkit-box-shadow: 5px 5px 0px #c42f39;
}
.hentry blockquote {
  color:#332e25;
	font-size:18px;
	text-align:left;
	position:relative;
	z-index:2;
}
.hentry blockquote p.first {
  background:url(images/mobb-deep/survival-of-the-fittest-blockquote.png) no-repeat 35px 15px;
  overflow:hidden;
  margin:0;
	padding:40px 0 20px 250px;
}
.hentry blockquote p.second {
  background:#332e25 url(images/mobb-deep/survival-of-the-fittest-blockquote.png) no-repeat 35px 0;
  border-top:3px solid #e13742;
  border-bottom:3px solid #e13742;
  color:#fff;
	margin:0;
	overflow:hidden;
	padding:20px 0 40px 250px;
}
.hentry blockquote p:first-letter {
  background:#e13742;
  font-family: "adelle-1","adelle-2", Georgia, Times New Roman, Times, serif;
  color:#fff;
	float:left;
	font-size:90px;
	line-height:0.7;
	padding:30px 20px 20px 20px;
	position:relative;
	margin:-20px 20px 0 0;
	text-transform: uppercase;
	/* CSS3 Properties */
  box-shadow: 5px 5px 0px #c42f39;
  -moz-box-shadow: 5px 5px 0px #c42f39;
  -webkit-box-shadow: 5px 5px 0px #c42f39;
}
.hentry blockquote span.one {
  background:#e13742;
  color:#fff;
  font-family: "adelle-1","adelle-2", Georgia, Times New Roman, Times, serif;
	font-size:60px;
	display:block;
	float:left;
	letter-spacing:-2px;
	line-height:normal;
	margin:20px 25px 15px -215px;
	padding:20px 40px;
	position:relative;
	text-align:right;
	width:280px;
	/* CSS3 Properties */
  box-shadow: 5px 5px 0px #c42f39;
  -moz-box-shadow: 5px 5px 0px #c42f39;
  -webkit-box-shadow: 5px 5px 0px #c42f39;
}
.hentry blockquote span.two {
  background:#e13742;
  color:#fff;
  font-family: "adelle-1","adelle-2", Georgia, Times New Roman, Times, serif;
	font-size:60px;
	float:left;
	letter-spacing:-2px;
	line-height:normal;
	margin:20px 25px 15px -215px;
	padding:20px 40px;
	position:relative;
	text-align:right;
	width:450px;
	/* CSS3 Properties */
  box-shadow: 5px 5px 0px #c42f39;
  -moz-box-shadow: 5px 5px 0px #c42f39;
  -webkit-box-shadow: 5px 5px 0px #c42f39;
}
.hentry cite {
  background:#e13742;
  color:#fff;
  font-family: "adelle-1","adelle-2", Georgia, Times New Roman, Times, serif;
	font-size:40px;
	font-style:normal;
	display:block;
	line-height:normal;
	margin:0 25px 80px 250px;
	padding:35px 40px 35px 20px;
	position:relative;
	text-align:right;
	width:500px;
	/* CSS3 Properties */
  box-shadow: 5px 5px 0px #c42f39;
  -moz-box-shadow: 5px 5px 0px #c42f39;
  -webkit-box-shadow: 5px 5px 0px #c42f39;
}
.hentry cite a {
  border:0;
  color:#332e25;
}
.hentry cite a:hover {
  border:0;
  color:#fff;
}
