/*
Theme Name: Biographile
Description: Custom theme for Biographile
Author: Random House
Version: 1.0
*/
/******************************************************************
NORMALIZE
******************************************************************/
/*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
    display: none;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
    display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
    margin: 0;
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
    outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
    outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 * Fix IE6/7 heading font-size not being relative to the root font-size
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b, 
strong { 
    font-weight: bold; 
}
blockquote {
    margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
    font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
    background: #ff0;
    color: #000;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
    quotes: none;
}
/* 2 */
q:before,
q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
    margin-left: 0;
    padding: 0 0 0 40px;
	font-size: 0.875em;
}
dd {
    margin: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9 
 */
 
article.post img.wrap {
	float:left;
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 20px 20px 0;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box
	-shadow: 5px 5px 5px #888;
}
/*
 * Allows text to wrap around embedded images (requires manually adding the tag)
 */
 
 article.post img.center {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

 article.post img.right {
	float:right;
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 20px 20px 20px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box
	-shadow: 5px 5px 5px #888;
}

svg:not(:root) {
    overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
    margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
    margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
    line-height: normal; /* 1 */
}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
    cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* =============================================================================
   Tables
   ========================================================================== */
/* 
 * Remove most spacing between table cells
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* =============================================================================
   Reset
   ========================================================================== */
html, body, div, span, applet, object, iframe, p{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/******************************************************************
COMMON & LESS THAN 480px 
These styles will be applied first
Media queries will change specific styles
******************************************************************/

@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=bcf9bcd3-da73-4040-8572-fbd3c9ccd039");
@font-face{
	font-family:"DINNextW01-CondensedReg";
	src:url("fonts/6fa09720-5b0e-48a5-8895-5af8af928c01_iefix.eot") format("eot");}
@font-face{
	font-family:"DINNextW01-CondensedReg";
	src:url("fonts/6fa09720-5b0e-48a5-8895-5af8af928c01_iefix.eot");
	src:url("fonts/3b15daf5-d7fb-4099-93b9-db20fd26c2fe.woff") format("woff"),url("fonts/16159505-c85d-44ba-ba2b-64f94e68ddb5.ttf") format("truetype"),url("fonts/b2be45ad-0169-4c84-9fc9-66a0e9ebff0a.svg") format("svg");
}
@font-face{
	font-family:"FranklinGothicW01-No.2R";
	src:url("fonts/c983a03b-05e8-46c5-b59c-924410bd5eab_iefix.eot") format("eot");}
@font-face{
	font-family:"FranklinGothicW01-No.2R";
	src:url("fonts/c983a03b-05e8-46c5-b59c-924410bd5eab_iefix.eot");
	src:url("fonts/8522efc0-24be-4e50-a366-c8979d025fea.woff") format("woff"),url("fonts/58e1bd90-7298-401a-a712-1d4ce11e060b.ttf") format("truetype"),url("fonts/3689b002-6748-4287-8d3b-c2fa42263656.svg") format("svg");
}
@font-face{
	font-family:"Bauer Bodoni W01 Bold";
	src:url("fonts/2c573ee6-6830-45a3-87e3-fa5a4a7ee541_iefix.eot") format("eot");}
@font-face{
	font-family:"Bauer Bodoni W01 Bold";
	src:url("fonts/2c573ee6-6830-45a3-87e3-fa5a4a7ee541_iefix.eot");
	src:url("fonts/129e8e29-2c42-402c-bdbb-0b73b347ee4b.woff") format("woff"),url("fonts/93bc0edb-b4d4-4222-a1d6-ec2b6c3f3f3c.ttf") format("truetype"),url("fonts/bb0b3949-bbeb-475c-aaed-73ed6b2e6a99.svg") format("svg");
}

body{
	background-color: #87775d;
	font-family: Georgia, serif;
	color: #000;
	font-size: 1em;
	width: 100%;
	height: 100%;
	margin: 0;
}
#page{
	width: 98%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background: #fff;
	padding: 0 0 0.5%;
}

/*********************
LINKS
*********************/
a{
	color: #6a5608;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/*********************
HEADER
*********************/
header{
	padding: 1% 0 0 0;
	margin: 0 1.5% 2% 2%;
	overflow: hidden;
	position: relative;
}
#siteHeader{
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#siteHeader img{
	width: 100%;
}
/*********************
FORMS, BUTTONS
*********************/
#search form,
#subscribe form{
	width: 100%;
	height: 2em;
	padding: 0 0 2px;
	position: relative;
	text-align: right;
}
#search input,
#subscribe input{
	border: 1px solid #87775d;
	width: 68%;
	height: 100%;
	background: #f1eee9;
	margin: 0;
	padding: 0;
	position: relative;
	right: 30%;
}
#search button,
#subscribe button{
	font-family: "DINNextW01-CondensedReg";
	position: absolute;
	right: 0;
	background-color: #87775d;
	text-transform: uppercase;
	border: 0;
	width: 30%;
	height: 100%;
	font-size: 1.5em;
	line-height: 1.6em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	margin: 0;
	padding: 0;
}
#search h1,
#subscribe h1{
	font-size: 1em;
	padding: 0;
	margin: 0;
}
#subscribe img{
	display: inline-block;
	zoom: 1;
}
#search label,
#subscribe label{
	font-family: "FranklinGothicW01-No.2R";
	display: block;
	text-transform: uppercase;
	font-size: 0.625em;
	margin: 0 0 1em;
	padding: 0;
	text-align: right;
	font-weight: normal;
}
button:focus,
input:focus{
	outline: none;
}
button:hover{
	text-decoration: underline;
}

