/*
	Theme Name:  Travis Hanson Wordpress Theme
	Description: Custom Wordpress Theme for Travis Hanson's Imagination
	Version:     1.0.0
	Author:      Code204.com
	Author URI:  http://code204.com
	Tags: 	     travis, hanson, bean, leaf, press
*/

#chapter-select {
 margin-bottom:0;
 margin-top:10px
}
table#comic-nav-wrapper {
 margin:10px auto 0
}
p.comic-thumbnail-in-archive {
	clear: both;
	text-align: left;
        max-width: 10%;
}

.month_title
{
float: left;
position: relative;
left: 14px;
padding-bottom:8%;
}
.main_cont .month_title img { float:left; width:7%; padding-right:1%;}
.image_post
{
float: left;
margin-top: -76px;
}

.comic-thumbnail-in-archive a img {display:none;}
.contactheading {padding-top:1px;}


/*********************** Responsive size ***************************************/
@media screen and (min-width:800px) and (max-width:1280){}
@media screen and (min-width:768px) and (max-width:800){

.span1{width:91px !important;}

   .month_title {
   
padding-bottom:10% !important;
}
.main_cont .month_title img {
    width: 10% !important;
    padding-left:1%;
}
}
@media screen and (min-width: 640px) and (max-width: 767px){


.image_post
{
float:none;
}
p.comic-thumbnail-in-archive {
  
    max-width: 10%;
}

.month_title {
    float: left;
    position: relative;
    left: 8px;
padding-bottom:10%;
}

.image_post {
    float: left;
    margin-top: -49px;
}

.date-post2{width: 97%;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
 
    width: auto;
}
.contactheading {width:20%;}

.month_title p{width:100%;}
.main_cont{width:100%;}


}

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

.image_post
{
float:none;
}
p.comic-thumbnail-in-archive {
  
    max-width: 10%;
}

.month_title {
    float: left;
    position: relative;
    left: 8px;
padding-bottom:10%;
}

.image_post {
    float: left;
    margin-top: -49px;
}

.date-post2{width: 97%;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
 
   width: auto;
}
.contactheading {width:20%;float:none !important;}

.month_title p{width:100%;}
.main_cont .month_title img{width:15%;}
.main_cont{width:100% !important;}
}


@media screen and (min-width: 320px) and (max-width: 479px)
{
.month_title
{
float:none;
left:0;
}
.image_post
{
float:none;
}
p.comic-thumbnail-in-archive {
  
    max-width: 100%;
}

.main_cont .month_title img {
    width: 100%;
    padding-bottom: 3%;
}


}