/*
Theme Name: JeremyRyanPalmer_com_V23
Theme URI: http://jeremyryanpalmer.com
Version: 23
Date Launched: 10-28-2018
Last Edit: 10-28-2018
Author: Jeremy Ryan Palmer
Author URI: http://jeremyryanpalmer.com
*/

/* basic font at http://www.askapache.com/online-tools/figlet-ascii/

d8888b. d88888b .d8888. d88888b d888888b
88  `8D 88'     88'  YP 88'     `~~88~~'
88oobY' 88ooooo `8bo.   88ooooo    88
88`8b   88~~~~~   `Y8b. 88~~~~~    88
88 `88. 88.     db   8D 88.        88
88   YD Y88888P `8888Y' Y88888P    YP

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
  display: block;
}


.darkest {color:#261C21;}
.dark {color:#261C21;}
.light {color:#6E1E62;}
.text {color:#e1d6dc;}
.accent {color:#722E1D;}


/*

.88b  d88.  .d8b.  d888888b d8b   db
88'YbdP`88 d8' `8b   `88'   888o  88
88  88  88 88ooo88    88    88V8o 88
88  88  88 88~~~88    88    88 V8o88
88  88  88 88   88   .88.   88  V888
YP  YP  YP YP   YP Y888888P VP   V8P

*/

@media screen {

body {
  background: #261C21;
  font-size:24px;
  width:100%;
  }

b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #cccccc;
}
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

code {
  font: 1.0em/1.3em 'Average', serif;;
  color: #ccc;
  text-align:center;
  font-weight:400;
  text-indent:0px;
}

pre {
  background: #fff;
  padding: 0.7em;
  margin:1em 2em 1em 2em;
  text-align:center;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 16E1E62 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* make buttons play nice in IE:
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

table { margin-bottom: 1em; }
th {
  font-weight: bold;
  padding: 0 0.2em;
}
td { padding: 0 0.2em; }

/*

.88b  d88. d888888b .d8888.  .o88b.
88'YbdP`88   `88'   88'  YP d8P  Y8
88  88  88    88    `8bo.   8P
88  88  88    88      `Y8b. 8b
88  88  88   .88.   db   8D Y8b  d8
YP  YP  YP Y888888P `8888Y'  `Y88P'

*/

/* Clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*

d8888b. d888888b db    db .d8888.
88  `8D   `88'   88    88 88'  YP
88   88    88    Y8    8P `8bo.
88   88    88    `8b  d8'   `Y8b.
88  .8D   .88.    `8bd8'  db   8D
Y8888D' Y888888P    YP    `8888Y'

*/

#Row_1 {
	background:none;
	padding-top:10px;
	padding-bottom:10px;
}

#Row_2 {
	background:#cddfec;
	padding-top:20px;
	padding-bottom:20px;
}


/*

d888888b .88b  d88.  .d8b.   d888b  d88888b .d8888.
  `88'   88'YbdP`88 d8' `8b 88' Y8b 88'     88'  YP
   88    88  88  88 88ooo88 88      88ooooo `8bo.
   88    88  88  88 88~~~88 88  ooo 88~~~~~   `Y8b.
  .88.   88  88  88 88   88 88. ~8~ 88.     db   8D
Y888888P YP  YP  YP YP   YP  Y888P  Y88888P `8888Y'

*/

img {
  display: block;
	max-width: 100%;
	height: auto;
	width: auto;
  	margin-top:10px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-bottom:10px;
  	border: none;
}

/*

db      d888888b d8b   db db   dD .d8888.
88        `88'   888o  88 88 ,8P' 88'  YP
88         88    88V8o 88 88,8P   `8bo.
88         88    88 V8o88 88`8b     `Y8b.
88booo.   .88.   88  V888 88 `88. db   8D
Y88888P Y888888P VP   V8P YP   YD `8888Y'

*/

a  {
  text-decoration: none;
  }


