* { margin:0; padding:0; }


 html,body { 
background: url('') no-repeat;
background-color:  white;
min-height: 100%;
height:100%;
color: #24005f;
font-size:18px;
font-family:  'Garamond', 'EB Garamond', 'baskerville old face', serif;
    }
	


  #wrapper{
background: url('bgbig.jpg') no-repeat ;
width:1200px; margin-right:auto; margin-left:auto; margin-top: -500px;

    }
	
	  #wrapper2{
background: url('bgback.jpg') ;
background-position:0px 740px;
width:1200px; margin-right:auto; margin-left:auto; z-index:1;

    }
	
   #main_header{
   position:relative;
     z-index:4;
background-repeat: no-repeat;
width:1200px;
height:570px;
 border:0px solid;
margin-bottom:0px;
 margin-right:auto;
 margin-left:auto;
 overflow:hidden;
    }
	
	   #texttop{
	   background-image: url(mainimages/toporn.png) ;
background-repeat: no-repeat;
background-position:center;
   position:relative;
     z-index:4;
width:1200px;
height:55px;
margin-bottom:0px;
 margin-right:auto;
 margin-left:auto;
 overflow:hidden;
    }
	
	
	#main_text {
	position:relative;
	  z-index:1;;
	width:750px;
	padding-left:120px;
	padding-right:120px;
border: 0px dotted red;
margin-top:0px;
margin-bottom:-0px;
margin-left:56px;
position:relative;
 box-shadow: 0px 8px 4px 4px rgba(0,0,0,0.9);
    }
	
	
#journal_wrapper{
position:relative;
margin-top:10px;
margin-bottom:10px;
height:290px;
width:850px;
margin-left:00px;
display:block;
overflow:hidden;
border: 0px solid black;
padding:3px;

    }
	
			 #journal_img {
margin-left:35px;
background-color:#ffffff;
float:left;
width:270px;
height:270px;
overflow:hidden;
	border:5px solid #ffffff;
  border-radius:5px;
	 box-shadow: 0px 0px 2px 2px rgba(20,20,100,0.3);
	   -webkit-transition:box-shadow 0.4s ease-in ;  
   -moz-transition:box-shadow  0.4s ease-in ;  
   -o-transition:box-shadow 0.4s ease-in ;  
	    transition:box-shadow  0.4s ease-in ; 
    }
	
				 #journal_img:hover {

	 box-shadow: 0px 0px 2px 1px rgba(0,190,250,0.6);
    }
	
		 #journal {
float:left;
margin-left:20px;
width: 440px;
height:300px;
overflow:hidden;
border: 0px dotted red;
    }
	
	#journaltext{
	display:block; height:180px;  border: 0px solid black; overflow:hidden;
	border-bottom:1px solid #6f1d00;
	margin-bottom:15px;
	margin-left:30px;
	padding-right:10px;
	-webkit-box-shadow: inset 0 -5px 7px -8px rgba(20,20,60,0.8);
	   -moz-box-shadow: inset 0 -5px 7px -8px rgba(20,20,60,0.8);
	        box-shadow: inset 0 -5px 7px -8px rgba(20,20,60,0.8);
}

.contentbox{
display: inline-block;width: 100%;
} 
.whitespan{
display: inline-block; margin-bottom: 70px; width: 1200px;  text-align: center; padding: 0 0;	
position:center;
overflow-x: hidden;
background-image: url(mainimages/textbg.png);
	background-repeat: repeat-y;
	background-position:center;
	border-top:solid white 15px; 
	border-bottom:solid white 15px; 
} 
.contentspan{
display: inline-block; width:850px; margin-left:auto; margin-right:auto; border:solid 0px;
} 
	
	

	
	
	
	   #main_footer  {
width:990px;
height:180px;
background-image: url(mainimages/layoutfooter.jpg);
background-repeat:no-repeat;
border-bottom: 0px solid #e8cbb5;
margin-top: 30px;
margin-bottom: 0px;
position:relative;
z-index:3;
margin-bottom:0px;
margin-left:-120px;
    }
	
			 .smallfooter{
overflow:hidden;
float:left;
border: 0px dotted red;
width: 400px;
height:20px;
margin-left:340px;
margin-top:150px;
color: #ab1000;
font-size:14px;
font-family:  'garamond', 'baskerville old face', 'bell mt', serif;
font-weight:normal;
    }
	
	

	#follow{
 display:inline;
float:left;
width:54px;
height:170px;
border:0px solid red;
margin-top: 32px;
margin-left:12px;
    }

			 .fc{
	 background-image: url(mainimages/mainmenu2.png);		 
display:block;
border: 0px solid red;
 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;
    }

			#twitter{			
 background-position:-162px -32px;
width:54px;
height:50px;
    }
	
		#twitter:hover{
 opacity:1.0
    }
	
			#fb{
 background-position:-167px -91px;
margin-top:9px;
   margin-left:	5px;
   width:45px;
height:45px;

    }
	
		#fb:hover{
 opacity:1.0 
    }
	

	
		#rss{
 background-position:-169px -145px;
