/*

-----------------------------------------------

Template based on Minima Black by

SubLunar

2023v2.1.b

----------------------------------------------- */









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

#main-wrapper, .post, .comments{width:74%!important; overflow:hidden;}

#pagesphotomenu p  {font-size:0.5em}

#pagesphotomenu img  {width:125px;}

/*.sidebar {width:100%; overflow:hidden;}*/

}

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

#main-wrapper, .post, .comments{width:76%!important; overflow:hidden;}

#pagesphotomenu p  {font-size:3em}

#pagesphotomenu img  {width:150px;}

}

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

}

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

#outer-wrapper{overflow:hidden!important;width:98%!important;padding:0;}

#main-wrapper, .post, .comments {width:78%!important; overflow:hidden;}

.comments .comments-content {width:78%!important;}

#pagesphotomenu img  {width:225px;}

#pagesphotomenu p  {font-size:8em}

#sidebar-wrap{float:none;margin:0 auto}

}



body {

background: #000000;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: top center;

background-size: cover;

margin:0;

color:#cccccc;

font-size: 100%;

text-align: center;

}

a:link {

  color:#99aadd;

  text-decoration:none;

  }

a:visited {

  color:#aa77aa;

  text-decoration:none;

  }

a:hover {

  color:#aadd99;

  text-decoration:underline;

}

img {

padding: 5px;

display: block;

margin: 0 auto;

max-width: 100%;

height: auto;

}



#bgx img {

z-index: -200;

position: fixed;

width: 100%;

height: 100%;

top: 0;

left: 0;

}





.navcont img.logo {

    height: 48px;

}

.navcont nav {

display:flex;

   background: #000;

   width: 95%;

   height: 3em;

   margin: 0 auto;

  position: relative; 

  top: 0;

  left: 0;

  right: 0;

  justify-content: space-between;

  align-items: center;

  font-family: arial;

  font-size: 0.69em;

  }



  .navcont nav ul{

    display: flex;

    list-style: none;

    background-color:#000;

    padding: 0;

    width: 100%;

    }



    .navcont nav ul li{

        width: 50%;

    }



    .navcont nav ul li text{

        color: #aaa;

     }



    .navcont nav a{

        text-decoration: none;

        color: #aaa;

        font-weight:bold;

    }



    .navcont nav a:hover {

        color: #fff;

    }



#infonav {

	position: absolute;

	width: 80%;

	margin-left: 10%;

        margin-right: auto;

	left: 0px;	

	top: 0px;

}

#infonav ul {



	list-style: none;

	height: 10%;

	display: inline;

}

#infonav ul li {

	display: inline;

	margin: 0; padding: 0 0 0 3%;

}

#infonav ul li a {



	margin: 0;	padding: 0 5%;

	font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;

	text-decoration: none;	

	color: #555555;	

	text-transform: uppercase;

}

#infonav ul li a:hover, 

#infonav ul li a:active {

	color: #eee;

	background: transparent;

	border: none;

}

#infonav ul li#current a {	

	color: #EEEEEE;	

}





/* Header

-----------------------------------------------

 */



#infowrap {

	width: 100%;

	margin-left: auto;

        margin-right: auto;

	text-align: left;		

}



#header-wrapper {

overflow-wrap: normal;

width:69%;

  margin:auto;

min-width:360px;

  border:1px solid #333333;

  }



#infoheader {



	width: 100%;	

	height: 130px;

	margin-left: auto;

        margin-right: auto;			

}



#infoheader h1#logo-text {

	position: relative;

	width: 100%;	

	height: 70px;

	margin: 0 auto;	

	padding: 0;

	font: bold 65px "Lucida Console", Monaco, monospace;

	letter-spacing: -1.5px;

	color: #F8F8F8;

	text-decoration: none;

	text-transform: none;

	border-bottom: 0px solid #8e2323;

	border-top: 0px solid #8e2323; 

	background-image: url(logo-expanded-transparent.png);	

	background-repeat:no-repeat;

	background-position:center;

        background-size:contain;	

	background-color: #000000;

	/* change the values of top and left to adjust the position of the logo*/

	top: 35%; left: 0px;

	/* top: 35px; left: 0px; height: 70px;*/

		

}



#header {

text-align: center;

  margin: 5px;

  border: 1px solid #333333;

  color:#cccccc;

}



#header h1 {

overflow-wrap: normal;

margin:0.5em 1em 0;

padding:0.5em 1em .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: 1.5em 'Helvetica', sans-serif;

font-weight: 700;

}

#header a {

overflow-wrap: normal;

  color:#cccccc;

  text-decoration:none;

  }



#header a:hover {

  color:#cccccc;

  }



#header .description {

  text-align: center;

  margin:0 5px 5px;

  padding:0 20px 15px;

  max-width:100%;

  text-transform:uppercase;

  letter-spacing:.2em;

  line-height: 1.4em;