/*

.d8b.  d8888b. d8888b.  .d88b.  db   d8b   db .d8888.
d8' `8b 88  `8D 88  `8D .8P  Y8. 88   I8I   88 88'  YP
88ooo88 88oobY' 88oobY' 88    88 88   I8I   88 `8bo.
88~~~88 88`8b   88`8b   88    88 Y8   I8I   88   `Y8b.
88   88 88 `88. 88 `88. `8b  d8' `8b d8'8b d8' db   8D
YP   YP 88   YD 88   YD  `Y88P'   `8b8' `8d8'  `8888Y'

*/

.arrow-down {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-top: 0.5em solid #bbbbbb;
}

.arrow-up {
width: 0px;
height: 0px;
margin-left:auto;
margin-right:auto;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-bottom: 0.5em solid #bbbbbb;
}

.darkest {color:#261C21;}
.dark {color:#261C21;}
.light {color:#6E1E62;}
.text {color:#e1d6dc;}
.accent {color:#722E1D;}

/*

db   db  d888b  d8888b.  .d88b.  db    db d8888b.
88   88 88' Y8b 88  `8D .8P  Y8. 88    88 88  `8D
88ooo88 88      88oobY' 88    88 88    88 88oodD'
88~~~88 88  ooo 88`8b   88    88 88    88 88~~~
88   88 88. ~8~ 88 `88. `8b  d8' 88b  d88 88
YP   YP  Y888P  88   YD  `Y88P'  ~Y8888P' 88

*/

hgroup {
  background:none;
  clear:both;
  top:0px;
  left:0;
  right:0;
  margin:auto;
  z-index:1000;
  }

hgroup h1 {
  font: 1.6em 'Neuton', serif;
  color: #6E1E62;
  font-weight: 800;
  letter-spacing:0pt;
  word-spacing: 0pt;
  display: block;
  border-radius: 0.4em;
  padding:0em;
  margin: 0px 0px 0.3em 0px;
  z-index:1000;
  }

hgroup h2 {
  font: 1em/1.4em 'Cormorant Garamond', serif;
  color: #6E1E62;
  position:relative;
  left:0;
  right:0;
  font-weight:300;
  letter-spacing: 0pt;
  word-spacing: 2pt;
  text-shadow:1px 1px 1px #6E1E62;
  padding:0.1em 0em 0.4em 0em;
  margin:0.1em 0em 0.4em 0em;
  z-index:1;
}

.synopsis {
  font: 1em/1.4em 'Neuton', serif;
  color: #555;
  background: none;
  font-style:normal;
  clear:both;
  padding:0.2em 0em 0.2em 0em;
  margin: 0.2em 5px 0.2em 5px;
  text-shadow: 1px 1px #ddd;
}

#tagline {}

   /*

   d8b   db  .d8b.  db    db
   888o  88 d8' `8b 88    88
   88V8o 88 88ooo88 Y8    8P
   88 V8o88 88~~~88 `8b  d8'
   88  V888 88   88  `8bd8'
   VP   V8P YP   YP    YP

   */

   /*------------------------------------*\
       Flaunt JS Navigation
   \*------------------------------------*/

   .nav {
   	position:relative;
   	display:inline-block;
   	width:100%;
   	top:0px;
   	font-size:20px;
   	list-style-type: none;
   	z-index:6001;
   	margin-bottom:30px;
   }
   .nav-list {
     	font: 1em/1.2em 'Neuton', serif;
     	color: #fdf7f7;
   	font-weight:400;
   	text-align:center;
   	text-shadow: 1px 1px 1px #1f0a0b;
   }
   .nav-item {
   	float:left;
   	*display:inline;
   	zoom:1;
   	position:relative;
   	list-style-type: none;
       border-right: 1px solid white;
       width: auto;
   }
   .nav-item a {
   	display:block;
   	color:#FFF;
   	padding:15px 10px;
   	background:#261C21;
   	border-bottom:2px solid #ffffff;
   	list-style-type: none;
   }
   .nav-item > a:hover {
   	background-color:#bbbbbb;
   	color:#FFF;
   }
   .nav-item:hover .nav-submenu {
   	display:block;
   }

   /* Navigation submenu */
   .nav-submenu {
   	display:none;
   	position:absolute;
   	text-align:center;
   	left:0;
   	width:300px;
   	list-style-type: none;
   }
   .nav-submenu-item a {
   	background:#461619;
   	color:#dddddd;
   	border-bottom:2px solid #ffffff;
   	display:block;
   	padding:13px 10px 13px 10px;
   }
   .nav-submenu-item a:hover {
   	background:#261C21;
   	color:#cccccc;
   }
   /* Mobile navigation */

   .nav-mobile:before {
   	color:#ffffff;
   	content:' Menu ';
   	text-shadow: 1px 1px 1px #bbbbbb;
   	}

   .nav-mobile {
   	display:none; /* Hide from browsers that don't support media queries */
   	cursor:pointer;
   	position:absolute;
   	top:0;
   	left:0;
   	background:#333333 url(http://jeremyryanpalmer.com/images/menu.svg) no-repeat right center;
   	background-size:32px;
   	background-position: 125px;
   	height:40px;
   	width:130px;
   	padding: 10px 30px 0px 40px;
   	margin: 0px 0px 0px 0px;
   	-moz-border-radius:0px 0px 30px 0px;
   	border-radius:0px 0px 30px 0px;
   }
   /* Mobile navigation, clickable area for revealing <ul> */
   .nav-click {
   	position:absolute;
   	top:0;
   	left:0;
   	display:none;
   	border-left:2px solid #cccccc;
   	height:40px;
   	width:120px;
   	cursor:pointer;
   }
   .nav-click i {
   	display:block;
   	height:40px;
   	width:40px;
   	background:url(http://jeremyryanpalmer.com/images/drop.svg) no-repeat center center;
   	background-size:20px;
   }
   .nav-click:hover {
   	background-color:#cccccc;
   }
   .nav-rotate {
   	-webkit-transform:rotate(180deg);
   	-moz-transform:rotate(180deg);
   	-ms-transform:rotate(180deg);
   	-o-transform:rotate(180deg);
   	transform:rotate(180deg);
   }

   /*------------------------------------*\
       Media Queries
   \*------------------------------------*/

   @media only screen and (min-width: 320px) and (max-width: 768px) {
   	.nav-mobile {
   		display:block;
   	}
   	.nav {
   		width:100%;
   		padding:50px 0 0;
   		font-size:26px;
   		font-weight:900;
   	}

   	.nav-list {
   		display:none;
   	}
   	.nav-item {
   		width:100%;
   		float:none;
   	}
   	.nav-item > a {
   		padding:15px;
   	}
   	.nav-click {
   		display:block;
   	}
   	.nav-mobile-open {
   		border-radius:5px 5px 0 0;
   		-webkit-border-radius:5px 5px 0 0;
   		-moz-border-radius:5px 5px 0 0;
   	}
   	.nav-item:hover .nav-submenu {
   		display:none;
   	}
   	.nav-submenu {
   		position:static;
   		width:100%;
   	}
   }

   /*

   d888888b  .d88b.  d8888b.        d8888b.  .d8b.  d8888b.
   `~~88~~' .8P  Y8. 88  `8D        88  `8D d8' `8b 88  `8D
      88    88    88 88oodD'        88oooY' 88ooo88 88oobY'
      88    88    88 88~~~   C8888D 88~~~b. 88~~~88 88`8b
      88    `8b  d8' 88             88   8D 88   88 88 `88.
      YP     `Y88P'  88             Y8888P' YP   YP 88   YD

   */

   .titlebar {
     background-color:none;
     position:fixed;
     top:0;
     left:0;
     margin:auto;
     padding: 0px 0px 0px 90px;
     z-index:-4000;
   }

   .searchbar {
     background:#261C21;
     position:fixed;
     top:0;
     left:0px;
     height:51px;
     width:100%;
     z-index:4500;
     border-bottom:2px solid #fff;
   }

   .searchtool {
     background: url(http://jeremyryanpalmer.com/images/search.svg) no-repeat;
     position: fixed;
     width: 28px;
     height:28px;
     top: 0;
     right:0;
     padding:3px;
     margin:8px;
     z-index:7000;
   }

   .homeicon {
     background: url(http://jeremyryanpalmer.com/images/home.svg) no-repeat;
     position: fixed;
     width: 23px;
     height:23px;
     top: 7px;
     left:7px;
     padding:3px 3px 3px 10px;
     margin: 4px 3px 3px 8px;
     z-index:4510;
   }

   .topicon {
     background: url(http://jeremyryanpalmer.com/images/top_icon.svg) no-repeat;
     position: fixed;
     width: 23px;
     height:23px;
     top: 7px;
     left:80px;
     padding:3px 3px 3px 10px;
     margin: 4px 3px 3px 8px;
     z-index:4510;
   }

/*

d88888b d888888b  d888b  db    db d8888b. d88888b
88'       `88'   88' Y8b 88    88 88  `8D 88'
88ooo      88    88      88    88 88oobY' 88ooooo
88~~~      88    88  ooo 88    88 88`8b   88~~~~~
88        .88.   88. ~8~ 88b  d88 88 `88. 88.
YP      Y888888P  Y888P  ~Y8888P' 88   YD Y88888P

*/

.logo {
  display: block;
  text-indent: -6E1E629px;
  width: 63px;
  height: 72px;
  background: url(http://jeremyryanpalmer.com/images/.svg);
  background-size: 63px 72px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

.logo_x2 {
  display: block;
  text-indent: -6E1E629px;
  width: 126px;
  height: 144px;
  background: url(http://jeremyryanpalmer.com/images/.svg);
  background-size: 126px 144px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0px;
}

figure {
  font-size:20px;
  padding:0em;
  margin:0em;
  text-align:center;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0.2em;
  -webkit-margin-end: 0.2em;
}

figcaption {
  font: 0.9em/1.2em 'Quicksand', sans-serif;
  color:#6E1E626E1E62;
  padding:0em;
  margin:0px 0.2em 2em 0.2em;
  text-align:center;
}

/*

.88b  d88. d88888b d8888b. d888888b  .d8b.
88'YbdP`88 88'     88  `8D   `88'   d8' `8b
88  88  88 88ooooo 88   88    88    88ooo88
88  88  88 88~~~~~ 88   88    88    88~~~88
88  88  88 88.     88  .8D   .88.   88   88
YP  YP  YP Y88888P Y8888D' Y888888P YP   YP

*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*

 .d88b.  db    db  .d88b.  d888888b d88888b .d8888.
.8P  Y8. 88    88 .8P  Y8. `~~88~~' 88'     88'  YP
88    88 88    88 88    88    88    88ooooo `8bo.
88    88 88    88 88    88    88    88~~~~~   `Y8b.
`8P  d8' 88b  d88 `8b  d8'    88    88.     db   8D
`Y88'Y8 ~Y8888P'  `Y88P'     YP    Y88888P `8888Y'

*/

blockquote {
  font:0.8em/0.9em 'Cormorant Garamond', serif;
  color: #bbbbbb;
  background: none;
  text-align:center;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:0;
  margin: 20px 0px 20px 0px;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

cite {
  font: 0.9em/0.9em 'Cormorant Garamond', serif;
  color: #dddddd;
  background: none;
  text-align: right;
  clear:both;

  font-weight:400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:18px 15px 15px 10px;
  margin:10px 5px 10px 10px;
  text-shadow:none;
}

article blockquote {
  font:0.8em/0.9em 'Cormorant Garamond', serif;
  color: #bbbbbb;
  background: none;
  text-align:center;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:0;
  margin: 0px 0px 20px 0px;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

article cite {
  font: 0.9em/0.9em'Cormorant Garamond', serif;
  color: #777;
  background: none;
  text-align: right;
  float: right;
  clear:both;
  font-weight:400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:18px 15px 15px 10px;
  margin:10px 5px 10px 10px;
  text-shadow:none;
}

article blockquote p {
  font:0.8em/1.2em 'Cormorant Garamond', serif;
  color: #bbbbbb;
  background: none;
  text-align:center;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:0;
  margin: 0px 0px 20px 0px;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

article cite p {
  font: 0.9em/1.1em 'Cormorant Garamond', serif;
  color: #dddddd;
  background: none;
  text-align: center;
  clear:both;
  font-weight:400;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:18px 15px 15px 10px;
  margin:10px 5px 10px 10px;
  text-shadow:none;
}

article blockquote i {
  font:0.8em/0.9em 'Cormorant Garamond', serif;
  color: #bbbbbb;
  background: none;
  text-align:center;
  font-weight: normal;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:0;
  margin: 0;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

article blockquote em {
  font:0.8em/0.9em 'Cormorant Garamond', serif;
  color: #bbbbbb;
  background: none;
  text-align:center;
  font-weight: normal;
  font-style:italic;
  clear:both;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  text-indent:0;
  padding:0;
  margin: 0;
  -moz-border-radius:none;
  border-radius:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}


/*

db      d888888b .d8888. d888888b
88        `88'   88'  YP `~~88~~'
88         88    `8bo.      88
88         88      `Y8b.    88
88booo.   .88.   db   8D    88
Y88888P Y888888P `8888Y'    YP

*/

article ol {
  font: 1em/1.4em 'Neuton', serif;
	color: #777777;
  text-align: justify;
  font-weight:200;
  text-indent:-0.4em;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding-left: 20px;
  margin:0.3em;
}

article li {
  font: 1em/1.4em 'Neuton', serif;
  text-align: justify;
  font-weight:200;
  text-indent:-0.4em;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding-left: 20px;
  margin:0.3em;

}

article p ul {
  background-color: #6E1E62;
  list-style-type: none;
}

article p ol {
  font: 1.2em/1.6em 'Cormorant Garamond', serif;
  color: #777777;
  position:relative;
  padding:0.3em;
  margin:0.2em 0.4em 0.2em 0.2em;
}

article p li {
  font: 1.2em/1.6em 'Cormorant Garamond', serif;
  text-align: left;
  font-weight:200;
  text-indent:-0.4em;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0.3em;
  list-style-type: none;
}

article p li a {
  color:#333;
  text-decoration:none;
}

article ul li:nth-child(odd) {
  background-color: #ffffff;
  color: #222222;
  padding:0.3em 0.3em 0.3em 0.3em;
  margin: 0em 0em 0em 0em;
  list-style-type: none;
}

article ul li:nth-child(even) {
  background-color: #888888;
  color: #ffffff;
  padding:0.3em 0.3em 0.3em 0.3em;
  margin: 0em 0em 0em 0em;
  list-style-type: none;
  text-shadow: 1px 1px #222222;
}

article ul li:nth-child(odd)  a {
  color:#333;
  text-decoration:none;
}

article ul li:nth-child(even) a {
  color:#fff;
  text-decoration:none;
}


/*

.d8888. d88888b  .o88b. d888888b d888888b  .d88b.  d8b   db
88'  YP 88'     d8P  Y8 `~~88~~'   `88'   .8P  Y8. 888o  88
`8bo.   88ooooo 8P         88       88    88    88 88V8o 88
  `Y8b. 88~~~~~ 8b         88       88    88    88 88 V8o88
db   8D 88.     Y8b  d8    88      .88.   `8b  d8' 88  V888
`8888Y' Y88888P  `Y88P'    YP    Y888888P  `Y88P'  VP   V8P

*/


section {
}


/*

.d8b.  d8888b. d888888b d888888b  .o88b. db      d88888b
d8' `8b 88  `8D `~~88~~'   `88'   d8P  Y8 88      88'
88ooo88 88oobY'    88       88    8P      88      88ooooo
88~~~88 88`8b      88       88    8b      88      88~~~~~
88   88 88 `88.    88      .88.   Y8b  d8 88booo. 88.
YP   YP 88   YD    YP    Y888888P  `Y88P' Y88888P Y88888P

*/

article {
  background:none;
  clear:both;
  padding:0px;
  margin:0px 0px 0px 0px;
}

article p  {
  font: 1em/1.4em 'Neuton', serif;
  color: #e1d6dc;
  background: none;
  font-style:normal;
  text-align:justify;
  clear:both;
  text-indent:2em;
  padding:0.2em 0em 0.2em 0em;
  margin: 0.2em 5px 0.2em 5px;
}

article strong {
  font-weight: 700;
  font-style: bold;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
}

article em {
  font-weight: 600;
  font-style: italic;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
}

/*

db   db d88888b  .d8b.  d8888b. d88888b d8888b.
88   88 88'     d8' `8b 88  `8D 88'     88  `8D
88ooo88 88ooooo 88ooo88 88   88 88ooooo 88oobY'
88~~~88 88~~~~~ 88~~~88 88   88 88~~~~~ 88`8b
88   88 88.     88   88 88  .8D 88.     88 `88.
YP   YP Y88888P YP   YP Y8888D' Y88888P 88   YD

*/

#article_title {
  font: 3em 'Neuton', serif;
  background:none;
  color: #6E1E62;
  font-weight: 800;
  text-align: center;
  text-indent:0em;
  letter-spacing: 1.3pt;
  word-spacing: -0.8pt;
  padding:5px;
  }

article h1 {
  font: 2.0em 'Neuton', serif;
  background:none;
  color: #6E1E62;
  font-weight: 800;
  text-align: center;
  text-indent:0em;
  letter-spacing: 0pt;
  word-spacing: 0pt;
  padding:0.7em;
  margin: 0em;
    }

article h1 em {
  font-family: 'Neuton', serif;
  background:none;
  color: #6E1E62;
  font-weight: 800;
  text-align: center;
  font-style:italic;
  letter-spacing: 0pt;
  word-spacing: 0pt;
    }

article h2  {
  font: 1.4em/1.3em 'Neuton', serif;
  color: #6E1E62;
  text-align: center;
  clear:both;
  font-weight: 600;
  text-indent:0;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0em 0em 0.7em 0em;
  margin:0em 0em 0.7em 0em;
}

article h3  {
  font: 1em/1.2em 'Neuton', serif;
  color: #6E1E62;
  text-align: center;
  clear:both;
  font-weight: 400;
  text-indent:0;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0em;
}

article h4  {
  font: 1em/1em 'Neuton', serif;
  color: #6E1E62;
  text-align: center;
  clear:both;
  font-weight: 300;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0.4em;
}

article h5  {
  font: 0.9em/1.2em 'Cabin', sans-serif;
  color: #6E1E62;
  text-align: center;
  clear:both;
  font-weight: normal;
  letter-spacing: 1.2pt;
  word-spacing: -0.8pt;
  padding:0.7em 0em 0.7em 0em;
  margin:0.7em 0em 0.7em 0.4em;
}

/*

d88888b  .d88b.   .d88b.  d888888b d88888b d8888b.
88'     .8P  Y8. .8P  Y8. `~~88~~' 88'     88  `8D
88ooo   88    88 88    88    88    88ooooo 88oobY'
88~~~   88    88 88    88    88    88~~~~~ 88`8b
88      `8b  d8' `8b  d8'    88    88.     88 `88.
YP       `Y88P'   `Y88P'     YP    Y88888P 88   YD

*/

footer {
  background:#261C21;
  color: #ccc;
  padding:auto;
  margin:auto;
  text-align: center;
  }

footer a {
  color: #e1d6dc;
  font: 0.7em 'Della Respira', serif;;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  text-shadow:none;
  height:auto;
  }

footer a:hover {
  color: #fff;
  background:none;
  font: 0.7em 'Della Respira', serif;;
  letter-spacing: .7pt;
  word-spacing: -0.8pt;
  height:auto;
  }

}


.darkest {color:#261C21;}
.dark {color:#261C21;}
.light {color:#6E1E62;}
.text {color:#e1d6dc;}
.accent {color:#722E1D;}


/*

.d8888. .88b  d88.  .d8b.  db      db
88'  YP 88'YbdP`88 d8' `8b 88      88
`8bo.   88  88  88 88ooo88 88      88
  `Y8b. 88  88  88 88~~~88 88      88
db   8D 88  88  88 88   88 88booo. 88booo.
`8888Y' YP  YP  YP YP   YP Y88888P Y88888P

*/

@media handheld, only screen and (max-width: 767px) {

/*===================*/
/*=== Main Styles ===*/
/*=== Mobile ========*/
/*===================*/

body {
  background: #261C21;
  font-size:22px;
  }

hgroup {
  background:none;
  clear:both;
  top:70px;
  left:0;
  right:0;
  margin:auto auto auto auto;
  z-index:1000;
  }

article {
  background:none;
  clear:both;
  padding:0em;
  margin:0em;
}

article p  {
  font: 1em/1.4em 'Neuton', serif;
  color: #333333;
  background: none;
  font-style:normal;
  text-align:justify;
  clear:both;
  text-indent:2em;
  padding:0px;
  margin: 10px 0px 10px 0px;
}

.titlebar {
  background-color:none;
  position:fixed;
  top:0;
  left:0;
  margin:auto;
  z-index:-4000;
}

.searchbar {
  background-color:#261C21;
  position:fixed;
  top:0;
  left:0;
  height:51px;
  width:100%;
  z-index:2000;
}

.searchtool {
  background: url(http://jeremyryanpalmer.com/images/search.svg);
  position: fixed;
  width: 30px;
  height:30px;
  top: 0;
  right:0;
  padding:3px;
  margin:3px;
  z-index:3000;
}

.logo_x2 {
  display: block;
  text-indent: -6E1E629px;
  width: 63px;
  height: 72px;
  background: url(http://jeremyryanpalmer.com/images/.svg);
  background-size: 63px 72px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

}

/*

.d8888. .88b  d88.  .d8b.  db      db      d88888b .d8888. d888888b
88'  YP 88'YbdP`88 d8' `8b 88      88      88'     88'  YP `~~88~~'
`8bo.   88  88  88 88ooo88 88      88      88ooooo `8bo.      88
  `Y8b. 88  88  88 88~~~88 88      88      88~~~~~   `Y8b.    88
db   8D 88  88  88 88   88 88booo. 88booo. 88.     db   8D    88
`8888Y' YP  YP  YP YP   YP Y88888P Y88888P Y88888P `8888Y'    YP

*/

@media handheld, only screen and (max-width: 624px) and (-webkit-min-device-pixel-ratio: 2) {

/*===================*/
/*=== Main Styles ===*/
/*=== Mobile ========*/
/*===================*/

body {
  background: #261C21;
  font-size:20px;
  }

hgroup {
  background:none;
  clear:both;
  top:0px;
  left:0;
  right:0;
  margin:auto auto auto auto;
  z-index:1000;
  }

.titlebar {
  background-color:none;
  position:fixed;
  top:0;
  left:auto;
  right:auto;
  width:200px;
  padding:1px auto 0px auto;
  margin: 3px 0px 0px 0px;
  z-index:2900;
}

.titlebartext {
  font: 20px 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 100;
  text-align:center;
  text-indent:0em;
  overflow:hidden;
  color:#cccccc;
}

.searchbar {
  background-color:#261C21;
  position:fixed;
  top:0;
  left:0px;
  height:41px;
  width:100%;
  z-index:2001;
}

.searchtool {
  background: url(http://jeremyryanpalmer.com/images/search.svg);
  position: fixed;
  width: 18px;
  height:18px;
  top: 3px;
  right:7px;
  padding:3px;
  margin: 4px 8px 3px 3px;
  z-index:3000;
}

}