/*
Theme Name: Bound by Legend 
Theme URI: http://www.boundbylegend.com/ 
Description: A simple theme for my simple-minded sister
Version: 0.2
Author:	Wes Hatch
Author URI: http://malformed.ca/
*/

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

Table of Contents:

	Defaults
	Basic Layout
	Navigation
	Links
	Basic Selectors
	div-specific Selectors
		header
		main
		footer
	Page-specific Selectors
	Form

Colors:

	Green in logo:	#218D38
	Light Tan:		#dacfb1
	Dark Tan:		#a78d79
	Reddish:		#9f2921
	Sand:			#e3c986
	Reddish-Brown:	#7f2c28
	Footer Grey:	#efeef3
	Footer border:	#a7a7a7


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


/*++++++++++++++++++++++++++++++++++++++++
	DEFAULTS
++++++++++++++++++++++++++++++++++++++++*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: inherit; vertical-align: baseline;
}
ol, ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0; } 

* { margin:0; padding:0; }
:focus { outline: 0;}

body, html {
	background: #fff;
	font: 14px/16px Georgia, Times, serif;
	color: #666;
}
body { font:13px/20px "Lucida Sans Unicode", "Lucida Grande", Geneva, sans-serif; color: #444; }


/*++++++++++++++++++++++++++++++++++++++++
	Layout
++++++++++++++++++++++++++++++++++++++++*/

  #header { background: #DACFB1 url("imgs/header_bg.gif") right top no-repeat; width: 900px; position:relative; }
	#contact { /* position: absolute; */ position:absolute; margin-top:68px; margin-left:680px; width:215px; height:20px; text-align: right; color: #333; padding-right: 0px; font: 1.1em Geneva, Arial, sans-serif; }

  #contentbox { background: transparent url("imgs/heart-pages-small.jpg") left bottom no-repeat; width: 900px; padding-bottom:80px; position: relative; overflow:hidden; }
    #menu { float:left; width: 160px; height:300px;	/* min-height hack */ padding-top:15px; font:1em Geneva, Arial, sans-serif; }
    #main { background: #fff; background: transparent; float: right; width:730px; padding: 10px 0; }

  #footer { position:relative; background:transparent; text-align: left; width: 900px; height: 20px; margin-bottom:16px; font: 0.8em Verdana, Helvetica, Arial, Sans-Serif; color: #787878; border-top: 1px solid #a7a7a7; clear: both; }


/*++++++++++++++++++++++++++++++++++++++++
	Navigation
++++++++++++++++++++++++++++++++++++++++*/


#menu ul { text-transform: uppercase;  }
#menu li {
	font: 16px Georgia, Times, serif;
	width: 140px;
	line-height: 20px;
	padding: 0px 3px 6px 3px; 
	text-decoration: none;
	display: block;
	text-align: right;
	letter-spacing: 1px; 
	font-weight: bold;
}
#menu ul li a { color: #555555; display: block; padding-right: 2px; }
#menu ul li a:hover { color:#822a29; }
#menu li.selected { color:#000000; background: url("imgs/menu_arrow.gif") right 4px no-repeat; padding-right:10px; margin-right:-10px; }

#menu ul li ul li { font-size: 12px;  padding:0; margin-top:-3px; }
#menu ul li ul { padding-top:2px; }

#menu li.small { font-size:14px; margin-top:8px; padding-top:2px; border-top:1px solid #a7a7a7; }



/*++++++++++++++++++++++++++++++++++++++++
	Links
++++++++++++++++++++++++++++++++++++++++*/

