/* RESET */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */v
legend{color:#000;}
del,ins{text-decoration:none;}

/* Reset Complete! */

html {background: url(i/dark-paper.jpg) top left repeat;}
body {border-top: 10px solid #99CC66;  font-family: Georgia, serif; color: #333; line-height: 1.4em; font-size: 14px;}
#content {border-bottom: 10px solid #ccc; background: url(i/paper.jpg) top left repeat;}
 .middle_bit{width: 960px; padding: 10px; margin: 0 auto; }
hr {color: #ccc; padding: 5px 0px; background: #ededed;}
h1, h2.entry-title {font-family: 'Adobe Garamond Pro', Garamond, Georgia, serif; font-style: italic; color: #690; font-size: 3em; font-weight: bold; text-shadow: 1px 1px #fff; letter-spacing: -0.03em;}
p {padding-top: 2em; }
div.archive-meta {border-bottom: 1px solid #9C3; padding: 10px 0; margin-bottom: 10px;}
h1#logo a {display: block; height: 100px; width: 940px;  background: url(i/cw-title.png) top left no-repeat;}
h1#logo a span {display: none;}
a {color: #669900;}
em {font-style: italic;}
strong {font-weight: bold;}

#nav ul {display: block; padding: 20px 0 10px 0;}
#nav ul li {display: inline; width: 112px; float: left; border-left: 2px dotted #ccc; height: 60px; padding-left: 5px; padding-top: 10px;}
#nav ul li a {background: url(i/nav-sp.png) top left no-repeat; height: 50px;  display:  block; background-position: 0 -69px;}
#nav ul li a span {display: none;}

#nav ul li#about a:hover {background-position: 0 0;} 
#nav ul li#join a {background-position: -120px -69px;}
#nav ul li#join a:hover {background-position: -120px 0px;}
#nav ul li#books a {background-position: -240px -69px;}
#nav ul li#books a:hover {background-position: -240px 0px;}
#nav ul li#events a {background-position: -360px -69px;}
#nav ul li#events a:hover {background-position: -360px 0px;}
#nav ul li#quotes a {background-position: -480px -69px;}
#nav ul li#quotes a:hover {background-position: -480px 0px;}
#nav ul li#articles a {background-position: -600px -69px;}
#nav ul li#articles a:hover {background-position: -600px 0px;}
#nav ul li#links a {background-position: -720px -69px;}
#nav ul li#links a:hover {background-position: -720px 0px;}
#nav ul li#officers a {background-position: -840px -69px;}
#nav ul li#officers a:hover {background-position: -840px 0px;}

#content #section {clear: left; float: left; width: 660px; margin-top: 20px; background: #fefefe; border: 3px solid #ddd; padding: 30px 20px; color: #444;}
#section p {line-height: 1.7; font-size: 1.1em}
#section .post {color: #444;}
#aside { z-index: 1000; width: 220px;  margin-top: 50px;  margin-left: 740px; padding-top: 30px;}
#aside img#portrait {border: 2px dotted #ccc; padding: 6px;}
hr#clearing {clear: both; border: 0;}

#aside .sidebar h3 {font-weight: bold; color: #999; font-size: 0.7em; letter-spacing: 0.1em; text-transform: uppercase; font-family: "helvetica neue", Arial, Helvetica, sans-serif; border-top: 2px dotted #ccc; padding: 5px 0; text-align: center;}
#aside .sidebar ul li {padding: 4px 0; line-height: 1.0; }
#aside .sidebar ul li#catalog, #aside .sidebar ul li#categories {line-height: 1.2em; font-size: 1.2em; padding-top: 10px; padding-bottom: 10px;}
#aside .sidebar ul li#twitter {line-height: 1.1em; font-size: 1.5em; padding-top: 10px;padding-bottom: 10px;}
#aside .sidebar ul li a {text-decoration: none; color: #457800; font-size: 0.9em;}
#aside .sidebar ul li a:hover {text-decoration: underline; color: #225500;}
#footer {color: #ccc;  clear: both; padding-bottom: 20px;}
#footer p {color: #ccc; font-size: 0.9em; padding-bottom: 20px;}
#footer h3 {font-size: 1.2em; font-weight: bold; font-style: italic; color: #ededed;}
#footer #section {background: transparent; padding: 0; border: 0; float: left; width: 660px; margin-top: 20px;}

#aside .sidebar ul#twitter_update_list li  {color: #676767; font-size: 13px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; line-height: 1.3em;}

/*------- POSTS ------------ */
.post { padding-bottom: 20px; margin-bottom: 20px; padding-top: 20px;}

.post h3.entry-title {font-size: 1.4em;}
.post h3.entry-title a, h2.entry-title a {text-decoration: none;}
h2.entry-title {margin-bottom: 10px; line-height: 1.0em;}
.entry-meta  { margin: 20px 0 0 0; padding: 5px 0; border-top: 1px solid #eee;  font-size: 0.7em; letter-spacing: 0.1em; text-transform: uppercase; font-family: "helvetica neue", Arial, Helvetica, sans-serif; font-weight: bold; color: #ababab; text-align: right;}
.entry-meta a {color: #999; text-shadow: 1px 1px #fff; text-decoration: none;}
.entry-meta a:hover {text-decoration: underline;}
.entry-date {font-weight: bold; color: #ababab; font-size: 0.7em; letter-spacing: 0.1em; text-transform: uppercase; font-family: "helvetica neue", Arial, Helvetica, sans-serif; }

.post blockquote {margin: 20px 0 10px 0; padding: 0px 0px 0px 30px; background: transparent url(i/quotes.png) top left no-repeat;}
.post blockquote p {padding-top: 0; margin-bottom: 10px;}
.post cite {margin: 0px 0px 0px 30px; text-align: right;  padding-bottom: 15px;}

ol.side-matter li{list-style-type: decimal; font-size: 0.85em; line-height: 1.4;}
ol.side-matter li p {line-height: 1.4;}

.page h3 {font-size: 1.8em; line-height: 1.8; margin-top: 20px;}
.page h2 {font-size: 2.2em; line-height: 1.4;}

/*----------- BOOKS ---------*/
.category-books table tr{vertical-align: top;}
.category-books td {padding-right: 15px; padding-top: 10px;}
.category-books td.last {padding-right: 0;}
.category-books td h3 {font-size: 16px; margin-top: 10px; line-height: 14px;}
.category-books td h4 {font-size: 14px; font-style: italic; margin-top: 0px; color: #999;}

#section .category-books td p {font-size:12px; line-height: 14px;}


/*------- SANDBOX CLEANUP ------------ */

.entry-content ul li {list-style: circle; margin-left: 20px; margin-top: 5px;}

#nav-above {display: none;}