/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * Page Structure * *******************************************************************************/ body { background:url("images/body-back.png") 0 1px repeat-x; margin:0; font-family:arial; font-size:.8em; line-height:140%; border-top:1px solid #fff} #container { margin: auto } #header { width: 984px; margin:auto; height:106px;background:url("images/header-back.png") 0 0 no-repeat #000; position:relative;} #navigation { background: url("images/navigation-back.png") 0 0 repeat-x #990000; border-bottom:1px solid #333 } #footer { background: url("images/footer-back.png") top left repeat-x #990000; clear:both; padding:15px 0 60px 0; color:#fff; border-top:5px solid #000;} #preamble { margin:auto; padding:15px 0;} #content { width:984px; margin:auto; } #substance { width:700px; float:left; padding-top:20px;} #related { width:250px; float:right; padding-top:20px;} .wrap { width:984px; margin:auto; } /******************************************************************************* * Common Styles * *******************************************************************************/ h1, h2, h3 { text-transform:uppercase; line-height:1.2; font-family:Trebuchet MS; } h1 { border-bottom:3px solid #eee; padding-bottom:10px; margin-bottom:15px;} h2 a, h3 a { color:#333; text-decoration:none; } h2 a:hover, h3 a:hover { color:#990000; } #header h1 { margin: 0 } #header img { display:none; } #header a { display:block; width:260px; height:49px; text-indent:-10000em; border:0px solid red; position:relative; top:20px; } #header form { position:absolute; top:0; right:0; font-size:85%; background:url("images/navigation-back.png") 0 0 repeat-x #990000; color:#fff; padding:10px 15px; border:1px solid #fff; border-top:0;} #header fieldset { padding:0; margin:0; border:none; width:400px;} #header input#Password, #header input#Username { width:100px; margin-right:5px; } #header form div { margin:0; } #header h2 { display:none; } a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin:1px auto 0px auto; width: 984px; overflow:hidden;} #navigation li { margin:0; display:inline} #navigation li a { float:left; padding:10px 15px; color:#fff; text-decoration:none; background:url("images/navi-seperator.png") 100% .5em no-repeat;} #navigation li:last-child a { background:none; } #substance ul { list-style:none; margin:0 0 15px 0; overflow:auto;} #substance ul li { border-bottom:1px solid #eee; padding:10px 0; clear:left; overflow:auto; padding-left:120px; padding-right:180px; position:relative} #substance ul li img { float:left; margin:0 15px 15px 0; position:absolute; left:0;} #substance p.small-text { font-size:90%; } a.dds-download { background:url("images/download-button.png") 0 0 no-repeat; width:160px; height:33px; display:block; text-indent:-10000em; position:absolute; right:0; top:10px;} #footer ul { list-style: none; margin-left: 0 } #footer li { display: inline; margin-right: 1em } #footer a { color:#fff; } #preamble { background:url("images/preamble-grad.png") bottom left repeat-x #fff; overflow:auto; } #preamble ul { margin:0; list-style:none; } #preamble ul li { width:198px; float:left; margin:0 13px; background:#000; padding:10px; border:1px solid #666; position:relative} #preamble ul li a { color:#fff; } #preamble ul li img { border:1px solid #eee; } #preamble a { display:block; font-weight:bold; font-size:120%; text-decoration:none;} #preamble p { margin:0; } #preamble a:hover { color:#990000; } #preamble a.dds-download { position:static; margin:10px auto 0 auto; background:url("images/download-button.png") 0 0 no-repeat; width:160px; height:33px; } #related h2 { margin-bottom:0px; border-bottom:2px solid #990000; padding-bottom:5px;} #related ul { list-style:none; margin:0; } #related ul { border-bottom:1px solid #eee; _border-bottom:0; margin-bottom:20px;} #related ul li { border-top:1px solid #eee; margin:0; _border:1px solid #fff;} #related ul li a { display:block; background:url("images/li-bullet.png") 10px .8em no-repeat; color:#333; text-decoration:none; padding:5px 0; } #related ul li a.active { background:url("images/selected-bullet.png") 10px .8em no-repeat #F4F7DD; font-weight:bold } #related ul li ul { padding:0; margin:0;} #related ul li ul li { border-top:1px solid #eee; border:none; margin:0; padding:0 0 0 0; _border:1px solid #fff;} #related ul li ul li a { display:block; padding:5px 0; color:#063353; text-decoration:none; background:#eee; padding-left:15px; color:#333; font-weight:normal} #related ul li ul li a.active { color:#063353; background:#C4DD0D; } body.home #quick-nav { background:url("images/ql-grad.png") 0 0 repeat-x #fff; overflow:hidden; padding:1px 0; margin-bottom:15px;} body.home #quick-nav ul { list-style:none; margin:0; } body.home #quick-nav ul li a { float:left; width:327px; height:98px; display:block; text-indent:-10000em; margin-right:1px} body.home #quick-nav ul li.cot a { background:url("images/cot.png") 0 0 no-repeat; } body.home #quick-nav ul li.nat a { background:url("images/nat.png") 0 0 no-repeat; } body.home #quick-nav ul li.cra a { background:url("images/craft.png") 0 0 no-repeat; } /******************************************************************************* * Page Specific Styles * *******************************************************************************/ /*body.home #content { width:984px; margin:auto; } /*body.home #content-container { width:100%; margin:auto; background:url("images/content-container.png") bottom left repeat-x #000; padding:25px 0 35px 0; overflow:auto; }*/ /* body.home #substance ul li { border:1px solid red; float:left; width:215px; margin:0 8px; clear:none} body.home #substance ul li a strong { color:#333; } body.home #substance ul li strong { display:block; margin-bottom:15px; font-size:110%;} */ body.single #substance a.dds-download { position:static; } #substance .post-ratings img { position:static; }