/*********************
SITE NAV
*********************/
#sitenav{
	padding: 1.5% 1.5% 1.5% 3%;
}
#sitelinks ul,
#sitelinks{
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitelinks li{
	display: inline-block;
	margin: 0 5% 0 0;
	padding: 0;
}
#sitelinks li a{
	color: #000;
	font-family: "DINNextW01-CondensedReg";
	font-size: 1.4em;
	display: inline-block;
	padding: 5% 0;
}

/*********************
MISC
*********************/
.rule{
	border-bottom: 1px dotted #ddd;
}
.hr{
	border: 0;
    height: 15px;
    background: url('img/bg-border-h.gif') 0 0 repeat-x;
    margin: 0;
}

#subscribe{
	width: 100%;
	margin: 4% 0;
}
.sectionHeader{
	font-family: "FranklinGothicW01-No.2R";
	text-transform: uppercase;
	font-size: 1.125em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.no-image{
	width: 100% !important;
}

.postExcerpt{
	display: none;
}

/*********************
CONTENT SECTIONS
*********************/
#content{
	width: 100%;
}
#section-content{
	width: 100%;
}
aside{
	width: 100%;
}

/*********************
SIDEBAR
*********************/
#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#social{
	margin: 4%;
	overflow: hidden;
}
#social .sectionHeader{
	float: left;
	font-size: 14px;
	margin: 0.5em 0 0;
}
#social ul{
	float: right;
}
#social li{
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#social a{
	background: url('img/icon-social.png') no-repeat;
	text-indent: -9999px;
	display: block;
	width: 32px;
	height: 32px;
}
#social a.tw{
	background-position: -37px 0;
}
#social a.rss{
	background-position: -71px 0;
}

#ad{
	margin: 4% 0;
	text-align: center;
}
#ad img{
	width: 300px;

}

#search{
	margin: 4%;
}

.category{
	margin: 4%;
	overflow: hidden;
}
.category h1{
	font-family:"Bauer Bodoni W01 Bold";
	background: url('img/bg-side-title.png') 50% 0 no-repeat;
	height: 28px;
	color: #13a5c5;
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.category h1 a{
	color: #13a5c5;
}

.category li{
	font-family: "FranklinGothicW01-No.2R";
	display: block;
	float: left;
	width: 100%;
	font-size: 0.875em;
	line-height: 1.125em;
	margin: 4% 0 2%;
	padding: 0;
}
.category li a{
	display: block;
	float: right;
	width: 74%;
	margin: 0;
}
.category .category-img{
	width: 20%;
	margin: 0;
	float: left;
	border: 3px solid #f1eee9;
}
.category-img.non-cover-img{
	width: 20%;
/*	height: 10%;*/
	height: 80px;
	overflow: hidden;
}
.category-img.non-cover-img img{
	height: 100%;
}
.category .category-img img{
	width: 100%;
	display: block;
}
.category li span{
	float: right;
	width: 70%;
	margin: 0 2.5%;
	color:#000000;
	font-size: 1em;
	line-height: 1.3em;
	font-family:Georgia, serif;
	display:block;
	padding-top:10px;
}

/*********************
FOOTER
*********************/
#site-footer{
	margin: 1% 1.5% 2% 2%;
	font-size: 0.75em;
	line-height: 1.5em;
}
#site-footer h1{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/*********************
MAIN FEATURED
*********************/
#mainFeatured{
	font-family: "FranklinGothicW01-No.2R";
	margin: 2% 2% 2% 3%;
	overflow: hidden;
}
#homeFeatured{
	width: 98%;
