{Title} The HTML-safe title of your blog.

{Description} The description of your blog. (may include HTML)

{MetaDescription} The HTML-safe description of your blog.

{BlogURL} Main URL for your blog.

{RSS} RSS feed URL for your blog.

{Favicon} Favicon URL for your blog.

{CustomCSS} Any custom CSS code added on your Customize page.

{block:PermalinkPage} {/block:PermalinkPage} Rendered on post permalink pages.

Useful for embedding comment widgets

{block:IndexPage} {/block:IndexPage} Rendered on index (post) pages.

{block:PostTitle}
{PostTitle}
{/block}:PostTitle} Rendered on permalink pages. (Useful for displaying the current post's title in the page title)
Example: <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>

{block:PostSummary}
{PostSummary}
{/block:PostSummary} Identical to {PostTitle}, but will automatically generate a summary if a title doesn't exist.

{PortraitURL-16} Portrait photo URL for your blog. 16-pixels by 16-pixels.
{PortraitURL-24} Portrait photo URL for your blog. 24-pixels by 24-pixels.
{PortraitURL-30} Portrait photo URL for your blog. 30-pixels by 30-pixels.
{PortraitURL-40} Portrait photo URL for your blog. 40-pixels by 40-pixels.
{PortraitURL-48} Portrait photo URL for your blog. 48-pixels by 48-pixels.
{PortraitURL-64} Portrait photo URL for your blog. 64-pixels by 64-pixels.
{PortraitURL-96} Portrait photo URL for your blog. 96-pixels by 96-pixels.
{PortraitURL-128} Portrait photo URL for your blog. 128-pixels by 128-pixels.

{CopyrightYears} Displays the span of years your blog has existed.

Use in cnonection with css Menu Wizard. Class has to be 'menu'

Canaonical Link
CSS Location

<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>tumblr</title>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<link rel="canonical" href="{{ tumblrCananical }}" />
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>
amp-sidebar {color:#fff;font-family:sans-serif;line-height:20px;}
amp-sidebar a{color:#fff;text-decoration:none;line-height:16px;}
amp-sidebar a:hover{color:#eee}
amp-sidebar {
background-color:#369;
width: 250px;
padding-right: 10px;
}
.amp-sidebar-image {
line-height: 100px;
vertical-align:middle;
}
.amp-close-image {
top: 15px;
left: 225px;
cursor: pointer;
}
amp-sidebar li {
margin-bottom: 20px;
list-style: none;
}
button {
margin-left: 20px;
}
.toggle {
background-color: #369;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
color: Menu;
border:1px solid #000;
background-image: url(images/button_bg.jpg);
}
.toggle:hover {
color:#eee;
background-color: #f00;
border:1px solid #000000;
background-image: url(images/button_bg_over.jpg);
} </style>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<link href="{{ tumblrCSS }}" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">

</div> </body>

<amp-sidebar id='sidebar'
layout="nodisplay"
side="right">
<amp-img class='amp-close-image'
src="https://mooseloose.com/images/moose.png"
width="20"
height="20"
alt="close sidebar"
on="tap:sidebar.close"
role="button"
tabindex="0"></amp-img>
<ul>
{block:HasPages}{block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages}
{/block:HasPages}
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">LOCATION</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</amp-sidebar>

</html>

JSON-LD Maker

Schema Markup Type

Event:

Event Type:

Name:

Event URL:

Description:

Start date and time:

End date and time:

Venue Name:

Venue URL:

Street Address:

City:

Region / Province / State:

Postal Code:

Country:

Offer Description:

Offer URL:

Offer Price:

Local Business:

Business Type:

Business Name:

Website URL:

Logo URL:

Image URL:

Business Description:

Street Address:

City:

Region / Province / State:

Postal Code:

Country:

Longitude:

Latitude:

Map URL:

Open Hours:

Monday

Tuesday

Wednesday

Thursday

Friday

Saturday

Sunday

Contact:

Telephone Number:

Organisation:

Select Organisation Type:

Organisation Name:

Website URL:

Logo URL:

Image URL:

Description:

Street Address:

PO Box:

City:

Region / Province / State:

Postal Code:

Country:

Longitude:

Latitude:

Map URL:

Open Hours:

Monday

Tuesday

Wednesday

Thursday

Friday

Saturday

Sunday

Contact Type:

Telephone:

Person:

Person's Name:

Job Title:

Website URL:

Street Address:

PO Box:

City:

Region / Province / State:

Postal Code:

Country:

Email Address:

Telepone Number (inc country code):

Date of Birth:

Product:

Brand:

Product Name:

Image URL:

Description:

Rating:

How many reviews is the rating based on?

Website:

Name:

Alternate Name:

URL:

Result:


div
div
div
div
div
div
div
div
div
div
div
div
Add CSS
	Nested css ⧪ #{{ div1 }} .nested, #{{ div2 }} .nested, #{{ div3 }} .nested, #{{ div4 }} .nested, #{{ div5 }} .nested, #{{ div6 }} .nested, #{{ div7 }} .nested, #{{ div8 }} .nested, #{{ div9 }} .nested, #{{ div10 }} .nested, #{{ div11 }} .nested, #{{ div12 }} .nested { {{ addcss }} }

index.html or index.php

{{div1 === "header" ? "#header{background-image:url();}":"" }} {{div1 === "footer" ? "#footer{background-image:url();}":"" }}

⧪

{{ branding }}.css

⧪

{{ cols01 }} + {{ cols02 }} + {{ cols03 }} + {{ cols04 }} + {{ cols05 }} + {{ cols06 }} + {{ cols07 }} + {{ cols08 }} + {{ cols09 }} + {{ cols10 }} + {{ cols11 }} + {{ cols12 }}

Path/Image
Alt/title
Alignment
Size
Link
Target

<h1>The Helen Keller Story [h1]</h1>

<p><strong>Helen Adams Keller [strong]</strong> (June 27, 1880 - June 1, 1968) was an American author, political activist, and lecturer. She was the first deafblind person to earn a bachelor of arts degree. The story of how Keller's teacher, Anne Sullivan, broke through the isolation imposed by a near complete lack of language, allowing the girl to blossom as she learned to communicate, has become widely known through the dramatic depictions of the play and film <em>The Miracle Worker [em]</em>. Her birthday on June 27 is commemorated as Helen Keller Day in the U.S. state of Pennsylvania and was authorized at the federal level by presidential proclamation by President Jimmy Carter in 1980, the 100th anniversary of her birth. [p]</p>

<h3>Early Life [h3]</h3>

<p>Helen Keller was born with the ability to see and hear. At 19 months old, she contracted an illness described by doctors as "an acute congestion of the stomach and the brain", which might have been scarlet fever or meningitis. The illness left her both deaf and blind. At that time, she was able to communicate somewhat with Martha Washington, the six-year-old daughter of the family cook, who understood her signs; by the age of seven, Keller had more than 60 home signs to communicate with her family. [p]</p>

<p>Keller explained that her motivation for activism came in part from her concern about blindness and other disabilities: [p]</p>

<blockquote> I was appointed on a commission to investigate the conditions of the blind. For the first time I, who had thought blindness a misfortune beyond human control, found that too much of it was traceable to wrong industrial conditions, often caused by the selfishness and greed of employers. And the social evil contributed its share. I found that poverty drove women to a life of shame that ended in blindness. [blockquote]</blockquote>

<h3>Posthumous Honors [h3]</h3>
<ul>
<li>In 2003, Alabama honored its native daughter on its state quarter. [ul] [li]</li>

<li>The <a href="http://helenkeller.com" target="_blank">Helen Keller Hospital [link]</a> in Sheffield, Alabama is dedicated to her.[ul] [li]</li>

<li>There are streets named after Helen Keller:[ul][li]</li>
<ol>
<li>Zurich [ol] [li]</li>
<li>Getafe [ol] [li]</li>
<li>Lod [ol] [li]</li>
<li>Lisbon [ol] [li]</li>
<li>Caen [ol] [li]</li>
</ol>
</li>

<li>A stamp was issued in 1980 by the United States Postal Service depicting Keller and Sullivan, to mark the centennial of Keller's birth.[ul] [li]
</li>
<li>On October 7, 2009, a bronze statue of Helen Keller was added to the National Statuary Hall Collection [ul] [li]</li>

</ul>

Branding

1280 1024 960 768 480 380 320

.align-right{float:right;margin:5px}
.align-left{float:left;margin:5px;}
.clearboth{clear:both;}
.nested {margin:10px;}
.twenty {width: 20%;height:auto}
.twentyfive {width: 25%;height:auto;}
.thirty {width: 30%;height:auto;}
.thirtyfive {width: 35%;height:auto;}
.forty {width: 40%;height:auto;}
.fortyfive {width: 45%;height:auto;}
.fifty {width: 50%;height:auto;}
.fiftyfive{width: 55%;height:auto;}
.sixty {width: 60%;height:auto;}
.sixtyfive {width: 65%;height:auto;}
.seventy {width: 70%;height:auto;}
.seventyfive {width: 75%;height:auto;}
.eighty {width: 80%;height:auto;}
.eightyfive {width: 85%;height:auto;}
.ninty {width: 90%;height:auto;}
.nintyfive {width: 95%;height:auto;}
.onehundred,.wp-post-image {width: 100%;height:auto;}

body { font-family:-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif; }

#header,
#footer,
#wrapper{
background-size:100%;position:relative;background-repeat:no-repeat;
}

#wrapper{margin-left:auto;margin-right:auto;}
#wrapper{ background-image:url(bg.jpg);background-repeat:repeat; }

.{{ branding }}1{width:8.3333333333333%;}
.{{ branding }}2{width:16.666666666667%;}
.{{ branding }}3{width:25%;}
.{{ branding }}4{width:33.333333333333%;}
.{{ branding }}5{width:41.666666666667%;}
.{{ branding }}6{width:50%;}
.{{ branding }}7{width:58.333333333333%;}
.{{ branding }}8{width:66.666666666667%;}
.{{ branding }}9{width:75%;}
.{{ branding }}10{width:83.333333333333%;}
.{{ branding }}11{width:91.666666666667%;}
.{{ branding }}12{width:100%;}

@media screen and (min-width: 0px) and (max-width: 479px)
{
.{{ branding }}1,
.{{ branding }}2,
.{{ branding }}3,
.{{ branding }}4,
.{{ branding }}5,
.{{ branding }}6,
.{{ branding }}7,
.{{ branding }}8,
.{{ branding }}9,
.{{ branding }}10,
.{{ branding }}11,
.{{ branding }}12 {
display:block;
float: none;
min-width: 100%;
}
#wrapper{ background-image:url(); }

.twenty,
.twentyfive,
.thirty,
.thirtyfive,
.forty,
.fortyfive,
.fifty,
.fiftyfive,
.sixty,
.sixtyfive,
.seventy,
.seventyfive,
.eighty,
.eightyfive,
.ninty,
.nintyfive,
.onehundred,.wp-post-image {width: 100%;height:auto;}

}

/* OOOOOOOOOOOOOOOOOOOOOOOOO PASTE STRUCTURAL CSS HERE OOOOOOOOOOOOOOOOOOOOOOOOO */

/* Links Color */
#wrapper a:link,#section a:visited,#section a:active{text-decoration:none; color:GREEN;}
#wrapper a:hover{ color:ORANGE; }

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE GREATER THAN 1280 PIXELS OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 7000px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:1280px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:38pt;}
#wrapper .nested h3{font-size:34pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:22pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE GREATER THAN 1280 PIXELS OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 1024 AND 1279 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 1279px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:1024px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:38pt;}
#wrapper .nested h3{font-size:34pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:22pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 1024 AND 1279 OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 960 AND 1023 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 1023px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:960px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:28pt;}
#wrapper .nested h3{font-size:24pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:16pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 960 AND 1023 OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 768 AND 959 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 959px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:768px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 768 AND 959 OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 480 AND 767 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 767px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:480px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:14pt;}
#wrapper .nested h3{font-size:12pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:10pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 480 AND 767 OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 380 AND 479 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 479px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:380px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 380 AND 479 OOOOOOOOOOOOOOOOOOOOOOOOO */

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 320 AND 379 OOOOOOOOOOOOOOOOOOOOOOOOO */

@media screen and (max-width: 380px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:320px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 320 AND 379 OOOOOOOOOOOOOOOOOOOOOOOOO */

Goes in Head

⧪

Put the Button in Nav

⧪

Nav flyout. Put way at the bottom of the HTML Page inside body tag

⧪

<!DOCTYPE html>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
echo " | $site_description";
?></title>
<link rel="SHORTCUT ICON" href="http://mooseloose.com/moose.ico"/>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script><script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<style amp-custom>
amp-sidebar {color:#fff;font-family:sans-serif;line-height:20px;}
amp-sidebar a{color:#fff;text-decoration:none;line-height:16px;}
amp-sidebar a:hover{color:#eee}
amp-sidebar {
background-color:#369;
width: 250px;
padding-right: 10px;
}
.amp-sidebar-image {
line-height: 100px;
vertical-align:middle;
}
.amp-close-image {
top: 15px;
left: 225px;
cursor: pointer;
}
amp-sidebar li {
margin-bottom: 20px;
list-style: none;
}
button {
margin-left: 20px;
}
.toggle {
background-color: #369;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
color: Menu;
border:1px solid #000;
background-image: url(images/button_bg.jpg);
}
.toggle:hover {
color:#eee;
background-color: #f00;
border:1px solid #000000;
background-image: url(images/button_bg_over.jpg);
}
</style>
</head>
<body <?php body_class($class); ?> >

<?php get_header(); ?>
<div id="wrapper">

</div>

<amp-sidebar id='sidebar'
layout="nodisplay"
side="right">
<amp-img class='amp-close-image'
src="http://mooseloose.com/images/moose.png"
width="20"
height="20"
alt="close sidebar"
on="tap:sidebar.close"
role="button"
tabindex="0"></amp-img>
<ul>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Navigation") ) : ?>
<?php endif; ?>
</ul>
</amp-sidebar>

<?php get_footer(); ?>

/*
Theme Name: NAME YOUR THEME
Theme URI: YOUR BUSINESS/PORTFOLIO SITE URL
Description: DESCRIBE YOUR THEME HERE
Author: YOUR NAME
Version: 1.0
License: GNU General Public LicenseTags:
*/

/*
W-W-W-W-W-W-W-W-W-W-W-W BEGIN UNIVERSAL WORDPRESS WIDGET STYLES W-W-W-W-W-W-W-W-W-W-W-W
*/

.cat-item a:link,/* ARCHIVES,PAGES,CATEGORIES LINKS */
.widget_recent_entries a:link,
.widget_archive a:link,
.widget_pages a:link,
.cat-item a:visited,
.widget_recent_entries li a:visited,
.widget_archive li a:visited,
.widget_pages a:visited {
list-style-type: none;
font-weight: normal;
color: #000;
margin-left: -40px;
text-decoration: none;
}
.cat-item a:hover,/* ARCHIVES,PAGES,CATEGORIES HOVER */
.widget_recent_entries li a:hover,
.widget_archive li a:hover,
.widget_pages a:hover {
font-weight: normal;
color: #369;
}
.textwidget {/* TEXT WIDGET */
}
.widgettitle {/* SPACE ABOVE/AROUND THE TITLE BLOCKS */
width: 100%;
margin-top: 10px;
list-style-type: none;
padding: 8px 2px;
background: #369;
color: white;
text-align: center}
li,
li.widget {
list-style-type: none;
}
#calendar_wrap {/* BOX THAT HOLDS WHOLE CALENDAR */
padding-left: 30px;
}
#calendar_wrap caption {/* CALENDAR MONTH LABEL */
font-weight: normal;
color: #369;
}
#calendar_wrap th {/* CALENDAR WEEKDAY LABEL */
font-weight: bold;
color: #000;
text-align: center;
padding: 1px}
#calendar_wrap td {/* CALENDAR DATES UNLINKED */
font-weight: normal;
color: #000;
text-align: center;
padding: 1px}
#calendar_wrap a:link {/* CALENDAR DATES LINKED */
font-weight: bold;
color: #369}
#calendar_wrap a:visited {/*CALENDAR DATES LINKED */
font-weight: bold;
color: #369}
#calendar_wrap a:hover {/* CALENDAR DATES LINKED */
font-weight: bold;
color: #000}
textarea {
background-color: #eee;
border: 1px solid #008800;
}
input {
background-color: #eee;
border: 1px solid #008000;
}
.screen-reader-text {
display: none;
}
#s {/* SEARCHBOX */
height: 22px;
width: 100%;
border: 1px solid #000;
padding: 3px;
}
#searchsubmit,
#submit {/* SEACH BUTTON LINK */
background-color: #369;
color: #ffffff;
border: 1px solid #000;
background-image: url(images/button_bg.jpg);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px;
}
#searchsubmit:hover,
#submit:hover {/* SEACH BUTTON HOVER */
background-color: #000;
}
.form-allowed-tags {
display: none}
.avatar {
display: none}

