html { }
/* @license
 * MyFonts Webfont Build ID 2230364, 2012-04-14T17:29:46-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: SofiaPro Regular Italic by Mostardesign
 * URL: htt/www.myfonts.cfonmostardesisofia-pregular-ital
 * Licensed pageviews: 10,000
 * 
 * Webfont: SofiaPro Semi Bold Italic by Mostardesign
 * URL: htt/www.myfonts.cfonmostardesisofia-psemi-bold-ital
 * Licensed pageviews: unspecified
 * 
 * Webfont: SofiaPro Bold by Mostardesign
 * URL: htt/www.myfonts.cfonmostardesisofia-pbo
 * Licensed pageviews: unspecified
 * 
 * Webfont: SofiaPro by Mostardesign
 * URL: htt/www.myfonts.cfonmostardesisofia-pregul
 * Licensed pageviews: unspecified
 *
 * Webfont: Quan by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/quan/regular/
 * 
 * Webfont: Quan Bold by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/quan/bold/
 * 
 * Webfont: Quan Bold Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/quan/bold-oblique/
 * 
 * Webfont: Quan Oblique by Typesketchbook
 * URL: http://www.myfonts.com/fonts/typesketchbook/quan/oblique/
 * 
 * 
 * Sofia License: htt/www.myfonts.cviewlicense?type=web&buildid=2230364
 * Webfonts copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2012. All rights reserved.
 * 
 * © 2012 Bitstream Inc
 *
 * Quan License: http://www.myfonts.com/viewlicense?type=web&buildid=2503541
 * Webfonts copyright: Copyright (c) 2012 by Superstorefont. All rights reserved.
  * © 2013 MyFonts Inc
 * 
*/