/*	height: 268px;*/
	overflow: hidden;
	border: 1px solid #87775d;
	border-bottom: none;
	position: relative;
}
#homeFeatured-imgWrapper{
	display: block;
	height: 100%;
	overflow: hidden;
}
#homeFeatured-img{
	width: 100%;
	display: block;
}
#homeFeatured-header{
	/*position: absolute;*/
	position: relative;
	bottom: 0;
	background: rgba(135, 119, 93, 1);
	padding: 2% 4% 4%;
	color: #fff;
	width: 100%;
}
#homeFeatured-header a{
	color: #fff;
}
#homeFeatured-header h1{
	font-size: 1.125em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	width: 90%;
}
#homeFeatured-header h2{
	font-size: 1em;
	margin: 0 0 0.5em;
}

#whatsNew{
	width: 100%;
}
#whatsNew ul{
	margin: 1em 0 0;
	list-style: none;
	padding: 0;
}
#whatsNew li{
	padding: 0.5em 0;
	line-height: 1.125em;
	font-size: 0.875em;
	margin: 0;
}

/*********************
FEATURED POSTS
*********************/
#featuredPosts{
	margin: 1% 2% 2% 3%;
	overflow: hidden;
}
#featuredPosts ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#featuredPosts li{
	font-family: "FranklinGothicW01-No.2R";
	display: block;
	overflow: hidden;
/*	width: 100%;*/
	font-size: 1.125em;
	line-height: 1.125em;
	margin: 0 0 2%;
	padding: 0;
}
#featuredPosts a{
	display: block;
	float: right;
	width: 55%;
	margin: 0 2.5%;
}
#featuredPosts .no-image{
	width: 97.5% !important;
}
#featuredPosts .featuredPosts-img{
	width: 40%;
	margin: 0;
	float: left;
}
#featuredPosts .featuredPosts-img img{
	width: 100%;
}
#featuredPosts span{
	float: right;
	width: 55%;
	margin: 0 2.5%;
	color:#000000;
	font-size: 0.75em;
	line-height: 1.2em;
	font-family:Georgia, serif;
	display:block;
	padding-top:10px;
}
#featuredPosts span a{
	float: none;
	margin:0;
	padding:0;
	display:inline;
}

/*********************
RECENT POSTS
*********************/
#recentPosts{
	margin: 1% 3px 2% 3%;
}
.recentPost{
	overflow: hidden;
	margin: 2% 0 2% -3%;
	padding: 2% 2% 2% 3%;
	width: 95%;
}
.sponsored{
	background: #eff8fa;
}

.recentPost-img{	
	width: 120px;	
	display: block;
	float: left;
	border: 1px solid #6a5608;
}
.recentPost-img img{
	width: 100%;
	display: block;
}
.non-cover-img{
	width: 120px;
	height: 178px;
	overflow: hidden;
}
.non-cover-img img{
	width: auto !important;
}

.recentPost-content{
	margin-left: 130px;
}
.recentPost-content.no-image{
	margin-left: 0;
}

.recentPost-content h1{
	font-family: "FranklinGothicW01-No.2R";
	margin: 0 0 1em;
	font-size: 1.25em;
	padding: 0;
	font-weight: normal;
}
.recentPost-content p{
	font-size: 0.813em;
	line-height: 1.5em;
}
.read-more{
	text-transform: uppercase;
}
.byline{
	font-family: "FranklinGothicW01-No.2R";
	font-size: 0.7em;
	margin: 0 0 1.125em;
}