margin-top:9px;
   margin-left:	7px;
   width:45px;
height:45px;
    }
	
		#rss:hover{
 opacity:1.0
    }
	
	
		
		
		#hiddenimg{

width:30px;
height:10px;
display:none;

    }
	
			 #comicbg{ 
			 display:block;
	margin-left: 40px;
 margin-top:	55px;
background-repeat:no-repeat;
position:relative;
width: 278px;
height:236px;
border: 0px solid red;
 
}

			 #comic_links{ 
			 display:block;
			  background-image: url(mainimages/comiclink.png);		
width: 278px;
height:236px;
 opacity:0.0;
 transition:opacity 0.5s linear;
    -webkit-transition:opacity 0.5s linear;
   -moz-transition:opacity 0.5s linear; 
   -o-transition:opacity 0.5s linear; 
}
#comic_links:hover{  opacity:1.0;}



		 #nav_links{ 
		 
		 background-image: url(mainimages/mainmenu.png); 
	margin-left: 880px;
   margin-top:	-260px;
background-repeat:no-repeat;
width: 224px;
height:364px;
border: 0px solid black;
}



		 #beginning_links{ 
		 display:block;
		 float:left;
 background-image: url(mainimages/mainmenu2.png);
 background-position:0px 0px;
margin-top:0px;
width: 75px;
height:205px;
border: 0px solid red;
  opacity:0.0;
	     -webkit-transition:opacity 0.5s linear;
   -moz-transition:opacity 0.5s linear; 
   -o-transition:opacity 0.5s linear; 
 transition:opacity 0.5s linear;

}
#beginning_links:hover{  opacity:1.0;}

		 #store_links{ 
		 display:inline;
		 float:left;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-85px 0px;
margin-left:10px;
width: 65px;
height:200px;
border: 0px solid red;
  opacity:0.0;
	     -webkit-transition:opacity 0.5s linear;
   -moz-transition:opacity 0.5s linear; 
   -o-transition:opacity 0.5s linear; 
 transition:opacity 0.5s linear;

}
 #store_links:hover{ opacity:1.0;}
	

	

	.navi{ 
		 float:left;
	margin-left: 7px;
background-repeat:no-repeat;
height:30px;
border: 1px solid red;
   -webkit-transition:opacity 0.3s linear;
   -moz-transition:opacity 0.3s linear; 
   -o-transition:opacity 0.3s linear; 
 transition: opacity 0.3s linear;
 
}

		 #nav_menu{ 
		 
		float:right;
 margin-left:0px;
   margin-top:	1px;
width: 90px;
height:160px;
border: 0px solid blue;
}
	
		 #navhome{ 
		 
		float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-149px -222px;
 opacity:0.0;
   margin-top:	19px;
width: 75px;
height:20px;
border: 0px solid red;
}
			 #navhome:hover{ opacity:1.0;}
			 
			 
			 	 #navarchive{ 		float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-125px -247px;
 opacity:0.0;
   margin-top:	5px;
width: 99px;
height:20px;
border: 0px solid red;
}
			 #navarchive:hover{ opacity:1.0;}

		 #navabout{ 
float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-146px -270px;
 opacity:0.0;
   margin-top:	3px;
width: 78px;
height:23px;
border: 0px solid red;
}			 #navabout:hover{ opacity:1.0;}
			 
 #navchar{ 		
float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-164px -297px;
 opacity:0.0;
   margin-top:	4px;
width: 60px;
height:17px;
border: 0px solid red;
}			 #navchar:hover{ opacity:1.0;}

 #navblog{ 		
float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-159px -320px;
 opacity:0.0;
   margin-top:	6px;
width: 65px;
height:20px;
border: 0px solid red;
}
			 #navblog:hover{ opacity:1.0;}

 #navmisc{ 		
float:right;
 background-image: url(mainimages/mainmenu2.png);
 background-position:-164px -345px;
 opacity:0.0;
   margin-top:	5px;
width: 60px;
height:18px;
border: 0px solid red;
}

			 #navmisc:hover{ 
  opacity:1.0;
}



		
	
p{


line-height:130%;
text-align:justify;
margin-bottom: 30px;
margin-top:10px;
margin-right:65px;
margin-left:65px;

}

p.journaldatep{

font-size:18px;
margin:0px;
text-align:center;
}



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{

font-size: 20px;
font-weight: bold;
text-align:center;
color: white;
}



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:15px;
margin-bottom:25px;
  -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; 
  margin-right:70px;
  margin-left:70px;
  
  
  
}



h2{

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


}

h3{

font-size: 16px;
text-transform:uppercase;
font-family:  'garamond', 'EB Garamond', serif;
font-weight: normal;
text-align:center;
line-height:150%;
margin-bottom:15px;
margin-top:5px;

}

h4{
color: rgb(190, 70,3);
font-size: 16px;
text-transform:uppercase;
font-family:  'garamond', 'baskerville old face', serif;
font-weight: bold;
text-align:center;
line-height:150%;
margin-bottom:15px;
margin-top:0px;

}

