.time2 {
  font-style: italic;
  font-size: x-small;
}


/* RECENT */

.recent-container {
padding: 50px;
border: 1px dashed red;
margin-bottom: 100px;
background-color: #7FFFD4;
opacity: 1;
    transition: background-color 1s linear;
   -moz-transition: background-color 1s linear;
   -webkit-transition: background-color 1s linear;
   -ms-transition: background-color 1s linear;
}

.recent-container:hover {
   background-color: transparent;

      }

.recent-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: red;
  margin-bottom: 50px;
}

/* OFFICES */

article.maincolumn {
  border: 1px dashed blue;
  padding: 50px;
	display: inline-block;
  margin-top: 10px;
  text-align: center;
  vertical-align:middle;
  overflow: hidden;
    width: 200px;

}

/* EVERYDAY */

div.everyday {
  height:200px;
  overflow: auto;
  margin-top: 10px;
  border-bottom: green dashed 2px;
  margin-bottom: 10px;
  font-size: 80%;
}
div.everyday:first-letter {
  color: green;
  background-color: #EBEBEB;
}

.everyhomechild {
  margin-bottom: 50px;
  margin-left: 100px;
}

/* SHOP */
div.shopbannersurfatial {
text-align:left;
padding: 50px;
background-color: #333;
font-size: 36px;
color: white;

}
span.bannershopsurfatial {
	color: red;
	font-weight: bold;
}
div.shopbanner {
text-align:left;
padding: 50px;
background-color: #FFE303;
font-size: 36px;
}
span.bannershop {
	color: red;
	font-weight: bold;
}
section.shop-section {
  text-align: center;
}

.shoptags {
  margin-left: 50px;
  font-style: italic;
  font-size: small;
  color: green;
  font-weight: 400;
  text-decoration: none;
  background-color: #EBEBEB;
}
.intro {
  font-style: italic;
  font-size: 20px;
  color: pink;
  font-weight: 700;
  margin-right: 90px;
  margin-left:50px;
}
h1.shoph1 {
  font-weight: 100;
  color: blue;
  padding: 3px;
  margin-top: 100px;
  font-size: 24px;
  font-style: italic;
  text-align: center;
}

h1.shoph2 {
  font-weight: 100;
  color: blue;
  padding: 3px;
  margin-top: 100px;
  /*margin-left: 200px;*/
  text-align: center;
  font-size: 24px;
  font-style: italic;
}

article.shoptext {
text-align: left;
vertical-align: middle;
margin-left: 200px;
margin-right: 50px;
margin-bottom: 30px;
}

a.shoptitle {
text-decoration:underline;
color: black;
font-size: 24px;
padding: 10px;
}

a.im-checkout-btn {
margin-left: 5px;
}

article.shopa {
  border: 1px dashed red;
  padding: 10px;
	display: inline-block;
  width: 300px;
  height: 350px;
  margin-top: 10px;
  text-align: center;
  vertical-align:top;
  overflow: hidden;
}

.clear {
clear: both;
}

/* ---- */

span.zigma {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,1);
}


/* TITLE */

.titlea {
	letter-spacing:10px;
	font-weight:100;
}

/* CORES */

#processing-canvas {
  margin-top:  0px;
  margin-bottom:20px;
}
#article {
  margin-bottom: 100px;
}
article#f {
	width: 55%;
	margin-left: 30%;
}
article#cursed
{
	width: 55%;
	margin-left: 30%;
	margin-top: 100px;
}

/* */

.read1{ /* header b */
  color: rgb(208,32,144);
}
.read2{
  color: rgb(208,32,144);
  font-size: x-large;
}
.read3{
  font-size: x-large;
}
.read5{ /* header c */
  border-bottom: 3px rgb(208,32,144) solid;
}
.read6{ /* header d */
  color: rgb(208,32,144);
  background-color: rgb(208,32,144);
  padding: 0px;
}

/* CORE ITERATIONS */