/*********************
ARCHIVES
*********************/
#recentPosts nav{
	float: right;
	font-weight: bold;
	padding: 0 2% 0 0;
}
.taggedHeader{
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	margin: 1em 2% 1em 0;
}
.archiveHeader{
	text-align: center;
	background: url('img/bg-main-title.png') 50% no-repeat;
/*	background: url('img/bg-main-title.png') 50% bottom no-repeat;*/
/*	height: 70px;*/
	margin: 0 2% 0 0;
	color: #13a5c5;
	font-size: 3em;
	text-align: center;
	padding: 0;
	font-weight: normal;
}

/*********************
AUTHOR ARCHIVE
*********************/
.bio{
	margin: 2% 0 2% 0;
	font-size: 0.875em;
	line-height: 1.5em;
	overflow: hidden;
}
.bio .photo{
	width: 170px;
	height: 170px;
	float: left;
	display: block;
}
.bio-content{
	margin: 0 3% 0 180px;
}
.author .sectionHeader{
	text-align: center;
	margin: 0 0 0 -3%;
	padding: 2% 0;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}

/*********************
POST
*********************/
.post{
	margin: 0 3px 0 0;
}
.postHeader{
	font-family: "FranklinGothicW01-No.2R";
	padding: 1% 3% 4% 3%;
	margin: 0;
	height: auto;
}
.postHeader h1{
	font-size: 1.5em;
	margin: 0 0 0.5em;
	padding: 0;
	font-weight: normal;
}
.post-meta{
	font-weight: bold;
	font-size: 0.7em;
	margin: 0 0 1.125em;
	float: right;
}
.post-content{
	padding: 0 3% 2% 3%;
	position: relative;
	line-height: 1.25em;
}
.post-content h1{
		font-size: 1.17em;
    	margin: 1em 0;
	}
.post-content-media{
	margin: -2% 0 2% 0;
	width: 100%;
	height: 50%;
	text-align: center;
}
.post-content iframe,
.post-content-media iframe{
	width: 100% !important;
	height: 325px;
}
.post-content-media img{
	max-width: 100%;
	max-height: 100%;
}
.post-content p{
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 0 0 1em;
}
.purchase{
	overflow: hidden;
	margin: 2% 0;
}
.book-link,
.book-excerpt{
	font-family: "DINNextW01-CondensedReg";
	display: block;
	width: 218px;
	height: 26px;
	background: url('img/bg-excerpt.png') no-repeat;
	color: #000;
	text-transform: none;
	font-size: 17px;
	line-height: 17px;
	padding: 6px 0 0;
	text-align: center;
	overflow: hidden;
	margin: 0;
}
.post-cover{
	display: block;
	margin: -3px 0 0;
}
.post-cover img{
	width: 100%;
}
.book-link{
	background: url('img/bg-buy-book.png') no-repeat;
	width: 104px;
	float: left;
	margin: 8px 0 8px;
}
.ibk,
.bn{
	float: right;
}
.similar{
	margin: 5% 0;
}
.similar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.similar li{
	padding: 0.5em 0;
	line-height: 1.125em;
	margin: 0;
}
.post-tags{
	padding: 0 3% 4% 3%;
	font-size: 0.75em;
	font-weight: bold;
}
.post-comments{
	width: 94%;
	padding: 0 3% 4% 3%;
}
/*.fb-comments, .fb-comments iframe[style] {width: 100% !important;}*/
.fb-comments, .fb-comments iframe[style] {width: 300px !important;}
.page-navigation{
	margin: 1em 0;
}

/*********************
EXCERPT POST
*********************/
.excerpt-post-content h1{
	font-family: "FranklinGothicW01-No.2R";
	padding: 2% 0 4% 0;
	height: auto;
	font-size: 1.5em;
	margin: 0 0 0.5em;
	font-weight: normal;
}
#content.excerpt-post {
	background: none;
}
.excerpt-post #section-content{
	width: 100%;
}
.excerpt-post .post-aside{
	margin-top: 10%;
	float: none;
}
.excerpt-post .post-aside img{
	border: 1px solid #87775d;
}

/*********************
SHARE BAR
*********************/
#sharebar-inline{
	display: block;
	width: 94%;
	padding: 0 3% 0;
	text-align: center;
	list-style: none;
	margin: 2% 0 0 0;;
}
#sharebar-inline li{
	float: left;
	display: block;
	margin: 0 0 0.5em;
	padding: 0;
}
#sharebar-side{
	display: none;
}