@import url("//hello.myfonts.net/count/263375");

  
@font-face {font-family: 'Quan';src: url('webfonts/263375_0_0.eot');src: url('webfonts/263375_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/263375_0_0.woff') format('woff'),url('webfonts/263375_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Quan-Bold';src: url('webfonts/263375_1_0.eot');src: url('webfonts/263375_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/263375_1_0.woff') format('woff'),url('webfonts/263375_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Quan-BoldOblique';src: url('webfonts/263375_2_0.eot');src: url('webfonts/263375_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/263375_2_0.woff') format('woff'),url('webfonts/263375_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Quan-Oblique';src: url('webfonts/263375_3_0.eot');src: url('webfonts/263375_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/263375_3_0.woff') format('woff'),url('webfonts/263375_3_0.ttf') format('truetype');}
 

/*
 @font-face {font-family: 'SofiaPro';font-weight: normal;font-style: normal;src: url('webfon22085C_0_0.eot');src: url('webfon22085C_0_0.eot?#iefix') format('embedded-opentype'),url('webfon22085C_0_0.woff') format('woff'),url('webfon22085C_0_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'SofiaPro';font-weight: bold;font-style: italic;src: url('webfon22085C_1_0.eot');src: url('webfon22085C_1_0.eot?#iefix') format('embedded-opentype'),url('webfon22085C_1_0.woff') format('woff'),url('webfon22085C_1_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'SofiaPro';font-weight: bold;font-style: normal;src: url('webfon22085C_2_0.eot');src: url('webfon22085C_2_0.eot?#iefix') format('embedded-opentype'),url('webfon22085C_2_0.woff') format('woff'),url('webfon22085C_2_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'SofiaPro';font-weight: normal;font-style: italic;src: url('webfon22085C_3_0.eot');src: url('webfon22085C_3_0.eot?#iefix') format('embedded-opentype'),url('webfon22085C_3_0.woff') format('woff'),url('webfon22085C_3_0.ttf') format('truetype');}
 

*/
	
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */ 
@font-face {
  font-family: Museo;
  src: url('../fonts/Museo300-Regular.otf') format('opentype');
  font-weight: normal;

}

@font-face {
  font-family: Museo;
  src: url('../fonts/Museo300-Regular.otf') format('opentype');
  font-weight: normal;

}

@font-face {
  font-family: Museo;
  src: url('../fonts/Museo700-Regular.otf') format('opentype');
  font-weight: bold;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #400;
	/*background-image: url(gradient.png);*/
	
	   background-image:
    linear-gradient(
      to right, 
      #6F1311,
      #6F1311 420px,
      #400 465px,
      #200 485px,
      #400 100%  );
 	
	
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border-top: 1px solid #cb4b4b;
	color: #430300;
}

::-moz-selection {   background: #ffee99; }
::selection      {   background: #ffee99; }


 a {
	-moz-transition: 0.2s color ease-in-out;
	-webkit-transition: 2.2s color ease;
	transition: 0.2s color ease-in-out;
	}


a:link
{
	color: #eee;
	text-decoration: none;
}

a:visited { text-decoration: none; color: #ccc;}
a:hover { 
	color: #fff;
text-decoration: underline; }

p, li,div
{
	color: #ffee99; 
/*	font-family: "Quan","SofiaPro",Helvetica,Arial,sans-serif; */
font-family: "Ideal Sans SSm A", "Ideal Sans SSm B",Quan,sans-serif;
font-style: normal;
font-weight: 400;
	}

h2 , h3, h4
{
	font-weight: 700;
	font-style:normal;
	color: #ffcc66;
	}

h1
{	font-family:  "Quan","SofiaPro", sans-serif;
	font-size: 3em;
	line-height: 44px;
	color: #ffee99;
}

h2
{	
	font-size: 2em;
	line-height: 28px;
	color: #ff9933;
	margin-bottom: 4px;
}

h3
{	
	font-size: 1.5em;
	line-height: 18px;
	font-weight: bold;
	color: #ff9933;
}
img
{
	line-height: normal;
	border: 0;
}

img.border
{
	border-width: 1px;
	border-style: dotted;
}

.clearer {
	clear: both;
	}

.hidden {
	display:none;
}

.small {
	font-size: 0.75em;
	}
	
.gray {
	color: #ccc;
	opacity: .75;
}

p.introduction {
	margin-left: 10%;
	margin-right: 10%;
	}
	
.box  {
	border: 1px solid #97523c;
	padding: 1em;
	}
	
.center {
	text-align: center;
}

.dimmed {
	opacity: 0.5;
}

ul.twoCol,ol.twoCol { 
	margin: 0 0 20px 16px;
	padding: 0;
	}

ul.twoCol  li,ol.twoCol li
{
	font-size: 9px;
	width: 160px;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 10px 0 0;
	list-style-position: inside;

	
}

ul.twoCol li
{
	list-style-type: none;
}

/* @group Header */

#top
{
	margin-left: 124px;

}


#watermark
{
/*	background-image: url(MarkWatermark.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: scroll;
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	width: 300px;
	z-index: -1;
	*/
}

#arch {
	width: 260px;
	height:100px;
	background-color: #920;
	background: #922 url(../elements/BedfordStreetGang.jpg) -80px -75px;

	position: absolute;
	left: 550px;
	top: 60px;
	z-index: -1;
	}


#home #arch {
	background: #322 url(../elements/LadyRavenEve.jpg) -60px -95px;
	top: 28px;
	}




 
#slug
{
	width: 840px;
	text-align: right;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

#slug a
{
	text-decoration: none;
	color: #960;
}

#slug a:hover { text-decoration: underline; }

#title
{
	width: 100%;
	height:128px;
	background-image: url(MB.png);
	background-repeat: no-repeat;
}




#title p {
	float: right;
}

#quote
{
	width: 20%;
	float: right;
	text-align: right;
	margin-left: auto;
	padding-right: 10px;
}

#quote p
{
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 0;
}


.switcher
{
	padding: 4px;
	border-color: #666;
	border-width: 0px;
	border-style: solid;
	font-size: 10px;
	width: 200px;
	float: right;
}
#topnav {
	font-size: 12px;

}



#topnav ul{
	padding:0;
	margin-top: -4px;
	padding-top: 4px;
	padding-left: 0px;
	border-bottom: 1px solid #f90;
}

#topnav ul li {
	display: inline;
	padding-right: 22px;
	font-family: "Quan-Bold", Georgia, sans-serif;

}

#topnav ul li a:link,#topnav ul a:visited {
	text-decoration:none;
	color: #ffc958;
}

#topnav ul li a:hover {
	color: #400;
	background-color: #c5b970;
	-webkit-transition: color .4s ease-out,background-color .4s ease-out;
	-moz-transition: color .4s ease-out,background-color .4s ease-out;
	transition: color .4s ease-out,background-color .4s ease-out;
}


/* @end */

.closeBox {
	width: 100px;
	font-size: 10px;
	font-family: "SofiaPro",Helvetica,Arial,sans-serif;
	text-align: right;
	float: right;
	padding-top: 12px;
	line-height:1;
	}
	
#TwitterHead {
	font-size: 1.2em;
	font-weight: 700;
	margin-top:8px;
	margin-left: -10px;
	padding: 10px;
	background-color: #600;;
	 -moz-border-radius: 5px;
 	 -webkit-border-radius: 5px;
	border-radius: 5px;

	 
}

/* @group Content  */

#home #content
{
	border-width: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
}

#page #content
{
	border-width: 2px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 150px;
	background-color: #400;
	max-width: 800px;
	padding-left: 50px;
	padding-right: 20px;
	}



	
body#talks div#main {
	width: 700px;
	}
	


#content
{
	width: 100%;
	border-color: #422;
	border-width: 0px;
	border-style: solid;
	background-color: transparent;
	margin: 0 0;
	clear: both;
}


/* @end */

/* @group Widgets */

div.cloud{
	padding: 5px; 
	font-size: 8px;
	line-height: 0.7;
	}

.LectureBox
{
	padding: 44px 40px 0px 44px;
	background-image: url(ornaments/box.png);
	background-repeat: no-repeat;
	
}



#sidebar .booklist img {
	width: 20%;
	height: 30%;
}

#sidebar .LectureBox p{
	color: #000;
	line-height: 1.2;
}

#sidebar div.LectureBox a:link,
#sidebar div.LectureBox a:visited{
	color: #993300;
	text-decoration:underline
}

div.LectureBox img
{
	border-color: #000;
	border-width: 2px;
	border-style: solid;
	margin-left: 10px;;
	}

div.LectureBox p
{
	text-align: left;
	color:#440000;
	margin-left: 10px;
	}
	
div.LectureBox ol { padding: 0 0 0 2em; }

div.LectureBox li
{
	font-size: 10px;
	color:#440000;
	text-align: left;
	margin-left: 10px;
	padding: 0;
	line-height: 1.2em;
	}
#sidebar div.LectureBox h2
{
	text-align: left;
	color: #993300;
	margin-left: 10px;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 0;
}

#sidebar div.LectureBox h3
{
	text-align: left;
	color: #993300;
	margin-left: 10px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 0px;
	font-size: 1.2em;
}

div.LectureBox div.clearer
{
	clear: both;
	height: 60px;
	width: 270px;;
	margin-left: -44px;
	background: url(ornaments/box.png) no-repeat 0 bottom;
}
	
body#lecture div#content
{
	width: 750px;
	padding-left: 20px;
	padding-right: 20px;
	}

body#lecture div#content div#main div.postBody
{
	border-bottom: #F03;
	border-width: 0px 0 1px 0;
	border-style: none none dashed none;
	float: left;
	padding: 0 0 24px 0;
}
	
	

body#lecture div#content  h2
{
	margin-top:0;
	margin-bottom: 12px;
	}

body#lecture div#content img
{
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	}

.formbox
{
	width: 200px;
	padding: 10px;
	border-color: #FC0;
	border-width: 1px;
	border-style: dotted;
	background-color: #7d5b5e;
	color: #eedddd;
	margin: 0 0 24px 12px;;
}

.formbox p
{
	font-size: 80%;
	line-height: 1.2em;
	}

.boxed 
{
	width: 200px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #777;
	}
	
.boxTop
{
	background-color: #777;
	color: #FFF;
	font-weight: normal;
}

.aYearAgo
{
	margin: 0;
	padding: 0 4px 0 4px;
	overflow: hidden;
	font-size: 80%;
	max-height: 550px;
	border-width: 1px;
	border-style: dotted;
}
	
.aYearAgo .imageRight  {
	width: 40%;
	overflow: hidden;
	}


#latest h2 {
	font-size: 16px;
	margin-bottom: 2px;
	}

.timeline-event-bubble-body
 {
	font-size: 11px;
}

.timeline-event-bubble-time {
	margin-top: 4px;
	font-size: 10px;
}

#main  #my-timeline div {
	font-size: 9px;
	text-transform: uppercase;
	}
	
.addThis {
	text-align: center;
}

.badges {
	width: 160px;
	text-align:center;
	font-size:  10px;
	margin: 36px auto 18px;
}
	

/* @group book box */

.bookBox
{
	background-image: url(ornaments/box.png);
	background-repeat: no-repeat;
	padding-top: 44px;
	padding-left: 44px;
	padding-right: 44px;
	margin-top: 36px;
}

.bookBoxBody
{
	height: 64px;
	background: url(ornaments/box.png) 0 bottom;
	margin-left: -44px;
	width: 275px;
}
#sidebar .bookBox p {
	line-height: 1.2;
}

#sidebar .bookBox form {
	text-align:center;
}
	
#sidebar  .bookBox  h2 { 
 	text-transform: uppercase;
 	letter-spacing: 0px;
 	text-align: center;
 	margin-top: 4px;
 	font-size:1em;
 	line-height:1;
 	font-weight: 700;
	}

#sidebar .bookBox h3 {
	color: #c5b970;
	margin-bottom: 0;
	margin-top: 4px;
	text-align: center;
	letter-spacing: 3px;
}

#sidebar .bookBox a:link, .bookBox a:visited { color: #400;}
#sidebar .bookBox a:hover { color:#933;background-color: #ffd; text-decoration: underline;}

	
#sidebar .bookBox p  { color: #000;}

/* @end */

/* @group movies */


#museums
{
	display: none;
	border-color: #CCC;
	border-width: 1px;
	border-style: dotted;
	margin-top: 0;
	padding: 0 4px 0 4px;
}

#m2000,#m2001,#m2002,#m2003,#m2004,#m2005,#m2006,#m2007,#m2008,#m2009,#m2010,#m2011,#m2012,#m2013
{
	display: none;
	border-color: #CCC;
	border-width: 1px;
	border-style: dotted;
	margin-top: 0;
}


#sidebar ul.movieNav { 
padding-left: 0;
}
#sidebar ul.movieNav li 
{
	display: inline-block;
	font-size: 14px;
	height: 30px;
	width: 30px;
	margin-right: 4px;
	text-align: center;
	}

ul.movieNav li a
{
	color: #666;
	font-family:"SofiaPro",Helvetica,Arial,sans-serif;
	}


ul.movieNav li a:visited, ul.movieNav li a:link
{
	color: #ff9900;

}

.movieGreat { color: #FFFFFF; font-weight:  bolder; }
.movieVG { color: #FFFFBB; font-weight: bold;}
.movieGood { color: #FFFF99; }
.movieBad { color: #cc6600; }
.movieWorse { text-decoration: line-through; }

/* @end */



/* @end */

/* @group sidebar */

#sidebar
{
	width: 275px;
	float: left;
	margin-left: 144px;
	margin-right: 0%;
	margin-top: 24px;
}


#sidebar h2
{
	font-size: 18px;
	line-height: 1;
	color: #ff9900;
	margin-top: 24px;;
	margin-bottom: 0px;
	font-weight: normal;
	letter-spacing:1px;
}

#sidebar p
{
	font-size: .75em;
	line-height: 1.2;
	
}

#sidebar .indent{
	margin-left: 10px;
	font-size: .6em;
	line-height: 1;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 0;
}

#sidebar ul
{	list-style-type: none;
	padding-left: 10px;
	}

#sidebar ul.imageList
{
	padding-left: 18px;
}

#sidebar ul li,#sidebar ol li
{
	font-size: .75em;
	line-height: 1.2;
	margin-top: 8px;
	text-indent: -10px;
}


#sidebar .vcard  {
	font-size:  .8em;
	margin-top: 24px;
}
#sidebar .vcard .fn {
	font-size: 13px;
	color: #f90;
	font-family: "SofiaPro", sans-serif;
	letter-spacing:-0.5px;
	text-transform: uppercase;
}

#sidebar .vcard .adr {
	display: none;
}

