/* Mos Def post styles ========================================= */

/* Change your body background color or image */
body {
	background:#000 url(images/mosdef/mathmatics-background.jpg) left top no-repeat fixed;
}
/* Link colours */
a {
  	color: #fff;
}
/* If the image is tall use the container to set a fixed height */
#container {
	height:100%;
}
/* Decide if we need the logo on black or white */
#header {
	border:none;
}
#header h1 a {
	background:url(../themes/hiphopquoted/images/logo-white.png);
}
#header p,
#footer p {
	color:#fff;
}
#header p a,
#footer p a {
	color:#ff0090;
}
#header ul li a,
#footer ul li a {
	background:#ff0090;
	color:#fff;
	display:block;
}
/* Post styles */
.hentry {
	color:#fff;
	text-align:left;
	width:100%;
}
.hentry blockquote {
	font-family:"Arial Black", Helvetica Neue, Helvetica, Arial,  sans-serif;
	font-size:100px;
	font-weight:bold;
	letter-spacing:-10px;
	line-height:0.9;
	margin:20px 20px 18px 80px;
	position:relative;
	text-transform:uppercase;
}
.hentry blockquote span.number {
	color: #ff0090;
}
.hentry blockquote p {
	margin:0;
}
.quote {
	font-size:150px;
	position:absolute;
	top:-20px;
	left:15px;
}
.hentry cite {
	font-family: Helvetica Neue, Helvetica, Arial,  sans-serif;
	font-size:1.2em;
	font-style: normal;
	text-transform: uppercase;
	display:block;
	letter-spacing:2px;
	margin:0 0 0.5em;
	margin:20px 20px 18px 80px;
}
.hentry a {
  	color: #ff0090; 
	font-weight:bold;
}

/* Sifr ======================================================= */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active object {
	display: block;
}
.sIFR-active .hentry blockquote span.number {
	color: #ff0090;
}
.sIFR-active .quote {
	top:27px;
	left:25px;
}
}