@charset "utf-8";
/* CSS Document */

/* PAGE STRUCTURE */

body {
margin: 0; 
border: none; 
padding: 0;
background-color:#3883ea;
height:100%;
}

div {
height:100%;
}

img {
border:none
}

#container {
width: 900px;
margin-right:auto; 
margin-left:auto; 
margin-bottom:none; 
height:100%;
background-image:url('../graphics/background.png');
position: relative;
background-repeat:repeat-y;
background-position:center;
}

#mainContent {
width: 860px;
padding: 0 20px 0 20px;
height:auto;
}

#contentWrapper {
width: 860px;
padding: 0 20px 0 20px;
height:auto;
}

.imageCenter {
margin-right:auto; 
margin-left:auto; 
display:block;
text-align:center;
}

#strip {
margin-right:auto; 
margin-left:auto; 
display:block;
text-align:center;
}

#stripNav {
margin-right:auto; 
margin-left:auto; 
display:block;
text-align:center;
}

#leftColumn {
float:left;
width:200px;
height:inherit;
padding-right:10px;
}

#rightColumn {
float:right;
width:175px;
height:inherit;
padding-left:10px;
}

#centerColumn {
width:auto;
height:inherit;
padding:0 10px 0 10px;
margin:0 165px 0 180px;
}

.pwSpacer {
padding-left:37px;
}

.pwSpacerArchive {
margin-left:100px;
}

#appear {
text-align:center;
}

#newspost {
width:auto;
margin:20px 5px 5px 5px;
text-align:justify;
}

#social_icons {
display:inline;
padding:10px 0 20px 100px;
}

div .spacer {
clear:both;
}

#storySelector {
margin: 10px 0 10px 200px;
}

#storySelector select {
border: 1px solid #000;
} 

#storySelector p {
margin-left:150px;
}

#archiveList a {
margin-right: 4px;
}

.characterRow {
width:860px;
height:100px;
padding-bottom:20px;
}

.characterRow img {
float:left;
margin-right: 20px;
}

.characterRow h3 {
margin-bottom:-10px;
text-align:left;
}

#aboutText h2 {
text-align:left;
}

#aboutText ol {
margin:0 40px 0 40px;
text-align:justify;
font-size:12px;
}

#aboutText li {
margin-bottom: 4px;
}

#linkWrapper {
}

#linkLeft {
width:275px;
float:left;
}

#linkLeft a {
margin-top:10px;
}

#linkRight {
width:275px;
float:left;
}

#linkRight a {
margin-bottom:4px;
}

#comicSites {
width:275px;
float:left;
}

#comicSites a {
margin-bottom:4px;
}

.links {
padding:0;
margin:0;
}

.links li {
list-style-type:none;
margin-bottom: 2px;
}

#linkBardsworth img {
margin-right:auto; 
margin-left:auto; 
display:block;
text-align:center;
}

#galleryWrapper {
margin-right:auto; 
margin-left:auto; 
display:block;
text-align:center;
}

#galleryWrapper p {
margin-bottom:50px;
}

#fanartWrapper h3 {
text-align:left;
margin-bottom:10px;
}

.thumb-row {
width: 860px;
}

.pic-div {
width:76px; 
height:180px;
padding:0px 24px 0px 0px;
float:left;
}

.fanartThumb {
width:100px;
height:180px;
vertical-align:top;
float:left;
}

#wallpapers {
width:860px;
}

#stencils {
width:860px;
}

#downloadMisc {
width:860px;
}

.downloadPage h3 {
margin-bottom:20px;
}

.downloadThumb {
width:100px;
height:250px;
vertical-align:top;
float:left;
margin-right:50px;
}

.downloadThumb p,a {
text-align:center;
}

.downloadLinks {
padding:0;
margin:0;
}

.downloadLinks li {
list-style-type:none;
text-align:center;
}

#storeNav {
width:860px;
margin:20px 0 40px 0;
text-align:center;
}

#storeNav hr {
height:2px;
color:#ccc;
background-color:#ccc;
margin-left:200px; 
margin-right:200px;
}

#storeBook {
width:860px;
margin-bottom:40px;
}

#storeHandmade {
width:860px;
margin-bottom:40px;
}