#sidebar .vcard .tel{
	display: none;
}
#sidebar .vcard .email {
	display: none;
}
#sidebar .vcard .geo {
	display: none;
}

ul.booklist  {
	margin: 0;
	padding: 0;

	}

ul.booklist li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.booknote
{
	background-color: #333;
	color: #FFF;
	border-color: #C03;
	border-width: 1px;
	border-style: dotted;
	padding: 10px;
	display: none;
}

#sidebar .image  {
	width: 150px;
	margin:  20px auto;
}

/* @end */

/* @group posts */

#home #content
{
}


#main {
}

#home #main
{
	float:  right;
	width:  550px;;
	margin-top: 18px;
	margin-right: 20px;

	}




#main .authorinfo {
	margin-bottom: 20px;
}

#main .authorinfo p {
	margin-left:  10%;
	font-size: 10px;
	
}

.refs {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
#page #main .refs p{
	font-size:  .8em;
}

#main p,#main li,#main div ,#main blockquote,#main blockquote p{
	
	font-size: 1.05em;
	line-height: 1.5;
	margin-top: 0;
	}


#main blockquote,#main blockquote p{
	line-height: 1.2;	
	}
	



	


#main .postHead
{
}

.post
{
	margin-top: 0px;
	padding-bottom: 32px;
	border-color: #600;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	
}

/* @group ornamentation */

.top {
	float: right;
	right: 300px;
	top: -50px;
	height: 64px;
	width: 64px;	
	position: relative;
	}
	
.left {
	height: 64px;
	width: 64px;
	float:left;
	margin-left: -66px;
	margin-top: -20px;
	}
	
.right {
	height: 64px;
	width: 64px;
	float: right;
}

.cat {
	background: url(ornaments/c1.png) no-repeat 

}

.playcat {
	background: url(ornaments/c2.png) no-repeat ;
	height:90px;
}

.flower{
	background: url(ornaments/f1.png) no-repeat;
	}
	
.flower2 {
	background: url(ornaments/f2.png) no-repeat;
}

.flower3 {
	background: url(ornaments/f3.png) no-repeat;
}
.wright1 {
	background: url(ornaments/w1.png) repeat-y;
	height: 256px;
}
.wright2 {
	background: url(ornaments/w2.png) no-repeat;
	}
.wright3 {
	background: url(ornaments/w3.png) repeat-y;
	height: 256px;
}

.wright4 {
	background: url(ornaments/w4.png) no-repeat 0 ;
	}
	

.wright5 {
	background: url(ornaments/w5.png) no-repeat 0 ;
	width: 128px;
	height: 128px;;
	}
	
.card {
	padding: 40px 40px 0;
	margin-bottom: 40px;
	border-style:solid;
	border-width: 1px;
	background: url(ornaments/card.png) no-repeat;
	border-color: #46575a;
}

.card2 {
	padding: 40px 30px 0;
	margin-bottom: 40px;
	border: 1px dotted #415518;
}



/* @end */

.postBody .example, .post .example {
	border-style: dotted;
	border-width: 1px;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 32px;
	}

.postBody .example p, .post .example p
{ 	font-size: 12px;
	padding-top: 0;margin-bottom: 0;
	}

.caption {
	font-size: .80em;
	line-height: 1.1;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	text-align: center;
	
	}
	
#main .caption {
	max-width:  450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
}

.post h2, #page h2
{
	font: normal 48px/0.98  "Tungsten A", "Tungsten B",Tungsten,Helvetica,sans-serif;
	color: #F90;
}

