/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. Layout
------------------------------------------------------------------------------------------------
==============================================================================================*/


body {
       background:#22d022 none repeat scroll 0 0;
       font-family:arial narrow, verdana, arial;
       font-size:1.3em;
}

#container {
       width:40em;
       margin: 0 auto; 
}

h1 {
    font-size:1.6em;
    margin-left:0.1em;

}

h2 {
    font-size:1.1em;
    font-weight:bold;
} 

h3 {
    font-size:0.8em;
    margin-left:0.8em;
    padding:0em; 
} 

p {
   font-size:1em;
 
} 

#Header {
       background: #fff url(Resources/Banner2.gif) top left no-repeat; 
       height:8.9em;
       width:40em;
      
}

#Welcome {
       background:#fff;
       height:2em;
       width:40em;
       margin-top:0.7em;
        
}     

div.Menu {
  float:left;
  font-size:0.9em;
}

div.Menu li {
   float:left;
   padding-left:0.7em; 
}

div.Menu a {
  float:left;
  padding-top:0.5em; 
  text-decoration:none;
}


a {
    color:#2f9336;
    text-decoration:none;
}

a:hover {
    color:black;
    text-decoration:none;
}

a:active {
    
}

a:visited {
        
}

#Box { 
    background:#fff;
    margin-top:0.7em;
    width:40em;
    padding-bottom:1em;
    text-align:justify; 
}

#Box h2.Title {
    padding-top:1em;
    padding-left:0.6em;
}

#Box h2.Title2 {
    text-align:center;
    padding-top:1em;
}

#Box .Thumbnail{
    margin:1em
}

#Box .image{
    margin-left: 3em;
    }

#Box p.Content {
    Padding:1em;
}   

#Box p.Content2 {
    Padding:1em;
}

#Box .Banner {
    margin-left:5.5em;
    margin-top:1em;
}

#Box .Archive {
    padding-left:1em;
}

#Box p.Archive {
    margin-left:1em;
    margin-top:1em;
}

#Box p.Links {
    margin-left:1em;
    margin-top:1em;
}

#Comic_Page {
    float:left;
    background:#fff;
    margin-left:0.7em;
    margin-top:0.7em;
    width:35.3em;
    padding-bottom:1em;
    text-align:justify; 
}

#Box h2.Title {
    padding-top:1em;
    padding-left:0.6em;
}

#Box p.Content {
    padding:1em;
}

#Box .Comic {
    margin-left:3.2em;
    padding-top:1em;
}

#Box .Comic100 {
    margin-left:0.5em;
    padding-top:1em;
}

#Box .Comic150 {
    margin-left:0.8em;
    padding-top:1em;
}

#Box .Comic200 {
    margin-left:15.5em;
    padding-top:1em;
}

#Box .Comic300 {
    margin-left:12.5em;
    padding-top:1em;
}

#Box .Comic400 {
    margin-left:10.7em;
    padding-top:1em;
}

#Box .Comic450 {
    margin-left:9.5em;
    padding-top:1em;
}

#Box .Comic500 {
    margin-left:8em;
    padding-top:1em;
}

#Box .Comic550 {
    margin-left:7em;
    padding-top:1em;
}

#Box .Comic600 {
    margin-left:5.7em;
    padding-top:1em;
}

#Box .Thumbnail {
    margin-left:12em;
    border: 0.1em solid black;  
}

#Box .First_Archive {
    list-style:none;
    padding-bottom:1em;
    
}

#Box .First_Archive .Previous {
    float:left;
    margin-left:3em;
}

#Box .First_Archive .Next {
     float:right;
     margin-right:3em;
}

#Comic_Page500 {
    float:left;
    background:#fff;
    margin-left:0.7em;
    margin-top:0.7em;
    width:35.3em;
    padding-bottom:1em;
    text-align:justify; 
}

#Comic_Page500 h2.Title {
    padding-top:1em;
    padding-left:0.6em;
}

#Comic_Page500 .Float_Center {
    margin-left:5.5em;
}

#Comic_Page500 .First_Archive {
    list-style:none;
    margin: 0;
    padding: 0;
}

#Comic_Page500 .First_Archive .Previous {
    float:left;
    margin-left:3em;
}

#Comic_Page500 .First_Archive .Next {
     float:right;
     margin-right:3em;
}



#Comic_Page600 {
    float:left;
    background:#fff;
    margin-left:0.7em;
    margin-top:0.7em;
    width:35.3em;
    padding-bottom:1em;
    text-align:justify; 
}

#Comic_Page600 h2.Title {
    padding-top:1em;
    padding-left:0.6em;
}

#Comic_Page600 .Float_Center {
    margin-left:3em;
}

#Comic_Page600 .First_Archive {
    list-style:none;
    margin: 0;
    padding: 0;
}

#Comic_Page600 .First_Archive .Previous {
    float:left;
    margin-left:3em;
}

#Comic_Page600 .First_Archive .Next {
     float:right;
     margin-right:3em;
}

#Footer {
    clear:both;
    background:#fff;
    height:2.4em;
    width:40em;
    margin-top:0.7em;

}

div.Bottom_Menu {
   float:left;
   font-size:0.6em;
   margin-left:14.5em
}

div.Bottom_Menu li {
   float:left; 
   margin-top:1.3em;
   padding-left:30px;
}

div.Bottom_Menu a {
   text-decoration:none;
}

#Copyright { 
   font-size:0.7em;
   padding-top:0.7em;
   text-align:center;
}