/*
-------------------------------------------------------------- 
site name: AbeLousieYoung.com
stuff by Ryan Willis at Flatcrabs.com
blame him for everything
July 2009
-------------------------------------------------------------- 
   == STRUCTURE =========================
    * Page width:            950 px
    * Number of columns:     30
    * Column width:          22 px
    * Margin width:          10 px
   ======================================
   http://kematzy.com/blueprint-generator/


/* color palette
-------------------------------------------------------------- 
greenish 	465E59
reddish		65160b
grey			666

orange			DB9C37
brown 1			382214 ... 442311
brown 2			281206 (text)
red				65160B
orange bright	D67C01
puke green 1	B29600
puke green 2	E5CB43
taupe 1			D7D3D0
taupe 2			AFA7A1
*/

/* building blocks
-------------------------------------------------------------- */
html { text-align:center; height:101%; background-image:url(i/bg_red.png); background-repeat:repeat-x; background-color:#DB9C37;   }
#leftimage {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	width: 170px;
	margin-bottom: 50px;
}
#rightdescription {
	float: right;
	width: 700px;
}
body { background-color:#DB9C37; text-align:left; background-image:url(i/bg_red.png); background-repeat:repeat-x;}
#bookarea {
	width: 850px;
}
#masthead { height:50px; /*was 92px*/ margin-bottom: 10px; background: #65160b;}
#mainmenu { height:40px; }
#content { margin-top:5px; }
.floatrighttext {
	padding-left: 75px;
}
.footer { margin-top: 3em; font-size: 1em; padding-left: 30px; clear: both;}
hr {
	background-color:#E6E6E6;
	color:#E6E6E6;
	clear:both;
	float:none;
	width:90%;
	height:1px;
	border:none;
	margin:15px 3px 15px 3px;
}
hr.space { background:#fff; color:#fff; }

/* type
-------------------------------------------------------------- */
body { font-size:14px; color: #442311; font-family: Constantia, Georgia, serif; line-height:20px; }
h1,h2,h3,h4,h5,h6 { font-weight: 100; }
h2 { font-size:19px; }
h3 { font-size:21px; margin-bottom: 5px;}
h4 { font-size:15px; margin-bottom: 5px;}
#floatlefttext {
	float: left;
	width: 350px;
}
p { margin:0 0 18px; }
p img.left { float:left; margin:0; padding:0; }
p img.right { float:right; margin:0; padding:0; }
blockquote { font-style:italic; margin:18px; }
sup,sub { line-height:0; }
abbr,acronym { border-bottom:1px dotted; }
address { font-style:italic; margin:0 0 18px; }
pre { white-space:pre; margin:18px 0; }
pre,code,tt { font:12px; }
ul { list-style-type:none; margin-bottom:1em; }
ol { list-style-type:none; }
dd { margin-left:36px; }
label,strong,dfn,dl dt,th { font-weight:700; }
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,li ul,li ol,ul,ol,dl { margin:0; }
em,dfn,tfoot { font-style:italic; }

/* links
-------------------------------------------------------------- */
a { color:#65160b; text-decoration:none; }
a:hover { text-decoration: underline;}

/* format masthead
-------------------------------------------------------------- */
#masthead { color:#DB9C37; text-transform:uppercase; letter-spacing:.13em; font-size:14px; line-height:50px; text-shadow:#382214 0 1px 1px; text-shadow:#65160b 0 1px 1px; }
#masthead a { color:#DB9C37; text-decoration:none; padding:3px 10px; }
#masthead a:hover { color:#D7D3D0; }
#masthead ul { text-align:right; }
#masthead ul.submenu li { display:inline; }
#masthead h1 a {padding-left:0;}

/* format main menu
-------------------------------------------------------------- */
#mainmenu { text-transform:uppercase; letter-spacing:.13em; font-size:14px; line-height:50px; }
#mainmenu a { text-decoration:none; padding:3px 20px 3px 10px }
#mainmenu a:hover { color:#281206; }
#mainmenu ul { text-align:left; }
#mainmenu ul li { display:inline; }
#mainmenu a.first {padding-left:0;}

#mainmenu li.books { margin-left: -10px;}

/* format content blocks
-------------------------------------------------------------- */
#content { border-top:2px solid #8D2900; background-color:#fff; padding-top:20px; padding-bottom:11px; background-image:url(i/bg_content.png); background-repeat:no-repeat; background-position:center bottom; }

.content-right { color: #3F342E; }
.content-right li, .content-left li { list-style:square; margin-bottom:5px; margin-left:15px; } 

/* common special classes (is that an oxymoron?)
-------------------------------------------------------------- */
h2.blurb { text-indent:-8px; padding-left:4px;  }
h2.blurb2 { text-indent:0px; padding-left:0px; text-align:center; line-height:28px;  }

p.attribution { padding-right:40px; text-align:right; font-variant:small-caps; letter-spacing: .03em; }

h2.samples, h2.months { font-size:12px; letter-spacing:.1em; text-transform: uppercase ; margin-bottom:20px; border:0; }

h2.months { color: #DB9C37; margin-bottom: 10px;}


.footer p { padding-top: 1em;}


/* page-specific content classes
-------------------------------------------------------------- */
.page-home { }
.page-poetry { }

/* features page */
a.visit-article { text-transform: uppercase; font-size: 11px; letter-spacing:.1em; text-decoration: none; padding: 3px 3px 1px 3px; }
a.visit-article:hover { background: #DB9C37; color: #fff; text-decoration: none; }
h3 a { text-decoration:none; cursor:pointer; }
.page-editing { }

/* events page */
ul.event-listing { margin-top:10px; margin-bottom: 10px; }
ul.event-listing li { list-style: none; line-height: 18px;}
ul.event-listing li.eventTitle { font-size: 17px; margin-left: 0; }
.page-events { }
.page-editing { }
.page-bio { }
.page-contact { }

body.press h3.title {}

/* books page*/
a.book {margin: 0 10px 10px 0; }

/* bug fixers -- these can be deleted
-------------------------------------------------------------- */
.bugr { background-image:none; background-color:red; }
.bugg { background-image:none; background-color:green; }
.bugb { background-image:none; background-color:blue; }
.bugy { background-image:none; background-color:yellow; }
.borr { border:1px solid red; }
.borg { border:1px solid green; }
.borb { border:1px solid blue; }
.showgrid { background-color:none; background:none; background-image:url(blueprint/grid.png); }

/* Misc classes
-------------------------------------------------------------- */
.small { font-size:11px; }
.regular { font-size: 14px;}
.large { }
.hide { display:none; }
.quiet { }
.loud { }
.highlight { }
.added { }
.removed { }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.indent1 { margin-left:20px; }

/*color classes
-------------------------------------------------------------- */
.greenish { color:#465E59; }
.reddish { color:#65160b; }
.greyish { color:#888; }

/* specialty section. so fancy.
-------------------------------------------------------------- */

/*overlay
-------------------------------------------------------------- */

/* the overlayed element */
div.overlay { background-image:url(i/overlay/white.png); width:600px; height:470px; display:none; padding:55px 35px 55px 55px; }
div.overlay div.fiddle { overflow-y:auto; overflow-x:hidden; height:470px; padding-right:20px;}
div.fiddle div.footer { padding-left: 0px; }
div.fiddle div.footer hr { margin-bottom: 0;}
#homepagetable table tr td a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#homepagetable table tr td a div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
div.fiddle fiv.footer p { padding-top:0; }

/* default close button positioned on upper right corner */
div.overlay div.close { background-image:url(i/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }

/*scrollable ( as on features page )
-------------------------------------------------------------- */

/* this makes it possible to add next button beside scrollable */
div.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.prev,a.next,a.prevPage,a.nextPage { display:block; width:18px; height:18px; background:url(i/scrollable/left.png) no-repeat; float:left; margin:43px 10px; cursor:pointer; font-size:1px; }

/* mouseover state */
a.prev:hover,a.next:hover,a.prevPage:hover,a.nextPage:hover { background-position:0 -18px; }

/* disabled navigational button */
a.disabled { visibility:hidden!important; }

/* next button uses another background image */
a.next,a.nextPage { background-image:url(i/scrollable/right.png); clear:right; }

p.attribution { text-align:left; text-indent:3em; margin-bottom:18px; }

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi { }

/* items inside navigator */
div.navi a { width:20px; height:20px; float:left; margin:0 10px 10px 0; background:url(i/scrollable/navi.png) 0 0 no-repeat; display:block; font-size:1px; }

/* mouseover state */
div.navi a:hover { background-position:0 -20px; }

/* active state (current page state) */
div.navi a.active { background-position:0 -40px; }

/* root element for the whole scrollable setup */
div.scrollable { position:relative; overflow-y:visible; overflow-x:hidden; width:502px; height:255px; }

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs { position:absolute; width:20000em; clear:both; }

/* custom positioning for navigational links */
a.prev,a.next { display:none; }
ul.indent {
	margin-left: 20px;
	list-style-type: square;
}
.indent li {
	padding-bottom: 15px;
}

/* single item */
#thumbs div { float:left; width:502px; }

/* style when mouse is over the item */
#thumbs div.hover { cursor:default; }

/* style when element is active (clicked) */
#thumbs div.active { cursor:default; }

#homepagetable {
	width:300px;
	float:right;
}#homepagetable table tr td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#leftimagebook1 {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	width: 170px;
	margin-bottom: 150px;
}
#leftimagebook2 {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	width: 170px;
	margin-bottom: 70px;
}
#leftimagebook3 {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	width: 170px;
	margin-bottom: 125px;
}
#leftimagebook4 {
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	width: 170px;
	margin-bottom: 150px;
}
#leftimagefeature {
	float: left;
	margin-right: 30px;
	width: 200px;
	margin-bottom: 50px;
}
#workshops-right {
	float: left;
	width: 450px;
	margin-left: 40px;
}
.caption {
	text-align: center;
	font-style: italic;
	padding-top: 0px;
	margin-top: -10px;
	margin-bottom: 30px;
}
#workshops-left {
	float: right;
	width: 400px;
	margin-right: 40px;
}