font: bold 78% 'Trebuchet MS', sans-serif;

color: #777777;

 }

#header img {

margin-left: auto;

margin-right: auto;

}

/* Headings

----------------------------------------------- */



h1, h2, h3 {

	font-family: Times New Roman, serif;

}



h2 {

  margin:1.5em 0 .75em;

font:normal bold 78% Times New Roman, serif;

  line-height: 1.4em;

  text-transform:uppercase;

  letter-spacing:.2em;

  color:#777777;

}

h3 {

font-size:1.8em;

  color:#aadd99;

}



h3 a:link {

color:#aadd99;

text-decoration:none;

}

h3 a:visited {

color:#aadd99;

text-decoration:none;

}

a:hover {

color:#eeeeee;

text-decoration:underline;

}



/* Outer-Wrapper

----------------------------------------------- */

.centerdiv {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}



#outer-wrapper {

  width: 99%;

  padding-left:10%;

  padding:5px;

  text-align:left;

  }



#main-wrapper {

float:left;

width: 60%;

padding: 0 0 0 10%;

font-family: Times New Roman, serif;

color: #bbbbbb;

text-align:left;

word-wrap: break-word; 

overflow: hidden;   

}

#main-wrapper p{

text-indent: 10px;

margin-top:0;

font-size: 1.2em;

color: #cccccc;

line-height: 1.5em;

word-wrap: break-word; 

overflow: hidden;   

}

#main-wrapper img{

border: 1px solid #333333;

}

.sidebar-wrapper {

padding-left: 5%;

  width: 251px;

  float: left;

  word-wrap: break-word; 

  overflow: hidden;     

}





/* Pages

----------------------------------------------- */

#pageswrap {

position: absolute;

left: 10px;

  padding: 10px;

	text-align: left;	

}

#pagesphotocontent-wrap {

	margin-left: 2px;

	background: transparent;	

	padding-top: 0px;

	padding-bottom: 0px;

}

#musicdiv {

text-align: justify;

background-color: #000000;

word-break: keep-all;

color:#999999;

max-width: 700px;

max-height: 442px;

display: inline-block;

position: relative;

overflow: hidden;

}

#pagesphotomenu a{

color: #ffffff;

}

#pagesphotomenu p {

text-indent: 10px;

font: 1em 'Geneva', Verdana, Arial, Helvetica, sans-serif;

color: #5e5e5e;

}

#pagesphotomenu img  {

border:3px solid #000000;

padding:0;

max-width:350px;

height: auto;

}



#pagesphotomenu a:hover img  {

border:3px solid #ffffff;

}



#pagesphotomenu h2 {

font-family: "Lucida Console", Monaco, monospace;

font-size: 1.5em;

word-break: keep-all;

	margin: 15px 5px 10px 0;

	color: #ffffff;

	border: 1px solid #121212; 

	background-image: url(https://sublunar.info/images/black.png);		

}



img.float-left {

  	margin: 5px 10px 10px 0px;

}



.pagesfloat-left  { float: left; }



.postmeta2 {	

font-size: 1em;	

color: #000000;

border: 1px solid #121212; 

background-image: url(black.png); 

position: absolute; 

bottom: 0px;

}



#pagesphotomenu2 {

color: #5e5e5e;

margin: 20px;

margin-left: 30px;

}

#pagesphotomenu2 a{

color: #eeeeee;

}

#pagesphotomenu2 a:hover 

{color: #aadd99;

}

#pagesphotomenu2 h2 {

font-family: "Lucida Console", Monaco, monospace;

font-size: 2.5vw;

}

#pagesphotomenu2 h3 {

font-family: "Lucida Console", Monaco, monospace;

font-size: 2.5vw;

}



#pagesphotomenu2 h4 {

font-family: "Lucida Console", Monaco, monospace;

font-size: 1em;

}

#pagesphotomenu2 p {

color: #999999;

font-weight: 700;

margin: 20px;

}

#pagesphotomenu2 a.photomenu2 {

color: #eeeeee;

}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }







/* Pages

----------------------------------------------- */





/* Posts

-----------------------------------------------

 */

h2.date-header {

  margin:1.5em 0 .5em;

  }



.post {

  margin:.5em 0 1.5em;

  border-bottom:1px dotted #333333;

  padding-bottom:1.5em;

  }

.post h3 {

  margin:.25em 0 0;

  padding:0 0 4px;

  font-size:140%;

  font-weight:normal;

  line-height:1.4em;

  color:#aadd99;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

  display:block;

  text-decoration:none;

  color:#aadd99;

  font-weight:bold;

}



.post h3 strong, .post h3 a:hover {

  color:#eeeeee;

}



