/*
Theme Name: PippaLee
Theme URI: http://www.pippalee.co.uk
Description: A Wordpress theme for Rebecca Miller's novel, 'The Private Lives of Pippa Lee'.
Version: 1.0
Author: smalloranges
Author URI: http://smalloranges.com/

*/

/* resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0; padding: 0; }
fieldset, img					{ border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul							{ list-style: none; }
caption, th						{ text-align: left; }
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal; }
q:before, q:after				{ content: ''; }
abbr, acronym					{ border: 0; }

/* body and defaults */
body							{ background: url('images/bg.gif') top center repeat-y #433238; }
body, div, td, p, input 		{ font: 14px helvetica, arial, verdana, sans-serif; color: #605156; letter-spacing: -1px; line-height: 19px; }
p								{ margin-bottom: 12px; }
p.half							{ margin-bottom: -6px; }			
h1								{ font: 13px century, georgia, "times new roman", times, serif; color: #a20c48; text-transform: uppercase; letter-spacing: 2.4px; padding-bottom: 8px; background: url('images/hr.gif') bottom left no-repeat; }
h3								{ font-size: 10px; color: #9a8c88; letter-spacing: 0.4px; }



/* divs */
#container						{ width: 880px; margin: 0 auto 0 auto; padding: 50px; z-index: 1; padding-bottom: 5px;}
#pippaBG						{ width: 930px; height: 765px; position: absolute; top: 0; background: url('images/pippa.gif'); z-index: 2; }
#left							{ width: 570px; position: relative; margin-top: 90px; padding-bottom: 30px; padding-top: 220px; z-index: 3; }
#right							{ width: 200px; position: absolute; top: 400px; margin-left: 680px; padding-bottom: 30px; z-index: 4; }
#book							{ width: 171px; height: 246px; background: url('images/book.gif') no-repeat; }
#credits						{ width: 920px; position: absolute; z-index: 5; padding-bottom: 30px; }
#topmenu						{ font: 11px "times new roman", times, serif; color: #a20c48; text-transform: uppercase; letter-spacing: 2.4px; margin: 0; padding-top: 20px; padding-bottom: 0; position: absolute; top: 280px; z-index: 5; width: 950px; }
#header							{ position: absolute; z-index: 6; }
#headerrep						{ position: relative; margin-top: 80px; margin-bottom: 130px; }

/* classes */
.small							{ font-size: 12px; }
.clear							{ clear: both; }
.req							{ font: 10px century, georgia, "times new roman", times, serif; color: #9a8c88; margin-top: -3px; font-style: italic; letter-spacing: 0.4px; }
.commentDetails					{ font: 11px helvetica, arial, verdana, sans-serif; color: #9a8c88; letter-spacing: -0.8px; }
.titleContentSeperator			{ margin-bottom: -12px !important; }

/* forms */
.input							{ width: 396px; padding: 5px 7px; background: #F4F1EC; border: 1px solid #A99F9C; color: #8C8082; }
.input:focus					{ width: 396px; padding: 5px 7px; background: #FBFAF8; border: 1px solid #746768; color: #605156; }
.textarea						{ width: 553px; padding: 5px 7px; background: #F4F1EC; border: 1px solid #A99F9C; color: #8C8082; font: 14px helvetica, arial, verdana, sans-serif; }
.textarea:focus					{ width: 553px; padding: 5px 7px; background: #FBFAF8; border: 1px solid #746768; color: #605156; }
.button							{ width: 200px; padding: 5px 7px; background: #F2EFE9; border: 1px solid #746768; color: #605156; font: 10px century, georgia, "times new roman", times, serif; text-transform: uppercase; letter-spacing: 1px; }
.button:hover					{ background: #746768; border: 1px solid #746768; color: #F2EFE9; }
label							{ float: left; width: 150px; margin-right: 8px; }
#commentform p					{ margin-bottom: 10px; }

/* lists */
#menu							{ margin-left: -16px; }
ol#readingGuide					{ list-style: decimal; margin-left: 30px; }
#readingGuide li 				{ font: 15px "times new roman", times, serif; color: #a20c48; margin-bottom: 10px; }
#readingGuide li p				{ font: 14px helvetica, arial, verdana, sans-serif; color: #605156; }
ol.commentlist					{ list-style: decimal; margin-left: 20px; }
.commentlist li 				{ font: 15px century, georgia, "times new roman", times, serif; color: #a20c48;  }
.commentlist li p				{ font: 14px helvetica, arial, verdana, sans-serif; color: #605156; }

/* links */
a								{ color: #a20c48; text-decoration: none; padding-bottom: 3px; font-weight: bold; }
a:hover							{ color: #5c112f; }
.small a						{ font-weight: normal !important; }
#menu li a 						{ padding-left: 16px; color: #433238; font-weight: normal; }
#menu li a:hover				{ color: #5c112f; display: inline; background: url('images/menuhover.gif') center left no-repeat; }
a.titleLink						{ font-size: 9px !important; font-family: century, georgia, "times new roman", times, serif; color: #a20c48; font-weight: normal !important; text-transform: uppercase; letter-spacing: 2.4px; border-bottom: 1px solid #ede8df; padding-bottom: 2px; text-decoration: none; }
a.titleLink:hover				{ border-bottom: 1px solid #5c112f; color: #5c112f; }
.commentDetails a				{ font-weight: bold; color: #8C8082; border-bottom: 1px solid #ECE7DD; padding-bottom: 2px; text-decoration: none; }
.commentDetails a:hover			{ color: #605156; border-bottom: 1px solid #605156; }
#right a img { border: none; }