body {
	background: #000;
	background-image: url('https://deepskycolors.com/astro/misc/consb.jpg');
	background-attachment: fixed;
	padding: 0px;
	margin: 0px;
	color: #eff;
	font: 82% Quicksand,Helvetica,Arial,Verdana,Tahoma,sans-serif;
	font-style:normal;
	font-weight:100;
	height: 100%;
}

h1 {
	font-weight:100;
	font-size:30pt;
}

h2 {
	font-weight:100;
}

.mainTitle {
	font-size:50pt;
	text-align:center;
	margin-top:25px;
}

.center {
	margin:auto;
	width:100%
}

.pageBox {
	margin: auto;
	max-width: 1280px;
	height: 100%;
	color:#fff;
}

.leftBar {
	position: fixed;
	margin-left:40px;
	width:200px;
	height:100%;
	background: rgba(25, 25, 25, .9);
	padding:25px;
	float: left;
}

.leftBar a {
	color: #fff;
	text-decoration:none;
}

.logoBox {
	text-align: center;
	text-transform:uppercase; 
	font-weight:none;
	font-size:20pt;
	margin-bottom:50px;
	margin-top:0px;
}

.menuTextBox li {
	margin-left: -30px;
	margin-bottom:25px;
	text-align: center;
	list-style-type:none;
	list-style-position: inside;
	font-size: 20px;
}

.menuText {
}

.menuTextSelected {
	text-align: center;
	list-style-type:none;
	font-size: 20px;
	font-weight: bold;
}

.socialFoot {
	text-align:center;
}

.mainArea {
	font-size:18pt;
	width:auto;
	max-width:1280px;
	text-align:left;
	margin-left:320px;
	float:left;
}

.clearDiv {
       clear:both;
       margin:0px;
       padding:0px;
       height:1px;
}

.pageFooter {
	text-align:right;
	padding:10px;
	border-top: solid 1px #080;
	font-size:15px;
}

#pageWrap {
	max-width: 1280px;
	margin: 10px auto;
}

#pageWrap #inside {
	margin: 10px 10px 0px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mainContent {
	padding-left: 230px;
	padding-top: 20px;
}

#leftSidebar {
	width: 150px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
}

#Footer {
	background: #267f23;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

a {
	color: #9195D3;
	text-decoration:none;
}

a:hover {
	color: #D02170;
	text-decoration:underline;
}

#photoblock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.photoBlock {
	background: rgba(88,88,88,0.4);
	border:1px solid #000;
	padding: 20px 10px;
	margin: 0px;
	text-align: center;
	float: left;
	width: 420px;
	height:340px;
}

.slideimages{
	height:360px;
	overflow:hidden;
	background-color:#282828;
	padding-top:10px;
	background-position: 0 10px;
	background-repeat:no-repeat;
	margin-bottom:25px;
	width: 100%;
}

.slideimages .nav { position:absolute;right:220px;top:405px; z-index:100}
.slideimages .nav a {
	border:1px solid #FFFFFF;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:14px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
	width:16px;
	background-color:#000;
}
.slideimages .nav a.activeSlide {
	background-color:#ffcc05;
	background-image:none;
	color:#000;
}

#textFrame {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
}

#textFrameOpen {
 margin-left: auto ;
 margin-right: auto ;
}

thumb1KIdx {
	border:1px solid #000;
	padding: 10px;
        margin 10px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	width: 1100px;
	/* height: 350px; */
}
.thumb1KIdx img {
	border: 1px solid #b98347;
}
img.thumb1KIdx {
	border: 1px solid #b98347;
}
.thumb1KIdx h4 {
	color: #eeeee6;
	padding: 0;
	font: bold 15pt Arial, 'Trebuchet Ms', Verdana, Arial;
	text-align: center;
	margin: 0;
}

#photoblock1K {
    display: inline;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