/*
W-W-W-W-W-W-W-W-W-W-W-W END UNIVERSAL WORDPRESS WIDGET STYLES W-W-W-W-W-W-W-W-W-W-W-W
*/

/*
OOOOOOOOOOOOOOOOOO BEGIN UNIVERSAL STYLES OOOOOOOOOOOOOOOOOO
*/

body { font-family:-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif; }

#header,
#footer,
#wrapper{
background-size:100%;position:relative;background-repeat:no-repeat;
}

#wrapper{margin-left:auto;margin-right:auto;}

@media screen and (min-width: 0px) and (max-width: 479px)
{
.{{ branding }}1,
.{{ branding }}2,
.{{ branding }}3,
.{{ branding }}4,
.{{ branding }}5,
.{{ branding }}6,
.{{ branding }}7,
.{{ branding }}8,
.{{ branding }}9,
.{{ branding }}10,
.{{ branding }}11,
.{{ branding }}12 {
display:block;
float: none;
min-width: 100%;
}
.twenty,
.twentyfive,
.thirty,
.thirtyfive,
.forty,
.fortyfive,
.fifty,
.fiftyfive,
.sixty,
.sixtyfive,
.seventy,
.seventyfive,
.eighty,
.eightyfive,
.ninty,
.nintyfive,
.onehundred,.wp-post-image {width: 100%;height:auto;}
}

