/*=== BEGIN === WBB-css/Common.css============================================*/
/*--- BEGIN --- WBB-Webpage-Changeable-Section-Header-------------------------*/
div#Webpage-Changeable-Section-Header,
div.Webpage-Changeable-Section-Header-02
{ font-family:      Verdana, Arial, Helvetica, sans-serif;
  text-align:       center;
  color:            #990000;
  }
div#Webpage-Changeable-Section-Header   h1
{ font-variant:     small-caps;
  font-size:        1.75em;
  margin-top:       1.0em;
  }
div#Webpage-Changeable-Section-Header   h2
{ font-size:        1.25em;
  font-weight:      normal;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place
{ font-size:        1.0em;
  padding-top:      1.5em;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place   div.Left
{ float:            left;
  clear:            left;
  width:            13.0em;
  padding-right:     1.0em;
  text-align:       right;
  font-weight:      bold;
  }
div#Webpage-Changeable-Section-Header   div.Dates-Time-Place   div.Right
{ float:            left;
  padding-bottom:   1.0em;
  text-align:       left;
  }
/*--- BEGIN --- WBB-Webpage-Changeable-Section-Header---Images------*/
div#Webpage-Changeable-Section-Header   img
{ height:           143px;
  }
/*--- END ----- WBB-Webpage-Changeable-Section-Header---Images------*/
/*--- END ----- WBB-Webpage-Changeable-Section-Header-------------------------*/

/*--- BEGIN --- WBB-Webpage-Changeable-Section-Body---------------------------*/
div#Webpage-Changeable-Section-Body,
div#Webpage-Changeable-Section-Body-02
{ padding:          3em 3em 5em 3em;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        0.75em;
  text-align:       justify;
  }
div#Webpage-Changeable-Section-Body   h2
{ color:            #990000;
  }
div#Webpage-Changeable-Section-Body   li
{ padding:          0.5em;
  }
div#Webpage-Changeable-Section-Body      a,
div#Webpage-Changeable-Section-Body-02   a
{ color:            #990000;
  }
span.ul-Header
{ font-weight:      bold;
  }
/*--- END ----- WBB-Webpage-Changeable-Section-Body---------------------------*/

/*--- BEGIN --- Home-Page ----------------------------------------------------*/
/*--- BEGIN --- Google-Search --------*/
form#Google-Search   div.Radio-Buttons
{ padding-left:      4.0em;
  text-align:        left;
  line-height:       0.5em;
  }
form#Google-Search   div.Radio-Buttons   img
{ height:            16px;
  vertical-align:   -04px;
  margin:            0;
  }
form#Google-Search   div.Search-Field
{ margin-top:        0.75em;
  text-align:        center;
  }
form#Google-Search   div.Search-Field   input[type="text"]
{ background-color:  #E5E5DD;
  }
/*--- END ----- Google-Search --------*/
/*--- END ----- Home-Page ----------------------------------------------------*/


/*--- BEGIN --- Workshops ----------------------------------------------------*/
p.Workshop-Section-Header
{ color:         maroon;
  font-size:     1.40em;
  font-weight:   bold;
  padding-top:   2.0em;
  }
div.Workshop-2009-Autumn-images
{ clear:            left;
  padding-top:      1.0em;
  }
ul.Workshop-2008-Winter-Dates-List,
ul.Workshop-2008-Summer-Dates-List,
ul.Workshop-2009-Autumn-Dates-List,
ul.Workshop-2009-Autumn-01-Dates-List,
ul.Workshop-2010-Spring-01-Dates-List
{ list-style-type:       none;
  }
ul.Workshop-2008-Winter-Dates-List      div.Date,
ul.Workshop-2008-Summer-Dates-List      div.Date,
ul.Workshop-2009-Autumn-Dates-List      div.Date,
ul.Workshop-2009-Autumn-01-Dates-List   div.Date,
ul.Workshop-2010-Spring-01-Dates-List   div.Date
{ float:            left;
  margin-left:     -1.25em;
  font-size:        0.90em;
  text-align:       right;
  padding-right:    0.375em;
  padding-top:      1px;
  padding-bottom:   3px;
  background-color: rgb(255,235,205);
/*background-color: #F8F6F6;   *//* WBB Background Color */
  color:                      maroon;
  border:           1px solid maroon;
  }
ul.Workshop-2008-Winter-Dates-List      div.Topic,
ul.Workshop-2008-Summer-Dates-List      div.Topic,
ul.Workshop-2009-Autumn-Dates-List      div.Topic,
ul.Workshop-2009-Autumn-01-Dates-List   div.Topic,
ul.Workshop-2010-Spring-01-Dates-List   div.Topic
{ font-weight:      bold;
  }

ul.Workshop-2008-Winter-Dates-List      div.Date { width:        7.50em; }
ul.Workshop-2008-Winter-Dates-List      div.Topic{ padding-left: 7.00em; }

ul.Workshop-2008-Summer-Dates-List      div.Date { width:        5.25em; }
ul.Workshop-2008-Summer-Dates-List      div.Topic{ padding-left: 4.75em; }

ul.Workshop-2009-Autumn-Dates-List      div.Date { width:        8.50em; }
ul.Workshop-2009-Autumn-Dates-List      div.Topic{ padding-left: 8.00em; }

ul.Workshop-2009-Autumn-01-Dates-List   div.Date { width:        19.50em; }
ul.Workshop-2009-Autumn-01-Dates-List   div.Topic{ padding-left: 19.00em; }

ul.Workshop-2010-Spring-01-Dates-List   div.Date { width:        14.00em; }
ul.Workshop-2010-Spring-01-Dates-List   div.Topic{ padding-left: 13.50em; }


span.Quote-Author
{ padding-left:     25.0em;
  }
/*--- END ----- Workshops ----------------------------------------------------*/

/*--- BEGIN --- WBB-Footer----------------------------------------------------*/
p.WBB-Footer
{ font-family:   Verdana, Arial, Helvetica, sans-serif;
  font-size:     0.75em;
  }
p.WBB-Footer  a  
{ font-weight:   bold;
  color:         #990000;
  }
/*--- END ----- WBB-Footer----------------------------------------------------*/

/*--- BEGIN --- WBB-Call-For-An-Application-----------------------------------*/
div#Call-For-An-Application
{ margin-top:    4.0em;
  margin-bottom: 1.0em;
  width:         75%;
  }

div#Call-For-An-Application  img
{ height:          100px;
  vertical-align:  bottom;
  padding-right:   1.5em;
  }
div#Call-For-An-Application  p
{ text-align:      left;
  }
/*--- END ----- WBB-Call-For-An-Application-----------------------------------*/
  
/*--- BEGIN --- WBB-Payment-Options-------------------------------------------*/
img#Credit-Card-Logos
{ width:  169px;  height: 21px;
  vertical-align: middle;
  }
input#PayPal-Payment-Icon
{ border:         none;
  vertical-align: middle;
  }  
/*--- END ----- WBB-Payment-Options-------------------------------------------*/

/*--- BEGIN --- WBB-Staff-Revision-History------------------------------------*/
div#VRM-History-WhereBooksBegin-com-Staff
{ font-family:   Verdana, Arial, Helvetica, sans-serif;
  font-size:     1.0em;
  }
p#WWB-Staff-Page-Title
{ text-align:    center; 
  font-size:     1.5em; 
  font-weight:   normal; 
  font-variant:  small-caps;
  padding:       0.5em;
  color:         rgb(139,0,0);   /* rgb(139,0,0)="darkred", 
                                    as an SVG recognized color keyword name */
  }
tr.Directory
{ font-size:        0.85em; 
  vertical-align:   bottom;
  }  
tr.Directory  div
{ text-align:       left;
  background-color: rgb(255,245,230);   /* (white + blanchealmond)/2 */
  }
/*--- END ----- WBB-Staff-Revision-History------------------------------------*/

/*--- BEGIN --- WBB-webpages/index-new-Changeable-Section.shtml --------------*/
table.Home-Page-Table
{ font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        0.75em;
  width:            690px;
  height:           388px;
  color:            #444444;
  background-color: #CCCCCC;
  border-style:     none;
  }
table.Home-Page-Table   a
{ color:            #666666;
  }
/*--- END ----- WBB-webpages/index-new-Changeable-Section.shtml --------------*/

/*--- BEGIN --- Team-Biographies-Changeable-Section.shtml---------------------*/
/*--- BEGIN --- Images-With-"Offset-Borders"--------------*/
div.Team-Biography-Photo-float-left,
div.Team-Biography-Photo-float-right{ margin-bottom:0.7em; background-color:#D3D3D3/*LightGrey*/; }
div.Team-Biography-Photo-float-left { float:left;  margin-right:2.0em; }
div.Team-Biography-Photo-float-right{ float:right; margin-left :2.0em; }

div.Team-Biography-Photo-float-left   img,
div.Team-Biography-Photo-float-right  img{ position:relative; bottom:-0.5em; padding:1px; border:2px solid #A9A9A9/*DarkGrey*/; }
div.Team-Biography-Photo-float-left   img{ left:+0.5em; }
div.Team-Biography-Photo-float-right  img{ left:-0.5em; }

img.Flexior-George { width:  100px; }
img.Murphy-Kim     { width:  125px; }
img.Jarrah-Chad    { height: 090px; }
/*--- END ----- Images-With-"Offset-Borders"--------------*/
img.Team-Biography-Photo-float-right
{ float:             right;
  padding-left:      2.0em;
  }
img.Team-Biography-Photo-float-left
{ float:          left;
  padding-right:  2.0em;
  }
span.Job-Title-Holder
{ font-size:    1.15em;
  font-weight:  bold;
  }
/*--- END ----- Team-Biographies-Changeable-Section.shtml---------------------*/

/*--- BEGIN --- Contact-Us----------------------------------------------------*/
.Contact-Us
{ font-size:         1.15em;
  margin-left:       10%;
  margin-right:      10%;
  }
ul.Contact-Us  li
{ margin-top:        2.0em;
  margin-bottom:     2.0em;
  list-style-image:  url( ../WBB-images/WBB-Favicon.ico );
  }
ul.Contact-Us  div
{ padding-bottom:    0.5em;
  font-style:        italic;
  }
/*--- END ----- Contact-Us----------------------------------------------------*/

/*--- BEGIN --- Ordered-&-Unordered-Lists-------------------------------------*/
ul.Our-Services-ul,
ul.Our-Fees-ul,
ul.Your-Book-On-The-Internet-ul,
ol.Ten-Myths-About-Writing,
ul.Workshop-2009-Autumn
{ padding-right:     2.0em;
  }
ul.Our-Services-ul               li   span:first-child,
ul.Our-Fees-ul                   li   span:first-child,
ul.Your-Book-On-The-Internet-ul  li > span:first-child,
ol.Ten-Myths-About-Writing       li   span:first-child
{ font-variant:      small-caps;
  font-style:        oblique;
  font-size:         110%;
  margin-left:                           -0.5em;
  padding:           0.2em  0.5em  0.1em +0.5em;
  background-color:  rgb(255,235,205);
/*background-color:  #F8F6F6;   *//* WBB Background Color */
  }
ul.Our-Services-ul  li  ol,
ul.Our-Fees-ul      li  ol
{ margin-top:        0.2em;
  margin-bottom:     1.0em;
  padding-right:     3.0em;
  text-align:        left;
  }
ul.Our-Services-ul  li  ol  li,
ul.Our-Fees-ul      li  ol  li
{ margin-bottom:    -0.5em;
  }  
/*--- END ----- Ordered-&-Unordered-Lists-------------------------------------*/

/*--- BEGIN --- Sub-Indices --------------------------------------------------*/
a.Absent-Friends-Index,
a.Books-We-Like-Index,
a.Success-Stories-Index,
a.Workshops
{ font-size:         1.70em;
  text-align:        center;
  }
div.img-float-left,
div.img-float-right
{ text-align:        center;
  font-size:         80%;
  color:             #990000;
  background-color:  #EEEEEE;
  padding-bottom:    5px;
  border:            1px solid #CCCCCC;
  }

div.img-float-left { float: left;  margin-right: 2em; }
div.img-float-right{ float: right; margin-left:  2em; }

div.img-float-left   p,
div.img-float-right  p{ margin: 2px 7px 1px 7px; }

/*--- END ----- Sub-Indices --------------------------------------------------*/

/*--- BEGIN --- YouTube-Video ------------------------------------------------*/
div.YouTube-Video-float-right { float:right; margin-left:2em; margin-top:1em; }

div.YouTube-Video-float-right   object
{ min-width:         345px;
  min-height:        282px;
  }
/*--- BEGIN --- YouTube-Video ------------------------------------------------*/

/*--- BEGIN --- Where-Parties-Begin-------------------------------------------*/
div.Where-Parties-Begin-left,
div.Where-Parties-Begin-right
{ margin-bottom:     2.5em;
  width:             250px;
  padding-bottom:    0;
  text-align:        left;
  color:             #990000;
  background-color:  #EEEEEE;
  }
div.Where-Parties-Begin-left { float: left;  margin-left:  2em; clear: left; }
div.Where-Parties-Begin-right{ float: right; margin-right: 2em;              }

div.Where-Parties-Begin-left   p,
div.Where-Parties-Begin-right  p
{ margin:            0;
  padding:           0.50em  1.00em  1.25em  1.00em;
  font-size:         0.90em;
  border:            1px solid #CCCCCC;
  }
/*--- END ----- Where-Parties-Begin-------------------------------------------*/

/*--- BEGIN --- /Books-We-Like------------------------------------------------*/
div.The-Bridge-over-the-River-Kwai-Book-Cover
{ margin-bottom:     3.0em;
  text-align:        center;
  }
div.The-Bridge-over-the-River-Kwai-Book-Cover   img
{ height:            400px;
  }
/*--- END ----- /Books-We-Like------------------------------------------------*/

/*--- BEGIN --- Book-Review-Girl-with-a-Pearl-Earring-------------------------*/
div#Webpage-Changeable-Section-Header   img#Book-Review-Girl-with-a-Pearl-Earring-Book-Cover,
div#Webpage-Changeable-Section-Body     img.Books-We-Like-Book-Cover
{ float:             left;
  padding:           2px;
  border:            1px solid #CCCCCC;
  }
div#Webpage-Changeable-Section-Header   img#Book-Review-Girl-with-a-Pearl-Earring-Book-Cover
{ margin-left:       2.50em;
  height:            243px;
  }
div#Webpage-Changeable-Section-Body     img.Books-We-Like-Book-Cover
{ margin-right:      2.50em;
  height:            400px;
  }
div.Webpage-Changeable-Section-Header-02
p#Book-Review-TOC
{ font-size:         90%;
  }
div.Webpage-Changeable-Section-Header-02
p#Book-Review-TOC   a,
p.Section-Title
{ color:             #990000;
  }
/*--- END ----- Book-Review-Girl-with-a-Pearl-Earring-------------------------*/

/*--- BEGIN --- WBB-Absent-Friends/-------------------------------------------*/
div.Absent-Friends-Image-left,
div.Absent-Friends-Image-right
{ text-align:        center;
  padding-bottom:    0;
  color:             #990000;
  background-color:  #EEEEEE;
  border:            1px solid #CCCCCC;
  }
div.Absent-Friends-Image-left { float: left;  margin-right: 2em; }
div.Absent-Friends-Image-right{ float: right; margin-left:  2em; }

div.Absent-Friends-Image-left    img,
div.Absent-Friends-Image-right   img
{ margin:            2px;
  }
div.Absent-Friends-Image-left    p,
div.Absent-Friends-Image-right   p
{ margin:            5px 2px 10px 2px;
  font-size:         0.90em;
  text-align:        left;
  }
/*--- END ----- WBB-Absent-Friends/-------------------------------------------*/

/*--- BEGIN --- General-Style-Classes-----------------------------------------*/
abbr{ cursor:   help; }

.bold      { font-weight:  bold;       }
.italic    { font-style:   italic;     }
.oblique   { font-style:   oblique;    }
.small-caps{ font-variant: small-caps; }

.Greek
{ font-family:    /*Palatino Linotype,*/
                    Cardo, Vusillus Old Face, Arial Unicode MS,
                    Georgia Greek, Athena Roman, Athena, Athena Unicode, Code2000,
                    TITUS Cyberbit Basic, Aisa Unicode, Lucida Sans Unicode;
  letter-spacing:   0.10em;
 }
.font-size-125-percent{ font-size:  125%; }

.float-left       { float:left;  }
.float-left-clear { float:left;  clear:left;  }
.float-right      { float:right; }
.float-right-clear{ float:right; clear:right; }
.clear-left       { clear:left;  }
.clear-right      { clear:right; }

.display-inline   { display: inline; }

.margin-left-60{ margin-left: 60%; }

.text-align-left  { text-align:left;   }
.text-align-center{ text-align:center; }
.text-align-right { text-align:right;  }

span.Job-Title,
span.WBB-Name-In-Text-Emphasis,

h2.Our-Services-h2,
h2.Our-Fees-h2,
h2.Code-40x-Message
{ font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size:    1.25em;
  font-weight:  bold;
  color:        #990000;
  padding:      0.5em;
  }
span.WBB-Name-In-Text-Emphasis
{ padding-left: 0;
  padding-right:0;
  }  
span.WBB-Name-In-Text-01
{ font-weight:  bold;
  }
a.WBB-Webpage-Title
{ font-variant:      small-caps;
  }
div.Horizontal-Rule
{ clear:          both;
  margin-top:     1.0em;  border-top-width:    1px;
  margin-bottom:  1.0em;  border-bottom-width: 1px;
  border-style:   solid;
  border-color:   #CCCCCC;
  }
div#WBB-Staff-Revision-History div.Horizontal-Rule
{ border-color:   #FFA500;/*orange;*/
  }
div.Webpage-Bottom-Space
{ margin-top:     8em;
  }
body
{/*background-color:   #F8F6F6;   /* WBB Background Color */
   background-color:   #F4F0F0;   /* WBB Background Color */
  }
/*--- END ----- General-Style-Classes-----------------------------------------*/
/*=== END ===== WBB-css/Common.css============================================*/