.post h3
{
	font: bold 36px/0.98 "Quan",Helvetica,sans-serif;
	margin-bottom: 5px;

}

.post h3.author
{
	margin-top: 0;
	font: 24px/0.98 "Quan",Helvetica,sans-serif;
}


.post h4 {
	font-family: Quan,"SofiaPro",Helvetica,Arial,sans-serif;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 6px;
	color: #ffcc00;
	border-width: 1px 0 1px 0;
	border-color: #fc0;
	border-style: dotted;
	}
	
#main .game p {
	font-size: .86em;
	font-weight: 300;
	margin-left: 72px;
	text-indent: -32px;
	}
#main .game p b{
	font-weight: 800;
	opacity: .75;
	}



.date
{
	text-align: center;
	float: right;
	border-style: solid;
	border-color:  #b47924;
	border-width: 0px 1px 1px 1px;

}

.date .month{
	display: block;
	font-size: 0.5em;

	background-color: #b47924;
	color: #400;
	text-transform: uppercase;
	line-height:1.4;
	margin-bottom: 0px;

}

.date .year{
	display: none;
	}
.date .day{
	font-size: 1em;
	font-weight:  bold;;
	padding: 0 5px;;
	line-height: 1;
	padding-top: 4px;
	padding-bottom:  4px;
	display: block;
	background-color: #a69a84;
	color: #400;

}

.date .day a:link,.date .day a:visited{
	color: #400;
}


.postHead a:link { color: #F90; }

.postHead a:link:hover
{
	color: #fc6;
	text-decoration: none;
}

.post .indent p, .post .quote p,#page .quote p,.post .quote h3
{
	margin: 0px 14px 18px 48px;
	padding-left: 0px;
}




blockquote, blockquote p
 {
	font-style: italic;
}

blockquote
{
	padding-top: 12px;
	padding-left: 48px;
	margin-top: 4px;
	margin-bottom: 18px;
	margin-left:0px;
	border-left: #380000;
	border-top: #300;
	border-right: #600;
	border-bottom: #500;
	border-width: 1px;
	border-style: solid;
	background: url(quot.gif) no-repeat ;
}

.indent
{
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 14px 14px 18px 32px;
	background-color: transparent;
	line-height: 1.2;
	font-size: 85%;
}

.quote,.poem
{
	padding-top: 12px;
	margin-bottom: 8px;
	margin-top: 4px;
	margin-left: 10%;	
}


#main .poem {
	line-height: 1.4;
	text-indent: -2em;;
	margin-left: 4em;
	margin-right: 2em;
	white-space: normal;
	padding: 0;
}
#main .poem p {
	margin-top: 0;
	margin-bottom: 0;
	font-size:  0.9em;
}
	
	

.post .quote{
	border-left: #380000;
	border-top: #300;
	border-right: #600;
	border-bottom: #500;
	border-width: 1px;
	border-style: solid;

	}

#main  li {
	line-height: 1.2;
	margin-bottom: .6em;;
}

.post .image {
	text-align: center;
}

.post img {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
		 max-width:100%;
	 
	 width: 90%;
	 max-width: 450px;
	 height:auto; 
}

.post object {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	 max-width:100%;
	 
	
}


.post img.amazon {
	width: auto;
}

#art .post img{
	width: auto;
}



.post ol ol {
	list-style-type: lower-alpha; 
	}

.imageRight, .bookRight
{
	float: right;
	clear:right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: auto;
	clear: right;
	}
	
.post .bookRight img {
	height: auto;
	width: 100px;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;
	border-radius:0px;
	}

.imageLeft
{
	float: left;
	clear: left;
	padding-right: 20px;
	margin-bottom: 0px;
	margin-top: 10px;
	width: auto;
	
	}

#main.post li
{
	margin-right:3em; 
	display: list-item;
	font-size: .95em;
}
#main.post li li
{
}
.message
{
	margin: 10px;
	padding: 10px;
	border-color: #999;
	border-width: 1px;
	border-style: dotted;
}

