/* FONTS */

@font-face {
 font-family: VegBold;
 src: url("/misc/VegurBold.eot"); /* EOT file for IE */
 src: url("/misc/VegurBold.ttf") format("truetype"); /* non-IE */  
}

@font-face {
 font-family: VegThin;
 src: url("/misc/VegurThin.eot"); /* EOT file for IE */
 src: url("/misc/VegurThin.ttf") format("truetype"); /* non-IE */  
}

@font-face {
 font-family: VegReg;
 src: url("/misc/VegurReg.eot"); /* EOT file for IE */
 src: url("/misc/VegurReg.ttf") format("truetype"); /* non-IE */  
}

/* GENERAL STUFF */

body {
    margin: 0;
    padding: 0;
background-image: url('siteimg-new/00_bg_alt.png');
background-repeat: repeat-x;
background-color: #1a1d27;
font-size: 11px;
line-height: 14px;
letter-spacing: normal;
  text-align: center;
font-family: Helvetica, Arial, sans-serif;
    color: #FFFFFF;
}

/* Link colors, IMG borders, etc */

a:link { 
 color: #FFFFFF;
font-family: VegThin, Helvetica, sans-serif;

}
a:visited { 
 color: #FFFFFF;
font-family: VegThin, Helvetica, sans-serif;

}

a:hover { 
 color: #FFFFFF;
font-family: VegThin, Helvetica, sans-serif;

}

a:active { 
 color: #FFFFFF;
font-family: VegThin, Helvetica, sans-serif;

}

a img {border: none; }



/* CONTAINERS */

/* CENTERING */

#container {
margin:0px auto;
position: relative;
  width: 1072px;
 text-align: left;
 }


/* SITE CONTAINER */

#bgcontainer {
position: absolute;
top: 0px;
left: 0px;
  width: 1072px;
background-color: #000000;
  }


/* LOGO + LINKTREE */

#headerlink {
 width: 1072px;
height: 227px;
background-image: url('siteimg-new/01_bg.png');
}

#headerlinkalt {
 width: 1072px;
background-image: url('siteimg-new/01_bg_alt.png');
}



/*  -----------------------  START - MAIN PAGE CONTAINERS AND THINGS ---------------- */


/* boxes/news */

#highlights {
 width: 1072px;
height: 295px;
background-image: url('siteimg-new/02_bg.png');
}

/* HIBOX 01 - 03 = MAIN PAGE BOXES; HIBOX 04 - 05 = MAIN + SIDE PAGE BOXES */

#hibox01 {
position: absolute;
top: 254px;
left: 17px;
width: 262px;
height: 109px;
}

#hibox02 {
position: absolute;
top: 390px;
left: 17px;
width: 262px;
height: 109px;
}

#hibox03 {
position: absolute;
top: 254px;
left: 796px;
width: 262px;
height: 109px;
}

#hibox04 {
position: absolute;
top: 390px;
left: 796px;
width: 262px;
height: 109px;
}

/* NEWSPOST */

#newspost {
position: absolute;
top: 254px;
left: 290px;
width: 490px;
height: 208px;
overflow-y: scroll;
overflow-x: hidden;
}

/* SOCIAL NETWORK BUTTONS */

#social {
position: absolute;
top: 471px;
left: 291px;
width: 489px;
height: 40px;
}

/* COMIC TITLE */

#comictitle {
position: absolute;
top: 5px;
left: 123px;
width: 240px;
height: 60px;
text-align: center;
overflow: hidden;
letter-spacing: 1px;
font-size: 11px;
line-height: 16px;
text-align: left;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
}


/* COMIC CONTAINER - MAIN PAGE */

#mcomic_container {
width: 1072px;
 text-align: left;
}


/* LEFT NAV - MAIN PAGE */

#mc_side_left {
width:135px;
background-image: url('siteimg-new/03_bg.png');
}


/* RIGHT NAV - MAIN PAGE */

#mc_side_right {
width:135px;
background-image: url('siteimg-new/05_bg.png');
}


/* Text(ual) stuff */

span.headline {
text-transform: uppercase; 
letter-spacing: 3px;
font-size: 13px;
line-height: 18px;
text-align: center;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
}

span.date {
text-transform: uppercase; 
letter-spacing: 2px;
font-size: 10px;
line-height: 10px;
text-align: center;
font-family: VegThin, Helvetica, sans-serif;
color: #979797;
font-style: normal;
}

span.news {
letter-spacing: 1px;
font-size: 12px;
line-height: 16px;
text-align: left;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
}

