/*=== 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: #000; } div#Webpage-Changeable-Section-Header h1 { font-variant: small-caps; font-size: 1.75em; margin-top: 1.0em; color:#000; font-family:'trebuchet ms'; } 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: #000; } 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: 20.50em; } ul.Workshop-2009-Autumn-01-Dates-List div.Topic{ padding-left: 20.00em; } ul.Workshop-2010-Spring-01-Dates-List div.Date { width: 14.50em; } ul.Workshop-2010-Spring-01-Dates-List div.Topic{ padding-left: 14.00em; } 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: #000; 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: #000; 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: #000; } /*--- 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; margin-bottom: 10px; color: #000; 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: #000; 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============================================*/