/*********************
PAGE
*********************/
#page-post{
	margin: 1% 3% 2% 3%;
}
#page-post p{
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 0 0 1em;
}

.mobile-menu {
	display:none;
}


.post-content-mobile {
	display:none;
}

.mobile-adds-only {
	display:none;
}

/******************************************************************
iPAD & TABLET STYLES 
******************************************************************/
@media only screen and (min-width: 480px) {
	#page{
	}

	#homeFeatured{
		width: 64%;
		float: left;
	}
	#whatsNew{
		width: 34%;
		float: right;
	}
	#featuredPosts li{
		float: left;
		width: 50%;
		margin: 0;
	}

	#side-categories{
		overflow: hidden;
	}
	#side-categories .hr{
		display: none;
	}
	.category{
		width: 40%;
		overflow: hidden;
		display:inline-block;
	}
	.excerpt-post .post-aside{
		float: right;
	}
	
	.postExcerpt{
		display: block;
	}
	
	.similar{
		margin: 10% 0;
	}
	.post-aside{
		float: right;
		margin: 0 0 2% 2%;
		width: 218px;
	}
	.fb-comments, .fb-comments iframe[style] {width: 400px !important;}
	
}

/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
******************************************************************/
@media only screen and (min-width: 768px) {
	#page{
		width: 90%;
		padding-bottom: 60px;
	}
	#siteHeader{
		width: 48%;
		float: left;
	}
	#subscribe{
		width: 49.5%;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
	}

	#content{
		background: url('img/bg-border-v.gif') repeat-y 56% 0;
		overflow: hidden;
	}
	
	#section-content{
		width: 56%;
		height: 100%;
		float: left;
	}
	aside{
		width: 44%;
		float: right;
	}
	
	#homeFeatured{
		width: 100%;
		float: none;
	}
	#whatsNew{
		width: 100%;
		float: none;
	}
	
	#side-categories{
		overflow: hidden;
	}
	#side-categories .hr{
		display: block;
	}
	.category{
		width: auto;
		display: block;
	}

	#section-content .hr{
		margin: 0 3px 0 -3px;
	}
	.fb-comments, .fb-comments iframe[style] {width: 350px !important;}

}

/******************************************************************
BIGGER SCREENS
******************************************************************/
@media only screen and (min-width: 960px) {
	#page{
		width: 960px;
	}
	#siteHeader{
		width: 58.5%;
		float: left;
	}
	#subscribe{
		width: 35.5%;
	}
		
	#content{
		width: 100%;
		background: url('img/bg-border-v.gif') repeat-y 66% 0;
		overflow: hidden;
	}
	
	#section-content{
		width: 66%;
		height: 100%;
		float: left;
	}
	aside{
		width: 34%;
		float: right;
	}
	
	#homeFeatured{
		width: 64%;
		float: left;
	}
	#whatsNew{
		width: 34%;
		float: right;
	}
	.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
}

/******************************************************************
BIGGER THAN IPAD PORTRAIT
******************************************************************/
@media only screen and (min-width: 1025px) {
	#sharebar-inline{
		display: none;
	}
	#sharebar-side{
		display: block;
		background: #fff;
		border: 1px solid #ccc;
		position: fixed;
		margin-left: -67px;
		width: 57px;
		padding: 4px;
		text-align: center;
		z-index: 99;
		float: left;
		list-style: none;
	}
	#sharebar-side li{
		display: block;
		margin: 0.5em 0;
		padding: 0;
	}
	#sharebar-addthis,
	#sharebar-fb{
		position: relative;
		left: 4px;
	}
	.fb-comments, .fb-comments iframe[style] {width: 100% !important;}	
}

.specialcontest {
}

.specialcontest input, textarea {  
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 200px;  
    background: url('http://www.biographile.com/wp-content/themes/biographile/bg_form.png') left top repeat-x;  
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
}  
   
.specialcontest textarea {  
     width: 570px;  
     max-width: 570px;  
     height: 250px;  
     line-height: 150%;  
}  
   
.specialcontest input:hover, textarea:hover,  
input:focus, textarea:focus {  
     border-color: #C9C9C9;  
     -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}  

