body{
	font-family: 'Rubik', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background: #050a36;
	background-image:url('bg.jpg');
	background-position: center top;
	background-repeat:repeat-y;
	font-size:16px;

}
.toplogo{
	width:280px;
	margin:auto;
}
.toplogo img{
	max-width:100%;
	height:auto;
}
.everything {
	max-width:1100px;
	min-width:700px;
	margin:auto;
	margin-top:-10px;
}
.post, .sidebar, .previous, .next, .indexbutton{
	border: 1px solid black;
	padding: 10px;
	background:rgba(255, 255, 255, 0.5);
	margin-top: 20px;
	margin-bottom: 38px;
	border-radius:30px;
}
.previous, .next, .indexbutton{
	margin-top: 34px;
	margin-bottom: 38px;
}
.post{
}
.post p{
	margin-left:20px;
	margin-right:20px;
}
.postwrapper{
	width:75%;
	margin:0px;
	padding:0px;
	float:right;
}
.sidebar{
	float:right;
	width:17%;
	margin-left:5px;
}
.title {
	font-size: 2.6em;
	margin-bottom:0px;
	text-align:center;
	font-family: 'Baloo';
	text-shadow: 2px 2px 4px rgba(25,31,219,0.5);
	line-height:1.0em;
}
.smalltitle {
	font-size: 1.6em;
	margin-bottom:0px;
	text-align:center;
	font-family: 'Baloo';
	text-shadow: 2px 2px 4px rgba(25,31,219,0.5);
	line-height:1.0em;
}
hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.5);
    margin: 1em 0;
    padding: 0; 
}
.previous, .next,  .indexbutton{
	display:block;
	text-decoration:none;
	font-size:1.5em;
	color:black;
	font-family: 'Baloo';
	border-radius:20px;
	text-shadow: 2px 2px 4px rgba(25,31,219,0.5);
}

.previous {float:left;}
.next {float:right; text-align:right;}
.indexbutton {margin:auto;}

.indexlink{
	font-size:1.2em;
	line-height:2em;

	border: 1px solid black;
	padding: 4px;
	margin:0px;
	background:rgba(255, 255, 255, 0.5);
}
.indexlink:hover{
	background:rgba(255,255,255,0.9);
}
.indexlink:link, .previous:link, .next:link, .indexbutton:link, .sidebarlink:link{
	text-decoration:none;
}

.thumb{
display:block;
float:left;
width:200px;
margin:8px;
border:1px solid rgba(0,0,0,0.7);
color:black;
background-color:rgba(255,255,255,0.5);
border-radius:15px;
}
.thumbinner{
border-radius:0px;
border-top-left-radius:15px;
border-top-right-radius:15px;
overflow:hidden;
}
.thumb img{
border-radius:0px;
border:0px;
border-bottom:1px solid rgba(0,0,0,0.7);
max-width:100%;
}
.thumb:hover img{
border-bottom:1px solid rgba(255,255,255,1)
filter:brightness(1.2);
-webkit-filter:brightness(1.2);
}
.thumbcaption{
text-align:center;
height:40px;
font-family: 'Baloo';
line-height:1.2em;
}
.thumbcaptionwrapper
{
}
.sidebarlink{
margin:8px;
padding:2px;
padding-left:6px;
padding-right:6px;
border:1px solid rgba(0,0,0,0.7);
color:black;
background-color:rgba(255,255,255,0.5);
line-height:2.3em;
font-family: 'Baloo';
border-radius:10px;
}
.thumb:hover, .sidebarlink:hover, .previous:hover, .next:hover, .indexbutton:hover{
background-color:rgba(255,255,255,0.7);
border:1px solid rgba(255,255,255,1);
box-shadow:0px 0px 10px rgba(150,220,255,0.9);
}
.fleximage img:hover{
background-color:rgba(255,255,255,0.7);
border:2px solid rgba(255,255,255,1);
box-shadow:0px 0px 10px rgba(150,220,255,0.9);
filter:brightness(1.05);
-webkit-filter:brightness(1.05);
}
.post, .sidebar, .prev, .next{
box-shadow:5px 5px 10px rgba(50,100,255,0.5);	
}
figure {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 20px;
    -webkit-margin-end: 20px;
}
.nhimorhead:hover{
	filter:brightness(1.2) drop-shadow(0px 0px 10px rgba(255,255,255,0.7));
	-webkit-filter:brightness(1.2) drop-shadow(0px 0px 10px rgba(255,255,255,0.7));
}
.toplogo a:hover img{
	filter:brightness(1.2) drop-shadow(0px 0px 10px rgba(255,255,255,0.3));
	-webkit-filter:brightness(1.2) drop-shadow(0px 0px 10px rgba(255,255,255,0.3));
}
.kite{
	font-family: 'Trade Winds';
	font-size:1.05em;
	font-style:normal;
}

.flexleft, .flexright, .fleximage{
display:flex;
}
.flexright{
justify-content:flex-end;
}
.fleximage{
justify-content:center;
}
.portrait{
border:1px solid rgba(0,0,0,0.7);
color:black;
background-color:rgba(255,255,255,0.5);
border-radius:10px;
margin:0px 10px 0px 10px;
}
.dialogue{
border:1px solid rgba(0,0,0,0.7);
color:black;
background-color:rgba(255,255,255,0.5);
max-width:70%;
}
.fleximage img{
border:2px solid rgba(0,0,0,0.7);
color:black;
background-color:rgba(255,255,255,0.5);
border-radius:10px;
}
.flexleft .dialogue{ border-radius:0px 15px 15px 15px; }
.flexright .dialogue{ border-radius:15px 0px 15px 15px; }

.big{font-size:2em;}