/*-----------------------------------------------------------------------------
AshbyDesign style sheet
-----------------------------------------------------------------------------*/

/* @group reset */
* { margin: 0; 	padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, address, blockquote { margin: 0 0 10px 0; }
img { border: 0; }
/* @end */

/* @group floats */
.clear { clear:both; }
.floatlf {float: left; margin-right: 10px;}
.floatrt {float: right; margin-left: 10px;}
/* @end */


/* @group skipnav */
#skipnav
	{ position:absolute;
	margin-left: -1000px;
	}
#skipnav a:focus, #skipnav a:active 
	{
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}
/* @end */

/* @group headings */
h1 { font-size: 2.3em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
p  { font-size: 1.2em; }
li, dd { font-size: 1.2em; }

h2 {color: #646491; 
	font-weight: normal; 
	padding-bottom: 0.5em; 
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	}
h3 {color: #999; 
	margin-bottom: 5px;
	}	
body#links h3 {margin-bottom: 10px}

h4 {color:#333; 
	font-style:italic; 
	margin-bottom: 5px
	}
/* @end */

/* @group typography */
li {list-style-type: disc; 
	list-style-position: inside; 
	padding-bottom: 5px;
	}	
blockquote {
	font-size: 1.2em;
	padding-left: 50px;
	background-image: url(../images/architecture/quotes.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #646491;
	}
blockquote.more {background-image:none;}	
blockquote em {color:#999;}	
	
div#header blockquote { 
	font-size: 1.6em; 
	padding: 0;
	margin: 0;
	background-image:none;
	color:#666;
	}
#mentoring blockquote {
	padding: 0 0 2em 0;
	margin-bottom: 3em;
	background-image: url(../images/architecture/borderLine.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #646491;
	font-style: italic;
	}
#mentoring blockquote span {
	font-style: normal;
	}		

/* @end */

/* @group links */

a { text-decoration: none; padding: 1px 2px }
a:link, a:visited { color:#646491; }
div#main a, div#sub a {background-color: #eeeeee}
div#main .readbuy a:link, div#main .readbuy a:visited,
div#sub ul.subnav a:link, div#sub ul.subnav a:visited,
div#main ul.subnav a:link, div#main ul.subnav a:visited {
	color:#5f7346; 
	background-color: #fff
	}
a:hover, div#main .readbuy a:hover, 
div#sub ul.subnav a:hover,
div#main ul.subnav a:hover { color:#333; }
div#sub ul.subnav li.active, div#main ul.subnav li.active {font-weight: bold}
div#sub ul.subnav li.active a:hover, div#main ul.subnav li.active a:hover {color:#5f7346;}	

div#footer a:link, div#footer a:visited { color:#666; }

/* @end */

/* @group LAYOUT */

html {background-color: #999;}


body {
	text-align:center; 
	padding: 0 450px 0 450px; /* natural min-width */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	background-image: url(../images/architecture/bggradient.jpg);
	background-repeat: repeat-x;
	background-position: 50% 100%;
	overflow:visible
	}
	
#sizer {
	width: 45%; /* customizing Jello */
	margin: 0 auto; 
	text-align: left; 
	}	
	
div#wrapper {
	margin: 0 -450px 0 -450px; /* these side margins should be the same or slightly less than body paddings */
	position: relative;
	min-width: 850px; /* Prevents Safari from losing the negative margins in narrow windows */
	text-align:left;
	padding-top: 70px;
	}
	
/* Holly hack for IE Must be zero, not the usual 1% value, due to IE bug  \*/
* html body,
* html #sizer,
* html #wrapper { height: 0;}

/* helps IE get the child percentages right. */
#inner { width: 100%; }

/* @end */

/* @group COLUMN LAYOUT */

div#main { 
	float: right; 
	width: 68%; 
	margin: 0 6% 130px 0;
	display: inline;
	}
		
div#sub {
	width: 140px;
	float: left;
	margin: 0 0 100px 6%;
	display: inline;
	position: relative
	}

/* children of main  */	
div.column {
	width: 140px;
	float: right;
	display: inline;
	}

div.content {
	width: 70%;
	float: left;
	display: inline;
	}
	
div#main ul.subnav 	{
	width: 100%;
	padding: 10px 0 0 0;
	margin: 4em 0 0 0;
	position: static;
	background-image: none;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
	border-left: none;
	text-align: center
	}
div#main ul.subnav li {
	padding: 0;
	display: inline;
	list-style-type: none;
	color: #999;	
	}	
	
/* children of sub  */		
div.quote, ul.subnav {
	width: 125px;
	margin-left: 5px;
	border: 1px solid #ccc;
	background-image: url(../images/architecture/quotebg.gif);
	background-repeat: repeat;
	}
div.quote p {
	padding: 10px; 
	margin: 0;
	color: #646491; 
	}
ul.subnav {
	padding: 10px 0 5px 0;
	position: fixed;
	z-index: 1;
	}
	
