* { margin:0; padding:0; }


 html,body { 
background-image:  url(comicimages/longbgie.jpg) ;
background-position: center top;
background-repeat:  repeat-y;
background-image:  url(comicimages/longbgtop.jpg), url(comicimages/longbg.jpg) ;
background-position: center top, center 765px;
background-repeat:  no-repeat, repeat-y;
min-height: 100%;
height:100%;
color: #331b0d;
font-size:18px;
font-family: 'EB Garamond', 'baskerville old face', 'bell mt', serif;
background-color:  #000000;
    }
	


 #wrapper { 
 background-image:  url(comicimages/longbgie.jpg) ;
background-position: center top;
background-repeat:  repeat-y;
background-image:  url(comicimages/longbgtop.jpg), url(comicimages/longbg.jpg) ;
background-position: center top, center 765px;
background-repeat:  no-repeat, repeat-y;
background-image:  url(comicimages/longbgtop.jpg), url(comicimages/longbg.jpg) ;
background-position: center top, center 765px;
padding: 0;
position:relative;
padding-top: 0px;
margin-top:0px;
border: 0px solid grey;
margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding-left:5px;
padding-right:5px;
}


 #wrapper2{ 
padding: 10;
position:relative;
padding-top: 0px;
margin-top:0px;
border: 0px solid grey;
margin-left:auto;
  margin-right:auto;

}


   #comic_top{
background-image: url(comicimages/layouttexttop.png) ;
background-repeat:repeat-y;
width: 900px;
height:340px;
position:relative;
margin-top:0px;
border: 0px solid red;
margin-left:auto;
margin-right:auto;


    }
	   #comic_topmenu{
text-align: center;
width: 100%;
height:20px;
padding-top: 8px;
position:relative;
margin-bottom:5px;
border: 0px dotted red;
margin-left:auto;
margin-right:auto;
font-size: 17px;
text-transform:uppercase;
font-weight:bold;


    }
	   #comic_topad{
width: 748px;
height: 90px;
border: 0px solid red;
margin-left:auto;
margin-right:auto;
padding:7px;
opacity:1.0;


    }
	
	   #comic_page{
margin-left:auto;
  margin-right:auto;
    }
	
		   #comic_shadow{
background-color: #000000;
height:1500px;
position:absolute;
z-index:1;
border: 0px solid red;
  border-radius:9px;
 box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.0);
 margin-left:auto;
  margin-right:auto;
  opacity:0;
 
    }
	
	.comicnormal{
	background-color: none;
padding: 0;
position:relative;
z-index:3;
border: 0px solid red;
 border-radius:11px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
text-align:center;
padding-bottom:0px;
 box-shadow: 0px 2px 15px 4px rgba(0,0,0,1.0);

	}
	
	
	#navtop {

overflow : hidden;
width:400px;
height:41px;
border: 0px solid grey;
text-align:center;
margin-top:138px;
margin-left:auto;
margin-right:auto;
padding-top:2px;
    }
		#navbottom {

overflow : hidden;
width:1150px;
height:117px;
text-align:center;
margin-bottom:60px;
padding-top:0px;
border: 0px solid red;
    }
			#navbottomin {
			background-image: url(comicimages/followbuttons.png); 
			 background-repeat:no-repeat;
overflow : hidden;
float:left;
width:367px;
height:107px;
text-align:center;
margin-top:11px;
margin-right:10px;
margin-left:0px;
border:0px solid black;
padding-top:23px;

    }
			#navbottomin2 {
background-image: url(comicimages/navibottom.png); 
 background-repeat:no-repeat;
overflow : hidden;
float:left;
width:310px;
height:45px;
text-align:center;
margin-top:43px;
margin-right:10px;
margin-left:53px;
border:0px solid blue;

    }
	
	
			#navbottomin3 {
background-image: url(comicimages/flagsbg.png); 
overflow : hidden;
float:left;
width:356px;
height:115px;
text-align:center;
margin-top:0px;
margin-right:0px;
margin-left:20px;
border:0px solid green;

    }


   #comic_blogcontent {
   position:relative;
     z-index:2;	
	 background-image: url(comicimages/texttopbg6.jpg)  ;
	 background-repeat:no-repeat;
 background-position: top center;
background-color: white;
width:100%;
overflow:hidden;
padding-top:20px;
 border:0px solid;
margin-bottom:0px;
 box-shadow: 0px 0px 8px 8px rgba(0,0,0,1.0);
 margin-left:auto;
margin-right:auto;
margin-top:-15px;
min-height:750px;
min-width:1150px;
text-align:center;

    }
	
	
   #comic_wrapper {
   
width:1150px;
overflow:hidden;
padding-top:0px;
 border:0px solid;
