/*
a:link { text-decoration:none; color:#39C}      
a:visited {text-decoration:none;color:#39C;}  
a:hover {text-decoration:underline;color:#39C;} 
a:active {text-decoration:none;color:#39C;}
*/

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a img {
	border: none;
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	overflow: auto;
}

body {
	/*font-size: 80%;*/ /* Resets 1em to 10px */
	line-height: 1.625;
	background-color: white;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	/*color:#7A7A7A;*/
	/* padding-bottom:200px;
   */
}

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

five {
	left: 500px;
}

#page {
	padding: 0;
	width: 100%;
	height: 100%;
}

#inside {
	width: 100%;
	height: 100%;
	/*min-width:700px;*/
	position: absolute;
	top: 70px;
	left: 0px;
}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	/*
padding-left:10px;
padding-top:20px;
*/
	width: 100%;
	height: 50px;
	z-index: 999999;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	webkit-transform: translateZ(0);
}

#header .header-drawer {
	width: 100%;
	height: auto;
	margin-top: auto;
	/*
top: 0;
position:absolute;
*/
}

#header #pages {
	/*
width: 80%;
/*
    list-style:none; 
  display:inline;
  float:left;
  margin-left:0px;
  /*
  position:relative;
  top: 15px;*/
	/*letter-spacing:1px;*/
}

#pages.tabs {
	background-color: white;
	/*min-width:700px;*/
	z-index: 9900;
	-webkit-box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.2);
	font-size: 14px;
	/* padding-right:10%;*/
}

#header #pages::before {
	border-left: none;
}

#header #pages::before {
	height: 20px;
	left: 0px;
	opacity: 0.5;
	position: absolute;
	top: 8px;
	z-index: 1000;
}

#header .tabs li {
	line-height: 35px;
	height: 35px;
	display: inline;
	margin-left: 10px;
}

#header #pages.tabs ul {
	/*white-space: nowrap;*/
}

@media only screen and (max-device-width: 480px) {
	div {
		position: relative;
	}
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
}

#pagetitle {
	padding-left: 5%;
	/*	padding-bottom:2%;*/
	/*
position:relative;
top:70px;
left:0px;

padding-left:20px;
padding-bottom:20px;
padding-right:10%;
width:90%;
background-color:white;
*/
	/*
z-index:9950;
min-width:700px;
float:left;

overflow-wrap: break-word;
word-wrap:break-word;
*/
	/*
-webkit-box-shadow: 0 12px 12px -12px  rgba(0,0,0,0.2);
box-shadow: 0 12px 12px -12px  rgba(0,0,0,0.2);
*/
}

.archiveThumbnails .post_thumbs {
	max-width: 125px !important;
}
#archivetitle {
	position: fixed;
	top: 50px;
	left: 0px;
	padding-left: 20px;
	width: 100%;
	height: 3em;
	background-color: white;
	z-index: 9950;
}

#content {
	/*position:relative;
	top:0px;
	left:0px;
	
	float:left;
	*/

	padding-left: 20px;
	padding-bottom: 100px;
	width: 90%;
	height: 100%;
	max-width: 90%;
}

#workcontent {
	position: relative;
	float: left;
	top: 80px;
	left: 0px;
	padding-left: 20px;
	width: 90%;
}
.post {
	height: 100%;
}

.post_thumbs {
	display: inline-block;
	margin-right: 5%;
	margin-bottom: 5%;
	height: 240px;
	vertical-align: middle;
	width: 40%;
	max-width: 240px;
}

.post_thumbs img {
	height: auto;
}

.entry {
	height: 100%;
}

.linkpiletitle {
	text-align: center;
	width: 75%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.linkpile {
	text-align: center;
	width: 75%;
	height: auto;
	border: 2px solid;
	border-color: #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(250, 250, 250);
}

.linkpiletext {
	max-width: 100%;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.8em;
}
.linkpiletextBold {
	font-size: 1.1em;
}
.textblock {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.containerParagraphSized {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 60em;
	text-align: center;
}
.gridtwo {
	display: inline-block;
	width: 45%;
	text-align: center;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.sidetext {
	width: 50%x;
	position: absolute;
	top: 100px;
}

.media {
	position: absolute;
	left: 400px;
	width: 90%;
	padding: 20px;
	float: left;
	text-align: left;
}

#footer {
	padding: 20px 0 0 1px;
	margin-top: 0;
	width: 100%;
	clear: both;
	text-align: left;
}

h3,
h2,
h1 {
	margin-top: 20px;
	margin-bottom: 0px;
}

.narrowcolumn {
	margin-top: 20px;
	height: 100%;
}
.narrowcolumn .postmetadata {
	font-size: small;
	margin-top: 0px;
	margin-bottom: 5px;
}

.artworktitle {
}

.tags {
	font-size: 80%;
}

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

.navigation {
	margin-top: 10px;
	margin-bottom: 50px;
}

/* Images */
p img {
	padding: 0;
	max-width: 100%;
}

img {
	max-width: 90%;
	max-height: 80%;
	height: auto;
	width: auto\9; /* ie8 */
}

video {
	max-width: 90%;
	max-height: 80%;
	height: auto;
	width: auto\9; /* ie8 */
}
.imagecontainer {
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imagecontainer img {
	padding-bottom: 1%;
}

.imagecolumnR img {
	float: left;
	max-width: 44%;
	padding-left: 1%;
}

.imagecolumnL img {
	float: left;
	max-width: 44%;
	padding-right: 1%;
}

.padded img {
	margin-bottom: 50px;
}
.center {
	text-align: center;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */

/* lightbox */

#imageDataContainer {
	display: none !important;
}

#overlay {
	background-color: #f5f5f5 !important;
}

/* horizontal */
.hozouter {
	height: 50%;
	width: 100%;
	min-height: 300px;
	/*
float:left;
max-height:600px;
min-height:350px;*/

	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	*border: 1px solid #cccccc;

	/*position:relative;*/
	/*display: inline-block;*/
}

.hozinner {
	height: 100%;
	width: 100%;
	/*
max-height:600px;
min-height:350px;
*/
	/*width:400%;
min-width:100%;
max-width:6450px;*/
	/*
position:relative;
float:left;
display: inline-block;
  
  */
}
.childcontainer {
	height: 100%;
	width: auto;
	float: left;
}

.childcontainer img {
	display: block;
	height: 80%;
	width: auto;
	max-width: none;
}

/*  
.hozimg{
float:left;
display: inline-block;
padding-right:10px;
  
height:560px;
min-height:350px;
max-height:600px;

width:auto;
position:relative;
}
*/

/* text and paragraph */
p {
	max-width: 45em;
	text-align: justify;
	height: auto;
}

.human {
	text-align: justify;
	max-width: 1152px;
	width: 90%;
}

.widetext {
	text-align: justify;
	width: 100%;
	max-width: 100% !important;
}

td p {
	max-width: 100%;
}