.rule {
	font-size: 36px;
	text-align: center;
	margin: 24px 0;
	color: #960;
}

.bookTitle
{
	color: #FF9900;
	font-size: 1.25em;
}

.links
{
	margin-left: 24px;
	font-family: Quan,"SofiaPro",Helvetica,Arial,sans-serif;	color: #900;
	margin-bottom: 24px;
	margin-top: 24px;
	letter-spacing: 1px;
}

.post ul ul {
	margin-top: 10px;
}

#main li  li {
	line-height: 1.0;
}

#main.post  .links ul
{
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

#main.post .links ul li
{
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0;;
	border-right: 1px dotted #c00;
	font-family: "Quan",Helvetica,Arial,sans-serif; /* was SofiaPro */
	}

#main.post .links
{
	text-align: right;
	width: 75%;
	margin-left: auto;
	margin-right: 0px;
}

.post .code p, .post .code blockquote {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.post .code .indent {
	padding-left: 32px;
}

.post code
{
	font-size: .8em;
	letter-spacing: -1px;
	}

/* @end */

/* @group footer */

#footer
{
	width: 840px;
	height: auto;
	margin-left: 144px;
	margin-top: 3px;
	margin-bottom: 24px;
	border-color: #422;
	border-width: 3px;
	border-style: solid;
	background-color: #400;
	clear: both;
}

#badge
{
	width: 100px;
	float: left;
	margin: 10px 10px;
}

#nav { margin-left: 150px; }

#nav  p
{
	font-size: .9em;
	line-height: 10px;
	text-align: left;
}

#navBox { position: absolute; }

#navBox
{
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
	padding: 4px 15px 5px 15px;
	background: transparent url(tip2.gif) no-repeat;
	font: normal 11px/11px "Lucida Grande", "Lucida Sans Unicode", lucida, arial, sans-serif;
	color: #D5D3BD;
	width: 250px;
}

#navbox h2
{
	font: normal 14px/14px "Lucida Grande", "Lucida Sans Unicode", lucida, arial, sans-serif;
	color: #FED;
	margin-top: 0px;
}



/* @end */

/* @group book */
body#book {
	background-image: none;;
}

body#book #main {
	padding-left: 20px;
	margin-top: 20px;
}


 body#book p.indent{
	font-size: .9em;
	line-height: 13px;
	margin-top: 4px;
	margin-bottom: 8px;
	padding: 0;
}

body#book .post
{
	margin-top: 50px;
	margin-right: 50px;
	}

body#book .postHead
{
	margin-top: 0px;
	margin-bottom: 20px;
	width: 200px;
	margin-right: 20px;
	margin-left: 72px;
	float: left;
}

body#book .postBody
{
	margin-left: 310px;
}

body#book .post .links
{
	text-align: right;
	width: 75%;
	margin-left: auto;
}

#booklist p {
	font-size: .8em;
}

#booklist #arch{
	top: 28px;
}

#booklist #content {
	max-width:  640px;
	margin-left: 220px;
	padding: 5px;
	background-color: #200;
	}

.callout {
	float: right;
	width:40%;
	margin-left: 10%;
	font-size: 48px;
	text-align: right;
	color: #87ffc8;
  }


/* @end */

/* @group stretchtext support */

.stretchlabel,.stretch2
{
	border-color: #F70;
	border-width: 1px;
	border-style: dotted;	
}

.stretchlabel a:hover,.stretch2 a:hover {
	text-decoration: none;
	}

.stretch2 { display: none;}

.stretchtext { display: none; }



/* @end */

#art div>img {
	margin-top:40px;
}

/* ------------test------------   */

@media (min-width:1060px) {
	#content{
	max-width: 1060px;
	}
	
	#page #main p {
	}
	#page #main .authorinfo p  {
	font-size:.8em;
	line-height: 1.2;
	margin-top:0;
	margin-bottom: 0;
	}

	
	
	#page #content #main h2 {
	font-size:48px;
	line-height: 1.4;
	font-weight: normal;
	}
	
	
	#page #content #main h3 {
	font-size:1.5em;
	line-height: 1.4;
	font-weight: normal;
	}
	
}