/* Links Color */
#wrapper a:link,#section a:visited,#section a:active{text-decoration:none; color:GREEN;}
#wrapper a:hover{ color:ORANGE; }

/*
OOOOOOOOOOOOOOOOOO END UNIVERSAL STYLES OOOOOOOOOOOOOOOOOO
*/

/*
OOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1280 DEVICE WIDTH OOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1280 DEVICE WIDTH OOOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1280 DEVICE WIDTH OOOOOOOOOOOOOOOOOOO
*/

@media screen and (max-width: 7000px)
{

/*
W-W-W-W-W-W-W-W-W-W-W-W BEGIN RESPONSIVE WORDPRESS WIDGET STYLES OF 1280 DEVICE WIDTH W-W-W-W-W-W-W-W-W-W-W-W
*/

.textwidget {/* TEXT WIDGET */
font-size:12pt;
}

.widgettitle {/* SPACE ABOVE/AROUND THE TITLE BLOCKS */
width: 100%;
margin-top: 10px;
font-size: 14pt;
padding: 8px 2px;
}

#calendar_wrap {/* BOX THAT HOLDS WHOLE CALENDAR */
padding-left: 25px;
}
#calendar_wrap caption {/* MONTH LABEL */
font-size: 14pt;
}

#calendar_wrap th {/* WEEKDAY LABEL */
font-size: 14pt;
padding: 1px}

