테이블 태그 없이 css로 작업하기 – 스타일시트

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #B0C0D0;
}

p {
font: 12px /1.5 Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

li {
font:12px /1.5 Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

h1 {
font: bold 20px /30px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
color:#358;
padding: 0px;
margin: 0px;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

img {
border: 0;
}

form {
margin: 0px;
padding: 0px;
}

#top {
margin: 0px 20px 0px 20px;
padding: 0px 8px 0px 0px;
border: 0px;
height: 80px;
background: #B0C0D0 url(/cssdesign/tail1.gif) repeat-x right bottom;
}

#crumbtrail {
position: absolute;
z-index: 20;
top: 85px;
left: 170px;
}

#search {
margin: 0px 20px 0px 159px;
padding: 0px 10px 2px 10px;
background: #CAD5DF;
}

#middle {
margin: 0px 20px 0px 159px;
padding: 4px 4% 2px 4%;
border: 0px;
background: #fff;
}

#left {
position: absolute;
width: 138px;
top: 80px;
left: 21px;
margin: 0px 0px 0px 0px;
padding: 108px 0px 0px 0px;
border: 0px ;
background: #B0C0D0;
}

#sub {
position: absolute;
z-index: 5;
width: 147px;
height: 113px;
top: 75px;
left: 12px;
background: url(/cssdesign/bgsubscribe.gif) no-repeat;
padding: 15px 0px 0px 25px;
}

#banner {
text-align: center;
}

#privacy {
background: #6691BC;
margin: 0px 20px 0px 159px;
padding: 5px 4% 5px 4%;
}

#copyright {
position: relative;
background: #445566 url(http://www.sitepoint.com/graphics/v2/layout/footer_btmright.gif) no-repeat bottom right;
margin: 0px 20px 20px 159px;
padding: 5px 0px 5px 0px;
}

#leftcurve {
position: relative;
top: -33px;
width:172px;
background: url(http://www.sitepoint.com/graphics/v2/layout/footer_btmleft.gif) no-repeat top right;
}

.message {
display: none;
}

.header {
width: 100%;
background: url(/cssdesign/tail_tile1.gif) repeat-x ;
}

.ads {
width: 100%;
background: #B0C0D0 ;
}

.top {
color: #808080;
font: 10px /20px verdana, arial, helvetica, sans-serif;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
}

.left {
color: #808080;
font: 10px /19px verdana, arial, helvetica, sans-serif;
margin-bottom: 20px;
}

.sub {
font: 10px verdana, arial, helvetica, sans-serif;
}

.search {
font: 12px verdana, arial, helvetica, sans-serif;
text-align: right;
}

.mininav {
width: 100%;
text-align: right;
font: 7px /2 Arial;
color: #b0b0b0;
}

.ratearticle {
background: #eee ;
text-align: center;
padding: 0px;
}

.smauthorname {
text-decoration:none;
font-size: 8pt;
color:#335588; ; font-family: Arial, Helvetica, sans-serif}

.privacy {
font: 10px Arial, Helvetica;
color: #CCC;
text-align: right;
text-decoration: none;
margin: 0;
padding: 0;
}

a:hover.privacy {
text-decoration: none;
color: #fff;
}

.copyright {
font: 9px /1.2 Arial, Helvetica;
color: #CCC;
text-align: center;
margin: 0px;
padding:0px;
}

.navside {
background: #6691BC;
width: 138px;
height: 24px;
text-indent: 10px;
padding: 0px;
margin: 0px;
}

.curly {
background: #6691BC url(http://www.sitepoint.com/graphics/v2/layout/menu_btmcorner.gif) bottom left no-repeat;
width: 138px;
height: 14px;
margin: 0px;
}

.navsidelink {
text-decoration: none;
font: bold 12px /2 Verdana, Arial, Helvetica, sans-serif ;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

.navsidenotes {
font: 10px Verdana,Arial,Helvetica,Sans;
color: #17324E;
padding: 10px 10px;
background: #769DC5;
margin: 0px;
}

A:hover.navsidelink {
text-decoration:none;
color:#DDDDDD;
}

.navbody {
color:#335588;
}

A:hover.navbody {
color:#666666;
}

.standard {
font: 10px /13px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.articleTitleLink {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#0022AA;
text-decoration: underline
}

A:hover.articleTitleLink {
color:#3a77EE
}

.smlink {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

A:hover.smlink {
color:#3a77EE;
}

.global2 {
font: 9px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#b0b0b0;
}

A:hover.global2 {
text-decoration:underline;
color:#e0e0e0
}

.asseen {
font: 9px /13px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align: center;
margin: 0px;
}