/* Base page structure */
body {
    margin:0;
    background-color:#ccddaa;
    font-family:"Trebuchet MS",Helvetica,sans-serif;
    text-align:center;   /* MSIE 5 doesn't center based on auto left/right margins,
                          but 'text-align:center' does center top-level divs: */
     min-width:800px;      /* Specify a min-width for the body as wide as the 'wrapper'
                           element itself. This prevents negative (i.e. inaccessible)
                           left-margins in narrow browser windows when using
                           Navigator 6+/Mozilla on Win32: */

}

#container {
    position:relative;
    background-color:#f6eec1;
    width:1100px;
    text-align:left;
    margin-left:auto;   /* Set left and right margins to auto, thus centering the
                          element in the containing (body) tag: */
    margin-right:auto;
}

#bodywrap {
    position:relative;
    width:900px;
    text-align:left;
    margin-left:auto;   /* Set left and right margins to auto, thus centering the
                          element in the containing (body) tag: */
    margin-right:auto;
}


#bodywrapwide {
    position:relative;
    width:900px;
    text-align:left;
    margin-left:auto;   /* Set left and right margins to auto, thus centering the
                          element in the containing (body) tag: */
    margin-right:auto;

}

/* Some defaults you can play around with */
a {
/*    color:#02d;*/
    color:#3F1F09;
}
a:visited {
/*    color:#569;*/
      color:#6B4E3B;
}
a:hover, a:active {
/*    color:#00b;*/
    color:#ebcd8f;
}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
h1 a {color:#444 !important;}
h2 a {color:#000 !important;}

a img {border:none 0px;}
p {
    font-family: "Trebuchet MS", serif;
}



/* Header */
h1 {
    margin:10px 0 5px;
    padding:20px 0 0;
    text-align:center;
}

#topnav {
    margin:0 0 1em;
    text-align:center; 
    white-space:nowrap;
}
#topnav a {
    padding:0 12px;
    text-decoration:none;    
    font-size:18px;
    font-weight:bold;
    border-style:double;
    color:#f6eec1;
    background-color:#46220A;
}
#topnav a:hover {
    color:#ccddaa;
}





/* Comics! */
#dropdownform select {width:200px;}
#dropdownform {
    margin:10px 0 0;
    padding:5px;
    font-size:14px;
    background-color:transparent;
    color:#fff;
    align=right;
}
.navbar {
    display:block;
    padding:5px;
    text-align:center;
    text-color:#46220A;
    color:#bbb;
    background-color:#ebcd8f;
    background-image:url('/img/backgrounds/yafgcnewtile.jpg');

}

.navbar2 {
     float: left;
     color:#46220A;
     font-weight:bold;
     letter-spacing:0.2em; 
     text-align:left;
}

.navbar a {
    text-decoration:none;
    color:#46220A;
    font-weight:bold;
}
.navbar a:visited {
    color:#46220A;
}
.navbar a:hover {
    color:#fff;
}
#comicset {
    display:block;
    margin:0px 0px 20px 0px;
    text-align:center;
    color:#000;
    background-color:#fff;
    border-top:solid 5px #46220A;
    border-bottom:solid 5px #46220A;
    background-image:url('/img/backgrounds/yafgcnewtile.jpg');
}
#comicset h2 {border:none 0px;}
#comicimg {
    margin:10px 0;
}
#comicblurb {
    margin:20px;
    padding:0 10px 10px;
    background-color:#f6eec1;
}



/* News! */
.newspost {
    margin:1em 0 4em;
    width:850px;
    padding:5px;
}
.newspost p {
    font-size:14px;
}
.newsdetail {
    float:right;
    text-align:right;
    margin:0 0 10px 10px;
    padding:0 10px;
    font-size:12px;
    color:#000;
    border-left:solid 3px #ebcd8f;
    background-color:#f6eec1;
}
.newsavatar {float:right;}
.newslinks {
    border-top:dashed 1px #888;
}
.newslinks 

a {text-decoration:none;


/*    color:#02d;*/
    color:#3F1F09;
}
a:visited {
/*    color:#569;*/
      color:#6B4E3B;
}
a:hover, a:active {
/*    color:#00b;*/
    color:#ebcd8f;
}


/* General content */
h2 {
    margin:20px 0 5px;
    padding:0 20px;
    border-bottom:solid 1px #ebcd8f;
}
h3 {
    color:#3F1F09;
    padding:0 5px;
    font-size:1.2em;
    line-height:1.4em;

    /*font-variant:small-caps;
    letter-spacing:0.3em;*/
    background-color:#f6eec1;
}
#maincontent {
    background-color:#f6eec1;
}


/* Extra content */
#sidenav {
    float:right;
    background-color:#f6eec1;
    font-size:13px;
    padding:0px 5px;

}


#topad {
    background-color:#ccddaa; 
    padding:5px 5px 5px 0px;
}


#mainpagecontent {
    border:solid 5px #46220A;
}


#mainlower {
    padding:10px 10px 10px 10px;
}
#sidenav h3 {
    border:solid 1px #ebcd8f;
    background-color:transparent;
    font-size:16px;
    font-weight:bold;
    /*letter-spacing:0.05em;
    font-variant:small-caps;*/
}

.sidenavlinks {
    border:solid 1px #46220A;
    background-color:transparent;
    color:#3F1F09;
    font-size:16px;
    font-weight:bold;
    padding:5px 5px 5px 5px;
}



#dropdownsidebar {
    float:right;
    background-color:transparent;
}

#textblock {
    padding:10px;
    font-size:14px;
}

#archivetext {
    padding:10px;
    font-size:14px;
}

#archivetext ul {list-style-type: none;
     }

table.archive {
    width:100%;
     }
     td
     {
     align:right;
     } 

table#fanart {
    margin-left: auto;
    margin-right: auto;
     }
     td
     {
     width:16.67%;
     vertical-align: top
     text-align: left
     } 


#titletext {
    padding:0 10px;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    text-align:middle;
    /*letter-spacing:0.2em;
    font-variant:small-caps;*/
    color:#46220A;
}

#internalnav a {
    padding:0 4px;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    /*letter-spacing:0.2em;
    font-variant:small-caps;*/
    border-style: double;
    color:#46220A;
    background-color:#ebcd8f;
}


#comictopleft {
  position:absolute;
  left:75;
  }

#comictopright {
  position:absolute;
  right:75;
  }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->

td.wibiyaToolbar_td {width:auto;}
td.wibiyaToolbar_center {width:97%;}