#calendar_wrap td {/* DATES UNLINKED */
font-size: 14pt;
padding: 1px}

#calendar_wrap a:link {/* DATES LINKED */
font-size: 14pt;
}

#calendar_wrap a:visited {/* DATES LINKED */
font-size: 14pt;
}

#calendar_wrap a:hover {/* DATES LINKED */
font-size: 14pt;
}

#s { /* SEARCHBOX */
height: 22px;
width: 100%;
padding: 3px;
}

#searchsubmit,#submit {/* SEACH BUTTON LINK */
margin: 5px;
}

/*
W-W-W-W-W-W-W-W-W-W-W-W END RESPONSIVE WORDPRESS WIDGET STYLES OF 1280 DEVICE WIDTH W-W-W-W-W-W-W-W-W-W-W-W
*/

/*
R-R-R-R-R-R-R-R-R-R BEGIN RESPONSIVE DETAILS FOR 1280 DEVICE WIDTH R-R-R-R-R-R-R-R-R-R
*/

#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:1280px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

#{{ Row01_div1 }},
#{{ Row01_div2 }},
#{{ Row01_div3 }},
#{{ Row01_div4 }},
#{{ Row01_div5 }},
#{{ Row01_div6 }},
#{{ Row01_div7 }},
#{{ Row01_div8 }},
#{{ Row01_div9 }},
#{{ Row01_div10 }},
#{{ Row01_div11 }},
#{{ Row01_div12 }}

}

/*
R-R-R-R-R-R-R-R-R-R END RESPONSIVE DETAILS FOR 1280 DEVICE WIDTH R-R-R-R-R-R-R-R-R-R
*/

/*
OOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1024 DEVICE WIDTH OOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1024 DEVICE WIDTH OOOOOOOOOOOOOOOOOO
OOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE 1024 DEVICE WIDTH OOOOOOOOOOOOOOOOOO
*/

@media screen and (max-width: 1280px)
{

/*
W-W-W-W-W-W-W-W-W-W-W-W BEGIN WORDPRESS WIDGET STYLES FOR 1024 DEVICE WIDTH W-W-W-W-W-W-W-W-W-W-W-W
*/