span.comictitle {
letter-spacing: 1px;
font-size: 12px;
line-height: 16px;
text-align: left;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
}



/* ----------------------------------------- END - MAIN PAGE -------------------------- */


/*  -----------------------  START - SIDE PAGE CONTAINERS AND THINGS ---------------- */


/* boxes/news */

#side-highlights {
 width: 1072px;
height: 154px;
background-image: url('siteimg-new/02_bg_alt.png');
}


/* SOCIAL NETWORK BUTTONS */

#social_alt {
position: absolute;
top: 278px;
left: 291px;
width: 489px;
height: 40px;
}

/* COMIC TITLE */

#socialbox_alt {
position: absolute;
top: 5px;
left: 115px;
width: 260px;
height: 30px;
text-align: center;
overflow: hidden;
}

/* BOXES */

#hibox05 {
position: absolute;
top: 196px;
left: 20px;
width: 262px;
height: 109px;
}

#pwads_alt {
position: absolute;
top: 197px;
left: 796px;
width: 262px;
height: 109px;
}

#update_alt {
position: absolute;
letter-spacing: 1px;
font-size: 10px;
line-height: 12px;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
top: 200px;
left: 300px;
width: 474px;
height: 60px;
overflow: hidden;
}

#altpage_container {

width: 1072px;
 text-align: left;
}


/* LEFT BANNER */

#alt_left {
width:167px;
background-image: url('siteimg-new/03_bg_alt.png');
}


/* RIGHT BANNER */

#alt_right {
width:167px;
background-image: url('siteimg-new/05_bg_alt.png');
}

#text_alt {
padding:15px;
letter-spacing: 1px;
font-size: 12px;
line-height: 15px;
text-align: left;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
}

#credits {
 width: 1072px;
letter-spacing: 1px;
font-size: 11px;
line-height: 16px;
font-family: VegThin, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-weight: 100;
align: center;
background-color: #1a1d27;
}

#credits2 {
 width: 1000px;
align: center;
background-image: url('siteimg-new/06_bg.png');
background-repeat: repeat-x;
}


#comic_container {
width: 1072px;
 text-align: left;
background-image: url('siteimg-new/04_bg_comic.png');
background-repeat: repeat-y;
background-color: #000000;
}

#nav_comic_left {
position:absolute;
top: 321px;
left:0px;
width: 176px;
 text-align: left;

}

#nav_comic_right {
position:absolute;
top: 321px;
left:905px;
width: 175px;
 text-align: left;
}

#news_comic {
width: 700px;
 text-align: left;
background-image: url('siteimg-new/04_bg_alt.png');
}

/* ARCHIVE PAGES */

/* boxes/news */

#archive_box {
 width: 1072px;
height: 313px;
background-image: url('siteimg-new/02_bg_archive.png');
}



#pro_archive {
position:absolute;
top: 169px;
left:108px;
width: 165px;
 text-align: left;
}

#archive_text {
position:absolute;
top: 500px;
left:215px;
width: 641px;
 text-align: left;
}

#bd_archive {
position:absolute;
top: 169px;
left:280px;
width: 165px;
 text-align: left;
}

#rap_archive {
position:absolute;
top: 169px;
left:452px;
width: 165px;
 text-align: left;
}

#gp_archive {
position:absolute;
top: 169px;
left:624px;
width: 165px;
 text-align: left;
}

#cs_archive {
position:absolute;
top: 169px;
left:798px;
width: 165px;
 text-align: left;
}

#butt01_archive {
position:absolute;
top: 422px;
left:212px;
width: 165px;
 text-align: left;
}

#butt02_archive {
position:absolute;
top: 422px;
left:433px;
width: 165px;
 text-align: left;
}

#butt03_archive {
position:absolute;
top: 422px;
left:654px;
width: 165px;
 text-align: left;
}

#cast-list {
width: 120px;
 font-family: VegThin;
text-align: right;
}

#archive_left {
position:absolute;
top: 481px;
left:0px;
width: 134px;
 text-align: left;
}

#archive_right {
position:absolute;
top: 481px;
left:938px;
width: 134px;
 text-align: left;
}

td.align {
text-align: right;
}


#altern_container {
width: 1072px;
 text-align: left;
background-image: url('siteimg-new/04_bg_comic.png');
background-repeat: repeat-y;
background-color: #000000;
}

#nav_alt_left {
position:absolute;
top: 321px;
left:0px;
width: 176px;
 text-align: left;

}

#nav_alt_right {
position:absolute;
top: 321px;
left:905px;
width: 175px;
 text-align: left;
}