.specialcontest submit {  
     width: auto;  
     padding: 9px 15px;  
     background: #b9ebf2;  
     border: 0;  
     font-size: 14px;
	 color:#666;
	 font-family:Georgia, "Times New Roman", Times, serif;
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px; 
	  background: -webkit-gradient(linear, left top, left 25, from(#b9ebf2), color-stop(4%, #9fcad1), to(#b9ebf2));  
     background: -moz-linear-gradient(top, #b9ebf2, #9fcad1 1px, #b9ebf2 25px);
	 font-style:bold;
	 font-weight:400;
} 
	 

.submitwrap {
	padding-top:20px;
	width:100%;
	margin:0 auto;
	text-align:center;
}

/********************
 Pagination
*********************/
#page-links span {
font-family:DINNextW01-CondensedReg;
font-size:17px;
text-decoration:none;
font-weight:bold;
color:#000;
background-color:#d5d5d5;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
padding:5px 10px 5px 10px;
margin-right:5px;
}
#page-links a:link span{
font-family:DINNextW01-CondensedReg;
font-size:17px;
text-decoration:none;
font-weight:bold;
color:#000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2e5d0), to(#bca381));
background: -moz-linear-gradient(top, #f2e5d0, #bca381);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
padding:5px 10px 5px 10px;
margin-right:5x;
background-color:#f2e5d0;
}
#page-links a:hover span{
font-family:DINNextW01-CondensedReg;
font-size:17px;
text-decoration:none;
font-weight:bold;
color:#000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2e5d0), to(#bca381));
background: -moz-linear-gradient(top, #f2e5d0, #bca381);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
padding:5px 10px 5px 10px;
margin-right:5px;
background-color:#f2e5d0;
}
#page-links a:visited span{
font-family:DINNextW01-CondensedReg;
font-size:17px;
text-decoration:none;
font-weight:bold;
color:#000;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2e5d0), to(#bca381));
background: -moz-linear-gradient(top, #f2e5d0, #bca381);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f2e5d0, endColorStr=#bca381);
padding:5px 10px 5px 10px;
margin-right:5px;
background-color:#f2e5d0;
}
#page-links a:link{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#page-links a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#page-links a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
/****Heather's Menu Updates**/
div.expand{
	font-family: "DINNextW01-CondensedReg";
	font-size: 1.4em;
	color:#fff;
	padding: 0px 40px;
	display: block;
	border-bottom: 1px solid #13a5c5;
	border-top: 1px solid #13a5c5;
	background: #13a5c5 url(img/expand_arrows.png), url(img/expand_menu.png);
	background-position: right top, left top;
	background-repeat: no-repeat;
	background-image: url(img/expand_arrows.png), url(img/expand_menu.png), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#13a5c5), to(#0e859f));
	background-image: url(img/expand_arrows.png), url(img/expand_menu.png), -webkit-linear-gradient(top, #13a5c5, #0e859f); 
	background-image: url(img/expand_arrows.png), url(img/expand_menu.png), -moz-linear-gradient(top, #13a5c5, #0e859f);
	background-image: url(img/expand_arrows.png), url(img/expand_menu.png), -ms-linear-gradient(top, #13a5c5, #0e859f);
	background-image: url(img/expand_arrows.png), url(img/expand_menu.png), -o-linear-gradient(top, #13a5c5, #0e859f);
	padding-top:8px;	
	padding-bottom:3px;
}
		
div.expand.expanded{
	background: #bda887 url(img/expand_arrows.png), url(img/expand_menu.png);
	background-position: right top, left top;
	background-repeat: no-repeat;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color:#bda887;
	border-bottom: 1px solid #13a5c5;	
	overflow:hidden;
}
		
div.expand:hover{
	background: #13a5c5 url(img/expand_arrows.png), url(img/expand_menu.png);
	background-position: right top, left top;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color:#13a5c5;
}
		
div.expand.expanded:hover{
	background-position: right bottom, left top;
}
		
.expand_content{
	background-color:#ecf9fb;
	border-bottom: 4px solid #13a5c5;
}
				
/******************************************************************
MOBILE STYLES 
******************************************************************/
@media only screen and (max-width: 480px) {
	#sitenav{
		padding: 0;
		width:100%;
		overflow:hidden;
		display:block;
	}
	#msitelinks ul,
	#msitelinks{
		margin: 0;
		padding: 0;
		
		display:block;
	}
	#msitelinks li{
		padding: 0;
	}
	#msitelinks li a{
		color: #000;
		font-family: "DINNextW01-CondensedReg";
		font-size: 1.4em;
		line-height:1.2em;
		display: block;
		float:left;
		width:100%;
		padding-left:20px;
		padding-bottom:6px;
		padding-top:11px;
		min-width:480px;
		width:100%;
		border-top: 1px dotted #ddd;
	}	
	#msitelinks a:hover {
		background-color:#13a5c5;
		color:#fff;
		text-decoration:none;
		
	}
	
	.mobile-menu {
		display:block;
		padding-bottom:5px;
	}
	.full-menu {
		display:none;
	}
		
		header{
		padding: 1% 0 0 0;
		margin: 0 1.5% 0 2%;
		overflow: hidden;
		position: relative;
	}
	.post-content {
		display:block;
	}
	.post-content-mobile {
		display:block;
		padding: 0 3% 2% 3%;
		position: relative;
		line-height: 1.25em;
		
	}
	.excerpt-post-content-mobile {
		display:block;
		
	}
	.mobile-adds-only {
		display:block;
		padding:15px;
	}
	.content {
		overflow:hidden;
	}
	.post-content-mobile p{
		font-size: 0.875em;
		line-height: 1.5em;
		margin: 0 0 1em;
	}
}


.container-outer{
	width:99%;
	max-width:800px;
	text-align:center;
	background: #f1eee9;
	border:1px solid #87785c;
	padding:5px;
}
.container-inner{
	width:100%;
	text-align:center;
	background: #f1eee9;
	display:none;
	border:1px solid #87785c;
	padding:0;
	overflow:hidden;
	width:99%;
	min-width:200px;
	max-width:250px;
}
.post-content table.share,
.post-content table.modal{
	border:none;
	margin:5px 0;
	display:inline-table;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
}
table.modal{
	display:none;
}
table.share tbody,
table.share tr,
table.share td{
	border-spacing:0;
	text-align:center;
	line-height:0em;
}
table.share td{
	padding:0 10px 0 0;
}
table.share td.hdr,
table.share td.modal{
	padding: 0 15px 0 0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:15px;
	font-weight:bold;	
	text-transform:uppercase;
	color:#555;
}
.simplemodal-overlay{
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, rgba(127, 127, 127, 0.5)), color-stop(35%, rgba(127, 127, 127, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background-image: -webkit-radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.9));
	background-image: -moz-radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.9));
	background-image: -o-radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.9));
	background-image: radial-gradient(rgba(127, 127, 127, 0.5),rgba(127, 127, 127, 0.5) 35%,rgba(0, 0, 0, 0.9));
	opacity: 1 !important;
	max-height: 100%;
}
.simplemodal-wrap{
	overflow:hidden;	
}
#simplemodal-container a.modalCloseImg {
	background:url('img/x.png') no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
