#top {     position:absolute;
     left: 50%; 
     top: 0%;
     width: 700px;
     height: 400px;
     
     margin-left: -350px; /* half of the width */
     border: 1px solid #fff;
     }

div.headline {    width: 600px;
    padding: 0px;
    font-family: verdana;    font-color: #000000;
    font-size: 14px;
    text-align: left;

    background-image:
url('http://www.onepagewonder.com/h2bg.jpg')
}


BODY {
  background: black url("http://www.onepagewonder.com/bodybg.gif") center center;
  position: 50% 50%;
  background-repeat: repeat-y;
  


}


div.topstory {
    padding: 4px;
    font-family: verdana;
    font-color: #000000;
    font-size: 21px;
    background-color: #ffffff;
    text-align: left;
	
}


div.preview {


    clear: both;
    display: table;
    font-family: verdana;
    color: #000000;
    font-size: 14px;
    background-color: #ffffff;
    text-align: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

span.bloghead {
color: #ffffff;
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px;
margin-left: 25px;

}

div.footer {

    margin-right: 9px;
    font-family: verdana;
    font-color: #000000;
    font-size: 10px;
    background-color: #fefefe;
    text-align: right;
    border-top: 1px solid #fdfdfd;
}



div.comments {

    padding: 0px;
    margin-left: 9px;
    font-family: verdana;
    font-color: #000000;
    font-size: 11px;
    background-color: #ffffff;
    text-align: left;
}

td.comments {
    width: 550px;
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: verdana;
    font-color: #000000;
    font-size: 13px;
    background-color: #F5F5F5;
    text-align: left;
	border: 1px dashed black;
}

td.icons {
border-top: 0px solid #8C8C8C;
border-left: none;
border-right: 0px solid #8C8C8C;
border-bottom: 0px solid #8C8C8C;
}

H3 {
font-family: verdana;
font-color: #524b4b;
font-size: 20px;
padding: 10px;
}

hr.ruler {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

a.prevhead:link { 
color: #ffffff;
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 
margin-left: 30px;

}
a.prevhead:visited { 
color: #ffffff;
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none; 
font-size: 16px;
margin-left: 30px;

}
a.prevhead:hover {
color: #fefefe;
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none; 
font-size: 16px;
margin-left: 30px;

} 

a.prevhead:active { 
color: #ffffff;
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px;
margin-left: 30px;

}


a.hallowhead:link { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}
a.hallowhead:visited { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none; 
font-size: 16px;

}
a.hallowhead:hover {
color: #ff8c37; 
font-family: verdana;
text-decoration: underline;
font-weight: bold;
border: none; 
font-size: 16px;

} 

a.hallowhead:active { 
color: #f27413; 
font-family: verdana;
text-decoration: none;
font-weight: bold;
border: none;
font-size: 16px; 

}

a.footer:link { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none;
font-size: 14px; 

}
a.footer:visited { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none; 
font-size: 14px;

}
a.footer:hover {
color: #ffffff; 
font-family: arial;
text-decoration: underline;
border: none; 
font-size: 14px;

} 

a.footer:active { 
color: #ffffff; 
font-family: arial;
text-decoration: none;
border: none;
font-size: 14px; 

}

    
a.link:link { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 14px; 

}
a.link:visited { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none; 
font-size: 14px;

}
a.link:hover {
color: #ffffff; 
font-family: verdana;
text-decoration: none;
background-color: #2c1db3;
border: none; 
font-size: 14px;

} 

a.link:active { 
color: #2c1db3; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 14px; 

}


a.comm:link { 
color: #000000; 
font-family: verdana;
text-decoration: underline;
border: none;
font-size: 11px; 

}
a.comm:visited { 
color: #000000; 
font-family: verdana;
text-decoration: none;
border: none; 
font-size: 11px;

}
a.comm:hover {
color: #010101; 
font-family: verdana;
text-decoration: none;

border: none; 
font-size: 11px;

} 

a.comm:active { 
color: #000000; 
font-family: verdana;
text-decoration: none;
border: none;
font-size: 11px; 
}