margin-bottom:0px;
 margin-left:auto;
margin-right:auto;
margin-top:0px;
min-height:750px;
text-align:center;

    }
	
	 #comic_left{ 
float:left;
width: 300px;
overflow:hidden;
min-height:1112px;
padding-left: 0px;
border: 0px dotted grey;
margin-left:0px;
margin-top:-5px;
text-align:center;
}
	
	#comic_text {
	
float:left;
width:630px;
min-height:600px;
border: 0px dotted grey;
margin-top:0px;
margin-bottom:20px;
margin-left:30px;
margin-right:30px;

    }
	
	 #comic_right {
	

float:left;
width:160px;
overflow:hidden;
margin-right:0px;
margin-left:0px;
border: 0px dotted grey;
padding-top:0px;
padding-left:0px;

    }
			
	
p{


line-height:130%;
text-align:justify;
margin-bottom: 20px;
margin-top:10px;

}

div#comic_text p {
margin-right:15px;
margin-left:25px;
}



p.date{
text-align:center;
font-size: 16px;
margin:0;
display:block;
float:left;
width:140px;
margin-right:5px;
margin-bottom:0px;
margin-top:5px;
border:0px solid black;


}


p.footer{

color: rgb(190, 60,3);
font-size: 12px;
font-weight: normal;
text-align:center;
}



h1{

color: rgb(190, 60,3);
font-size: 16px;
text-transform:uppercase;
font-family: 'garamond', 'baskerville old face', serif;
font-weight: bold;
text-align:center;
line-height:100%;
margin-top:10px;
margin-bottom:15px;
  -webkit-transition:color 0.3s ease-in;  
   -moz-transition:color  0.3s ease-in;  
   -o-transition:color 0.3s ease-in;  
  transition:color  0.3s ease-in; 
 
}

h1:hover{

color: rgb(10, 190,210);

}


h2{

font-size: 14px;
text-transform:uppercase;
font-family: 'baskerville old face', 'garamond', serif;
font-weight: normal;
text-align:center;
line-height:150%;
margin-bottom:5px;
margin-top:10px;


}

h3{

font-size: 20px;
text-transform:uppercase;
font-family:  'garamond', 'baskerville old face', serif;
font-weight: normal;
text-align:center;
line-height:150%;
margin-bottom:15px;
margin-top:5px;

}

h4{

font-size: 17px;
text-transform:uppercase;
font-family:  'garamond', 'baskerville old face', serif;
font-weight: normal;
text-align:center;
line-height:130%;
margin-top:5px;
 margin-bottom:15px; text-align:center;
}


   a.footer { 
font-size: 17px;
font-family:  garamond, bookman old style, trebuche ms;
color: #2f7c9f;
text-decoration: none;
font-weight:bold;
   }

 

a { 
font-family:  Garamond, bookman old style, trebuche ms;
color: #ad2601;
text-decoration: none;
  -webkit-transition:color 0.3s ease-in;  
   -moz-transition:color  0.3s ease-in;  
   -o-transition:color 0.3s ease-in;  
   transition:color  0.3s ease-in; 
   }
   
     a:hover {
text-decoration: none; color: #8285e2;
      }


	
	
   .navbutton{
   float:left;
background-image: url(comicimages/navhover.jpg);
   opacity:0.0;
  -webkit-transition:opacity 0.3s ease-in;  
   -moz-transition:opacity  0.3s ease-in;  
   -o-transition:opacity 0.3s ease-in;  
   transition:opacity  0.3s ease-in; 
   display:block;
    }
	
	   .navbutton:hover{
   opacity:1.0;
    }
	
	   .navbuttonno{
   float:left;
background-image: url(comicimages/navno.jpg);
   opacity:1.0;
   display:block;
   border:0px solid white
    }
	
		
	
   .navbutton1{
   float:left;
background-image: url(comicimages/navibottomred.png);
   opacity:0.0;
  -webkit-transition:opacity 0.3s ease-in;  
   -moz-transition:opacity  0.3s ease-in;  
   -o-transition:opacity 0.3s ease-in;  
   transition:opacity  0.3s ease-in; 
   display:block;
    -webkit-backface-visibility: hidden;
    }
	
	   .navbutton1:hover{
   opacity:1.0;
    }
	
	   .navbutton1no{
   float:left;
background-image: url(comicimages/navibottomgrey.png);
   opacity:1.0;
   display:block;
   border:0px solid white
    }
	


	
			 #navfirst {
background-position:-10px -5px;float:left;width:48px;height:40px;
margin-left: 22px;margin-right:10px;margin-top:-1px;
    }	
				 #navfirst2 {
