/*
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 */
	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);
*/
}

#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:200px;
}

.post_thumbs img{
height:auto;

}

.entry {
height:100%;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


.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{
font-size:0.8em;
}

.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 */
}

.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:90%;
	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%; 
}