S&F Style Sheet by

/* Text and fonts */
/* I can't be bothered right now to set up alternate color schemes for the 'Followers', 'Siege of Castle Rend', and 'Appendices' sections of the book. If you want to change the colors to match those sections instead of the 'Strongholds' section, step 1 is to find all instances of '#b13424' and change them to what you want the new color scheme to look like. */
.phb h1{font-family:"LongbowBB"; color:#000000; font-size:80px;text-align:center}
.phb h2, .phb h3, .phb h4{font-family:"ModestoW01-LightText"; color:#b13424}
.phb h2, .phb h3{font-variant:small-caps}
.phb h3{border-bottom:2px solid #b13424}
.phb {font-family:"Droid Serif"; font-size:11px}
.phb table {font-family:"Gotham"; font-variant:small-caps}
.phb a {color:#ac7539}
.phb p { text-align: justify; }
.phb .descriptive{
    background-color:#b13424;
    border-style:solid;
    border-width:12px;
    border-image:url('https://www.gmbinder.com/images/SymmcwG.png') round;
    border-image-slice:20 30;
    border-image-width:20px;
    border-image-outset:2px;
}
.phb .descriptive h2{color:#d5d6ce;text-align:center}
.phb .descriptive p{font-family:"Gotham";font-weight:600;color:#d5d6ce}
.phb p{line-height: 15.1px;}
.phb blockquote p{line-height: 14px}
.exText {font-family: "Gotham"; color: #b13424; margin-left:16px;margin-right:16px;}
.phb h2{line-height: 26px;font-size:24px;font-variant:all-small-caps}
.phb h3{line-height: 18px;padding-bottom: 2px;border-bottom:0px;font-size:18px;font-variant:normal}
.phb h4{font-family:"Gotham";font-weight:600;line-height: 18px;font-size:20px;padding-bottom:2px;border-bottom:2px solid;text-align:center;font-variant:all-small-caps}
.phb h5{line-height: 18px;font-family:"Gotham";font-size:14px;color: #b13424;font-style:italic;font-weight:600}
th, td {line-height: 14px;}

/* Background */
  .phb{ background-image: url('https://www.gmbinder.com/images/x9JnZ3U.png') }
  .phb{ background-size: cover }

/* Tables */
  table tr:nth-child(odd) td {background-color: #cccccc}

/* Footer */
  .phb .pageNumber {color: rgba(0, 0, 0, 0.5)}
  .phb .footnote {color: rgba(0, 0, 0, 0.5)}
  .phb:nth-child(odd):after{ 
    content          : '';
    position         : absolute;
    bottom           : 0px;
    left             : 0px;
    z-index          : -1;
    height           : 200px;
    width            : 816px;
    background-image : url('');
    background-size  : cover;
}

.phb:nth-child(even):after{ 
    content          : '';
    position         : absolute;
    bottom           : 0px;
    left             : 0px;
    z-index          : -1;
    height           : 200px;
    width            : 816px;
    background-image : url('');
    background-size  : cover;
}

/* Page Number */
.phb .pageNumber{
    font-family: "ModestoW01-LightText";
    font-weight: 600;
    position   : absolute;
    bottom     : 30px;
    width      : 50px;
    text-align : center;
}
.phb:nth-child(even) .pageNumber{
    left      : 12px;
}
.phb:nth-child(odd) .pageNumber{
    right      : 12px;
}

.phb .pageNumber.auto{
    position   : absolute;
    bottom     : 41px;
    width      : 50px;
    text-align : center;
}
.phb:nth-child(even) .pageNumber.auto{
    left      : 12px;
}
.phb:nth-child(odd) .pageNumber.auto{
    right      : 12px;
}

/* Tables */
table tr:nth-child(odd) td { background-color: #eccebe; }
.phb hr+section blockquote tr:nth-child(odd) td {background-color:transparent; }

/* Block quotes */
.phb section blockquote {background-color: #eccebe}
.phb blockquote h5 {line-height: 18px;font-family:"ModestoW01-LightText";text-align:center;font-variant:all-small-caps;font-size:18px;color:#b13424;font-style:normal;font-weight:600}
.phb hr + section blockquote tr:nth-child(odd) td {background-color: transparent;}
.phb blockquote{background-color:#eccebe;border-width:5px;border-image-outset:5px 0px; box-shadow:0px 0px 0px 3px #eccebe;}
.phb blockquote {border-image: url('https://www.gmbinder.com/images/g5NqkKd.png') }
.phb blockquote {font-family:"Gotham";color:#b13424}
.phb blockquote strong {font-family:"Gotham"}
.phb blockquote em {font-family:"Gotham"}
.phb section blockquote{
    border-style:solid;
    padding-top:16px;
    padding-bottom:24px;
    border-image:url('https://www.gmbinder.com/images/vDEP6tI.png') 12 round;
    border-image-slice:62 0;
    border-image-width:16px;
    border-image-outset:0px;
}

/* Class Tables */
.phb .classTable table tr:nth-child(odd) td { background-color: #f7f6f1; }

.phb .classTable{
    margin-top:16px;
    margin-bottom:32px;
    border-collapse:separate;
    background-color:#eccebe;
    border:initial;
    border-style:solid;
    border-image-outset:10px 18px;
    border-image-repeat:round;
    border-image-slice:180 200 180 200;
    border-image-source:url('https://www.gmbinder.com/images/hyvHfv7.png');
    border-image-width:36px
}

/* Stat blocks */
.phb hr+section blockquote {
    position: relative;
    padding-top: 15px;
    padding-bottom: 12px;
    background-color: #ffffff;
    border-style: solid;
    background-image: url('https://www.gmbinder.com/images/g5NqkKd.png');
    border-image: url('https://www.gmbinder.com/images/g5NqkKd.png');
    background-position: center;
    border-width: 0px;
    border-image-slice: 0;
    box-shadow:0px 0px 0px 3px #41689e;
    color:#000;
}
.phb hr+section blockquote h2 {
    font-family: "Gotham";
    font-size:16px;
    color:#000000;
    font-variant:normal;
    margin-top: -8px;
    margin-bottom: 0
}
.phb hr+section blockquote h2+p {
    padding-bottom: 0
}
.phb hr+section blockquote h3 {
    font-family: "Gotham";
    font-weight: 200;
    font-size:14px;
    border-bottom: 0px solid #fff;
    color:#000;
}
.phb hr+section blockquote hr+ul {
    color: #000
}
.phb hr+section blockquote hr+ul strong{
    color: #b13424;
    font-variant:small-caps;
}
.phb hr+section blockquote ul {
    font-family: "Gotham";
    padding-left: 1em;
    font-size: .352cm
}
.phb hr+section blockquote ul em {
    font-family: "Gotham";
    font-style: italic
}
.phb hr+section blockquote ul strong {
    font-family: "Gotham";
    font-weight: 800;
    letter-spacing: -0.02em
}
.phb hr+section blockquote hr+table {
    margin: 0;
    column-span: 1;
    background-color: transparent;
    border-style: none;
    border-image: none;
    -webkit-column-span: 1
}
.phb hr+section blockquote hr+table thead th {
    padding-top: .3em;
    background-color: #b13424;
    color: #fff
}
.phb hr+section blockquote hr+table tbody td + td {
    border-left:2px solid #b13424;
}
.phb hr+section blockquote hr+table tbody tr:nth-child(odd),
.phb hr+section blockquote hr+table tbody tr:nth-child(even) {
    background-color: transparent
}
.phb hr+section blockquote table {
    color: #b13424
}
.phb hr+section blockquote p+p {
    margin-top: 0;
    text-indent: 0;
    margin-bottom: 7px;
    text-align:left;
}
.phb hr+section blockquote hr {
    visibility: visible;
    height: 2px;
    margin: 4px 0;
    background-image: url('https://www.gmbinder.com/images/Dm5Ximf.png');
    background-size: 100% 100%;
    border: none
}

.phb hr+hr+section blockquote {
    column-count: 2;
    column-fill: balance;
}

</style>

# Header 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

## Header 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

### Header 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

</div>

> ##### Block quote header
> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\columnbreak

## Descriptive Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

</div>

#### Header 4

| D100 | Follower | 
|:---:|:---|
| 01–04 | Regular Medium Infantry (Size 1d10), Unit |
| 05–07 | Seasoned Heavy Infantry (Size 1d6), Unit |
| 18–19 | Seasoned Medium Archers (Size 1d8), Unit |
| 20 | Seasoned Heavy Archers (Size 1d6), Unit |
| 21 | Siege Engine (Size 1d4), Unit |
| 22 | Swordmaster (3rd Level), Retainer |
| 23 | Tinker (3rd Level), Retainer |
| 24–25 | Justicar (3rd Level), Retainer |
| 26–27 | Magistrate (3rd Level), Retainer |
| 28 | Acolyte of the Blade (3rd Level), Retainer |
| 29 | Healer (5th Level), Retainer |
| 30–32 | Tracker (5th Level), Retainer |
| 51–55 | Cavalier (7th Level), Retainer |
| 56–57 | Mason |
| 58–59 | Carpenter |
| 60–62 | Miner |
| 63–64 | Farmer |
| 65–67 | Blacksmith |
| 68–72 | Captain |
| 73–77 | Elf Ambassador |
| 78–81 | Dwarf Ambassador |
| 91 | Hobgoblin Ambassador |
| 92 | Orc Ambassador |
| 93–100 | Roll on the Special Allies table (*S&F* p. 67) |

</div>

##### Header 5

\pagebreakNum

___
> ## Monster Name
>*Size, Alignment*
> ___
> - **ARMOR CLASS** AC
> - **HIT POINTS** Hitpoints
> - **SPEED** Speed
>___
>|STR|DEX|CON|INT|WIS|CHA|
>|:---:|:---:|:---:|:---:|:---:|:---:|
>|Str (Mod)|Dex (Mod)|Con (Mod)|Int (Mod)|Wis (Mod)|Cha (Mod)|
>___
> - **SAVING THROWS** Saving_Throws
> - **SKILLS** skills
> - **DAMAGE VULNERABILITIES** Damage_Vulnerabilities
> - **DAMAGE RESISTANCES** Resistances
> - **DAMAGE IMMUNITIES** Damage_Immunities
> - **CONDITION IMMUNITIES** Condition_Immunities
> - **SENSES** Senses
> - **LANGUAGES** Languages
> - **CHALLENGE** Challenge and Xp
> - **PROFICIENCY** Proficiency_bonus
> ___
>
> ### Actions
> ***Multiattack.*** The Creature Name makes Number and type of attacks
>
> ***Ability Description.*** *Attack Style:* Attack Bonus to hit, Reach/Range, one target. *Hit:* Damage Damage Type damage
>
> ***General Ability Description.*** General Attack Description