#storeHandmade a img.etsy {
float:left;
margin: 0 0 10px 20px;
}

#storeLinart {
width:860px;
}

#storeCommissions {
width:860px;
}

.donateWallpapers {
width:860px;
text-align:center;
margin-bottom:40px;
}

/* HEADER */

#headerWrapper {
width:900px;
}

#header {
float:left;
margin:10px 0 0 5px;
}

#adBanner {
float:right;
margin:10px 5px 0 0;
}

#nav {
clear:both;
width:auto;
padding-top:20px;
}

/* HEADER BUTTONS */

a#archiveNav {
display:inline-block;
width:89px;
height:22px;
background:url('graphics/archive_off.gif');
margin:0 auto;
}

a#archiveNav:hover {
background-image:url('graphics/archive_on.gif');
}

a#charactersNav {
display:inline-block;
width:112px;
height:22px;
background:url('graphics/characters_off.gif');
margin:0 auto;
}

a#charactersNav:hover {
background-image:url('graphics/characters_on.gif');
}

a#aboutNav {
display:inline-block;
width:80px;
height:22px;
background:url('graphics/about_off.gif');
margin:0 auto;
}

a#aboutNav:hover {
background-image:url('graphics/about_on.gif');
}

a#galleryNav {
display:inline-block;
width:88px;
height:22px;
background:url('graphics/gallery_off.gif');
margin:0 auto;
}

a#galleryNav:hover {
background-image:url('graphics/gallery_on.gif');
}

a#storeNav {
display:inline-block;
width:74px;
height:22px;
background:url('graphics/store_off.gif');
margin:0 auto;
}

a#storeNav:hover {
background-image:url('graphics/store_on.gif');
}

a#forumNav {
display:inline-block;
width:81px;
height:22px;
background:url('graphics/forum_off.gif');
margin:0 auto;
}

a#forumNav:hover {
background-image:url('graphics/forum_on.gif');
}

a#contactNav {
display:inline-block;
width:91px;
height:22px;
background:url('graphics/contact_off.gif');
margin:0 auto;
}

a#contactNav:hover {
background-image:url('graphics/contact_on.gif');
}

a#blogNav {
display:inline-block;
width:80px;
height:22px;
background:url('graphics/blog_off.gif');
margin:0 auto;
}

a#blogNav:hover {
background-image:url('graphics/blog_on.gif');
}

a .alt {
display: none;
}

/* FOOTER */

#footer {
clear:both;
padding-top:20px;
}

#footer p {
text-align:center
}

/* ------ ARCHIVE ------- */

#comicGallery { 
width: 900px; 
margin: 0 auto; 
text-align: center;
font-size:12px;
}

/* CG nav setup */
#cg_nav1 { height: 58px; width: 700px; margin: 0 auto; border: none;}
#cg_nav1 a, #cg_nav1 span {   height: 58px; width: 175px; float: left; background: #fff top left no-repeat; }
#cg_nav1 a span, #cg_nav1 span span, #cg_nav1 .cg_divider { display: none; }

/* CG nav images */
a#cg_first { background: url(/graphics/first.png); }
a#cg_back { background: url(/graphics/previous.png); }
a#cg_next { background: url(/graphics/next.png); }
a#cg_last { background: url(/graphics/last.png); }

/* CG nav rollover images */
a#cg_first:hover { background: url(/graphics/first.png); }
a#cg_back:hover { background: url(/graphics/previous); }
a#cg_next:hover { background: url(/graphics/next.png); }
a#cg_last:hover { background: url(/graphics/last.png); }

/* CG nav unavailable images */
span#cg_first { background: url(/graphics/first.png); }
span#cg_back { background: url(/graphics/previous); }
span#cg_next { background: url(/graphics/next.png); }
span#cg_last { background: url(/graphics/last.png); } 

/* ------ END ARCHIVE ------- */

/* TEXT */

p,h4,h3,h2,h1,a,ol,ul,li {
font-family:Arial, Helvetica, sans-serif;
}

p { 
margin: 1em 0 1em 0; 
font-size:12px;
}

a {
font-size:12px;
}

ul {
font-size:12px;
margin-left:40px;
}

ol {
font-size:12px;
margin-left:40px;
}

h2, h3 {
text-align:center;
}