.post p {

  margin:0 0 .75em;

  line-height:1.6em;

}



.post-footer {

  margin: .75em 0;

  color:#777777;

  text-transform:uppercase;

  letter-spacing:.1em;

font: normal normal 78% 'arial', Arial;

  line-height: 1.4em;

}



.comment-link {

  margin-left:.6em;

  }

.post img {

  padding:4px;

  border:1px solid #333333;

  }

.post blockquote {

  margin:1em 20px;

  }

.post blockquote p {

  margin:.75em 0;

  }



/* Comments

----------------------------------------------- */



#comments.comments {

clear: both;

background: #8e2323;

margin-bottom: 0px;

width: 10px;

}



#comments h4 {

  margin:1em 0;

  font-weight: bold;

  line-height: 1.4em;

  text-transform:uppercase;

  letter-spacing:.2em;

  color: #777777;

  }



#comments-block {

  margin:1em 0 1.5em;

  line-height:1.6em;

  }

#comments-block .comment-author {

  margin:.5em 0;

  }

#comments-block .comment-body {

  margin:.25em 0 0;

  }

#comments-block .comment-footer {

  margin:-.25em 0 2em;

  line-height: 1.4em;

  text-transform:uppercase;

  letter-spacing:.1em;

  }

#comments-block .comment-body p {

  margin:0 0 .75em;

  }

.deleted-comment {

  font-style:italic;

  color:gray;

  }



.feed-links {

  clear: both;

  line-height: 2.5em;

}



#blog-pager-newer-link {

  float: left;

 }



#blog-pager-older-link {

  float: right;

 }



#blog-pager {

  text-align: center;

 }



/* Sidebar Content

----------------------------------------------- */

.sidebar {

  color: #999999;

  line-height: 1.5em;

 }



.sidebar ul {

  list-style:none;

  margin:0 0 0;

  padding:0 0 0;

}

.sidebar li {

  margin:0;

  padding:0 0 .25em 15px;

  text-indent:-15px;

  line-height:1.5em;

  }



.sidebar .widget, .main .widget {

  border-bottom:1px dotted #333333;

  margin:0 0 1.5em;

  padding:0 0 1.5em;

 }



.main .Blog {

  border-bottom-width: 0;

}

/* Popular Posts

----------------------------------------------- */

#PopularPosts1 {

margin: 0.5em 0;

margin-right: auto;

text-align: left;

line-height: 1.5em;

}

.item-title {

margin: 0.5em 0;

margin-left: 3px;

margin-right: 3px;

text-align: left;

line-height: 1.5em;

text-indent: 0px;

}

.item-snippet {

display: none;

margin: 0.5em 0;

margin-left: 15px;

margin-right: 25px;

text-align: left;

line-height: 1.5em;

}

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

div.item-snippet {

display:none;

width: 95%;

min-width:480px;

padding: 3% 3% 3% 15%;

text-align:left;

}

}

.item-thumbnail {

float: left;

margin-top: 0;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 0;

padding: 7px;

clear:left;

}

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

div.item-thumbnail {

display: none;

float: left;

margin-top: 0;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 0;

padding: 7px;

}

/* Profile

----------------------------------------------- */

.profile-img {

  float: left;

  margin: 0 5px 5px 0;

  padding: 4px;

  border: 1px solid #333333;

}



.profile-data {

  margin:0;

  text-transform:uppercase;

  letter-spacing:.1em;

font: normal normal 78% 'arial', Arial;

  color: #777777;

  font-weight: bold;

  line-height: 1.6em;

}



.profile-datablock {

  margin:.5em 0 .5em;

}



.profile-textblock {

  margin: 0.5em 0;

  line-height: 1.6em;

}



.profile-link {

font: normal normal 78% 'arial', Arial;

  text-transform: uppercase;

  letter-spacing: .1em;

}



/* Footer

----------------------------------------------- */



#infofooter {

	width: 85%;	

	margin-left: auto;

        margin-right: auto;

	clear: both;

	background: transparent;

	color: #4E4E4E;

	border-top: 0px solid #8e2323;	

}

#infofooter a {		

	color: #77aa77;

	border: none;

}

#infofooter a:hover {

	color: #fafafa;

}

#infofooter .rssfeed {

	background: url(rss.gif) no-repeat left 1px;

	padding-left: 17px;

}

#infofooter-left {

	float: left;

	width: 70%;

}

#infofooter-right {

	float: right;

	width: 25%;

}





#footer {

  width:880px;

  clear:both;

  margin:0 auto;

  padding-top:15px;

  line-height: 1.6em;

  text-transform:uppercase;

  letter-spacing:.1em;

  text-align: center;

}



/** Page structure tweaks for layout editor wireframe */

body#layout #header {

  margin-left: 0px;

  margin-right: 0px;

}}