/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Letters for my Mother
	
	Copyright: (c) 2008 Agoo Apparel Inc.   www.agoo4u.com
	Author: Wes Hatch
	Notes:

Table of Contents:

	Defaults
	Basic Layout
	Links
	General Styles
	div Specific Selectors:
		Header
		Content
		Sidebar
		Footer

Colors:

	pinkish white #f7efe9
	off white #fbf6f2
	
	Bright Blue #1f7ebf
	Blue #19608e
	Dark Blue #003f5e
	Tan #fffcf0
	Dark Tan #dfcfa6
	Brown #8e7a69
	Dark Brown #745f4d
	Black #000000

	Footer Brown #xxxxxx
	
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


*{ margin: 0px; padding: 0px; }
img { border: none; }
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}

body { background: #faf6f3 url("../images/bg/main_bg.jpg") top center repeat-y;  /*  #fff4ec  */ font: 11pt/14pt Arial, Helvetica, "Lucida Grande", sans-serif; color: #444444; }


/*  --------------------------------------------------------------
	LAYOUT
	-------------------------------------------------------------*/

div { /*border: thin red solid; */ } 

#header{ background: #f7efe9 url("../images/bg/header_bg.jpg") top center repeat-x; height: 144px; position: relative; }
  .box { width: 960px; margin: 0 auto; z-index:100; }
    #menu{ margin: 55px 0 0 0; float: right; display: block; width: 450px; height: 30px; z-index: 20; overflow: hidden; }
  #flower { width: 200px; height: 115px; background: transparent url("../images/flower.png") bottom right no-repeat; position: absolute; bottom: 0; right: 0; z-index: 0; }
#container { margin: -62px auto 0 auto; width:960px; padding: 0 19px; position: relative; z-index:10; background: transparent url("../images/bg/content_bg.jpg") top left no-repeat; }
  #content{ width: 626px; padding: 30px 30px 30px 30px; float: left; margin-top: 30px; background: #ffffff url("../images/sharing.gif") top right no-repeat; }
  #sidebar { width: 260px; /* background: transparent url("../images/sidebar_bg.jpg") top center no-repeat; */ float:right; margin-top: 60px; margin-bottom: 20px; position: relative; }
#footer{ clear:both; height: 60px; margin-top: 10px; }
  #footer .box { background: transparent url("../images/bg/footer_bg.jpg") top center no-repeat; /* background: #c57e6c; */ }


/*  --------------------------------------------------------------
	LINKS
	-------------------------------------------------------------*/

a:link, a:visited { color: #842D64; text-decoration: none; }
a:hover, a:active { color: #842D64; text-decoration: underline; }
a:link, a:visited { color: #842D64; text-decoration: none; }

img a { border: none; }

#menu ul { list-style-type:none; margin: 0; }
#menu ul li { float: left; display: inline; height: 30px; }
#menu li a { display: block; font: 12pt Helvetica; margin: 0 0 0 30px;      height: 24px; }
/*
#menu li.home a		{ background: url("../images/petal.jpg") 0 0 no-repeat; }
#menu li.purchase a	{ background: url("../images/buttons/about_button.jpg") 0 0 no-repeat; }
#menu li.author a	{ background: url("../images/buttons/retail_button.jpg") 0 0 no-repeat; }
#menu li.motivation a{background: url("../images/buttons/contact_button.jpg") 0 0 no-repeat; }
#menu li.sample a	{ background: url("../images/buttons/wholesale_button.jpg") 0 0 no-repeat; }
*/
#menu li a:hover { /*background-position: 0 -45px; */ text-decoration: none; color: #ca7a71; }

#menu li.selected a { background: url("../images/menu_hr.jpg") center bottom no-repeat; /* border-bottom: 3px #8b394f solid; */ }

/*  --------------------------------------------------------------
	GENERAL STYLES
	-------------------------------------------------------------*/

.letters { /* color: #501; */ font-weight: bold; }

h1 { font-size:138.5%; font-family: Georgia, serif; text-transform: uppercase; padding: 18px 0 0 5px; color: #000000; }
h2 { font-size:123.1%; }
h3 { font-size:108%; font-family: Georgia, serif; text-transform: uppercase; color: #581031; padding: 12px 4px 0; }
h4 { padding: 8px 12px; color: #b57a72; }
h1,h2,h3 { margin:1em 0; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }

blockquote { font: 1.1em/1.3em Georgia, "Times New Roman", Times, serif; font-style: italic; width: 600px; text-indent: -18px;  padding-left: 18px; /* padding-top: 10px; */ color: #812d45; }
blockquote:first-letter { background: transparent url("../images/openQuote.gif") no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
blockquote p { display:inline; background: transparent url("../images/closeQuote.gif") no-repeat right bottom; padding-right: 20px; }
p.quote { padding-left: 64px; }

blockquote.left { float:left; width: 300px; color: #888888; font-size: 0.9em; padding-right: 18px; }
blockquote.right { float:right; width: 300px; color: #888888; font-size: 0.9em; padding-left: 26px; }

div.left { float: left; padding: 0 16px 16px 0; }
div.left p, p.desc { font-style: italic; font-size: 0.9em; text-align: center; color: #777777; padding: 0; margin: 0; }
p.desc { margin: -10px 0 10px 0; }

ul { margin: 0 0 0 20px; }
ol { margin: 0 0 0 40px; }

th,td {	border:0px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center; }
table{border-collapse:collapse;border-spacing:0;}


/*  --------------------------------------------------------------
	DIV SPECIFIC STYLES
	-------------------------------------------------------------*/

/*  --- Header --- */
#header img { padding: 5px 0 0 0; height: 120px; width: 479px; position:absolute; z-index:300; }
#logo { padding: 5px 0 0 0; height: 120px; width: 479px; position:absolute; z-index:300; margin:0 auto;}

/*  --- Content --- */
#content blockquote { width: 100%; text-align: center; font-size:0.9em; padding-top: 0px; }
#product ul li { border: 2px #842D64 solid; border: 8px #ffe8ff solid; }
#product ul li img { width: 100px; }
p { font-family: Arial, Helvetica, sans-serif; margin: 20px 0; }

blockquote#chicken { font-size: 1.15em; line-height: 1.3em; color: #444444; padding-top: 20px; letter-spacing:0.5px; }

#pageRotator { height: 675px; display: block; }


/*  --- Sidebar --- */
#sidebar h2 { background: url("../images/sidebar_hr.jpg") center bottom no-repeat; padding-bottom: 10px; }
#sidebar div.postit { height: 260px; background: transparent url("../images/bg/sidebar_bg.jpg") top center no-repeat; margin-bottom: 10px;  }
#sidebar .postit p { padding: 8px 12px; margin: 0; color: #b57a72; }
#sidebar blockquote { width: 210px; color: #444444; }
#sidebar p.quote { padding-top: 15px; padding-bottom: 15px; margin: 0; }

/*  --- Footer --- */
#footer div { color: #601d44; font-size: 11px; }
#footer a { font-weight: bold; color: #ffffff; }
#footer img { padding: 12px 16px; float: right; height: 37px; width: 59px; }
#footer p { line-height: 60px; padding-left: 40px; display: inline; }
#footer ul { height: 60px; display: inline; margin-left: 40px; }
#footer ul li { display: inline; line-height: 60px; padding: 0 6px; }

#footer * { /* border: 1px solid red */ }

/*  --------------------------------------------------------------
	PAGE SPECIFIC
	-------------------------------------------------------------*/

.author, .motivation { text-align: justify; }
ul#buy img { /* float: left; */ }
ul#buy p { float:right; padding:50px 20px 0 0; }
ul#buy p span { font-size: 0.8em; padding-left: 30px; }
ul#buy li { height: 210px; padding: 20px 0; }
ul#buy a { font-size: 1.6em; display: block; }
ul#buy a:hover { background: #faebf7; text-decoration: none; }

.jb { padding-left: 30px; font: 1.2em "Monotype Corsiva", cursive, Times, serif; font-style: italic; }