BODY
{
	
font-family: Arial, Arial, Helvetica, sans-serif;
	
background: #fff;
	
margin: 0;
padding: 0;	
line-height: 1.4;
}



img.icon
{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}


hr {
border-top: 1px solid #bbb;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
color: #fff;
}


div.commentary{
padding-top: 40px;
padding-bottom: 30px;
}

div.script{
color: #999;}

div.nav{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

div.content
{
width: 100%;
padding-left: 10px;
padding-right: 10px;
}

div.main
{
text-align: left;
padding-top: 15px;
}

div.script
{
color: #999;
}


img.price
{
border: 1px solid #bbb;
border-radius: 15px;
}

img.hanklerfish
{
border: 1px solid #bbb;
border-radius: 10px;
margin-bottom: 5px;
}



#script {
}


a:link {
color: #c66;
text-decoration: none;}


a:visited {
color: #c66; 
text-decoration: none;}


a:hover {
color: #e88;
}

a.list {
color: #69f;
text-decoration: none;
}

a.list:hover {
color: #9bf;
text-decoration: none;
}

.link-heading {
margin-top: 5px;
margin-bottom: 5px;
}

.link-heading a,
.link-heading a:visited,
.link-heading a:active {
color: #45b;
text-decoration: none;
}

.link-heading a:hover {
color: #78f;
text-decoration: none;
}






.image {
color: #45b;
padding-left: 20px;
padding-right: 20px;
}

.text {
color: #45b;
}

.list {
color: #45b;
margin-top: 5px;
margin-bottom: 5px;
}


a.menu
{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

a.lighten img:hover
{
opacity: .6;
}

a.dropbtn
{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}


img.gallery
{
border-radius: 15px;
margin: 10px;
background: #fff;
}

img.comicstyles
{
border-radius: 15px;
border: 1px solid #bbb;
margin: 10px;
background: #fff;
}




img.projects
{
border-radius: 15px;
margin-bottom: 10px;
background: #fff;
}





div.projects
{
display: inline-block; 
vertical-align: top; 
max-width: 390px; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 30px;
}


div.price
{
display: inline-block;
vertical-align: top;
max-width: 590px;
padding-left: 5px;
padding-right: 5px;
padding-top: 30px;
text-align: center;
}




div.footer
{
	
background: #fff;
	
color: #666;
	
padding-top: 30px;
padding-bottom: 10px;		
text-align: center;
	
margin-bottom: 40px;
}





.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
}

a.dropbtn
{
color: #b88;
}

a.dropbtn:hover
{
color: #daa;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #efefef;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #fff;
}

.show {
  display: block;
}






div.main_table
{
display: table;
width: 100%;
}

div.table_row
{
display: table-row;
}

div.left_cell
{
width: 800px;
vertical-align: top;
padding-top: 10px;
}


div.right_cell
{
display: table-cell;
width: 100%;
padding-left: 20px;
padding-top: 20px;
vertical-align: top;
}







div.mobile_navbar
{
	
display: none;
	
text-align: left;
		
line-height: 42px;
}

div.mobile_menu_icon
{
	
float: left;
	
background: #fff;
}

div.mobile_menu_icon_close
{
	
display: none;
float: left;
	
background: #fff;
}






@media (max-width: 1150px)
{
 div.main_table, div.table_row
 {
 display: block;
 }
 div.left_cell, div.right_cell
 {
 display: block;
 max-width: 800px;
 width: 100%;
 padding-left: 0px;
 padding-bottom: 20px;
 }
}








@media (max-width: 680px)
{	




.stcontainer
{
  display: flex;
  gap: 1rem;
  padding: 1rem;
}

.stmain {
  flex: 2; 
  padding: 1rem;
}

.stside {
  flex: 1; 
  padding: 1rem;
}




@media not all and (max-width: 680px){

div.menu 
{
padding-top: 0px;
}
	
div.menu ul
{
padding: 0; 
margin: 0;
}
	
div.menu li
{
padding:0;
}
	
div.menu a
{
padding-right: 20px; padding-left:20px; padding-top:7px; padding-bottom:3px;
}

.stcontainer 
{
flex-direction: column;
}









}