/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * Filename: css/screen.css * Version: 1.0.0 (2009-09-25) YYYY-MM-DD * Website: http://www.SpectrumDetails.com * Template: John H. Cook III -> http://www.Monkeys-Hand.com * Description: Handles the site screen layout. == STRUCTURE: ============================== * Page width: 700 px * Number of columns: 2 ============================================ */ body, div, p, h1, h2, h3, h4, form, label, input, fieldset, ul, ol { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;} /* RESET ALL MARGIN & PADDING*/ ul, ol { margin:0; padding:0px 0px 0px 10px;} a:link { color:#6BF; text-decoration:none; outline:none; } a:visited { color:#6BF; text-decoration:none; outline:none; } a:active { color:#FF0; text-decoration:none; outline:none; } a:hover { color:#FF0; text-decoration:none; outline:none; } body { background:#2B3238 url(../images/BGTex.gif); color:#CCC; } #WRAP_BG { width:100%; margin:0px 0px 10px 0px; } #WRAP_MAIN { background:#3B4248; margin:20px auto 100px auto; padding:0; width:700px; border-left:solid 1px #5B6268; border-right:solid 1px #5B6268; } #HEAD { } #HEAD h1 { background:url(../images/LogoTop.jpg) top left no-repeat; text-indent:-9999px; height:114px; width:700px; } #CONT { padding:0px; clear:both; } #SUBNAV { padding:0 5px; color:#CCC; line-height:35px; border-bottom:solid 1px #567; } #SUBNAV ul { margin:0; padding:0px 0px 0px 0px; list-style:none; } #SUBNAV ul li { float:left; margin:0px 10px 0px 0px; font-size:16px; letter-spacing:-1px; } #SUBNAV ul li a { font-weight:bold; } #WIDEBAR { float:left; width:490px; margin:0px 0px 5px 0px; padding:5px 5px; color:#CCC; } #WIDEBAR h1, #WIDEBAR h2, #WIDEBAR h3 { color:#F90; letter-spacing:-1px; line-height:40px; } #WIDEBAR h1 { margin:0; font-size:28px; } #WIDEBAR h2 { margin:0; font-size:24px; } #WIDEBAR h3 { margin:0; font-size:22px; } #WIDEBAR h4 { margin:0; color:#5CF; font-size:20px; } #WIDEBAR h5 { margin:0; color:#5CF; font-size:18px; line-height:40px; } #WIDEBAR p { margin:0px 10px 20px 10px; color:#DDD; } #WIDEBAR div { } #WIDEBAR table { } #WIDEBAR ul { margin:0 0 20px 20px; } #WIDEBAR .tableFormat { border-top:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; border-left:solid 1px #CCC; } #WIDEBAR .tableFormat th { border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; background:#EEE; color:#009; padding:3px; } #WIDEBAR .tableFormat td { border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; padding:3px; } #WIDEBAR .tipA a:link { color:#00F; text-decoration:none; } #WIDEBAR .tipA a:visited { color:#909; text-decoration:none; } #WIDEBAR .tipA a:active { color:#F00; text-decoration:underline; } #WIDEBAR .tipA a:hover { color:#F00; text-decoration:underline; } #WIDEBAR form { padding:0 20px 20px 20px; margin:10px 0 0 0; } #WIDEBAR form.bg { background:url(../images/FormBG-BR.jpg) bottom right no-repeat; } #WIDEBAR form fieldset { border:none; margin:0 0 10px 0; } #WIDEBAR form legend { font-size:18px; color:#6BF; font-weight:bold; } #WIDEBAR form label { font-size:14px; margin:10px 10px 0 0; color:#CCC; } #WIDEBAR form label.error { color:#F00; margin:0; } #WIDEBAR form input { font-size:16px; } #WIDEBAR form input.error { background-color:#FFC; display:block; } #WIDEBAR form textarea.error { background-color:#FFC; } #SIDEBAR { width:190px; float:right; margin:0px 0px 5px 0px; padding:0 0 0 5px; border-left:dotted 2px #555; } #SIDEBAR h1 { font-size:28px; color:#F90; line-height:40px; } #SIDEBAR h2 { font-size:24px; color:#F90; line-height:40px; } #SIDEBAR h3 { font-size:18px; color:#F90; line-height:40px; } #SIDEBAR ul { margin:0 0 20px 0; padding:0px 0px 0px 10px; list-style: none; font-size:14px; } #SIDEBAR ul li { margin:0px 0px 5px 0px; } #SIDEBAR ul li a { } #SIDEBAR p { font-size:12px; } #SIDEBAR a:link { color:#6BF; text-decoration:none; } #SIDEBAR a:visited { color:#6BF; text-decoration:none; } #SIDEBAR a:active { color:#FF0; text-decoration:none; } #SIDEBAR a:hover { color:#FF0; text-decoration:none; } #SIDEBAR form { padding:0; margin:10px 0 0 0; } #SIDEBAR form fieldset { border:none; } #SIDEBAR form legend { font-size:18px; color:#6BF; font-weight:bold; } #SIDEBAR form label { display:block; font-size:14px; margin:10px 0 0 0; color:#CCC; } #SIDEBAR form label.error { color:#F00; margin:0; } #SIDEBAR form input { font-size:14px; } #SIDEBAR form input.error { background-color:#FFC; } #SIDEBAR form textarea.error { background-color:#FFC; } #FOOT { clear:both; margin:0px; padding:10px; font-size:14px; letter-spacing:-1px; text-align:right; color:#000; background:#FFF url(../images/tipbg.gif) repeat-x top; } #FOOT a:link { color:#09F; text-decoration:none; } #FOOT a:visited { color:#09F; text-decoration:none; } #FOOT a:active { color:#F90; text-decoration:underline; } #FOOT a:hover { color:#F90; text-decoration:underline; } em { font-family:Georgia, "Times New Roman", Times, serif; } input, select, textarea { padding:2px; font-size:14px; } .error { color:#F00;} .clear { clear:both; } .hide { display:none; height:0px; } .right { text-align:right; } .small {font-size: .8em; } .bold { font-weight:bold; color:#FFF; } strong { color:#FFF; } .msg { color:#F00; background-color:#EEE; padding:5px 10px; border-top:2px dashed #999; font-size:14px;} .optional { color:#999; } .rollup { text-align:right; font-weight:bold; color:#FFF; cursor:pointer; } .quote { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; } .inputBig { text-align:center; font-weight:bold; font-size:18px;} .buyButton { width:112px; height:33px; background:url(../images/buyButton.jpg) top left no-repeat; padding:0; margin:0; } .buyButton:hover { width:112px; height:33px; background:url(../images/buyButton.jpg) top right no-repeat; padding:0; margin:0; } .msgButton { width:112px; height:33px; background:url(../images/msgButton.jpg) top left no-repeat; padding:0; margin:0; } .msgButton:hover { width:112px; height:33px; background:url(../images/msgButton.jpg) top right no-repeat; padding:0; margin:0; } .tipQ { background:#AAA url(../images/butTipQ.jpg) top left no-repeat; color:#FFF; padding:5px; margin:5px 0px 0px 0px; font-weight:bold; cursor:pointer; border-bottom:#122 solid 2px; } .tipA { background:url(../images/tipbg.gif) top left repeat-x #FFF; color:#000; margin:0px 5px; padding:5px; border-bottom:solid 2px #AAA; border-right:solid 2px #AAA; line-height:20px; } #WIDEBAR .tipA strong, #WIDEBAR .tipA p { color:#000; } #WIDEBAR .tipA ul, #WIDEBAR .tipA ol { margin:0px 0px 10px 25px; } #WIDEBAR .tipA .exBox { margin:10px 20px; padding:5px; background:#FFD; border:dashed 2px #CC0; font-size:14px; } #WIDEBAR .tipA .exBox p { font-family:"Courier New", Courier, monospace; margin:0px 0px 10px 0px; padding:0; } #WIDEBAR .tipA .BuyBox { margin:10px 25px; padding:5px; background:url(../images/bgBuyBox.jpg) bottom repeat-x; border:solid 2px #DFD; font-size:14px; } #imgSwap { cursor:pointer; } #WIDEBAR table { padding:2px; } #WIDEBAR table th { border-bottom:solid 1px #000; font-size:18px; } #WIDEBAR .checkout td { padding:5px 10px 5px 5px; } #WIDEBAR .tAlt1 td { background:#DDD; } #WIDEBAR .tAlt2 td { background:#EEE; }