cite {
	display: block;
	border-top: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	xxwidth: 100%;
	text-align: left;
	margin: 10px auto 10px auto;
	padding: 20px 0 20px 60px;
	background: transparent url(https://deepskycolors.com/pics/comillas.png) top left no-repeat;
}

p.cite {
}

.bookContainer {
	margin:auto;
	width:680px;
}

.book1 {
	float:left;
	width:300px;
	font-size:14px;
	align:middle;
	text-align:center
}

.book2 {
	float:right;
	width:300px;
	font-size:14px;
	align:middle;
	text-align:center;
}

.rbath1 {
	font-weight:bold;
	color:#fff;
	background:#235;
	padding:10px;
	font-size:130%;
	border-bottom:solid #6af;
}
.rbath2 {
	font-weight:bold;
	color:#fff;
	background:#031;
	padding:5px;
	font-size:100%;
	border-bottom:solid #4c6;
	margin-bottom:40px;
}
.rbatbox {
       color:#fff;
       background:#550;
       padding:12px;
       font-size:100%;
       border:solid #ff6;
       margin:10px 40px 10px 40px;
}

.rtt {
	font-size:18pt;
	color:#ff0;
	text-align:right;
}

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

body {
       background-image: url('https://farm8.staticflickr.com/7560/16188204522_031c2c186f_o.jpg');
       background-attachment: fixed;
       padding: 0px;
       margin: 0px;
       color: #eff;
       font: 72% Quicksand,Helvetica,Arial,Verdana,Tahoma,sans-serif;
       font-style:normal;
       font-weight:100;
       height: 100%;
}

.bookContainer {
	margin:auto;
	width:100%;
}


.bPost {
padding: 10px;
}

.book1 {
	float:clear;
	width:100%;
	font-size:14px;
	align:middle;
	text-align:center;
	padding-bottom:20px;
	border-bottom: solid 1px;
}
.book2 {
	float:clear;
	width:100%;
	font-size:14px;
	align:middle;
	text-align:center;
}


h1 {
       font-weight:100;
       font-size:20pt;
}

h2 {
       font-weight:100;
}

.mainTitle {
       font-size:30pt;
       text-align:center;
       margin-top:5px;
}

.center {
       margin:auto;
       width:100%
}

.pageBox {
       margin: auto;
       width: 100%; 
       height: auto;
       color:#fff;
}

.leftBar {
       display:none;
       position: absolute; //relative;
       margin:auto;
       width:70%;
       height:450px;
       background: rgba(25, 25, 25, .9);
       padding:25px;
       float: none;
       border:#999 solid;
       z-index:500;
}

.leftBar a {
       color: #fff;
       text-decoration:none;
}

.leftBarBox {
       xposition: fixed;
       display:block;
       width:40px;
       height:40px;
       background-image: url('https://deepskycolors.com/misc/mb.gif');
       border:none;
       z-index:500;
}



.logoBox {
       text-align: center;
       text-transform:uppercase;
       font-weight:none;
       font-size:16pt;
       margin-bottom:5px;
       margin-top:0px;
}

.menuTextBox li {
       margin-left: -30px;
       margin-bottom:0px;
       text-align: center;
       list-style-type:none;
       list-style-position: inside;
       font-size: 20px;
}

.menuText {
}

img {
	max-height: 100%;
	max-width: 100%;
}

.menuTextSelected {
       text-align: center;
       list-style-type:none;
       font-size: 20px;
       font-weight: bold;
}

.socialFoot {
       text-align:center;
}

.mainArea {
       font-size:12pt;
       width:100%;
       text-align:left;
       padding-left:0px;
       float:none;
	margin-left:0;
}

.pageFooter {
       text-align:right;
       padding:10px;
       border-top: solid 1px #080;
       font-size:12px;
}

.rbath1 {
       font-weight:bold;
       color:#fff;
       background:#235;
       padding:10px;
       font-size:130%;
}

.rbath2 {
       font-weight:bold;
       color:#fff;
       background:#031;
       padding:5px;
       font-size:100%;
       border-bottom:solid #4c6;
       margin-bottom:40px;
}

.rtt {
       font-size:12pt;
       color:#fff;
       text-align:left;
}