background-position:-10px -5px;float:left;width:48px;height:40px;
margin-left: 22px;margin-right:10px;margin-top:-1px;
    }
			 #navprev{
background-position:-75px -6px;float:left;width:35px;height:40px;
margin-left: 7px;margin-right:28px;
    }
				 #navprev2{
background-position:-75px -6px;float:left;width:35px;height:40px;
margin-left: 7px;margin-right:28px;
    }		
			 #navnext{
	background-position:-258px -6px;width:40px;height:40px;
margin-left:28px;margin-right:9px;
    }
				 #navnext2{
	background-position:-258px -6px; width:40px;height:40px;
margin-left:28px;margin-right:9px;
    }
				 #navlast{
		background-position:-307px -5px;width:54px;height:40px;
margin-right:10px;margin-top:-1px;
    }
					 #navlast2{
			background-position:-307px -5px;width:54px;height:40px;
margin-right:10px;margin-top:-1px;
    }
	
	
	
				 #navfirstb {
background-position:0px 0px;float:left;width:53px;height:45px;
margin-left: 0px;margin-right:4px;
    }	
				 #navfirst2b{
background-position:0px 0px;float:left;width:53px;height:45px;
margin-left: 0px;margin-right:4px;
    }
			 #navprevb{
background-position:-57px 0px;float:left;width:46px;height:43px;
margin-left: 0px;margin-right:5px;
    }
				 #navprev2b{
background-position:-57px 0px;float:left;width:46px;height:43px;
margin-left: 0px;margin-right:5px;
    }		
			 #navnextb{
	background-position:-204px -0px;width:36px;height:43px;
margin-left:18px;margin-right:4px;
    }
				 #navnext2b{
	background-position:-204px -0px; width:36px;height:43px;
margin-left:18px;margin-right:4px;
    }
				 #navlastb{
		background-position:-244px -0px;width:42px;height:43px;
    }
					 #navlast2b{
			background-position:-244px -0px;width:42px;height:43px;
    }
	
	

	

   #comic-footer  {
width:980px;
height:150px;
background-image: url(c_footer.jpg);
background-repeat:no-repeat;
margin-top: 0px;
margin-bottom: 0px;
border: 0px solid black;
    }
	
	a img.sidebarad { 
	
	border:3px solid #faf5ed;
	  border-radius:5px;
	  height:600px;
	  overflow:hidden;
	 box-shadow: 0px 0px 2px 1px rgba(40,40,120,1.0);
  -webkit-transition:box-shadow 0.3s ease-in;  
   -moz-transition:box-shadow  0.3s ease-in;  
   -o-transition:box-shadow 0.3s ease-in;  
   transition:box-shadow  0.3s ease-in; 

}

	a img.topad { 
	border:3px solid #d8b3ad;
	  border-radius:1px;
	 box-shadow: 0px 0px 2px 1px rgba(0,0,0,1.0);
  -webkit-transition:box-shadow 0.3s ease-in;  
   -moz-transition:box-shadow  0.3s ease-in;  
   -o-transition:box-shadow 0.3s ease-in;  
   transition:box-shadow  0.3s ease-in; 

}

	img.blogimg { 
	margin-top:25px;
	margin-bottom:25px;
	max-width:590px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:6px solid #ffffff;
	  border-radius:5px;
	 box-shadow: 0px 0px 2px 1px rgba(40,40,120,1.0);
  -webkit-transition:box-shadow 0.3s ease-in;  
   -moz-transition:box-shadow  0.3s ease-in;  
   -o-transition:box-shadow 0.3s ease-in;  
   transition:box-shadow  0.3s ease-in; 

}

	img.blogimgnoborder { 
	margin-top:25px;
	margin-bottom:25px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #ffffff;
	  border-radius:12px;
	 box-shadow: 0px 0px 3px 2px rgba(40,40,100,0.4);
  -webkit-transition:box-shadow 0.3s ease-in;  
   -moz-transition:box-shadow  0.3s ease-in;  
   -o-transition:box-shadow 0.3s ease-in;  
   transition:box-shadow  0.3s ease-in; 

}

	img.blogimgnoborder2 { 
	margin-top:10px;
	margin-bottom:10px;
	display:inline;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #ffffff;
	 box-shadow: 0px 0px 2px 1px rgba(40,40,120,0.5);
  -webkit-transition:box-shadow 0.3s ease-in;  
   -moz-transition:box-shadow  0.3s ease-in;  
   -o-transition:box-shadow 0.3s ease-in;  
   transition:box-shadow  0.3s ease-in; 

}





a:hover img.blogimg{ 

box-shadow: 0px 0px 2px 1px rgba(100,100,210,1.0);

}

