IN WP EDITOR:
.thumblistartists {
text-align:center;
}
.thumblistartists img {
border-radius: 12%;
}
<div class="thumblistaritsts">
(WP post list)

IN WP EDITOR:
.a-z {
width:130px;
}
.a-z img {
width:100px;
height:100px;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 8%;
}
<div class="thumbnail" style="width: 50%;">
<div class="a-z" style="float: right; padding: 0px 0px 0px 8px;"><img src="/wp-content/uploads/2010/03/pix_art103.jpg" width="100" height="100"></div>
<a>Archival techniques</a>
Allan Lamb, author of...</div>

IN WP EDITOR:
.divider
.thumblist
.thumlisttext
.author-name
{
As before
}

IN WP EDITOR:
.buyboxfull
{
As before
}
.col-md-12
{
Which stylesheet?
}
.row divider
{
Which stylesheet?
}
.col-md-12
{
Which stylesheet?
}

IN WP EDITOR:
.buyboxfull {
float: left;
width: 100%;
border: 1px solid #e0e0e0;
margin:0px 5px 5px 5px;
border-radius:4px;
}
.buyboxfull img {
float:left;
padding:0px 20px 8px 0px;
}
.buyboxform {
padding: 20px;
}
.buyboxfooter {
border-top: 1px solid #e0e0e0;
margin: 0;
font-size: 0.8em;
padding:8px 8px 8px 20px;
}
SPECIAL TABLE STYLE ON PAYPAL FORM, WHERE THERE ARE DROPDOWNS to narrow them so they sit next to the cover, not underneath:
table.paypal {
width: 220px;
border: 0;
}
table.paypal td {
padding: 0;
border: 0;
}

Book title h1 individual page

by AUTHOR author-name class

Buy “TITLE” directly from NAME divider

$NN-NN  download book in pdf format direct – you will receive an email. 

$12.00 – This style is set by edd Checkout Added to cart

There is a special .paypal style for dropdown tables

Ship to USA $45,00 USDShip to Canada & Mexico $65,00 USDShip to Rest of world $75,00 USD

More buying choices:

• The NN is set by .price
• The button has no styling
• The button has style “button”
• More buying choices is strong

Why buy it here? buyboxfooter
Buyboxfull is the first div that set the border and the image style. Then divider for title. Then buyboxform sets padding. Buyboxfooter sets border top, font size, margin and padding.

<td style="padding:16px 8px 16px 8px; border:0;">
or
<td style="padding:16px 8px 16px 8px; border:0; white-space:nowrap;">
when there is a no wrap on the button

IN WP EDITOR:
table, tr, th, td
.buyboxfull
buyboxfull img
.buyboxfooter{
As before
}

Blueprint… using inline styling on td

IN WP EDITOR:
.thumblist {
float:left;
width:240px;
padding:16px 16px 16px 16px;
}
.thumblist img {
display: block;
margin-left: auto;
margin-right: auto;
}
.thumblisttext {
float:left;
width:380px;
padding:4px 4px 4px 0px;
}
.thumblisttext img {
display: inline;
border:0px;
margin: 0px 8px 0px 0px;
}

IN WP EDITOR:
(thumbnail will be removed), thumbnail does not have images set to auto, and squeeze the image.)
.thumbnail .introbox 
.introbox {
float:left;
width:400px;
border-top:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
border-right:0px;
border-bottom:0px;
padding:24px 24px 24px 24px;
margin: 0px;
}
.introbox img {
float:left;
padding:0px 12px 0px 0px;
width:auto;
height:auto;
}

Use without punctuation, unless it’s a ? or !

IN WP EDITOR:
h1, h2, h3 {
color:#993333;
}

Use without punctuation, unless it’s a ? or !

IN WP EDITOR:
h1, h2, h3
{
As before
}

Also used on the first page as a link, but styled without the underline.

IN WP EDITOR:
h1, h2, h3
{
As before
}
.gum_post_grid_header.grid_heading h3 a {
text-decoration: none;
}

Used on pages when there are many levels of hierarky.

IN WP EDITOR:
h4
{
???
}

H5: Not in use.

H6: Not in use.

IN THEME STYLESHEET:
p
{
?
}

• These are not styled in WP editor.
• Unordered list item 2
• Unordered list item 3

Ordered list

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3

IN THEME STYLESHEET:
ul ol li
{
?
}

“Used to break up text. Write with quote marks.”

IN WP EDITOR:
.quote {
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
text-align:center;
font-style:italic;
font-weight:bold;
color: #330066;
}

Name Surname, used at the beginning of articles, and also on books for the authors name.

IN WP EDITOR:
.author-name {
font-style: italic;
padding-bottom: 8px;
}

.author-description: The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven

IN WP EDITOR:
<span class="author-description">Name surname...</span>

.author-description {
font-style: italic;
padding: 16px 0 16px 0;
border-top: 1px solid #e0e0e0;
}