.read7{ /* header e */
  color: green;
}
.read8 {
  color: black;
  background-color: black;
  padding: 0px;

}
.read9{ /* header f */
  color: green;
  background-color: green;
  padding: 0px;
}
/* RIFFS */

.red {
  color: red;
  font-weight: 600;
}

/* MAIN */

* {
  margin: 0px;
  padding: 0px;
}
html {
  height: 101%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: "Courier",Arial,sans-serif;
  font-size: 16px;
  line-height: 26px;
  background: #fff;
  color: #000;
  width: 80%;
  margin: 50px auto;
}
a {
  color: #222;
  text-decoration: none;
}
article a,
article a:hover,
article a:active,
article a:visited {
  color: red;
}
article a:hover {
  color: red;
}
a,
a:hover,
a:active,
a:visited {
  outline: 0px;
}
a:hover {
  color: red;
}
div.b {
  height:300px;
  overflow: auto;
  margin-top: 10px;
  border-bottom: #ff0000 dashed 2px;
  margin-bottom: 10px;
}
div.b:first-letter {
  color: blue;
  background-color: #EBEBEB;
}
div.mo-top {
  height:300px;
  overflow: auto;
  margin-top: 10px;
  border-bottom: #ff0000 dashed 2px;
  margin-bottom: 75px;
}
div.mo-top2 {
  margin-top: 10px;
  margin-bottom: 115px;
}

div.m {
  height:300px;
  overflow: auto;
  margin-top: 10px;
  border-bottom: #ff0000 dashed 2px;
  margin-bottom: 75px;
}
IMG.inline {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.footnotes {
  margin-top: 100px;
  margin-left: 25px;
  font-size: small;
  color: DarkCyan;
  font-style: italic;
}
div.slice{

}
.timec2 {
  font-style: italic;
  font-size: medium;
  color: blue;
  font-weight: 700;
  margin-right: 15px;
  margin-left: 15px;
}
.timec {
  font-style: italic;
  font-size: medium;
  color: orange;
  font-weight: 700;
  margin-right: 15px;
}
.timeb {
  font-style: italic;
  font-size: medium;
  color: green;
  font-weight: 700;
  margin-right: 15px;

}
.time {
  font-style: italic;
  font-size: x-small;
  color: green;
}
.byline {
  font-style: italic;
  font-size: x-small;
  color: black;
}
.tagblock {
  margin-left: 10px;
  font-style: italic;
  font-size: small;
  color: DeepPink;
  font-weight: 400;
  text-decoration: none;
  background-color: #EBEBEB;
}
.tagblock a {
  text-decoration: none;
}
.tagblockb {
  font-style: italic;
  font-size: small  ;
  color: DeepPink;
  font-weight: 400;
}
.tags{
  font-style: italic;
  font-size: small;
  color: green;
  font-weight: 200;
  text-decoration: none;
}
.tags a:hover {
  border-bottom: none;
}
.tags:after {
  content: ",";
}
.tags:last-of-type:after {
  content: " ";
}
.tagsb{
  font-style: italic;
  font-size: small;
  color: orange;
  font-weight: 200;
}
.tagsb:after {
  content: ",";
}
.tagsb:last-of-type:after {
  content: " ";
}
.homea {
  margin-bottom: 50px;
}
.homeb {
margin-bottom: 50px;
padding: 10px;
background-color: #f2f2f2;
border: dashed #ccc 2px;
}
img {
  outline: 0;
  border: 0;
}
h1 {
  font-size: 24px;
  line-height: 40px;
  color: #222;
  margin-bottom: 20px;
}
.taghead{
  font-size: 22px;
  font-weight: 050;
  letter-spacing:0.4em;
  line-height: 20px;
  color: blue;
  margin-bottom: 100px;
}
.tagheadt{
  font-size: 22px;
  font-weight: 100;
    letter-spacing:0.2em;

  line-height: 20px;
  color: #222;
  margin-bottom: 100px;
}

.title {
  font-size: 16px;
  font-weight: 100;
  letter-spacing:0.2em;
  line-height: 20px;
  color: red;
  margin-bottom: 36px;
}
.title a {
  color:DimGrey;
}
.title a:hover {
  color:#222;
}
.home {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  margin-bottom: 5px;
}
.recent {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  margin-bottom: 25px;
}
h1.column {
  font-size: 20px;
  font-weight: 400;
  color: #666;
  margin-bottom: 5px;
}
.homeimg {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  color: #666;
  margin-top: 10px;
  margin-bottom: 5px;
}
a.maintitle {
border-bottom: 2px dashed blue;
}
a.motitle {
border-bottom: 2px dashed blue;
font-size: 26px;
}
h2 {
  font-size: 28px;
  font-weight: normal;
  color: red;
  margin-bottom: 21px;
}
h2.column {
font-style: italic;
color: red;
margin-bottom: 50px;
font-size: 24px;
text-align: left;
}
div#f {
margin-bottom: 150px;
}
div#f h2 {
font-style: italic;
color: red;
margin-bottom: 21px;
font-size: 24px;
text-align: center;
}
h3 {
  font-weight: normal;
  font-size: 18px;
  color: red;
  margin-top: 21px;
  margin-bottom:21px;
}
div#f h3 {
  font-weight: normal;
  font-size: 18px;
  color: blue;
  text-align: center;
}
h4 {
  color: red;
  font-weight: normal;
}
p {
  margin-bottom: 20px;
}
p.phome {
margin-top: 10px;
}
p.titlefoot {
  color: DeepPink;
  margin-left: 50px;
  font-style: italic;
  margin-bottom: 5px;
  font-weight: 600;
 }
