
<!doctype html>

@font-face {
	font-family: Helvetica;
}

p
{
font-family: Helvetica;
margin:0 0 1.5em;
font-size: 2.0em;
}


h1
{
font-family: Helvetica;
margin:0em 1em 0em;
font-size: 3.0em;
}

h2
{
font-family:Helvetica;
margin:0 2.0em 0em;
font-size: 2.0em;
}

h3
{
font-family: Helvetica;
margin:0 2.0em 0em;
font-size: 3.0em;
}

h4
{
font-family:  Helvetica;
margin:0 2.0em 0em;
font-size: 1.0em;
}

body
{
margin: 0px;
padding: 20px;
color: #000000;
background-color: #000000;
}

navi
{
background-color:#cccccc;
font-size: 2.0em;}

.left-col {
  float: left;
  width: 40%;
  padding-bottom: 40px;
}

.right-col {
  float: right;
  width: 40%;
  padding-bottom: 40px;
}

.header
{
text-align: center;
background-color:#787878;
}

.headersub
{
text-align: left;
background-color:#787878;
}


.navbar
{
font-size: 1.5em;
text-align: center;
background-color:#cccccc;
img {border: 0;}
a {outline : none;}
a img {outline : none;}
}

.footer
{
font-family: Courier;
text-align: center;
background-color:#787878;
font-size: .75em
}
.container
{
max-width: 55em;
margin: 0 auto;
background-color: #fff;
}
.comicscroll
{
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}

.column
{
  columns: 2; 
}

.img-header1
{
max-height: 250px;
}
.img-header2
{
max-height: 100px;
}
.img-responsive 
{ 
max-width: 250px;
padding: 5px;

}

.homeimg
{
max-width: 70%;  
padding: 5px;
}

body {
    margin:0; 
    padding:0; 
    background:#000000;
    text-align:center; /* used to center div in IE */
}
#wrapper {
    width:50em; 
    margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
    text-align:center; /*resets text alignment from body tag */
    border:1px solid #ccc;
    border-top:none; 
    padding:25px; 
    /*Let's add some CSS3 styles, these will degrade gracefully in older browser and IE*/
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px; 
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url(assets/background.png) repeat; 
    text-align:center;
}
#lightbox p {
    text-align:right; 
    color:#fff; 
    margin-right:20px; 
    font-size:12px; 
}

#lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:940px;
    max-height:800px;
}

.table {
  border:1px;
  width:90%;
  text-align: center;
  margin: 0px 50px 50px 0px;
}
.td {
    max-width:50%;
}