$ NN-NN

IN WP EDITOR:
.price {
font-family:Georgia, Times New Roman, Times, serif;
font-size:36px;
margin:0px;
padding:0px;
line-height:80%;
float:left;
}

Intro in the beginning of articles. After goes the name of the author and then an hr.

Writer and photography / p class author-name

p: Body text, sometimes strong and sometimes emphasized.Articles always have an icon at the end.

There are sometimes notes after the article. class note.

Name Surname and a short bio of the person who contributed.

IN WP EDITOR:
.intro {
color:#000000;
font-size:120%;
line-height:150%;
}
<span class="ap_icon">.</span>
.ap_icon {
padding-right:15px;
background:url(/wp-content/uploads/2020/12/ap_icon_mini.png) no-repeat right;
}

This is a footer link This is a footer link with text-decoration:none.

Special links are used in footer, where they are white and not underlined, added inline: text-decoration:none

IN WP EDITOR:
a:link {
color:#1717A4;
}
a:hover {
text-decoration: underline;
}
a:visited {
color:#6027A2;
}

“Write WITH quotemarks, and use footer if relevant.”

IN WP EDITOR:
blockquote {
border-left:5px solid #e0f0fb;
}

<blockquote>"Quote"
<footer class="blockquote-footer">Name</footer>
</blockquote>

NSmaller headline P with class clearfix, followed by a span with class bigbold with the number, then a strong for a small headline. It needs to be a paragraph or two for it to look good.

IN WP EDITOR:
<p class="clearfix"><span class="bigbold">1</span><strong>Mixing the chemicals</strong>Body text.</p>

.clearfix
{
???
}
.bigbold {
font-size:60px;
float:left;
width:50px;
line-height:80%;
color:#ffcc66;
margin-right:26px;
letter-spacing:-0.1em;
font-weight:bold;
}

p class note: The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven

The note sits in text.

IN WP EDITOR:
.note {
font-size:11px;
line-height:170%;
}

p class red is used for a warning, something dangerous or extra hazardous.

Alert-danger is not working and should be removed.

IN WP EDITOR:
.red {
font-weight:bold;
color:#993333;
}

Used with a download link for pdf.

IN WP EDITOR:
.pdf {
padding-left:15px;
background:url(/grafix/icon_pdf.gif) no-repeat left;
}

IN WP EDITOR:
.divider {
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
margin: 0px 0px 16px 0px;
padding: 20px 10px 8px 2px;
border-bottom: 4px solid #ffcc66;
clear:both;
}

H2: The quick brown fox jumps over the lazy dog and feels as if he were in the seventh heaven

IN WP EDITOR:
h2
{
???
}

Yellow box, usually used in a table cell.

IN WP EDITOR:
.box {
background:#fffef7;
padding: 8px 24px 8px 24px;
border:solid 3px #993333;
}

.portrait. Image class portrait goes on the artists pages, and also on the open blog. See examples of artist page and example of open blog widget Our Bloggers and Community page listing writers.

IN WP EDITOR:
<div class="portrait">INSERT PORTRAIT and set to float right in editor at 150 pixels</div>
.portrait img {
border-radius: 50%;
}

IN WP EDITOR:
<div class="side-by-side">
Insert image and caption</div>
<div class="side-by-side">
Insert image and caption</div>
<div style="clear:both;">&nbsp;</div>
.side-by-side {
float:left;
padding:16px 32px 16px 0px;
}

IN THEME STYLESHEET: 
img - does the image have any styling?
{
?
}

table {
border-collapse:collapse;
border-spacing:0
border:0;
margin:16px 0 16px 0;
padding:16px;
width: 100%;
}
table tr {
border-top: solid 1px #e8e8e8;
}
table tr:last-of-type {
border-bottom: solid 1px #e8e8e8;
}
table th {
vertical-align:top;
text-align:center;
padding:8px;
border-left: solid 1px #e8e8e8;
}
table th:nth-child(1) {
border-left: none;
}
table td {
vertical-align:top;
text-align:left;
padding:8px;
border-left: solid 1px #e8e8e8;
}
table td:nth-child(1) {
border-left: none;
}
table.paypal {
width: 220px;
}
table.paypal tr {
border: 0;
}
table.paypal td {
padding: 0;
}

<table>
<thead>
<tr>
<th>The th is centered</th>
<th>it has no other text styling</th>
<th>any text style is by default</th>
</tr>
</thead>
<tbody>
<tr>
<td>The first td has special style removing border left. The last tr has special style adding border bottom.</td>
<td>The table also works without thead, th and tbody.</td>
<td>The table is used as base, and some individual styling on for example "our books" page with special style on td.</td>
</tr>
<tr>
<td>A middle row</td>
<td>All styles are set in stylesheet.</td>
<td>No first or last row or td needs to be set.</td>
</tr>
<tr>
<td>The</td>
<td>last</td>
<td>row. </td>
</tbody>
</tr>
</table>