.bigletter{

font-size: 24px;

}




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

 

a { 
font-family:  Garamond, 'EB Garamond', trebuche ms;
color: rgb(190, 70,3);
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:visited { 
    color: rgb(255, 162,120)
}

     a:hover {
text-decoration: none; color: #00d7ea;
      }
	  

   .hidden {
display:none;
    }
	


	
			 #datenavfirst {
background-image: url(mainimages/layoutnav.png);
background-position:0px 0px;
float:left;
width:50px;
height:30px;
border: 0px solid grey;
margin-right:10px;
    }
			 #datenavfirst:hover {
background-image: url(mainimages/layoutnav.png);
background-position: 0px -30px;
    }
	
			 #datenavprev{
background-image: url(mainimages/layoutnav.png);
background-position:-50px 0px;
float:left;
width:50px;
height:30px;
border: 0px solid grey;
margin-right:10px;
    }
	
				 #datenavprev:hover {
background-image: url(mainimages/layoutnav.png);
background-position:-50px -30px;
    }
	
		
			 #datenavnext{
background-image: url(mainimages/layoutnav.png);
background-position:-248px 0px;
float:left;
width:42px;
height:30px;
border: 0px solid grey;
margin-right:10px;
    }
	
				 #datenavnext:hover {
background-image: url(mainimages/layoutnav.png);
background-position:-248px -30px;
    }

	
				 #datenavlast{
background-image: url(mainimages/layoutnav.png);
background-position:-290px 0px;
float:left;
width:50px;
height:30px;
border: 0px solid grey;
margin-right:10px;
    }
	
				 #datenavlast:hover {
background-image: url(mainimages/layoutnav.png);
background-position:-290px -30px;
    }


	
.blogcontainer {
margin:0px;
width:760px;
margin-right:auto;
	margin-left:auto;
	border:0px solid red;

}


.border {
margin-top:20px;
margin-bottom:30px;
max-width:720px;
margin-right:auto;
	margin-left:auto;
	border:5px solid white;
  border-radius:5px;
	 box-shadow: 0px 0px 2px 1px rgba(20,20,120,0.4);
}

.blogphoto {
max-width:720px;
	margin:5px;
	border:9px solid white;
  border-radius:5px;
	 box-shadow: 0px 0px 2px 1px rgba(20,20,120,0.4);
}

.noborder {
margin-top:10px;
margin-bottom:10px;
max-width:720px;
margin-right:auto;
margin-left:auto;

}

a img.border  { 
	 box-shadow: 0px 0px 2px 1px rgba(180,70,3,0.6);
  -webkit-transition:box-shadow 0.4s ease-in;  
   -moz-transition:box-shadow  0.4s ease-in;  
   -o-transition:box-shadow 0.4s ease-in;  
   transition:box-shadow  0.4s ease-in; 


}


a:hover img{ 

box-shadow: 0px 0px 2px 1px rgba(80,190,210,0.8);

}

.breakline {
height:0px;
width:0px;
margin-left:0px;
display:none;

}

.spancolor {
color: rgb(190, 60,3);
}

#comic_comments{
		display:block;
		overflow:hidden;
		width:500px;
border:1px solid black;
margin-left:-100px;

    }
	
	.worldinfo{
		display:block;
		overflow:hidden;
		width:800px;
border:0px solid black;

    }
	
	.archivediv{
	float:left;
		display:block;
		overflow:hidden;
		width:320px;	
border:0px solid black;
text-align:center;
font-size:22px;
font-weight:bold;
    }
		.archivedivimg{
		display:block;
		float:left;
		overflow:hidden;
		width:170px;
		height:110px;
border:0px solid black;
margin-left:80px;
margin-right:15px;
text-align:center;
margin-top:35px;
margin-bottom:auto;
    }
	
	
	
a.gallery { 
display:block;
float:left;
border:3px solid #fdfcf8;
  border-radius:4px;
width:230px;
height:180px;
margin-left:35px;
margin-bottom:25px;
margin-top:15px;
		 box-shadow: 0px 0px 2px 1px rgba(20,20,100,0.6);
  -webkit-transition:box-shadow 0.4s ease-in;  
   -moz-transition:box-shadow  0.4s ease-in;  
   -o-transition:box-shadow 0.4s ease-in;  
   transition:box-shadow  0.4s ease-in; 
}

#datenav{
overflow : hidden;
float:left;
text-align:center;
margin-top:0px;
height:55px;
width:730px;
margin-left:50px;
display:inline-block;
border: 0px solid black;
    }
	.journalarrow{
	
margin-top:0px;
height:30px;
width:120px;
margin-left:0px;
display:inline-block;
text-align:center;
border: 0px solid black;
    }
	
		.journaldate{
	
margin-top:0px;
height:30px;
width:150px;
margin-left:0px;
display:inline-block;
text-align:center;
    }
a.gallery:hover  {

	 box-shadow: 0px 0px 2px 1px rgba(0,190,250,0.6);

}