p.titlecursed {
  color: DeepPink;
  font-style: italic;
  margin-bottom: 5px;
  font-weight: 600;
 }
ul.ulfootB {
  color: blue;
  margin-left: 100px;
  margin-bottom: 25px;
}
ul.ulfootB a {
  color: blue;
}
ul.ulfoot {
  color: blue;
  margin-left: 100px;
}
ul.ulfoot a {
  color: blue;
}
ul.ulfoottwo {
  color: Darkviolet;
  margin-left: 50px;
}
ul.ulfoottwo a {
  color: Darkviolet;
}
ul.ulfoot2 {
  color: blue;
  margin-left: 150px;
}
ul.ulfoot2 a {
  color: blue;
}


span.pfw {
  color: blue;
  background-color: #EBEBEB;
}
nav {
  overflow: hidden;
  border-top: 1px dashed black;
  padding: 10px 0;
}
nav li {
  list-style: none;
  margin-right: 0px;
  font-weight: 300;
  float: right;
}
nav li a.active {
  color: red;
  border-bottom:2px solid;
}
li.active {
  color: red;
}
nav.submenu {
  border-top: 1px dashed black;
  margin-bottom: 20px;
}
nav.submenu-column {
  border-top: 1px dashed black;
  margin-bottom: 100px;
}
nav.submenu a {
  font-weight: normal;
  font-size: small;
}
nav.subsubmenu {
  border-top: 1px dashed black;
  margin-bottom: 20px;
}
nav.subsubmenu a {
  font-weight: normal;
  font-size: small;
}
nav.subsubsubmenu {
  padding-bottom: 20px;
}
nav.subsubsubmenu a {
  font-weight: normal;
  font-size: x-small;
}
nav.subsubsubsubmenu {
  border-top: 1px dashed black;
  padding-bottom: 20px;
  font-weight: normal;
  font-size: x-small;
}

section.content {
  margin-top: 40px;
}
section#j {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}
footer {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 200px;
  margin-bottom: 20px;
  border-top: 1px dashed black;
  color: #222;
}
footer a {
  color: red;
}
footer a:hover {
  color: #222;
}
li {
margin-left: 30px;
}
ul {
margin-left: 20px;

}
.prev {
float: right;
color:blue;
}
.next {
  float: left;
  color:blue;
}

p.detaila {
border-bottom: 1px dashed black;
padding-top: 20px;
padding-bottom: 20px;
}