a:hover img.blogimgnoborder{ 

box-shadow: 0px 0px 2px 1px rgba(100,100,210,1.0);

}

a:hover img.blogimgnoborder2{ 

box-shadow: 0px 0px 2px 1px rgba(100,100,210,1.0);

}
	
				 .followlink{
background-image: url(comicimages/followbuttonsred.png);				 
float:left;
width:53px;
height:55px;
margin-left:4px;
opacity:0.0;
  -webkit-transition:opacity 0.3s linear;  
   -moz-transition:opacity  0.3s linear;  
   -o-transition:opacity 0.3s linear;  
 transition: opacity 0.3s linear;
 -webkit-backface-visibility: hidden;
 border:0px solid black;
    }
	
					 .followlink:hover{

opacity:1;

    }
	
	#twitterlink{
background-position: -141px -23px;	
margin-left: 141px;	
    }
	
			#fblink{
background-position: -198px -23px;			 
    }
	
		#tumblerlink{
background-position: -255px -23px;				 
    }
	
	
		#rsslink{
background-position: -312px -23px;			 
    }
	
					 .roundlink{
background-image: url(comicimages/round.jpg);			 
float:left;
opacity:0.0;
  -webkit-transition:opacity 0.4s linear;  
   -moz-transition:opacity  0.4s linear;  
   -o-transition:opacity 0.4s linear;  
 transition: opacity 0.4s linear;
 -webkit-backface-visibility: hidden;
    }
						 .roundlink:hover{
opacity:1;
    }
			#round1link{
		width:110px;height:110px;background-position: 0px 0px;
		margin-left:5px;
    }
				#round2link{
				width:108px;height:108px;background-position: -110px 0px;
				margin-left:0px;
    }
				#round3link{	
			width:106px;height:106px;background-position: -220px 0px;	margin-left:2px;		 
    }
	
					 .menulink{
			
margin-left:20px;
color: #654589;
    }
	
					 .menulink:hover{
					 color: #bd2e01;


    }
	
	#idc-container-parent #idc-container .idc-c.idc-admin {
color: #37006f;  !important
}
#idc-container-parent{
width:580px;  !important
}

				 .pagenum{
					
	font-size:30px; font-weight:bold; display:block; 
	float:left; width:92px; overflow:hidden; text-align: center; 
	color:#d3401d; margin-top: -5px; margin-left:5px; margin-right:-4px;
	    }
		
				 .pagenum2{
					
	font-size:32px; font-weight:bold; display:block; 
	float:left; width:92px; overflow:hidden; text-align: center; 
	color:white; margin-top: -5px; margin-left:-10px; margin-right:-4px;
	    }
		
			#comicnumber{
		display: none; margin-left: 180px; margin-top:23px; 
		width: 110px; border: 0px solid red; font-size:23px; 
		font-weight: bold; color:#eb3a1d; 
		}
		#comicdate{
		margin-left: 200px; text-align:center; margin-top:10px;  border: 0px solid red; font-size:26px; font-weight: bold; width: 220px;
		color:#eb3a1d; 
		display:block; 
		}
		
		
		
				 p.firstp{
					 margin-top: 10px;
	    }
		
		 .breakline{margin-left:0px;
					 width:580px;
	    }

#idc-container-parent #idc-container .idc-c.idc-admin {
color: rgb(140, 40, 8) !important;   
}

   .hoverop{
   opacity:0.8;
  -webkit-transition:opacity 0.3s ease-in;  
   -moz-transition:opacity  0.3s ease-in;  
   -o-transition:opacity 0.3s ease-in;  
   transition:opacity  0.3s ease-in; 
   -webkit-backface-visibility: hidden;
    }
	
	   .hoverop:hover{opacity:1.0;
    }
	
	  .hoverop2{	 
   opacity:0.0;
  -webkit-transition:opacity 0.3s ease-in;  
   -moz-transition:opacity  0.3s ease-in;  
   -o-transition:opacity 0.3s ease-in;  
   transition:opacity  0.3s ease-in; 
   -webkit-backface-visibility: hidden;
    }
	
	   .hoverop2:hover{
   opacity:1.0;
    }
	
	   #footer  {
width:995px;
height:20px;
background-color:#120919;
margin-top: 0px;
margin-bottom: 3px;
border: 0px solid black;
padding-top:0px;
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.8);
margin-left:30px;
    }
	
	.footer{

color: rgb(190, 60,3);
font-size: 14px;
font-weight: normal;
text-align:center;

}


a.footer{
color: rgb(190, 60,3);
font-size: 14px;
font-weight: normal;
text-align:center;
margin-left:0px;
}

a.footer:hover{

color: #84edf0;

}