/* J-Live post styles ========================================= */

@font-face {
	font-family: 'GEISTRNDRegular';
	src: url('fonts/GEIST_RND.eot');
	src: local('fonts/GEIST RND'), 
	local('fonts/GEISTRND'), 
	url('fonts/GEIST_RND.woff') format('woff'), 
	url('fonts/GEIST_RND.ttf') format('truetype'), 
	url('fonts/GEIST_RND.svg#GEISTRND') format('svg');
}

/* Change your body background color or image */
body {
	background: #252525;
	font-family: Helvetica, Arial, Sans Serif;
	height:100%;
	text-align:left;
}
#container {
  text-align:left;
}
/* 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/j-live/braggin-writes-logo.png);
	position:relative;
}
#header p {
	color:#3f3f3f;
}
#header a,
#footer a  {
  color:#fff;
}
#header ul {
  z-index:20;
}
#header ul li a,
#footer ul li a {
  background:#171717;
}
#footer {
  position:absolute;
  bottom:0;
  left:0;
}
/* Audio player */
#footer p {
	color:#3f3f3f;
	font-size:12px;
	margin:0;
}

/* The content */
.hentry {
  position:relative;
  text-align:left;
  margin:0;
  width:960px;
}
.hentry h3 {
  color:#6dcff6;
  font-family: "GEISTRNDRegular", Impact, Helvetica, Arial, Sans Serif;
  font-size:188px;
  line-height:0.9;
  left:330px;
  letter-spacing:5px;
  margin-bottom:100px;
  position:fixed;
  top:100px;
}
.hentry h3 span {
  display:block;
}
.hentry h3 span.one {
  margin-left:80px;
  position:relative;
}
.hentry h3 span.two {
  margin-left:225px;
  position:relative;
}
.hentry h3 span.three {
  margin-left:167px;
  position:relative;
}
.hentry blockquote {
  background:#171717;
  color:#3f3f3f;
  font-size:15px;
  margin:0 0 0 10px;
  padding:100px 10px 100px 10px;
  position:relative;
  width:280px;
  /* CSS3 Properties */
  box-shadow: 5px 0 0px #171717;
  -moz-box-shadow: 5px 0 0px #171717;
  -webkit-box-shadow: 5px 0 0px #171717;
}
.hentry blockquote p.chorus {
  background:#f4f4f4 url(images/j-live/braggin-writes-quote.gif) 10px 10px no-repeat;
  font-size:18px;
  font-weight:bold;
  padding:20px;
  position:relative;
  margin:20px 0 20px 10px;
  width:490px;
  /* CSS3 Properties */
  box-shadow: 5px 5px 0px #171717;
  -moz-box-shadow: 5px 5px 0px #171717;
  -webkit-box-shadow: 5px 5px 0px #171717;
}
.hentry cite {
  background:#f4f4f4;
  display:block;
  font-size:18px;
  font-style:normal;
  font-weight:bold;
  padding:20px;
  position:relative;
  margin:20px 0 20px 10px;
  width:490px;
  /* CSS3 Properties */
  box-shadow: 5px 5px 0px #171717;
  -moz-box-shadow: 5px 5px 0px #171717;
  -webkit-box-shadow: 5px 5px 0px #171717;
}