/* ----------------------------------------- Stylesheet for John O. Fox "Ten Tax Questions" - www.tentaxquestions.com/ Author: cdeVision.com Copyright: (c)2008 cdeVision Created: 9 March 2008 Amended: (note date and by whom and any notes) -------------------------------------------- */ body {background:#fff url(images/bg-2.gif) repeat-y; margin:0; font-family:arial,helvetica,sans-serif; font-size:13px; color:#333;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font-size:20px; padding:0 0 12px 0; line-height:20px; color:#AB0226;} /* page titles - interior (red) */ h2 {font-size:16px; padding:5px 0 7px 0; line-height:20px; color:#072F63;} /* sub-titles (dk. blue) */ p {margin:0; padding:0 0 12px 0; line-height:18px;} p.error {padding:0 0 0 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;} p.thanks {color:#9E3E42 !important;} ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;} li {line-height:18px; padding:0 0 2px 0;} div.hrule {height:1px; width:85%; background:#ccc; margin:7px auto 20px;} div.hrule hr {display:none !important;} hr {height:1px;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} #printcopyright {display:none;} /* fix PNG transparency in IE6- */ #badge {behavior:url(scripts/iepngfix.htc);} /* ---- links ----------------------------------------- */ a {color:#155C90; text-decoration:underline;} a:visited {color:#155C90;} a:hover {color:#AB0226; text-decoration:none;} a:active {color:#155C90;} a:active, a:focus {outline:none;} /* links with icons */ a.rss {background:url(images/icon-rss.png) no-repeat; padding-left:20px;} a.pdf {background:url(images/icon-pdf.png) 100% 0 no-repeat; padding-right:22px;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:13px;} input {border:1px solid #ccc; width:300px;} textarea {border:1px solid #ccc; width:300px; height:180px;} input.button {background-color:#ccc; color:#666; width:80px;} /* ---- ids & classes ----------------------------------------- */ #badge {position:absolute; top:0; left:20px; width:150px; height:150px; background:url(images/badge.png) no-repeat; z-index:150;} #stripe {position:absolute; top:37px; left:0; height:83px; width:100%; background:url(images/bg.png) repeat-x; z-index:10;} #frame {width:880px; margin:0 0 0 20px; padding:11px 0 20px 0; position:relative;} #topnav {width:585px; height:27px; float:right;} #topnav ul {list-style:none; margin:0; padding:0;} #topnav li {float:left; line-height:27px; padding:0;} #topnav a {display:block; color:#000; text-decoration:none; height:27px; line-height:27px; padding:0 8px 0 8px; margin-right:8px;} #topnav a.last {margin:0;} #topnav a:hover {color:#fff; background:#A80023;} #topnav a.on {color:#fff; background:#A80023;} #header {height:83px; clear:both; color:#fff; position:relative;} #header span {display:none;} #logo {position:absolute; top:15px; left:160px; width:286px; height:54px; background:url(images/logo.gif) no-repeat; z-index:100;} #author {position:absolute; top:48px; left:455px; z-index:100;} #author h2 {font:normal 14px arial,sans-serif; color:#EAF1F9;} #searchbox {position:absolute; top:44px; left:695px; z-index:100;} #searchbox {width:213px;} #searchbox label {display:none;} #searchbox form {margin:3px 0; font-size:11px;} #searchbox input {margin:0; padding:2px; width:150px; background:#EAF1F9; border:none; font-size:11px; color:#3C6FA8;} #searchbox input.button {width:18px; height:19px; padding:0; border:none; background:transparent url(images/search-button.png) -2px -1px no-repeat; margin-left:5px; cursor:pointer; cursor:hand;} #navcol {width:246px; padding:30px 12px 20px 12px; float:left; background:#EAF1F9;} #navcol h2 {margin:0 0 2px 0; padding:0; width:245px; height:22px;} #navcol span {display:none;} h2.intro {background:url(images/h2-intro.gif) no-repeat;} h2.questions {height:28px !important; background:url(images/h2-questions.gif) no-repeat;} h2.myths {background:url(images/h2-myths.gif) no-repeat;} #navcol ul {list-style:none; margin:0 0 20px 0; padding:0; font-size:12px;} #navcol li {margin:0 0 6px 0; padding:0; line-height:18px;} #navcol a {display:block; text-decoration:none; padding:0px 4px; line-height:18px;} #navcol a:hover {color:#fff; background:#036;} #navcol a.on {color:#fff; background:#036;} #copyright {color:#666; margin-top:30px; padding:0 2px;} #copyright p {font:normal 10px/14px verdana;} p#props {font:normal 10px/14px verdana; color:#999; padding:0 2px;} p#props a {display:inline; color:#999; padding:0; text-decoration:underline;} p#props a:hover {background:none; color:#999; text-decoration:none;} #content {width:585px; float:right; padding-top:20px;} #content p {/*font-size:14px; line-height:18px;*/} /* homepage styles */ .home {font-size:13px;} .home h1 {font-size:16px; line-height:20px;} #homebox {margin:10px 0 20px; background:url(images/bg-homebox.gif) repeat-y;} #boxtop {width:585px; height:10px; background:url(images/bg-boxtop.gif) repeat-y;} #randomquestion {float:left; width:240px; margin:10px 0 5px 20px; display:inline;} #randomquestion h3 {color:#A80023; font:bold 16px/20px arial,sans-serif; padding:0 0 10px 0;} #randomquestion p {font-size:13px; line-height:15px; padding:0 0 10px 0;} #randomquestion img {display:block; float:left; margin:0 5px 0 0;} #randomquestion p#question {font-size:11px; padding:12px 0 15px 10px;} #randomquestion p#question strong {font-size:13px; color:#A80023;} #randomquestion #qnum {display:none;} #randomquote {float:right; width:240px; margin:10px 20px 5px 0; display:inline;} #randomquote h3 {color:#072F63; font:bold 16px/20px arial,sans-serif; padding:0 0 10px 0;} #randomquote p {font-size:13px; line-height:15px; padding:0 0 10px 0;} #randomquote img {display:block; float:left; margin:0 5px 0 0;} #randomquote p#quote {font-size:11px; padding:12px 0 10px 2px;} #randomquote p#source {font-size:11px;} #boxbottom {clear:both; width:585px; height:10px; background:url(images/bg-boxbottom.gif) repeat-y;} /* styles for all other pages */ img.mainimg {display:block; float:right; margin:15px 0 20px 20px;} p#summary {font-size:16px;} h2#askthecandidate {display:none;} p#question {font-size:16px; font-weight:bold; padding:32px 0 20px 70px;} .q1 {background:url(images/q1.gif) no-repeat;} .q2 {background:url(images/q2.gif) no-repeat;} .q3 {background:url(images/q3.gif) no-repeat;} .q4 {background:url(images/q4.gif) no-repeat;} .q5 {background:url(images/q5.gif) no-repeat;} .q6 {background:url(images/q6.gif) no-repeat;} .q7 {background:url(images/q7.gif) no-repeat;} .q8 {background:url(images/q8.gif) no-repeat;} .q9 {background:url(images/q9.gif) no-repeat;} .q10 {background:url(images/q10.gif) no-repeat;} /* site map lists */ ul.sitemaplist {list-style:none; padding:0px 0 6px 0; margin:0;} ul.sitemaplist li {} ul.sublist {list-style:none; padding:0 0 0 20px; margin:0;} ul.sublist li {} /* article-specific styles (to accomodate TinyMCE and MSWord code)*/ #content table {border-collapse:collapse; display:block; margin:0 auto 8px; display:block;} #content table td {border:1px solid #999; padding:3px 8px;} #content blockquote {margin:0 50px;} #content blockquote p {line-height:15px !important;} #content hr {display:block; margin-top:20px; height:1px;} /* right-side column on Questions pages */ #rightcol {float:right; width:250px; margin:0 0 15px 20px; color:#444;} #utils {padding:0 5px 5px 5px;} a#tellafriend, a#printpage {display:block; font:normal 10px/15px verdana,arial,helvetica,serif; text-decoration:none !important; background-repeat:no-repeat; text-align:right; padding:0 25px 0 0;} a#tellafriend {background-image:url(images/icon-email.gif); background-position:100% 60%} a#printpage {background-image:url(images/icon-print.gif); background-position:100% 30%;} #border {border:10px solid #EAF1F9; clear:both;} /*#border p#topquote {font:normal 12px/15px arial,sans-serif; background:#EAF1F9 url(images/icon-caret.png) 0 2px no-repeat; text-indent:15px;}*/ #border p.caretquote {font:normal 12px/15px arial,sans-serif; padding-top:10px; background:#EAF1F9 url(images/icon-caret.png) 0 12px no-repeat; text-indent:15px;} #border p.quote {font:normal 12px/15px arial,sans-serif; padding:10px 8px 3px 8px;} #border p.quotesource {font:normal 11px/13px arial,sans-serif; padding:3px 8px 10px 8px;} #border img {display:block; margin:0 auto;} #border p.caption {font:normal 11px/13px arial,sans-serif; padding:10px 8px 3px 8px;} #border p.acknowledgement {font:normal 11px/13px arial,sans-serif; padding:3px 8px 10px 8px; color:#666;} /* form tables */ table#formTable {margin:0px 10px 10px 0; border:0 !important;} table#formTable td {vertical-align:top; padding:4px; font-size:13px; border:0 !important;} table#formTable td.right {text-align:right;} /* ---- "Tell a Friend" popup ----------------------------------------- */ #popupFrame {padding:20px; text-align:left; color:#4C412B;} #popupFrame h2 {font-size:16px; padding:0 0 7px 0; line-height:20px; color:#072F63;} #popupFrame a {text-decoration:underline;} table#tafTable {margin:10px 0;} table#tafTable td {vertical-align:top; padding:4px; font-size:70%;} #popupFrame form {margin:0;} #popupFrame input, #popupFrame textarea {font:normal 13px arial,verdana,sans-serif; color:#666; margin:0; padding:2px;} #popupFrame textarea {height:80px;} #popupFrame input.button {width:60px; border-color:#999;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;} /* --- iSearch styles -------------------- */ .isearch-form {margin:5px 0 20px 50px;} .isearch-form input {width:250px;} .isearch-form input.button {width:90px;} .isearch-head {font-style:italic;} .isearch-title {font-weight:bold; text-decoration:none;} .isearch-score {} .isearch-search {font-weight:bold;} .isearch-description {} span.isearch-highlight {font-weight:bold; background:#eee;} a.isearch-url {font-weight:normal !important;} h2.isearch-nomatch {font:bold 14px arial,helvetica,sans-serif; padding:5px 0 5px 0;} td.isearch-head {border:0 !important;} td.isearch-prevnext {border:0 !important; font-size:12px;}