/* GENERAL STUFF */

body {
    margin: 0;
    padding: 0;
background: url("/siteimg/olde.jpg") fixed;
background-color: #1a1a1a;
font-size: 1.0em;
letter-spacing: normal;
  text-align: center;
font-family: Georgia;
    color: #000000;
}


/* Link colors, img borders, etc */

a:link { 
text-decoration:none;
 color: #8a6e00;

}
a:visited { 
 color: #8a6e00;
text-decoration:none;

}

a:hover { 
text-decoration: underline;
 color: #40556f;

}


/* Linked images have no borders */
a img {border: none; }


/* STORY SPECIFIC COLORS ETC */

#damnupdatebox {
width:706px; 
/* min-width for those stupid IE6 jerks */

-moz-border-radius: 10px; 
/* curve border for mozilla folks */

-webkit-border-radius: 10px;
/* curve border for webkit folks */

background-color: #ffcc00; 
/* background color! */

border: 2px solid #997c2c; 
/* border color! */

padding: 7px;
/* inside padding */
}

.comic-title { 
font-size:1.5em; font-weight:bold;
color:#000000; 
}

#credits {
font-size: 11px;
line-height: 14px;
letter-spacing: normal;
  text-align: left;
font-family: Arial, Arial, sans-serif;
    color: #FFFFFF;
}

#credits a:link {
text-decoration:none;
 color: #CBCBCB;
font-family: Arial, sans-serif;
}

#credits a:visited {
text-decoration:none;
 color: #CBCBCB;
font-family: Arial, sans-serif;
}

#credits a:hover {
text-decoration:underline;
font-family: Arial, sans-serif;
}

#bigbadbox {
display:table; 
/* variable widths are badass */

width:700px; 
/* min-width for those stupid IE6 jerks */

-moz-border-radius: 7px; 
/* curve border for mozilla folks */

-webkit-border-radius: 7px;
/* curve border for webkit folks */

background-color: #FFFFFF; 
/* background color! */

border: 3px solid #728aa5; 
/* border color! */

padding: 10px;
/* inside padding */
}


#bigcastbox {
display:table; 
/* variable widths are badass */

width:200px; 
/* min-width for those stupid IE6 jerks */

-moz-border-radius: 7px; 
/* curve border for mozilla folks */

-webkit-border-radius: 7px;
/* curve border for webkit folks */

background-color: #FFFFFF; 
/* background color! */

border: 3px solid #728aa5; 
/* border color! */

padding: 10px;
/* inside padding */
}


/* Cast Section - Story Page */
#thecast {
position: absolute;
top: 51px;
left: 870px;
width: 50px;
height: 700px;
}



/* Text sizes. */

span.h1 {
font-size: 20px;
line-height: 20px;
letter-spacing: normal;
font-style: normal;
}

span.small {
font-size: 0.7em;
letter-spacing: normal;
font-style: normal;
}

span.med {
font-size: 1em;
letter-spacing: normal;
font-style: normal;
}

span.large {
font-size: 14px;
line-height: 16px;
letter-spacing: normal;
font-style: normal;
}


span.date {
font-size: 12px;
line-height: 20px;
letter-spacing: normal;
font-style: normal;
}

span.news {
font-size: 12px;
line-height: 14px;
letter-spacing: normal;
font-style: normal;
}

/* MAIN CONTAINERS */

/* Page alignment */

.top {
margin:0 auto;
position:relative;
left:0px;
  width: 1000px;
 text-align: left;
  }

.container {
margin: 0 auto; 
  width: 1000px;
 text-align: left;
 }

/* Header */

.header {
text-align: center;
height:170px;
width:1060px;
background-image:url('https://wigucomics.com/oc/ocheader2013.gif');
background-repeat:no-repeat;

}

.main {
background-color:#FFFFFF;
border:3px solid black; 
padding:10px;
display:block;
overflow:hidden;
width:1000px;
text-align:left;
margin: 0 auto;
}

.other-sites {
width:800px;
margin: 0 auto;
text-align:left;
}

/* Homepage */

#links_home {
width:100%;
height:44px;
display:block;
}

/* Breaking News Box */

.nav {
margin:10px;
}

.babynav {
float:right; text-align:right
}

.comic {
margin:0 auto; width:1000px;
padding-top:10px; padding-bottom:10px;
background-color:#FFFFFF;
}


/* PW ad box */
.ads {
position: absolute;
top: 0px;
right:0px;
overflow: hidden;
z-index:2;
}

/* Comic container */


/* Linktree box */
#links_story {
width: 143px;
float:left;
padding:5px;
}


/* News box */
#news_box {
width:800px;
background-image: url('/siteimg/03_bg.png');
background-repeat:no-repeat;
}

/* Padding box (inside News box) */

#news_box2 {
width:890px;
height:580px;
padding:20px 0px 0px 40px;
}

/* Container for the table (with comic and titles) */

#comic_box {
width:750px;
float:left;
}

/* Container for the comic */

#comic {
padding: 0px;
}

/* Container for the left title section above the comic. */

#title_left {
padding-top: 0px;
text-align: left;
float: left;
}

/* Container for the right title section above the comic. */

#title_right {
padding-top: 0px;
text-align: left;
float: right;
}