/* PUBWRITER
=============================================================================*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,700,700italic&subset=latin);

@import url(https://fonts.googleapis.com/css?family=Lobster|Pacifico|Dekko|Special+Elite|Bungee);

@import url(https://fonts.googleapis.com/css?family=Yellowtail|Averia+Sans+Libre|Josefin+Sans|Julius+Sans+One|Racing+Sans+One);

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway';
}
p, div {
    font-family: 'Raleway';
}

html body {
	background-image: url(https://pubwriter.com/images/space.gif);
 }

h1 {
  text-align: center;
  font-size: 32px;
  color: black; }

div.black {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
}

/* Increase font size of bulleted and numbered lists */
li {
  font-size: 18px;
}
li span {
  font-size: 16px;
}

/* Don't print link hrefs */
@media print {
  a[href]:after {
    content: none
  }
}

/* Blockquotes */

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  text-align: justify;

  /*Borders - (Optional)*/
  border-left: 10px solid #27a2d5;
  border-right: 10px solid #27a2d5;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\2606"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: bold;
  color: #27a2d5;

  /*Positioning*/
  position: absolute;
  left: 15px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #fff;
  cursor: pointer;
  padding: 0 3px;
  color: #27a2d5;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}


/* Make All Images Responsive (& centered)
=============================================================================*/

img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}

/* bluylw DIV */

.bluylw{
  display:block;
  background: blue;
  padding: 20px 20px 20px 20px;
  margin: 0 0 20px;
  position: relative;

  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  color: yellow;
  text-align: justify;

  /*Borders */
 border-top: 5px solid yellow;
 border-bottom: 5px solid yellow;
 border-left: 5px solid yellow;
  border-right: 5px solid yellow;

  /*Box Shadow */
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}



/* PUBWRITER DIV
=============================================================================*/

/*--Set Container Color--*/

.pubwriter {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: black;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  background-color: #F5F5F5;
  opacity: 1;
}

.pubwriter summary,
.pubwriter .summary
  {
 font-family: 'Raleway';
  text-align: left;
  font-size: 32px;
  font-weight: bold;
  color: black; }

.pubwriter h1,
.pubwriter .h1
  {
 font-family: 'Raleway';
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: black; }

.pubwriter h2,
.pubwriter .h2
{
font-family: 'Raleway';
  font-size: 22px;
  font-weight: bold;
   text-align: center;
  color: blue;
  text-decoration: underline overline;
}

.pubwriter h3,
.pubwriter .h3
{
font-family: 'Special Elite';
  font-size: 20px;
  font-weight: bold;
  color: green;
}

.pubwriter p {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 200;
}
.pubwriter > hr {
  border-top-color: #d5d5d5;
}
.container .pubwriter,
.container-fluid .pubwriter {
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 6px;
}
.pubwriter .container {
  max-width: 100%;
}

/* FOOTER DIV
=============================================================================*/
  #footer  {
    list-style-type: none;
    padding: 0 0 1em;
    border-bottom: 2px solid #eee;
    font-size: 20px;
    text-align: center;
  }

  #footer a {
    color: #555;
    text-decoration: underline;
  }

  #footer a:hover {
    color: #c00;
  }


/*Set Container Width
=============================================================================*/

@media screen and (min-width: 768px) {
.pubwriter {
padding-top: 20px;
padding-bottom: 20px;
}
  .container .pubwriter,
  .container-fluid .pubwriter {
    padding-right: 60px;
    padding-left: 60px;
  }
  .pubwriter h1,
  .pubwriter .h1 {
    font-size: 32px;
  }
}

/*--Nav Bar Customization--*/

.pcolor {
  color: #27A2D5;
}
.top-nav {
  border:none;
}

/*Google Search CSS
=============================================================================*/

.gsc-result-info {
    text-align: left;
    color: #999;
    font-size: 12px;
    padding-left: 8px;
    margin: 10px 0 10px 0;
}
.gs-result .gs-title, .gs-result .gs-title *{
    color: #3083A3;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #0052FF;
    text-decoration: none;
}
.gs-result .gs-snippet {
    font: 12px Tahoma, Geneva, sans-serif;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    cursor: pointer;
    color: #07AD00;
    text-decoration: none;
    margin-right: 5px;
    display: inline;
    border: 1px solid #DDD;
    padding: 2px 5px 2px 5px;
}

/* Sidebar TOC
=============================================================================*/

nav[data-toggle='toc'] {
  margin-top: 30px;
}

/* small screens */
@media (max-width: 768px) {
  /* override the Affix plugin so that the navigation isn't sticky */
  nav.affix[data-toggle='toc'] {
    position: static;
  }

  /* PICK ONE */
  /* don't expand nested items, which pushes down the rest of the page when navigating */
  nav[data-toggle='toc'] .nav .active .nav {
    display: none;
  }
  /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
  nav[data-toggle='toc'] .nav .nav {
    display: block;
  }
}

/* RSS
=============================================================================*/


#rssdiv ul.rsswrapper li{
  margin-bottom: 15px;
}

#rssdiv a{
  font-weight: bold;
  color: brown;
}

#rssdiv span.rssdate{
  font: bold 14px Arial;
}

#rssdiv span.rsslabel{
  font-size: 80%;
  color: white;
  background: steelblue;
  padding: 3px;
  border-radius: 2px;
}

#rssdiv2{
  height: 100px;
	border: 1px solid orange;
  overflow: hidden;
}

#rssdiv2 ul.rsswrapper li{
  margin-bottom: 5px;
}

#rssdiv2 .rsstitle a{
  text-decoration: none;
}

#rssdiv2 span.rssdate{
  font: bold 12px Arial;
}