a, a:active { text-decoration: none; color:#9f2921; }
a:visited { text-decoration: none; color:#6e2623; }
a:hover { color:#D9382D; text-decoration: none; } 


/*++++++++++++++++++++++++++++++++++++++++
	Basic Selectors
++++++++++++++++++++++++++++++++++++++++*/

p { padding: 10px 10px 10px 0; text-align: justify; line-height:20px; }
b, strong { font-weight:bold; font:17px/20px Georgia, Times, serif; color:#a78d72; font-style:inherit; }
i, em { font-style:italic; }

ol { list-style-type:decimal; margin-left:40px; }

h1 { font: 44px "Palatino Linotype", Baskerville, "Book Antiqua", serif; color: #000000; /* padding-left:10px; */ margin-bottom:-6px; } /* main page titles */
h2 { font: 22px "Palatino Linotype", Baskerville, "Book Antiqua", serif; color: #999999; padding-left:30px; } /* descriptive text below each page title */
/* h2 { font: 32px alsscript, porcelain, serif; color: #777777; padding-left:30px; } /* descriptive text below each page title */
h3 { font: 18px "Trajan Pro", Georgia, serif; color: #232323; font-weight: bold; margin: 20px 0 2px 0; } /* Book-Types, Process headings */
h4 { font: 16px "Trajan Pro", Georgia, serif; color: #232323; font-weight: bold; margin-left:20px; } /* FAQ, Process sub-headings */
h5 { font: 14px "Trajan Pro", Georgia, serif; color: #444444; padding: 0; margin: 12px 0 4px 0; font-weight:bold; } /* Book-Types sub-headings */
h6 { font: 14px "Trajan Pro", Georgia, serif; color: #444444; padding: 0; margin: 12px 0 4px 0; font-weight:bold; } /* "Just so you know" */

h3 a { color:#454545;}

td { padding: 6px; text-align:left; }

.right { float:right; }
.left { float:left; }


/*++++++++++++++++++++++++++++++++++++++++
	div-specific Selectors
++++++++++++++++++++++++++++++++++++++++*/

/* --- Header ----------------------------------- */
#header img { border:none; float:left; padding:6px 22px 13px 20px; background:#fff; }
#header h1 img { border: none; background:transparent; padding:42px 10px 0 0; float:right; }

#contact p { line-height: 1.3em; text-align:left; }
#contact p span { color: #7f2c28; }
#contact a { display:block; height:20px; width:215px; }

#gradient { background:#A78D72 url("imgs/gradient.jpg"); position:relative; height:53px; clear:both; }
#twitter { font-size:9px; line-height:24px; float:right; height:24px; padding:2px 10px; }
#twitter img { padding:0 4px 0 0; background:transparent; }
#twitter a { text-decoration:none; color:#fff; }


/* --- Main ------------------------------------- */
#main p.big:first-letter { font-size: 250%; float: left; font-family: "Times New Roman"; }
#main ul { padding: 0 15px; margin-left: 40px; line-height: 16px; }
#main ul li { padding: 4px 0px; }
#main ul.address  { list-style: none; margin: 0; padding-left: 1em; text-indent: -1em; }
#main ul.address li {  padding: 2px 0; }

#main img.pagepic { float:right; margin: 15px 0 12px 12px; width:240px; border:1px solid #441a14; padding: 2px;}
#main a img { border: 2px solid #dacfb1; padding: 2px; }
#main a:hover img { border: 2px solid #878d72; }


/* --- Footer ----------------------------------- */
#footer p { padding:2px 0 0 10px; }



/*++++++++++++++++++++++++++++++++++++++++
	Page-specific Selectors
++++++++++++++++++++++++++++++++++++++++*/

#rotator { float:right; width:350px; font-size:10px; clear:both; padding-top:20px; padding-right:10px; }
#rotator blockquote { font-size: 1.4em; line-height:1.2em; }
#rotator p { font-size: 1.1em; /*font-style:italic; */ color: #999; }

.colour-family  { background: transparent url("imgs/colour-family.jpg")  no-repeat;}
.girl-in-winter { background: transparent url("imgs/girl-in-winter.jpg") left bottom no-repeat; }
.two-girls      { background: transparent url("imgs/two-girls.jpg") left bottom no-repeat; }
.vintage-couple { background: transparent url("imgs/vintage-couple.jpg") left bottom no-repeat; }
.vintage-family { background: transparent url("imgs/vintage-family.jpg") left bottom no-repeat; }

.lb { font-family: Georgia, Times, serif; text-transform: uppercase; font-size:0.9em; font-weight:bold; }
.lb-foot { text-transform: uppercase; font-size:0.8em; }
.alignright { padding-left: 5px;}

.Q_and_A #faq { margin:10px 10px 25px 25px; }
.Q_and_A h4 { padding: 8px 0 8px 40px; margin: 8px 0; background:url(imgs/Q.gif) top left no-repeat; }
.Q_and_A p { padding: 0 10px 30px 40px; background: url(imgs/A.gif) top left no-repeat; }
.Q_and_A ol { padding: 0 0 10px 80px; margin-top: -20px; list-style-type:decimal; }

.process h3 { margin: 10px 0 -20px -30px; padding: 14px 0 22px 50px; background: transparent url("imgs/scroll_bullet.jpg") 0px 3px no-repeat; }
.process h3.bud1 { background: transparent url("imgs/process/flowerbud1.gif") 8px 7px no-repeat; }
.process h3.bud2 { background: transparent url("imgs/process/flowerbud2.gif") 4px 7px no-repeat; }
.process h3.bud3 { background: transparent url("imgs/process/flowerbud3.gif") 7px 7px no-repeat; }
.process h3.bud4 { background: transparent url("imgs/process/flowerbud4.gif") 5px 7px no-repeat; }
.process h3.bud5 { background: transparent url("imgs/process/flowerbud5.gif") 4px 9px no-repeat; }
.process h3.bud6 { background: transparent url("imgs/process/flowerbud6.gif") 5px 10px no-repeat; }
.process h3.bud7 { background: transparent url("imgs/process/flowerbud7.gif") 0px 10px no-repeat; }
.process h3.bud8 { background: transparent url("imgs/process/flowerbud8.gif") -3px 8px no-repeat; }

.book #contentbox { background: transparent url("imgs/stackofbooks2.jpg") left bottom no-repeat; padding-bottom: 140px; }

.contactinfo, .contactinfo a { color: #000; text-align:left;}
.process .centre { margin-left: 117px; padding-top: 10px;}

ul#booktypes { list-style-type: none; padding: 0; margin: 0; }
ul#booktypes li { width: 240px; float: left; }
.book-type { font-weight:bold; color:#232323; }

.samples a img { height: 80px; }
.samples ol { list-style-type:upper-roman; /* decimal; */ }
.samples ol img { float:right; clear:right; }
.samples#main ol li ul { margin: 0; padding: 0; }
.samples h4 { margin-left:0; }
#expand ul { display:none; }
#expand li h3 { cursor:pointer; color:#9f2921;}
#expand li h3 span { display:block; /* cuz jquery will set this anyway */ font-size: 14px; color:#787878; }
#expand h5 { display:inline; color:#787878; }

ul#prices { padding:0; margin:0 80px; }
ul#prices li { width: 320px; padding: 4px 8px; list-style-type: none; }
ul#prices li span { float: right; font-size: 0.9em; line-height:1em; color: #999; }
.note { font-size: 0.9em; color: #999; padding: 10px 0; }
.li_bg { background: #dacfb1;}



/*++++++++++++++++++++++++++++++++++++++++
	Form
++++++++++++++++++++++++++++++++++++++++*/

form { color: #333; font-size: 0.9em; width:320px; margin: 0 80px; }
form fieldset { margin-bottom: 10px; width: 320px; float:left; border:none; }
form legend { /* padding: 0 10px; */ font-size: 1.2em; font-weight: bold; }
form label { display:inline-block; line-height: 1.8; vertical-align: top; width: 130px; /* Width of labels */ }
form input.txt, form input.email, form textarea { background: #fff; /* border: 1px solid #222222 */ color: #222222; font-size: 1.2em; width: 320px; }
form input.txt_sm { background: #fff; color: #222222; font-size: 1.2em; width: 50px; margin-left: 133px; }
form fieldset ol { margin:0; }
form fieldset li { list-style: none; padding: 8px 0 16px 0; margin: 0; }
form fieldset .prompt { width: 320px; }
form fieldset fieldset { border: none; margin: 3px 0 0; padding: 0; background: none; float: none; }
form fieldset fieldset legend { padding: 0 0 5px;  font-size: 1.0em; font-weight: normal; }
form fieldset fieldset label { display: block; width: 150px; margin-left: 133px; /* Width plus 3 (html space) */ }

.toggleMe { display: none; }
.loading { padding: 20px 0; background: url(imgs/red_spinner.gif) no-repeat center; height: 20px; }

.invalid { border: 1px solid red;}



fieldset div.row label {
	float:left;
	width:130px;
	margin-right:10px;
	text-align:right;
}
div.row {
	margin:7px 0;
	clear:left;
	position:relative;
}
fieldset div.element {
	float:left;
	padding-left:140px;
}