/* CSS for Sndads.com Stuart Stansfield January 2008 First clear out all settings which may be inserted automatically by some browsers. Doing this gives us a clean start with no problems with the way different browsers interpret the XHTML and CSS code */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } a { text-decoration: none; } a img { border: 0; } /* End of preliminary clear out */ /* General settings */ body { font-family: Arial, Verdana, Helvetica, sans-serif; background: #ffffff; } #content { width: 950px; text-align: center; margin-left: auto; margin-right: auto; } #header { text-align: center; } #info { float: left; width: 150px; text-align: center; padding: 10px; margin: 10px; background: #ff9900; } #info a, #info p { color: #990000; } #info a:visited { color: #990000; } #info a:hover { color: #ff0000; } #logo { width: 150px; float: right; padding: 10px 10px 50px 10px; } #sel, #sel2 { width: 40em; margin-left: auto; margin-right: auto; text-align: center; } #sel2 { clear: both; } #selector { font-weight: bold; color: silver; } #selector a { padding-left: 0; color: #999999; } #selector a:visited { color: #999999; } #selector a:hover { color: #990000; } #selector2 { font-weight: bold; color: #999999; } #selector2 a { padding-left: 0; color: #999999; } #selector2 a:visited { color: #999999; } #selector2 a:hover { color: #990000; } #wrapper { width: 950px; position: relative; margin-left: auto; margin-right: auto; background: blue; } #first, #next, #last { position: relative; float: left; width: 250px; background: #dfe8eb; padding: 0; margin: 20px 0 20px 50px; text-align: left; } .inner { padding: 10px; } #left, #right { width: 408px; margin: 29px; padding: 10px; background: #dfe8eb; } #left { float: left; margin-right: 0; } #right { float: right; margin-left: 0; } #noweb { width: 740px; margin-top: 15px; padding: 10px; background: #dfe8eb; clear: both; text-align: center; margin-left: auto; margin-right: auto; } #foot { clear: both; text-align: center; } a { color: #a50000; padding-left: 10px; } a:visited { color: #474747; } a:hover { color: red; } a:active { color: #dbba77; } a.nopad { padding-left: 0; color: blue; } h1 { font-size: x-large; color: #990000; padding-top: 15px; font-weight: bold; text-decoration: underline; } h2 { color: #a50000; padding-top: 10px; font-weight: bold; line-height: 150%; } h2.ulin { text-decoration: underline; } h2.idx { padding-left: 25px; } h3 { color: #a50000; padding-top: 5px; font-weight: bold; line-height: 130%; } p { font-size: small; color: #474747; } a.idx { padding-left: 45px; color: #a50000; } #header p { padding-top: 10px; color: #990000; } a.plain { padding-left: 0; text-decoration: none; color: #474747; } a.ua { float: right; } #foot h2 { padding-top: 5px; padding-bottom: 5px; } #foot p { font-size: x-small; color: #000000; } #endplay p { font-size: x-small; color: #ffffff; } li { font-size: small; list-style: none; } li.subhead { color: #ff3300; padding-left: 6px; font-size: small; list-style: none; } li.subhead li { list-style: none; } em { font-weight: bold; color: red; } ul.adbox { width: 420px; padding-left: 40px; color: #474747; } ul.adbox li { list-style: square outside; } .ulwrap { width: 500px; margin-left: auto; margin-right: auto; text-align: left; color: #474747; } .clear { clear: both; } .center { text-align: center; width: 900px; margin-left: auto; margin-right: auto; } img.thumb { margin: 5px 15px 0 25px; float: left; border: none; } img.flag { width: 20px; height: 12px; margin-left: 3px; } h2.cat { font-size: x-large; color: white; padding: 5px 0 5px 30px; text-align: center; } h3.subcat { font-size: large; color: black; padding: 5px 0 5px 20px; } a.deep { padding-top: 20px; font-weight: bold; color: #a50000; }