ul.subnav li {
	padding: 0 10px 5px 10px;
	margin: 0;
	color: #999;
	}	
		
/* consistent spacing  */	
div.column img, div#sub img, div.quote, ul.subnav {margin-bottom: 20px}

/* @end */

/* @group HEADER */
div#header {
	margin: 5px 0 25px 0; 
	height: 130px;
	position: relative
	}

div#main h1  { 
	position:relative;
	width: 347px;
	height: 34px;
	margin: 0 0 5px 0;
	}

div#main h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/architecture/header.png);
	background-repeat: no-repeat;
	}

/* @end */	
	

/* @group NAVIGATION */
div#navigation {
	position: absolute;
	bottom: 0px;
 	}

div#navigation {color: #999} 
div#navigation ul {margin: 0;}		
div#navigation li {
	font-size: 1.3em;
	display:inline;
	padding: 0;
	color: #999;
	}

div#navigation a {padding: 0;}
div#navigation a:link, div#navigation a:visited {
	color: #5f7346;
	background-color: white; 
	}
div#navigation a:hover,
body#home li.home a,
body#profile li.profile a,
body#publications li.publications a,
body#poems li.poems a,
body#shop li.shop a,
body#contact li.contact a,
body#collaborations li.collaborations a,
body#mentoring li.mentoring a
body#workshops li.workshops a,
body#readings li.readings a,
body#links li.links a {color: #333}

/* @end */

/* @group FOOTER */
div#footer	{
	width: 88%;
	margin-right: 6%;
	margin-left: 6%;
	position: absolute;
	bottom: 10px;
	}
	
p.words {float: left}
p.design {float:right}	
p.footernav {text-align: center}

/* @end */

/* @group PAGES */

/* floated clickable images*/
div#main a.image {padding: 0; }
a.image img {
	border: 1px solid #999; 
	float: left; 
	margin: 5px 10px 0 0;
	padding: 0;
	}
a.image img:hover {border: 1px solid #666}

/* book listings*/

/* @group book listings */

div.book, div.booktop {
	margin: 3em 0 0 0; 
	overflow: hidden;
	}
div.booktop {margin-top: 0}
.readbuy {
	color: #999; 
	margin-top: 10px;
	font-weight: bold
	}
.end {margin:0; color: #808080;padding: 0}

/* @end */

/* @group readings listings */
ul.readings {
	border-bottom: 1px solid #ccc; 
	margin-bottom: 2em;
	}
ul.readings li {
	clear: both;
	margin: 0 0 20px 0;
	list-style-type: none;
	}
/* @end */

/* @group postcards */
ul.postcards  {	
	width: 100%;
	clear: both;
	color: #646491;
	}	
ul.postcards li { float: left; list-style-type: none;}

/* @end */

div.audiobutton {
	float: left;
	padding: 0 10px 0 0;
	}

/* @end */	

/* @group classes */
.mauve {color: #646491;}
.green, .poem {color: #5f7346;}
.grey {color: #808080;}
div.quote .grey {color: #666;}
.normal {font-weight: normal}
.redpen {color:#ff0000}
.whitespace {white-space:pre}

div.line {
	width: 100%;
	padding: 5px 0;
	margin: 3em 0;
	background-image: url(../images/architecture/borderLine.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
/* @end */


/* @group forms */
body#contact form { padding: 0; margin: 0; border: none}
body#contact input { width: 100%; }	
body#contact textarea { width: 100%; height: 160px; 	}	

body#contact input,body#contact select,body#contact textarea {
font-size: 14px;
font-weight: normal;
padding:3px; 
margin:	0;
border-top: 1px solid #999;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}	
	
body#contact input:focus,body#contact select:focus,body#contact textarea:focus {
	color: #000;
	background-color: #FFFBF0;
}

body#contact input.button {
	font-size: 13px;
	padding: 0;
	color:#fff;
	background-color: #646491;
	width:auto;
	font-weight: normal;
	border:none
	}

body#contact input.button:hover { color:	#666; background-color: #ccc;}	
body#shop form {padding: 5px 0 0 0}

/* @end */

/* @group table */
table {
	border-collapse:collapse;
	width: 100%;
	border:1px solid #ccc;
	margin-top: 20px
	}
th, td {
	padding: 0 1em;
	font-size: 1.2em;
	border-right: 1px solid #ccc;
	}
th {border-right: 1px solid #ccc;}
thead, tfoot { 
	border-top: 1px solid #a5a5a5; 
	border-bottom: 1px solid #a5a5a5
	}
.odd {background-color: #eeeeee}

tbody {
	border-top: 1px solid #5f7346;
	border-bottom: 1px solid #5f7346;
	}

tr.division td {
	padding-top: 10px; 
	padding-bottom: 5px; 
	color: #5f7346;
	font-weight:bold}

td.target:target { background-color: #000; color: #fff; }
/* @end */