.post-content .container-outer iframe, .post-content-media .container-outer iframe{
	height:auto;
	max-height:20px;
	max-width:71px;
}
@media screen and (min-width: 701px){
	.container-inner{
		display:inline;
		border:none;
		padding:0;
		width:auto;
		overflow:visible;
		vertical-align:bottom;
	}
	.post-content table.share{
		display:inline-table;
		padding:0;
		line-height:0em;
		vertical-align:bottom;
	}
	table.share td.hdr,
	table.share td.modal{
		padding: 0 15px 0 0;
	}
	.post-content table.header{
		/*display:inline-table;*/
		display:none;
		margin: 0 auto;
		}
	.post-content .container-inner table.header{
		display:none;
	}
}
@media screen and (min-width: 420px) and (max-width: 700px){
	table.share td.hdr,
	table.share td.modal{
		padding: 0;
		cursor:pointer;
	}
	table.share,
	table.header{
		display:table;
		margin: 10px auto;
		}
	.container-inner table.share,
	.container-inner table.header{
		display:table;
		margin: 20px auto;
	}
}
@media screen and (max-width: 420px){
	table.share,
	table.header{
		display:table;
		margin: 10px auto;
	}
	.container-inner table.share,
	.container-inner table.header{
		display:table;
		margin: 20px auto;
	}
	table.share td.hdr,
	table.share td.modal{
		padding: 0;
		cursor:pointer;
	}
}