@media (max-width:1060px) {
	body {
    	background-image: none;
  		}
  	#sidebar {
		margin-left: 20px;
		width: 200px;
		}
		
	.bookBox, .LectureBox {
		background-image: none;
		background-color: #ffc;
		border: 2px solid #f90;
		padding: 2px 8px;
		 background-image: -moz-linear-gradient(100% 100% 90deg, #ffb, #ffe);
   		 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb), to(#ffe));
		}
		
	.bookBoxBody{
		display: none;
		}
	.LectureBox div.clearer{
	display: none;
		}

		
  	#top {
		margin-left: 20px;
		}
	#topnav {
		width: 100%;
		font-size: 14px;
  		}
  	
	#arch {
		left: 420px;
		
		}
  	#quote {
		display: none;
		}
 #page #content {
	width: 60%;
	}

	}


@media (max-width: 800px) {
 	body {
    	background-image: none;
    		}	

 	#top {
		margin-left: 25px;
		overflow: hidden;
		width: 100%;
		}
	
	#arch {
		left: 420px;
		}
	 #slug {
		background: transparent;
		width: 480px;
		}
	 #quote {
		display: none;
		}
	#topnav {
		display: none;
  		}
	#content {
		margin: 0 20px;
		width: auto;
		}
	#sidebar {
   		 width: 100%;
   	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
  		}
  		
  	#sidebar .indent {
		margin-left: 0;
		font-size: 9px;
	font-weight: bold;
}
  		
  	.columnDISABLE {
		width: 30%;
		margin-right: 10px;
		float: left;
		}
		
	#sidebar .vcard  {
		margin-top: 0;
		}
		
	.movie
	{
	margin-left: 4px;
	margin-right: 4px;
	}
		
	.bookBox, .LectureBox, #latest, .unimportant{
		display: none;;
}

  	 #home #main {
		margin: 0;
    	width: 100%;
 		 }
 	

#main blockquote {
	margin: 0;
	padding-left: 10%;
}	
 	
 	#main blockquote p {
		font-size: 0.95em;
		font-family:"Quan",Helvetica,Arial,sans-serif;  	/* was SofiaPro */	
		}
		
		
  	#footer {
		margin: 0;
		padding: 0;;
		width: 100%;
		}
	#nav {
		margin-left: 25px;
		}
	 #page #content{
		margin-left: 25px;
		background-color: #400;
		width: auto;
		padding: 4px;
		}
		
	
	body#book .postHead {
		width: 35%;
		margin-left: 5px;
		}
	body#book .post {
		font-size: 16px;
		line-height: 1.4;
		margin-top: 12px;
		margin-bottom: 12px;
		margin-right: 0;
		padding: 0;
		}
		
	body#book .postBody {
	margin-left: 40%;
}
		
}




@media  (max-width: 660px) {
  body {
    background-image: none;
  	}
 
	#top {
	margin-left: 25px;
	width: 320px;
	overflow: hidden;
	}
	
	#arch {
		display:none;
		}

	 #slug {
		background: transparent;
		width: 480px;
		}
	 #quote {
		display: none;
		}
	#topnav {
		display: none;
  		}
  	#content {
		margin: 0 20px;
		width: auto;
		}
		
	#home  #main {
	}
	
	#sidebar {
   		 width: 100%;
		float: none;
		-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
		}
  		
  	.columnDISABLE {
		width: 30%;
		margin-right: 10px;
		float: left;
		}
		
	.movie
	{
	margin-left: 4px;
	margin-right: 4px;
	}
		
	.bookBox, .LectureBox, #latest, .unimportant{
		display: none;
		}
		 	
  	
 		 
 	#main p,#main li,#main div ,#main blockquote,#main blockquote p{
		font-size: 24px;
	}

	#main h2 {
		font-size: 32px;
	}

	#footer {
		margin: 0;
		padding: 0;;
		width: 100%;
		}
	#nav {
		margin-left: 25px;
		}
		
	.badges {
		display: none;
		}
}