/* Fonts
------------------------------------------------ */

@font-face {
 font-family: 'VT323';
 font-style: normal;
 font-size: 11px;
 src: url(https://fonts.gstatic.com/s/vt323/v10/pxiKyp0ihIEF2isfFJDUdVNF.ttf) format('truetype');
}

@font-face {
 font-family: 'Lobster';
 font-style: normal;
 font-weight: 400;
 src: url(https://fonts.gstatic.com/s/lobster/v21/neILzCirqoswsqX9zoKmNoMwWJU.ttf) format('truetype');
}

/* Content
----------------------------------------------- */
body {
 color: #000000;
 background:  url("/style/image/picture_window.jpg") repeat-x fixed top center;
 height: auto;
 overflow-x: hidden;
 font-family: 'VT323', monospace;
}

html body {
  min-width: 0;
  max-width: 100%;
  width: auto;
  margin: 0;
}

a:link {
  text-decoration:none;
  color: #2b60de;
}

a:visited {
  text-decoration:none;
  color: #adbcff;
}

a:hover {
  text-decoration: none; background: #00eeef; padding: 3px
  color: #657491;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -goog-ms-border-radius: 5px;
  border-radius: 5px;
}

.desktop .outer-body {
  background: transparent url(/style/image/black50.png) repeat scroll top left; }

.outer-body {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -goog-ms-border-radius: 2px;
  border-radius: 2px;

  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}

.inner-body {
 padding: 0;
 margin: 0;
} 

/* Header
----------------------------------------------- */
.header-outer {
background: transparent none repeat-x scroll top left;
_background-image: none;
color: #dedeff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.header-inner {
 margin: 2px 7px 2px;
 padding: 2px;
}


/* Blog Post
----------------------------------------------- */
.post-title {
 font: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
 margin-top: .5em;
 margin-bottom: .5em;
 width: 240px;
}
.post-main-thumbnail {
 float:left;
 margin: .4em .5em 0 0;
}
.post-main-thumbnail img { width: 72px !important; }

.mobile-index-arrow {
 font: 45pt Arial bold;
 display:-webkit-box;
 -webkit-box-align: center;
 height: 100%;
 line-height: .3em;
 position: absolute;
 top: 0;
 right: 0;
}

.post-outer, #PopularPosts1 ul li { border: solid 5px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 5px;
-goog-ms-border-radius: 0;
-o-border-radius: 0;
}

.post-outer {
 border-bottom: none;
 background: transparent none repeat scroll top center;
 padding: 2px;
 margin-bottom: 5px;
}

.post-list a { color: #9acdff; }

.post-outer:nth-child(1), .post-outer:nth-child(5n+1) {
 background: url(https://resources.blogblog.com/blogblog/data/1kt/transparent/white80.png) repeat scroll top left;
 color: #7a7a7a;
 border-color: #d9d9d9;
}
.post-outer:nth-child(1n+0) a { color: #2b60de; }
#PopularPosts1 ul li:nth-child(1n+0) { background-color: #7f38ec; color: #ffffff; border-color: #893bff; }
#PopularPosts1 ul li:nth-child(1n+0) a { color: #7a7a7a; }
.post-outer:nth-child(2n+0), #PopularPosts1 ul li:nth-child(2n+0) {
 background-color: #ff69b4;
 color: #ffffff;
 border-color: #de4290;
}
.post-outer:nth-child(3n+0), #PopularPosts1 ul li:nth-child(3n+0) {
 background-color: #ff1016;
 color: #ffffff;
 border-color: #c31016;
}
.post-outer:nth-child(4n+0), #PopularPosts1 ul li:nth-child(4n+0) {
 background-color: #000000;
 color: #ffffff;
 border-color: #333333;
}
.post-outer:nth-child(5n+0) {
 background-color: #7f38ec;
 color: #ffffff;
 border-color: #893bff;
}
#PopularPosts1 ul li:nth-child(5n+0) {
 background-color: #f0f0fa;
 color: #000000;
 border-color: #d9d9d9; }
.post-outer:nth-child(5n+0) .post-outer a { color: #2b60de; }

.post-inner {
 border: none;
 padding: 10px;
}

.post-body {
 font-size: 110%;
 position: relative;
}

.readmore-link, .readmore-comment-count, .comments .comment-actions > a, .comments .comment-actions span a {
 display: inline-block;
 text-align: right;
 padding: 5px 2px;
 border: 2px solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-goog-ms-border-radius: 5px;
}
.readmore-link, .comment-count {
 background: #2bde60;
 border-color: #48c78a;
 margin: 2px 0px 2px 0px; }
.readmore-link a  { color: #4a4a5c; }
.readmore-comment-count {
 background: #ff1016;
 border-color: #c31016;
}
.readmore-comment-count a, .comment-count a { color: #ffffff; }



/* Misc
----------------------------------------------- */


/* Footer
----------------------------------------------- */
#powered-by {
 background: #5c94fc url(https://3.bp.blogspot.com/-Zmdb5JE2AcY/WZIbbGo5pbI/AAAAAAAAAL0/y9tlhlnlzrcHdkmfstD7IagJWssYqoC-gCLcBGAs/s1600/mar_FOOT.png) bottom repeat-x;
 max-width: 100%;
 width: auto;
 height: 165px;
 padding: 5px;
 border: 1px #6ca4ff solid;
}
#powered-by .p-by-span {
 padding: 2px;
 border: 1px #8f8f8f solid;
 border-radius: 5px;
 color: #fafafa;
 margin: 2px 2px 5px 2px;
 display: inline-block; }
#powered-by .pby-template { background: #de2b60;  }
#powered-by .pby-pby { background: #00386a;  }
#powered-by .pby-copyright { background: #3bb9ff; }