/* -- Base HTML -- */
address {
font-style: normal;
white-space: pre;
}
body {
color: #000;
background: #fff;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 135%;
font-family: Georgia,"Bitstream Charter",serif
}
blockquote {
margin: 0;
padding: 0 1.5em;
border: none;
}
ul {
margin-top: .5em;
margin-bottom: .5em;
}
em {
font-style: italic;
}
em.b {
font-weight: bold;
font-style: normal;
}
li {
margin-bottom: 0.3em;
margin-top: 0;
}
li.spacer {
padding-top: 10px;
}
h2 {
background: #92A0AD;
color: #FFF;
font-family: Helvetica, Arial, Verdana, sans-serif;
clear: both;
border-radius: 0 5px 0 0;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin: 24px 0 8px;
padding: 2px 8px 0 8px;
}
h2.column-top {
margin-top: 10px;
}
h2.blog-top {
margin-top: 10px;
margin-bottom: 0;
}
h2.page-title {
color: #000000;
background: none;
padding: 0;
margin: 0.25em 0 .5em;
font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
}
h3 {
font: bold 0.85em Verdana, Helvetica, Arial, sans-serif;
padding-top: 7px;
}
h5 {
font: bold 16px Verdana, Helvetica, Arial, sans-serif;
padding-top: 7px;
margin-top:18px;
margin-bottom:6px;
}
img {
border: 0;
}
p {
margin: 0.5em 0 0.5em;
font: 21px;
}
strong, #scheduledates td {
font-weight: bold;
}
sup {
font-size: 0.7em;
}
#blog-entry {
padding: 12px 15px 12px 15px;
margin-bottom: 1em;
margin-top: 0;
overflow: hidden;
border-style: solid;
border-color: #92A0AD;
border-width: thin;
}
.blog p{
font-family:Verdana,Tahoma,Helvetica,Sans-serif;
font-size:13px;
line-height:145%;
margin-bottom:8px;
}
.blog li{
font-family:Verdana,Tahoma,Helvetica,Sans-serif;
font-size:11px;
line-height:145%;
margin-bottom:8px;
}
.entrytitle {
color: #000000;
font-size: 20px;
font-weight: bold;
line-height: 1.1em;
margin-top: 10px;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
.blogslug {
color: #000000;
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin-top: 10px;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
.byline {
color: #000000;
font-size: 11px;
font-weight: normal;
font-style: italic;
line-height: 14px;
margin-top: -5px;
margin-bottom: 10px;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
#more-blog {
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: right;
line-height: 14px;
margin-top: 10px;
padding-right: 10px;
margin-bottom: 5px;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
p.small-links {
color: #000000;
font-size: 12px;
text-align: left;
line-height: 14px;
margin-top: 0;
padding-right: 20px;
margin-bottom: 5px;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
}
/* -- header -- */
#header {
color: #fff;
background: url(images/header.gif) no-repeat;
position: relative;
margin: 11px 0 45px 0;
overflow: hidden;
}
html>body #header {
margin-bottom: 28px;
}
#header img {
position: absolute;
top: 0;
left: 0;
border: none;
}
#header .tagline {
margin: 0;
text-indent: -9999px;
position: absolute;
z-index: 100;
}
#header h1 {
display: block;
width: 100%;
height: 63px;
margin: 0;
z-index: 1;
}
#header h1 a:link, #header h1 a:visited {
display: block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
text-decoration: none;
text-indent: -9999px;
border: none;
width: 250px;
height: 63px;
}
#header ul {
padding: 0;
margin: 0;
text-align: right;
background: #fff;
overflow: hidden;
float: right;
}
#header li {
display: block;
float: left;
}
#header li.selected {
background: #6ca1d2 url(images/tab-l.gif) no-repeat 0 100%;
}
#header li a:link, #header li a:visited {
font-weight: bold;
font-size: 12px;
color: #666;
text-decoration: none;
display: block;
float: left;
line-height: 19px;
height: 19px;
padding: 0 10px;
white-space: nowrap;
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
margin-bottom: 0;
margin-top: 0;
}
#header li.selected a:link, #header li.selected a:visited {
color: #fff;
background: url(images/tab-r.gif) no-repeat 100% 100%;
padding: 0 10px;
}
html>body #header li.selected a {
position: relative;
}
html>body #header li.selected del {
text-decoration: none;
position: relative;
z-index: 0;
}
html>body #header li.selected ins {
display: none;
}
p.faq {
font-weight:bold;
font-size:12px;
line-height:15px;
margin-top:12px;
margin-bottom:0;
color:#333;
font-family:Tahoma, Geneva, sans-serif;
}
p.faq-top {
font-weight:bold;
font-size:12px;
margin-top:12px;
margin-bottom:0;
line-height: 120%;
color:#333;
font-family:Tahoma, Geneva, sans-serif;
}
p.faq-ans {
font-size:12px;
margin-top:4px;
margin-bottom:0;
line-height: 120%;
font-family:Tahoma, Geneva, sans-serif;
}
/* html>body #header li.selected .about span {
display: block;
background: url(images/cross.gif);
width: 32px;
height: 14px;
z-index: 100;
position: absolute;
top: 2px;
right: 0.85em;
} */
/* html>body #header li.selected .services span {
display: block;
background: url(images/cross2.gif);
width: 12px;
height: 10px;
z-index: 100;
position: absolute;
top: 4px;
right: 2.3em;
} */
/* -- general content area style -- */
#container {
width: 825px;
margin: 0 auto;
text-align: left;
}
#content-area {
text-align: left;
padding-left: 19px;
}
.hide {
display: none;
}
.column {
width: 360px;
text-align: left;
}
#col-one {
float: left;
width: 490px;
}
#col-two {
float: right;
}
.rightward {
float: right;
}
.leftward {
float: left;
}
.new {
font: bold 0.6em Verdana, arial, sans-serif;
text-transform: uppercase;
}
.adhoc {
margin: 0.5em 0 1em 0;
padding: 0;
}
.adhoc li {
list-style: none;
padding: 0;
margin: 0;
}
.bulleted {
margin-left: 0;
padding-left: 0;
clear: both;
}
.bulleted li {
list-style: none;
padding-left: 40px;
margin-bottom: 0.5em;
background: url(images/bu.gif) 25px 0.1em no-repeat;
}
ul.col2 {
width: 100%;
overflow: hidden;
margin: 1em 0;
}
.col2 li {
padding-left: 9%;
background: url(images/bu.gif) 9% 0.1em no-repeat;
width: 40%;
float: left;
}
/* -- style for Home page -- */
.illustration {
margin: 0 0 1em 2em;
}
.cover {
margin: 0 1em 1em 0;
}
#specialization {
margin-left: 0;
padding-left: 0;
clear: both;
}
#specialization li {
list-style: none;
padding-left: 40px;
margin-bottom: 0.5em;
background: url(images/bu.gif) 25px 0.1em no-repeat;
}
#scheduledates {
width: 100%;
margin: 0.5em 0;
}
#scheduledates th {
width: 6em;
padding-right: 1em;
font-weight: normal;
text-align: right;
vertical-align: top;
}
#aside {
font: bold 0.6em Verdana, sans-serif;
}
#booklinks {
margin: 50px 0 0 0;
list-style: none;
font: 0.6em Verdana, sans-serif;
}
#booklinks li {
margin: 1em 0;
}
#booklinks a {
font-weight: bold;
}
.home-page #col-one {
width: 380px;
}
.home-page #col-two {
width: 380px;
}
/* -- style for About page -- */
/* .about-page #header .tagline {
width: 43px;
height: 21px;
bottom: 1.5em;
right: 14.5em;
background: url(images/script-iam.gif) no-repeat 0 0;
} */
/* .about-page #content-area {
position: relative;
padding-right: 420px;
}
.about-page .page-title {
margin-bottom: 1em;
}
.about-page .bio-photo {
position: absolute;
top: 48px;
right: 100px;
} */
.about-page h2.page-title {
color: #000;
font-size: 1.5em;
margin: 0;
clear: none;
}
.about-page #col-one {
width: 490px;
}
.about-page #col-two {
width: 280px;
}
/* -- style for Services page -- */
/* .services-page #header .tagline {
width: 12px;
height: 19px;
bottom: 1.5em;
right: 11.5em;
background: url(images/script-i.gif) no-repeat 0 0;
} */
.services-page h2.page-title {
color: #000;
font-size: 1.5em;
margin: 0;
clear: none;
}
.services-page #col-one {
width: 500px;
}
.services-page #col-two {
width: 270px;
}
.services-page #content-area {
text-align: left;
padding-left: 19px;
}
.services-page .page-title {
margin-bottom: 1em;
}
/* -- style for Book page -- */
.book-page h2.page-title {
color: #000;
font-size: 1.5em;
line-height: 12px;
margin-bottom: 0;
clear: none;
}
.book-page h3.page-title {
color: #808080;
font-size: 1.2em;
clear: none;
margin-top: 0;
margin-bottom: 16px;
}
.author {
margin-top:0;
font: 13px verdana, arial, sans-serif;
}
.book-page .column {
margin-bottom: 1em;
}
.book-page #col-two {
width: 420px;
float: left;
padding-left: 10px;
padding-right: 20px;
}
.book-page #col-three {
width: 200px;
float: right;
}
.book-page #col-one {
width: 150px;
padding: 0 0px;
overflow: hidden;
font: 0.65em verdana, arial, sans-serif;
}
.book-page #col-one ul {
margin: 0;
padding: 0;
}
.book-page #col-one li {
list-style: none;
color: black;
padding: 0;
margin: 0;
font-weight: bold;
font: 11px verdana, arial, sans-serif;
line-height: 19px;
margin-bottom: 0;
margin-top: 0;
}
.book-page li a:link, .book-page li a:visited, .book-page li a:active{
text-decoration: none;
color: black;
}
.book-page li a:hover {
text-decoration:underline;}
}
.book-page #col-one h3 {
margin: 0;
font-size: 1.3em;
}
.book-page #col-one p {
margin: 0;
}
.book-page #col-one p span {
display: block;
margin: 0;
}
/* -- style for Sample Chapter page -- */
.book-chapter h2.page-title {
color: #000;
font-size: 1.5em;
line-height: 12px;
margin-bottom: 0;
clear: none;
}
.book-chapter h3.page-title {
color: #808080;
font-size: 1.2em;
clear: none;
margin-top: 0;
margin-bottom: 16px;
padding-top:7px;
}
.author {
margin-top:0;
font: 13px verdana, arial, sans-serif;
}
.book-chapter .column {
margin-bottom: 1em;
}
.book-chapter #col-two {
width: 645px;
}
.book-chapter #col-one {
width: 150px;
padding: 0 0px;
overflow: hidden;
font: 0.65em verdana, arial, sans-serif;
}
.book-chapter #col-one ul {
margin: 0;
padding: 0;
}
.book-chapter #col-one li {
list-style: none;
color: black;
padding: 0;
margin: 0;
font-weight: bold;
font: 11px verdana, arial, sans-serif;
line-height: 19px;
margin-bottom: 0;
margin-top: 0;
}
.book-chapter li a:link, .book-chapter li a:visited, .book-chapter li a:active{
text-decoration: none;
color: black;
}
.book-chapter li a:hover {
text-decoration:underline;}
}
.book-chapter #col-one h3 {
margin: 0;
font-size: 1.3em;
}
.book-chapter #col-one p {
margin: 0;
}
.book-chapter #col-one p span {
display: block;
margin: 0;
}
.book-chapter h3 {
font: normal 1.1em arial, sans-serif;
padding: 2.5em 0 0 0;
margin: 0;
}
.book-chapter .heading h3 {
font: bold 0.8em arial, sans-serif;
}
.book-chapter h4 {
font: bold 1.5em arial, sans-serif;
color: #b50800;
padding: 0;
margin: 0 0 0.6em 0;
}
.book-chapter h4.solo {
margin-top: 2em;
}
.book-chapter .heading h4 {
margin: 0;
}
.book-chapter h4 em, .prose strong em {
font-weight: bold;
}
.footnote {
font-weight: bold;
margin-right: 0.2em;
}
.footnote-back {
font-size: 0.65em;
text-transform: uppercase;
}
hr.footnotes {
width: 50%;
}
.prose li {
margin-bottom: 1em;
}
.prose strong {
color: #000;
}
.next {
text-align: center;
margin: 3em 0;
}
.cite {
margin: 4em 10% 2em 10%;
text-align: center;
width: 80%;
}
.book-chapter blockquote {
margin-top: 20px;
text-align: right;
}
.book-chapter blockquote p {
margin: 0 0 4px 0;
padding: 0;
font-style: italic;
}
.book-chapter blockquote cite {
font-style: normal;
margin-top: 10px;
margin-bottom: 12px;
}
/* --
.buy {
float: right;
width: 50px;
text-align: center;
font-size: 0.65em;
font-family: Verdana, arial, sans-serif;
}
.book-chapter h2.page-title {
color: #000;
font-size: 1.5em;
line-height: 12px;
margin-bottom: 0;
clear: none;
}
.book-chapter h3.page-title {
color: #6699CC;
font-size: 1.2em;
clear: none;
margin-top: 0;
margin-bottom: 16px;
padding-top: 7px;
font: bold 1.2em Verdana,Helvetica,Arial,sans-serif;
}
.book-chapter .heading {
padding-left: 0;
}
.book-chapter .topmenu, .book-page .topmenu {
float: right;
clear: left;
margin-top: -1em;
}
.book-chapter .submenu li, .book-page .submenu li {
font-family: verdana, arial, sans-serif;
text-transform: none;
}
.book-chapter h3 {
font: normal 1.1em arial, sans-serif;
padding: 2.5em 0 0 0;
margin: 0;
}
.book-chapter .heading h3 {
font: bold 0.8em arial, sans-serif;
}
.book-chapter h4 {
font: bold 1.5em arial, sans-serif;
color: #b50800;
padding: 0;
margin: 0 0 0.6em 0;
}
.book-chapter h4.solo {
margin-top: 2em;
}
.book-chapter .heading h4 {
margin: 0;
}
.book-chapter h4 em, .prose strong em {
font-weight: bold;
}
.book-chapter blockquote {
margin-top: 20px;
text-align: right;
}
.book-chapter blockquote p {
margin: 0 0 4px 0;
padding: 0;
font-style: italic;
}
.book-chapter blockquote cite {
font-style: normal;
margin-top: 10px;
margin-bottom: 12px;
}
.prose {
margin: 0 35px;
}
.image {
text-align: center;
margin: 1em 0;
}
.footnote {
font-weight: bold;
margin-right: 0.2em;
}
.footnote-back {
font-size: 0.65em;
text-transform: uppercase;
}
hr.footnotes {
width: 50%;
}
.prose li {
margin-bottom: 1em;
}
.prose strong {
color: #000;
}
.next {
text-align: center;
margin: 3em 0;
}
.cite {
margin: 4em 10% 2em 10%;
text-align: center;
width: 80%;
}
-- */
/* -- style for Recommended Reading page -- */
.book-recommendations #col-two {
width: 280px;
}
.booklist li {
list-style: none;
padding: 0 0 2em 0;
margin: 0;
clear: both;
}
.booklist .price li {
clear: none;
padding: 0;
}
.booklist li .cover {
float: left;
}
.booklist h3 {
color: #6699cc;
margin-bottom: 0;
}
.booklist p {
font: 0.65em Verdana, Arial, sans-serif;
margin: 0;
}
.booklist ul.price {
margin: 1em 0;
}
.booklist ul.price li {
font: 0.75em Verdana, Arial, sans-serif;
text-align: right;
}
.booklist .buy {
width: auto;
}
.booklist del {
color: #ff0066;
}
.booklist ins {
font-weight: bold;
text-decoration: none;
}
/* -- style for Redish Foreword page -- */
.foreword p.rec {
font: bold 0.91em Verdana, Arial, sans-serif;
color: #6699CC;
margin: 0;
}
.foreword .heading {
margin: 0 0 1em 0;
}
.foreword .heading h2 {
margin: 0;
}
.foreword .booklist {
float: right;
width: 280px;
}
.foreword .prose h3 {
font-size: 1.1em;
margin: 1em 0;
}
.foreword .byline {
margin: 0 0 3em 0;
}
.foreword .byline p {
margin: 0;
text-align: right;
}
/* -- style for Workshops page -- */
.workshops-page #col-one {
width: 490px;
}
.workshops-page #col-two {
width: 280px;
}
.workshops-page #content-area .cover {
float: left;
margin: 0 30px 0 0;
}
.workshops-page h2.page-title {
color: #000;
font-size: 1.5em;
margin: 0;
clear: none;
}
.workshops-page h3.page-title {
color: #6699CC;
font-size: 1.2em;
clear: none;
margin: 0;
margin-bottom: 20px;
}
.workshops-page h3 {
margin-top: 16px;
margin-bottom: 2px;
}
.workshops-page .topmenu, .workshops-faq .topmenu, .workshops-register .topmenu, .workshops-city .topmenu {
float: right;
clear: left;
margin-top: -1em;
}
.workshops-page .column, .workshops-faq .column {
margin-top: 0.8em;
clear: right;
}
.workshops-page .submenu li, .workshops-faq .submenu li, .workshops-register .submenu li, .workshops-city .submenu li {
font-family: verdana, arial, sans-serif;
text-transform: none;
}
.workshops-page .schedule, .workshops-page .schedule li {
font: 0.8em verdana, arial, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}
.workshops-page .schedule li {
margin: 1.5em 0;
}
.schedule h3 {
font-size: 1.2em;
font-weight: normal;
margin: 0;
}
.schedule h4 {
font-size: 1.6em;
margin: 0;
}
.schedule p {
margin: 0;
}
p.price {
font-size:1.1em;
}
.workshops-page .register {
font: 12px verdana, arial, sans-serif;
margin: 1.5em 0;
}
.workshops-page .location, .workshops-page .location li {
font: 12px verdana, arial, sans-serif;
margin: 0;
padding: 0;
list-style: none;
line-height: 16px;
}
.workshops-page .location {
margin: 0.5em 0;
}
.extras-about {
font: 12.5px verdana, arial, sans-serif;
padding: 0;
margin: 0;
}
.extras-about p {
margin-bottom: 1.5em;
}
.extras {
font: 12px verdana, arial, sans-serif;
background: #ebebce;
padding: 10px;
margin: 0;
}
.extras p {
margin-bottom: 1.5em;
}
.extras ul, .extras li {
margin: 0;
padding: 0;
list-style: none;
}
.extras li {
margin-bottom: 1.5em;
}
.extras li p {
margin: 0;
}
/* -- style for Workshops FAQ -- */
.workshops-faq .topmenu {
margin: -1em 0 1em 0;
}
.workshops-faq h3 {
font-family: "Times New Roman", serif;
font-size: 1em;
margin-top: 16px;
margin-bottom: 2px;
}
/* -- style for Workshops Registration Page -- */
.workshops-register .topmenu {
margin: -1em 0 1em 0;
}
.workshops-register h2 {
color: #000;
background: none;
font-family: verdana, sans-serif;
font-size: 1.1em;
}
.workshops-register .column h2 {
background: #69C;
color: #FFF;
padding: 0.25em 0.25em 0.125em 0.25em;
margin: 1em 0 0 0;
font: bold 1em Helvetica, Arial, Verdana, sans-serif;
clear: both;
}
.workshops-register h3 {
text-transform: uppercase;
font-family: "Times New Roman", serif;
font-size: 1em;
}
/* -- style for Workshop City Pages -- */
.workshops-city .topmenu {
margin: -1em 0 1em 0;
}
.workshops-city #col-one {
text-align: center;
padding-top: 3em;
width: 200px;
}
.workshops-city #col-one img {
margin: 0.5em 0;
}
.workshops-city #col-one a {
display: block;
text-align: left;
font-size: 0.7em;
font-family: arial, sans-serif;
}
.workshops-city #col-one a img {
border: solid 2px;
}
.workshops-city #col-two {
width: 360px;
}
.workshops-city h2, .workshops-city h4 {
color: #ff3300;
background: none;
font-family: "Times New Roman", serif;
font-size: 1em;
padding: 0;
margin: 1em 0 0 0;
}
.workshops-city h3 {
font-size: 1em;
}
.workshops-city address {
margin: 0 0 1em 0;
}
.workshops-city strong {
color: #000;
}
/* -- Recommended Reading -- */
.recommended {
font-size:0.8em;
}
/* -- Footer -- */
#footer {
width: 800px;
margin: 0 auto 0 auto;
text-align: center;
clear: both;
padding: 24px 0 0 0;
}
.submenu {
margin: 0;
padding: 0;
}
.submenu li {
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
list-style: none;
text-transform: uppercase;
display: inline;
padding: 0;
margin: 0 0.75em;
}
.bottommenu {
margin: 0;
padding: 0;
}
.bottommenu li {
font: 11px Arial, Verdana, Helvetica, sans-serif;
list-style: none;
text-transform: uppercase;
display: inline;
padding: 0;
margin: 0 4px;
}
.bottommenu li a:link, .bottommenu li a:visited, .bottommenu li a:active{
text-decoration: none;
color: black;
}
.bottommenu li a:hover {
text-decoration:underline;}
}
.footer-homepage {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
text-align: center;
width: 800px;
margin: 3.5em auto 2.5em auto;
overflow: hidden;
}
.footer-homepage .motto {
font-weight: bold;
line-height: 1;
float: center;
width: 800px;
}
.footer-homepage .motto span {
display: block;
}
.footer-homepage .motto sup {
font-size: 10px;
}
.copyright {
clear: both;
font: bold 0.65em Arial, Verdana, Helvetica, sans-serif;
text-align: center;
margin-top: 1.75em;
margin-bottom: 1.75em;
color:gray;
width: 800px;
}
.motto {
clear: both;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
text-align: center;
margin: 1.2em auto;
width: 800px;
}
.to-clarify {
display: block;
font-weight: normal;
font-size: 0.95em;
}