/* CSS comments */

body { background-color: #FFFFFF; text-align:center; }

div#master_div { width: 770px;  
                 background-color: #FFFFFF; 
		 text-align:center; /* centering everything in the master_div */
                 margin: 0px auto; }

/* Inside the Master Div */

div#masterbar_div {width: 380px; 
                   height: 110px;
                   margin: 20px auto 0px;
                   text-align: center; }

     div#archive_button_div { margin: 19px 23px 0px 0px;
                              float: left;
                              display: inline; }

          img#archive_button { margin: 0px 0px 0px 0px; 
                               border-width: 0px;}

     div#title_div { margin: 0px 0px 0px 0px;
                     float: left;
                     display: inline; }

           h1#SVC_title { margin: 0px 0px 0px 0px; }

              span#SVC_span_title { margin: 0px 0px 0px 0px; 
                  font-size: 20pt; 
                  font-weight: bold;
                  letter-spacing: 3px;
                  font-family: monospace;
                  color: #000000; }

              span#A_Webcomic { margin: 0px auto; 
                  font-size: 14pt; 
                  font-weight: bold;
                  letter-spacing: 0px;
                  font-family: monospace;
                  color: #AAAAAA; }

      div#MRZ_button_div { margin: 19px 0px 0px 21px;
                           float: left;
                           display: inline;}

            img#MRZ_button {margin: 0px 0px 0px 0px; 
                            border-width: 0px;}

a#updates_span {margin: 0px auto; 
	      font-size: 14pt; 
              font-weight: bold;
              letter-spacing: 0px;
              font-family: Arial, sans-serif;
              color: #000000; }

h2#updates { margin: 0px 0px 5px 0px; 
	      font-size: 11pt; 
              font-weight: bold;
              letter-spacing: 0px;
              font-family: Arial, sans-serif;
              color: #000000; }

span#Comic_Number { margin: 0px 0px 0px 0px; 
		 font-size: 20pt;
                 font-weight: bold;
                 color: #000000;
                 font-family: Arial, sans-serif; }

p#Comic_Date { font-size: 10pt;
               font-weight: normal;
               color: #000000;
               font-family: Arial, sans-serif; }

/* news */
div#news_main { width:770px;
		height:911px;
		margin:0px; 
		position:relative;
		background-image:url('news/TVP_news_background.gif');}
div#news_title1 { position:absolute;
	     top:0px;
	     left:0px;
	     width:486px;
	     height:25px;
	     border-color:#000000;
	     border-width:3px;
	     border-style:solid; 
	     background-color:#F2F2EB; 
	     padding:6px 3px 0px 3px; 
	     text-align:center;
             font-size: 12pt;
             font-weight: bold; 
             font-family: Arial, sans-serif;}
div#news_title2 { position:absolute;
	     top:0px;
	     left:509px;
	     width:249px;
	     height:25px;
	     border-color:#000000;
	     border-width:3px;
	     border-style:solid; 
	     background-color:#F2F2EB; 
	     padding: 6px 3px 0px 3px; 
	     text-align:center;
             font-size: 12pt;
             font-weight: bold; 
             font-family: Arial, sans-serif; } 
div#news_title3 { position:absolute;
	     top:317px;
	     left:0px;
	     width:486px;
	     height:25px;
	     border-color:#000000;
	     border-width:3px;
	     border-style:solid; 
	     background-color:#F2F2EB; 
	     padding:6px 3px 0px 3px; 
	     text-align:center;
             font-size: 12pt;
             font-weight: bold; 
             font-family: Arial, sans-serif; }
div#news_content1 { position:absolute;
	     font-size: 11pt;
	     top:52px;
	     left:10px;
	     width:470px;
	     height:245px; 
	     padding:3px; 
             text-align: left;
	     overflow:hidden; }

          div.news_content1_titles{ position:absolute;
	     top:2px;
	     left:10px;
             text-align: left;
             font-size: 17pt;
             font-weight: bold;}

          div.news_content1_dates{ position:absolute;
	     top:3px;
	     right:2px;
             text-align: right;
             font-size: 16pt;
             font-weight: bold;}

          div.news_content1_text{ position:absolute;
	     top:35px;
	     left:10px;
             width:460px;
             text-align: left;
             line-height: 1.2}

          span.small_text_for_NEWS{font-weight: bold;
                                   font-size: 8pt;}

div#news_content2 { position:absolute;
	     top:45px;
	     left:512px;
	     width:255px;
	     height:724px; 
	     padding:3px; 
	     overflow:hidden;}

          span.content2_item_header{font-weight: bold;
                                    font-size: 14pt;}

          div#content2_comics_you_should_read_div{position:absolute;
                                                  top:365px;
                                                  left:13px;
                                                  width:225px;
                                                  text-align:center;}

          div#content2_rss_div{position:absolute;
                               top:275px;
                               width:225px;
                               left:13px;
                               text-align:center;}

          div#content2_voting_booth{position:absolute;
                               top:515px;
                               left:13px;
                               width:225px;
                               text-align:center;
                               line-height: 1.0}

          div#content2_cinema{position:absolute;
                               top:20px;
                               left:13px;
                               width:225px;
                               text-align:center;
                               line-height: 1.0}


          /* div#content2_webcomicz_vote_div{position:absolute;
                               top:260px;
                               left:83px;
                               text-align:center;}

          div#content2_TWC_vote_div{position:absolute;
                               top:300px;
                               left:65px;
                               text-align:center;} */

div#news_content3 { position:absolute;
	     top:372px;
	     left:10px;
	     width:470px;
	     height:416px; 
	     padding:3px;
             text-align:left;
             font-size: 11pt;
             line-height: 1.1; 
	     overflow:hidden; }

span.content_3_news_date{font-weight: bold;
                         font-size: 12pt;}




/*  Navbars  */

img#NavButton { margin: 0px 0px 0px 0px;
                border-width: 0px; }

/* Comics to read */

img#comics_to_read { margin: 0px 0px 0px 0px;
                     border-width: 0px; }

/* E-mail me */

img#Email_me { margin: 0px 0px 0px 0px;
               border-width: 0px; }

/*   The Comic  */

img#CVScomic { margin: 0px auto; }

/*   RSS  */

img#RSSbutton { margin: 0px auto; }

span#RSSspan { margin: 0px auto; 
               font-weight: bold;
               text-decoration: none;}

/*  Footer  */

p.SVC_footer { margin: 0px auto;
               font-size: 10pt;
               font-weight: normal;
               font-family: Arial, sans-serif;
               color: #000000; }

/* Bottom Section */

div#upline {position:absolute;
            left: 0px;
            height: 2px;
            font-size: 0px;
            width: 100%; 
            background-color: #000000;
            margin: 0px auto;}

div#bottom_master_div { position:absolute;
                 left: 0px;
                 width: 100%;
                 background-color: #F5F5F5; 
		 text-align: center;
                 margin: 0px auto;}

/*  General Text Tools  */

span.bold_text{font-weight: bold;}
span.italics_text{font-style: italic;}
br.break{line-height: 0.8;}
br.spacer{line-height: 0.6;}
div.spacer{margin: 9px 20px 0px 0px;}

a.bold_link{font-weight: bold;}

span#color1_span{font-weight: bold;
                 color: red;}
span#color2_span{font-weight: bold;
                 color: yellow;}
span#color3_span{font-weight: bold;
                 color: green;}
span#color4_span{font-weight: bold;
                 color: blue;}
span#color5_span{font-weight: bold;
                 color: purple;}