body {
background-color: #C7E1E3;
padding: 0px;
}

#wrapper {
    display: block;
    border: none;
    width: 960px;
    margin: 10px auto 10px auto;
    
}

#header {
width: 960px;
height: 30px;
border: none;
display: block;
background-color: black;
}

#navigation{
    width: 960px;
    height: auto;
    border: none;
    float: left;
    display: block;
    background-color: black;
}

#navigation p{
color: white;
font-size: 12pt;
float: left;
text-align: center;
font-family: Verdana, Arial, sans-serif;
margin: 0 20px 10px auto;
}

#content {
    width: 960px;
    height: auto;
    border: none;
    float: left;
}

#comic {
    width: 750px;
    border: none;
    float: left;
    background-color: white;
    padding: 10px 20px 20px 20px;
}

#sidebar {
    width: 210px;
    border: none;
    float: left;
    border: 1px solid #759496;
}

#parallax{
    position:relative;
    overflow:hidden;
    width:960px;
    height:150px;
}

#footer {
    width: 960px;
    border: none;
}

h2{
color: black;
font-size: 12pt;
float: left;
text-align: left;
font-family: Verdana, Arial, sans-serif;
}
h3{
    /*for sidebar headings*/
}

#navigation a:link {
    text-decoration:none;
    color: white;
} 

#navigation a:hover {
    text-decoration:none;
    color: #C7E1E3;
}

#navigation a:visited {
    text-decoration:none;
    color: white;
}

/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */