home *** CD-ROM | disk | FTP | other *** search
/ db.tidbits.com / db.tidbits.com.tar / db.tidbits.com / tidbits_2010_001.css < prev    next >
Cascading Style Sheet File  |  2010-09-24  |  38KB  |  2,156 lines
  1. body {
  2.     width: 935px;
  3.     margin: 0;
  4.     padding: 0;
  5.     background: #eeeddf;
  6. }
  7.  
  8. /* @group Generic sans-serif classes */
  9.  
  10. .ss {
  11.     font-family: Geneva, Helvetica, sans-serif;
  12. }
  13.  
  14. .ss10 {
  15.     font-family: Geneva, Helvetica, sans-serif;
  16.     font-size: 0.8em;
  17. }
  18.  
  19. /* @end */
  20.  
  21. /* @group Links */
  22.  
  23. p a:link {
  24.     color: #333399;
  25.     text-decoration: none;
  26. }
  27.  
  28. a:link {
  29.     color: #333399;
  30.     text-decoration: none;
  31. }
  32.  
  33. a:visited {
  34.     color: #46047d;
  35.     text-decoration: none;
  36. }
  37.  
  38. a:hover {
  39.     color: #990000;
  40.     text-decoration: none;
  41. }
  42.  
  43. a:active {
  44.     color: #990000;
  45.     text-decoration: underline;
  46. }
  47.  
  48. /* @end */
  49.  
  50. #mainbody {
  51.     width: 935px;
  52.     display: block;
  53.     position: absolute;
  54. }
  55.  
  56. p {
  57.     padding: 0;
  58.     margin: 0;
  59. }
  60.  
  61. h2, h3, h4, h5 {
  62.     margin: 0;
  63.     padding: 0;
  64.     font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
  65. }
  66.  
  67. .ed_image {
  68.     border-width: 1px;
  69.     border-style: solid;
  70.     float: left;
  71.     margin-right: 10px;
  72.     margin-bottom: 10px;
  73. }
  74.  
  75. .spacer {
  76.     clear: left;
  77. }
  78.  
  79. /* @group header */
  80.  
  81. #header {
  82.     width: 920px;
  83.     height: 100px;
  84.     display: block;
  85.     padding: 0 0 0 10px;
  86.     margin: 0;
  87.     position: relative;
  88. }
  89.  
  90.  
  91. #logo_staff {
  92.     display: inline-block;
  93.     height: 100px;
  94.     width: 670px;
  95.     padding: 0;
  96.     margin: 0;
  97.     position: relative;
  98.     float: left;
  99. }
  100.  
  101. #tblogo {
  102.     display: inline-block;
  103.     height: 68px;
  104.     width: 177px;
  105.     float: left;
  106.     position: relative;
  107.     padding: 21px 0 0 7px;
  108. }
  109.  
  110. #staffbits {
  111.     display: block;
  112.     margin: 0 0 0 10px;
  113.     padding-top: 3px;
  114.     float: left;
  115.     position: relative;
  116. }
  117.  
  118. #stafftext {
  119.     font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
  120.     margin: 0 0 3px 6px;
  121.     color: gray;
  122. }
  123.  
  124. #staffheads {
  125.     height: 80px;
  126. }
  127.  
  128. #staffhead_msg {
  129.     font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
  130.     margin: 0 0 3px 6px;
  131.     color: gray;
  132.     visibility: hidden;
  133.     height: 0px;
  134. }
  135.  
  136. .staffhead_name {
  137.     margin: 3px 0 0 0;
  138. }
  139.  
  140. .sb_image {
  141.     margin: 0 2px 3px 2px;
  142.     border-width: 0;
  143. }
  144.  
  145. .mugshot {
  146.     display: block;
  147.     float: left;
  148.     height: 80px;
  149.     margin: 0 5px;
  150.     font: bold .6em/100% "Lucida Grande", Lucida, Verdana, sans-serif;
  151.     text-align: center;
  152.     text-transform: uppercase;
  153.     color: #000;
  154. }
  155.  
  156. .mugshot a {
  157.     color: #000;
  158. }
  159.  
  160. #header .mugshot a:hover {
  161.     border-bottom: none;
  162.     color: #000;
  163. }
  164.  
  165. #takecontrolhead {
  166.     width: 237px;
  167.     height: 67px;
  168.     margin: 0 25px 0 0;
  169.     padding: 20px 0 0 0;
  170.     display: inline-block;
  171.     position: relative;
  172.     float: right;
  173. }
  174.  
  175.  
  176. #textnav {
  177.     display: inline-block;
  178.     position: relative;
  179.     width: 375px;
  180.     font: .75em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
  181.     margin: 5px 10px;
  182.     float: left;
  183. }
  184.  
  185. form {
  186.     margin: 0;
  187. }
  188.  
  189. .nav {
  190.     font: .75em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
  191. }
  192.  
  193. #qr_tag_right {
  194.     float: right;
  195.     margin-top: -10px;
  196.     margin-left: -10px;
  197. }
  198. #qr_tag_image {
  199.     
  200. }
  201. #qr_tag_text {
  202.     text-align: center;
  203.     font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
  204. }
  205.  
  206. /* @end */
  207.  
  208. #content_container {
  209.     width: 925px;
  210.     margin: 0;
  211.     padding: 10px 0 0 10px;
  212.     display: inline-block;
  213.     position: relative;
  214. }
  215.  
  216. /* @group left column */
  217.  
  218. #leftcolumn {
  219.     width: 130px;
  220.     padding: 0;
  221.     display: inline-block;
  222.     margin: 0 0 0 0;
  223.     float: left;
  224.     clear: left;
  225. }
  226.  
  227. .leftnav {
  228.     width: 130px;
  229.     display: block;
  230.     position: relative;
  231.     padding: 0;
  232.     margin: 0;
  233.     list-style-type: none;
  234.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  235. }
  236.  
  237. .leftnav a, .leftnav .special {
  238.     padding: 5px 2px 5px 15px;
  239.     display: block;
  240.     color: black;
  241.     text-decoration: none;
  242.     background: #bfaccf url(images/nav_button01.gif) repeat-y;
  243. }
  244.  
  245. .leftnav a:hover {
  246.     color: #000;
  247.     text-decoration: none;
  248.     border-bottom: none;
  249.     background: #fff url(images/nav_highlight01.gif) repeat-y;
  250. }
  251.  
  252. .leftnav a:hover.tabhead {
  253.     color: #000;
  254.     text-decoration: none;
  255.     border-bottom: none;
  256.     background: url(images/nav_tabhead01.gif) repeat-y;
  257. }
  258.  
  259. .leftnav .topcorner {
  260.     padding: 9px 0 7px 15px;
  261.     background: url(images/nav_corner_left_top01.gif) no-repeat left top;
  262.     color: #fff;
  263.     font-weight: bold;
  264.     height: 15px;
  265. }
  266.  
  267. .leftnav input {
  268.     font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
  269.     color: #666;
  270. }
  271. .leftnav .special input[type="image"] {
  272.     margin-bottom: -3px;
  273. }
  274.  
  275. .leftnav .search {
  276.     padding: 3px 2px 5px 12px;
  277.     background: url(images/nav_tabhead01.gif) repeat-y;
  278.     height: 22px;
  279. }
  280.  
  281. .leftnav .gettb {
  282.     padding: 3px 2px 2px 15px;
  283.     font-size: 11px;
  284.     background: url(images/nav_button_gettb.gif) repeat-y;
  285. }
  286.  
  287. .floatright {
  288.     float: right;
  289. }
  290.  
  291. .floatleft {
  292.     float: left;
  293. }
  294.  
  295. .leftnav .nav_img {
  296.     display: inline;
  297.     height: 12px;
  298.     width: 12px;
  299.     margin-top: 1px;
  300.     position: absolute;
  301.     right: 5px;
  302. }
  303.  
  304. .leftnav .nav_img2 {
  305.     height: 12px;
  306.     width: 12px;
  307.     margin-top: 0;
  308.     display: inline-block;
  309.     position: static;
  310.     float: right;
  311.     margin-right: 4px;
  312. }
  313.  
  314.  
  315. .navtriangle0 {
  316.     display: inline-block;
  317.     height: 12px;
  318.     width: 12px;
  319.     margin-top: 1px;
  320.     position: absolute;
  321.     right: 5px;
  322. }
  323.  
  324. .leftnav .navtriangle {
  325.     display: inline;
  326.     height: 9px;
  327.     width: 9px;
  328.     margin-top: 3px;
  329.     position: absolute;
  330.     right: 5px;
  331. }
  332.  
  333.  
  334. .leftnav li .active {
  335.     color: #000;
  336.     font-weight: bold;
  337.     background: #fff url(images/nav_highlight01.gif) repeat-y;
  338. }
  339.  
  340. .leftnav .tabhead {
  341.     font-weight: bold;
  342.     padding-left: 11px;
  343.     color: white;
  344.     background: #3b3045 url(images/nav_tabhead01.gif) repeat-y;
  345. }
  346.  
  347. .leftnav .bottom {
  348.     background: url(images/nav_bottom02.gif) no-repeat 0 bottom;
  349.     height: 22px;
  350. }
  351.  
  352. .navdecor {
  353.     
  354. }
  355.  
  356. .sponsor_sidebox {
  357.     width: 127px;
  358.     margin: 20px 0 0 0;
  359.     padding: 10px 5px 0 0;
  360.     display: inline-block;
  361.     background: url(images/sponsor_sidebox.gif) no-repeat top left;
  362.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  363. }
  364.  
  365. .sponsor_sidebox_text, .sponsor_sidebox li, .sponsor_sidebox_bottom li {
  366.     list-style-type: square;
  367.     margin: 0 0 0 -15px;
  368.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  369. }
  370.  
  371. .sponsor_sidebox_bottom {
  372.     background: url(images/sponsor_sidebox.gif) no-repeat bottom left;
  373.     margin-right: -3px;
  374.     margin-top: -15px;
  375. }
  376.  
  377. /* @end */
  378.  
  379. /* @group center column */
  380.  
  381. #centercolumn_border {
  382.     background: url(images/centercolumn_corners03.gif) no-repeat right top;
  383.     float: right;
  384.     padding: 0;
  385.     width: 790px;
  386.     border-left: 5px solid #3b3045;
  387.     margin-bottom: 20px;
  388.     display: inline-block;
  389. }
  390.  
  391. #centercolumn_border .center_top {
  392.     height: 15px;
  393.     padding: 9px 0 7px 20px;
  394.     color: #ccc;
  395.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  396.     font-weight: bold;
  397. }
  398.  
  399. #centercolumn_border .center_bottom {
  400.     background: url(images/centercolumn_corners03.gif) no-repeat left bottom;
  401. }
  402.  
  403. #centercolumn {
  404.     display: inline-block;
  405.     background: #fff repeat-y scroll;
  406.     width: 765px;
  407.     padding: 10px 10px 0 10px;
  408.     border-right: 5px solid #3b3045;
  409.     margin: 0;
  410. }
  411.  
  412. #centercolumn a:hover img, #centercolumn a:link img {
  413.     text-decoration: none;
  414.     border: none;
  415. }
  416.  
  417. .imglift {
  418.     vertical-align: 2px;
  419. }
  420.  
  421. #featured_right {
  422.     display: inline;
  423.     float: right;
  424.     width: 340px;
  425.     margin: 0;
  426.     padding-right: 10px;
  427. }
  428.  
  429. .featured_list {
  430.     list-style-type: square;
  431.     list-style-position: outside;
  432.     margin-bottom: 5px;
  433.     padding-right: 10px;
  434.     padding-left: 0;
  435.     margin-left: -20px;
  436.     font: .9em/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
  437.     padding-bottom: 3px;
  438. }
  439.  
  440. .featured_meta {
  441.     font: .7em Arial, Helvetica, Geneva, sans-serif;
  442.     color: #333;
  443.     width: 417px;
  444.     margin-left: 10px;
  445.     margin-top: 2px;
  446. }
  447.  
  448. .featured_meta .meta_section {
  449.     margin-bottom: 0;
  450.     margin-top: 5px;
  451.     margin-right: 10px;
  452. }
  453.  
  454. .featured_meta .meta_section a, .featured_meta .meta_article a {
  455.     color: #333;
  456. }
  457.  
  458. .featured_meta .meta_article {
  459.     margin: 5px 0 0 -10px;
  460. }
  461.  
  462. .featured_meta a.category {
  463.     color: #333;
  464.     font-weight: bold;
  465. }
  466.  
  467. #footer {
  468.     position: relative;
  469.     font: .75em/1.25em Arial, Helvetica, Geneva, sans-serif;
  470.     margin: 20px 15px 0 10px;
  471.     padding: 5px 0 0 0;
  472.     clear: both;
  473. }
  474.  
  475. /* @end */
  476.  
  477. /* @group right column */
  478.  
  479. #rightcolumn_container {
  480.     width: 321px;
  481.     margin-left: 15px;
  482.     margin-bottom: 15px;
  483.     float: right;
  484.     padding: 0;
  485.     clear: right;
  486.     display: inline-block;
  487. }
  488.  
  489. #rightcolumn {
  490.     width: 321px;
  491.     margin: 0;
  492.     padding: 0;
  493.     background: #ccc url(images/rightcolumn_left01.gif) repeat-y left;
  494. }
  495.  
  496. #rightcolumn .top {
  497.     background: url(images/rightcolumn_top01.gif) no-repeat left top;
  498. }
  499.  
  500. #rightcolumn_bottom {
  501.     background: url(images/rightcolumn_bottom01.gif) no-repeat right bottom;
  502.     height: 15px;
  503. }
  504.  
  505. #rightcolumn_content_wide {
  506.     display: inline-block;
  507.     margin: 0;
  508.     padding: 0;
  509.     width: 321px;
  510.     border: 1px solid blue;
  511. }
  512.  
  513. #rightcolumn_content {
  514.     display: inline-block;
  515.     width: 150px;
  516.     margin: 0;
  517.     padding: 0;
  518.     float: left;
  519.     clear: left;
  520. }
  521.  
  522. .tearoffbox_container {
  523.     width: 140px;
  524.     float: left;
  525.     display: inline-block;
  526.     clear: left;
  527.     margin: 0 0 10px 0;
  528. }
  529.  
  530. .tearoffbox_wide_container {
  531.     width: 315px;
  532.     display: inline-block;
  533.     margin: 0;
  534. }
  535.  
  536. .tearoffbox h5, .tearoffbox_o h5, .tearoffbox_wide h5, .tearoffbox_wide_p h5 {
  537.     margin: 0 0 0 10px;
  538.     padding-right: 5px;
  539.     font: bold 16px Helvetica, Arial, Verdana, Geneva, sans-serif;
  540. }
  541.  
  542. .tearoffbox_wide_special h5 {
  543.     margin: 0 0 0 10px;
  544.     padding-right: 5px;
  545.     padding-top: 20px;
  546.     font-weight: bold;
  547.     font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
  548.     color: #fff;
  549. }
  550.  
  551. .tearoffbox li, .tearoffbox_o li, .tearoffbox_wide li, .tearoffbox_wide_p li {
  552.     list-style-type: square;
  553.     margin-left: -15px;
  554.     margin-bottom: 0;
  555.     padding-bottom: 5px;
  556.     margin-right: 15px;
  557.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  558. }
  559.  
  560. .tearoffbox_wide_special li {
  561.     list-style-type: square;
  562.     margin-left: -15px;
  563.     margin-bottom: 0;
  564.     padding-bottom: 5px;
  565.     margin-right: 15px;
  566.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  567.     color: #fff;
  568. }
  569.  
  570. .tearoffbox_wide_special a {
  571.     color: #eb92d7;
  572. }
  573.  
  574. .tearoffbox_text {
  575.     font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
  576.     margin: 5px 20px 0 10px;
  577. }
  578.  
  579. .tearoffbox_text_email {
  580.     font: bold 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
  581.     margin: 5px 20px 0 10px;
  582.     
  583. }
  584.  
  585. /* @group tearoffbox_wide orange*/
  586.  
  587. .tearoffbox_wide_top {
  588.     background: url(images/tearoffbox_wide_top.gif) no-repeat;
  589. }
  590.  
  591. .tearoffbox_wide {
  592.     display: inline-block;
  593.     width: 315px;
  594.     padding: 0;
  595.     margin: 0;
  596.     border-left: 1px dashed gray;
  597.     background-image: url(images/tearoffbox_wide_mid.gif);
  598. }
  599.  
  600. .tearoffbox_wide_bottom {
  601.     background: url(images/tearoffbox_wide_bottom.gif) no-repeat;
  602.     margin-bottom: 0;
  603. }
  604.  
  605. /* @end */
  606.  
  607. /* @group tearoffbox_wide purple*/
  608.  
  609. .tearoffbox_wide_top_p {
  610.     background: url(images/tearoffbox_wide_top_p.gif) no-repeat left top;
  611. }
  612.  
  613. .tearoffbox_wide_p {
  614.     width: 315px;
  615.     padding: 0;
  616.     border-left: 1px dashed gray;
  617.     background-image: url(images/tearoffbox_wide_mid_p.gif);
  618. }
  619.  
  620. .tearoffbox_wide_bottom_p {
  621.     background: url(images/tearoffbox_wide_bottom_p.gif) no-repeat left bottom;
  622.     margin-bottom: 0;
  623. }
  624.  
  625. /* @end */
  626.  
  627. /* @group tearoffbox_wide special*/
  628.  
  629. .tearoffbox_wide_top_special {
  630.     background: url(images/tearoffbox_wide_special.jpg) no-repeat left top;
  631. }
  632.  
  633. .tearoffbox_wide_special {
  634.     width: 315px;
  635.     padding: 0;
  636.     border-left: 1px dashed gray;
  637.     background: url(images/tearoffbox_wide_special.jpg) no-repeat left top;
  638. }
  639.  
  640. .tearoffbox_wide_bottom_special {
  641.     background: url(images/tearoffbox_wide_special.jpg) no-repeat left bottom;
  642.     margin-bottom: 0;
  643.     margin-top: -15px;
  644. }
  645.  
  646. /* @end */
  647.  
  648. /* @group tearoffbox orange */
  649.  
  650. .tearoffbox_o .top {
  651.     background: url(images/tearoffbox_top_orange_01.gif) no-repeat left top;
  652. }
  653.  
  654. .tearoffbox_o {
  655.     width: 140px;
  656.     padding: 0;
  657.     border-left: 1px dashed gray;
  658.     background-image: url(images/tearoffbox_orange_01.gif);
  659. }
  660.  
  661. .tearoffbox_o .bottom {
  662.     background: url(images/tearoffbox_bottom_orange_01.gif) no-repeat left bottom;
  663.     margin-bottom: 0;
  664. }
  665.  
  666. /* @end */
  667.  
  668. /* @group tearoffbox purple */
  669.  
  670. .tearoffbox_top {
  671.     background: url(images/tearoffbox_top01.gif) no-repeat left top;
  672. }
  673.  
  674. .tearoffbox {
  675.     width: 140px;
  676.     padding: 0;
  677.     border-left: 1px dashed gray;
  678.     background-image: url(images/tearoffbox01.gif);
  679. }
  680.  
  681. .tearoffbox_bottom {
  682.     background: url(images/tearoffbox_bottom01.gif) no-repeat left bottom;
  683. }
  684.  
  685. /* @end */
  686.  
  687.  
  688.  
  689.  
  690. /* @group tearoffbox_wide tips*/
  691.  
  692. .tearoffbox_wide_top_tips {
  693.     background: url(images/tearoffbox_wide_tips.jpg) no-repeat left top;
  694.     padding-top: 20px;
  695. }
  696.  
  697. .tearoffbox_wide_tips_submit {
  698.     width: 315px;
  699.     border-left: 1px dashed gray;
  700.     background: url(images/tearoffbox_wide_tips_submit.jpg) no-repeat left top;
  701. }
  702.  
  703. .tearoffbox_wide_tips_submit p a, .tearoffbox_wide_bottom_tips_submit p a, .tearoffbox_wide_watchlist p a {
  704.     color: #ffff66;
  705. }
  706.  
  707. .tearoffbox_wide_tips_submit p, .tearoffbox_wide_bottom_tips_submit p {
  708.     padding-top: 15px;
  709.     padding-left: 17px;
  710.     padding-bottom: 4px;
  711.     font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  712. }
  713.  
  714. .tearoffbox_wide_tips_submit input {
  715.     font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  716.     width: 200px;
  717. }
  718.  
  719. .tearoffbox_wide_tips, .tearoffbox_wide_watchlist {
  720.     width: 315px;
  721.     padding: 0;
  722.     border-left: 1px dashed gray;
  723.     background: url(images/tearoffbox_wide_tips.jpg) no-repeat left top;
  724.         color: #fff;
  725. }
  726.  
  727. .tearoffbox_wide_tips_sponsor {
  728.     width: 315px;
  729.     padding-top: 60px;
  730.     border-left: 1px dashed gray;
  731.     background: url(images/tearoffbox_wide_tips_ms.jpg) no-repeat left top;
  732.         color: #fff;
  733. }
  734.  
  735. .tips_sponsor_logo {
  736.     height: 58px;
  737.     padding-bottom: 5px;
  738.     padding-left: 120px;
  739.     border:  0;
  740. }
  741. .tips_sponsor_logo_static {
  742.     height: 58px;
  743.     padding-bottom: 5px;
  744.     padding-left: 0;
  745.     border:  0;
  746.     float: left;
  747.     margin-top: -51px;
  748.     margin-left: 4px;
  749.     width: 400px;
  750. }
  751.  
  752.  
  753. .tearoffbox_wide_bottom_tips {
  754.     background: url(images/tearoffbox_wide_tips_bottom.jpg) no-repeat left bottom;
  755.     margin-bottom: 0;
  756.     padding-bottom: 20px;
  757. }
  758.  
  759. .tearoffbox_wide_bottom_tips_submit {
  760.     background: url(images/tearoffbox_wide_tips_submit.jpg) no-repeat left bottom;
  761.     margin: 0 0 0 1px;
  762.     padding: 0;
  763. }
  764.  
  765. /* @end */
  766.  
  767.  
  768.  
  769.  
  770. /* @group tearoffbox_wide watchlist*/
  771.  
  772. .tearoffbox_wide_top_watchlist {
  773.     background: url(images/tearoffbox_wide_watchlist.jpg) no-repeat left top;
  774. }
  775.  
  776. .tearoffbox_wide_watchlist {
  777.     width: 315px;
  778.     padding: 0;
  779.     border-left: 1px dashed gray;
  780.     background: url(images/tearoffbox_wide_watchlist.jpg) no-repeat left top;
  781.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  782.     }
  783.  
  784. .tearoffbox_wide_bottom_watchlist {
  785.     background: url(images/tearoffbox_wide_watchlist.jpg) no-repeat left bottom;
  786.     margin-bottom: 0;
  787.     margin-top: -15px;
  788. }
  789.  
  790. .tearoffbox_wide_watchlist ul {
  791.     padding-top: 0;
  792.     padding-bottom: 7px;
  793.     margin-left: -10px;
  794. }
  795.  
  796. .tearoffbox_wide_watchlist li {
  797.     padding-top: 4px;
  798. }
  799.  
  800. .tearoffbox_wide_watchlist a {
  801.     color: #fff;
  802.     padding-right: 15px;
  803. }
  804.  
  805. .tearoffbox_wide_watchlist h6 {
  806.     font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
  807.     margin: 0 0 -10px 15px;
  808. }
  809.  
  810. /* @end */
  811.  
  812.  
  813. #rightcolumn_ads {
  814.     display: inline-block;
  815.     width: 160px;
  816.     margin: 0 10px 0 0;
  817.     padding: 0;
  818.     float: right;
  819.     clear: right;
  820. }
  821.  
  822. /* @end */
  823.  
  824. /* @group article formatting */
  825.  
  826. .headline a {
  827.     margin-top: 0;
  828.     color: #333399;
  829. }
  830.  
  831. .headline a:hover {
  832.     color: #990000;
  833. }
  834.  
  835. #article_meta {
  836.     width: 420px;
  837.     margin: 0 0 3px;
  838. }
  839.  
  840. .head_primary {
  841.     margin: 0 0 2px 10px;
  842.     line-height: 1.3em;
  843.     width: 400px;
  844.     font: bold 18px/22px Helvetica, Arial, Verdana, Geneva, sans-serif;
  845. }
  846.  
  847. h3.head_primary a {
  848.     padding-right: 10px;
  849.     color: #000;
  850.     width: 400px;
  851. }
  852.  
  853. h3.head_primary a:hover, .head_secondary a:hover {
  854.     color: #990000;
  855. }
  856.  
  857. .head_secondary {
  858.     margin: 15px 0 2px 10px;
  859.     font: bold .9em/1.2em Helvetica, Arial, Verdana, Geneva, sans-serif;
  860.     width: 405px;
  861.     color: #000;
  862. }
  863.  
  864. .head_secondary a {
  865.     color: #000;
  866. }
  867.  
  868. .article_item_box {
  869. }
  870.  
  871.  
  872. .subtitle {
  873.     margin-top: 0;
  874.     color: gray;
  875.     margin-bottom: 0;
  876.     font: .85em "Lucida Grande", Lucida, Verdana, sans-serif;
  877. }
  878.  
  879. .article_preview, .article_preview_link {
  880.     margin: 2px 0 5px 10px;
  881.     font: .8em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  882.     width: 417px;
  883. }
  884.  
  885. .article_preview_link {
  886.     background-color: #e0e0e0;
  887.     padding: 5px 0 5px 5px;
  888. }
  889.  
  890.  
  891. .article_link_box, .article_link_box_s {
  892.     color: black;
  893.     width: 421px;
  894. }
  895. .article_link_box_s {
  896.     width: 381px;
  897. }
  898.  
  899. .article_link_box p.article_preview {
  900.     color: #000;
  901. }
  902.  
  903. .article_link_box .head_secondary {
  904.     width: 405px;
  905.     margin-top: 15px;
  906.     padding: 0;
  907. }
  908. #blurb_popup_box {
  909.     position: absolute;
  910.     left: 499px;
  911.     z-index: 100;
  912. }
  913. #blurb_popup_right {
  914.     width: 330px;
  915.     padding: 13px 0 0 20px;
  916.     background: url(images/article_summary_popup_02.png) no-repeat left top;
  917. }
  918.  
  919. .pop_link {
  920. }
  921. .lbr_pop {
  922.     float: right;
  923.     margin-right: 40px;
  924.     margin-top: 10px;
  925.     padding: 5px;
  926. }
  927.  
  928. .blurb_popup_text {
  929.     font: .8em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  930.     width: 265px;
  931.     padding: 15px 12px 12px 15px;
  932. }
  933.  
  934. #blurb_popup_bottom {
  935.     width: 330px;
  936.     margin-bottom: 10px;
  937.     padding: 0 0 0 20px;
  938.     background: url(images/article_summary_popup_02.png) no-repeat left bottom;
  939. }
  940.  
  941. .link_left_tri {
  942.     float: left;
  943.     width: 17px;
  944.     padding-top: 2px;
  945. }
  946.  
  947. .link_hover_over, .link_hover_over_s {
  948.     border: 1px solid #beabce;
  949.     color: #000;
  950.     float: left;
  951.     width: 412px;
  952.     margin: -4px -3px -4px -11px;
  953.     padding: 3px 3px 3px 10px;
  954. }
  955.  
  956. .link_hover, .link_hover_s {
  957.     width: 417px;
  958.     min-height: 100%;
  959.     float: left;
  960. }
  961. .link_hover_s {
  962.     width: 377px;
  963. }
  964.  
  965. .link_hover_over_s {
  966.     width: 368px;
  967.     padding-left: 2px;
  968.     padding-right: 29px;
  969.     margin: -4px -24px -4px -3px;
  970. }
  971. .link_box_right {
  972.     position: absolute;
  973.     float: right;
  974.     left: 540px;
  975.     margin-right: 5px;
  976.     z-index: 1;
  977. }
  978. .link_hover_title, .link_hover_title_s {
  979.     float: left;
  980.     width: 375px;
  981. }
  982. .link_hover_title_s {
  983.     width: 335px;
  984. }
  985.  
  986. .sticky {
  987.     padding: 15px 5px 5px 5px;
  988.     margin: 0;
  989.     display: inline-block;
  990.     width: 415px;
  991.     background: url(images/sticky_border1.gif) no-repeat left top;
  992. }
  993.  
  994. .sticky_preview {
  995.     padding: 5px 10px 5px 10px;
  996.     font: .9em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  997.     width: 400px;
  998. }
  999.  
  1000. .sticky_bottom {
  1001.     background: url(images/sticky_border1.gif) no-repeat left bottom;
  1002.     width: 425px;
  1003. }
  1004.  
  1005. .sticky_img {
  1006.     border: none;
  1007.     margin: 0;
  1008.     float: left;
  1009. }
  1010.  
  1011. .article .sticky, .article .sticky_bottom {
  1012.     margin: 0 0 0 -7px;
  1013. }
  1014.  
  1015. div.article ol img {
  1016.     margin-left: -25px;
  1017. }
  1018. #blurb_toggle_line {
  1019.     margin-left: 10px;
  1020.     margin-bottom: -5px;
  1021.     margin-top: 6px;
  1022.     font: bold .6em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  1023.     cursor: pointer;
  1024.     
  1025. }
  1026. .tiny_line_text {
  1027.     font: bold .6em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  1028. }
  1029.  
  1030.  
  1031. table.featured {
  1032.     width: 100%;
  1033.     border-collapse: collapse;
  1034.     border-spacing: 0px;
  1035.     margin-top: 0px;
  1036.     position: relative;
  1037. }
  1038.  
  1039. .readmore a {
  1040.     font: .85em "Lucida Grande", Lucida, Verdana, sans-serif;
  1041.     margin-left: 5px;
  1042.     text-transform: uppercase;
  1043.     color: #333399;
  1044.     padding-left: 5px;
  1045.     border-left: 1px dotted;
  1046.     border-bottom: none;
  1047. }
  1048.  
  1049. .readmore a:hover {
  1050.     color: #990000;
  1051. }
  1052.  
  1053. #showdetail a, .form_row {
  1054.     font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  1055.     margin-left: 5px;
  1056.     text-transform: none;
  1057.     color: #333399;
  1058.     padding-left: 5px;
  1059. }
  1060.  
  1061. #showdetail {
  1062.     font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  1063.     text-transform: none;
  1064.     color: #333399;
  1065. }
  1066.  
  1067. h4.searchresults {
  1068.     font: bold 16px/18px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1069.     margin: 0 0 0 10px;
  1070. }
  1071.  
  1072. p.searchresults {
  1073.     font: 12px/13px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1074.     margin: 5px 0 5px 10px;
  1075.     color: #333;
  1076. }
  1077.  
  1078. #authordate {
  1079.     color: #333;
  1080.     padding: 0;
  1081.     font: .85em Arial, Helvetica, Geneva, sans-serif;
  1082.     margin: 0;
  1083. }
  1084.  
  1085. .article, .static {
  1086.     margin: 0;
  1087.     padding: 0 0 0 10px;
  1088. }
  1089.  
  1090. .article h2, .static h2 {
  1091.     margin-top: 4px;
  1092.     margin-bottom: 2px;
  1093.     font: bold 20px/24px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif;
  1094. }
  1095.  
  1096. .article p, .static p, .static dl {
  1097.     margin-bottom: 15px;
  1098.     font: 1em/1.5em "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif;
  1099. }
  1100.  
  1101.  
  1102. .article a:hover {
  1103.     color: #990000;
  1104. }
  1105.  
  1106. .article p a:link, .article p a:visited, .static p a:link, .static p a:visited {
  1107.     border-bottom: 1px dotted gray;
  1108.  
  1109. }
  1110.  
  1111. .static dt {
  1112.     font-weight: bold;
  1113. }
  1114.  
  1115. .static dd {
  1116.     margin-left: 15px;
  1117. }
  1118.  
  1119. .article p.byline, .static p.byline {
  1120.     margin-top: 4px;
  1121.     font-style: italic;
  1122.     font-size: .9em;
  1123. }
  1124.  
  1125. .article ul, .static ul {
  1126.     margin: 0;
  1127. }
  1128.  
  1129. .article li, .static li {
  1130.     margin: 0 0 10px 0;
  1131.     font: 1em/1.5em "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif;
  1132.     list-style-type: square;
  1133. }
  1134.  
  1135. .article ul img {
  1136.     margin: -10px 0 0 -40px;
  1137.     padding: 0 0 10px 0;
  1138. }
  1139.  
  1140. .article ul a img, .article p a img, .article img {
  1141.     border-bottom: none !important;
  1142.     text-decoration: none !important;
  1143.     vertical-align: middle;
  1144. }
  1145. li.indented_image {
  1146.     padding-left: 40px;
  1147.     list-style-type: none;
  1148. }
  1149.  
  1150. .article ol li, .static ol li {
  1151.     list-style-type: decimal;
  1152. }
  1153.  
  1154. .article tt {
  1155.     font: 13px "share-techmono-1","share-techmono-2", "Courier New", Monaco;
  1156. }
  1157.  
  1158. .article table, .static table {
  1159.     border: 1px dotted #ccff99;
  1160.     background-color: white;
  1161.     padding: 5px;
  1162.     margin-bottom: 10px;
  1163. }
  1164.  
  1165. .cat_next {
  1166.     font: 12px/14px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1167.     margin: 20px 0 0 10px;
  1168. }
  1169.  
  1170. .article p.article_start {
  1171.     font: 12px/14px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1172.     margin: 20px 0 0 0;
  1173. }
  1174.  
  1175. /* @article_actions box */
  1176.  
  1177. .article_actions_container {
  1178.     padding: 0;
  1179.     margin: 10px 0 0 -7px;
  1180.     display: inline-block;
  1181.     width: 425px;
  1182. }
  1183.  
  1184. .article_actions {
  1185.     padding: 0;
  1186.     margin: 10px 0 0 0;
  1187.     background: url(images/article_actions_border_right.gif) no-repeat right top;
  1188.     display: inline-block;
  1189.     width: 350px;
  1190. }
  1191.  
  1192. .article_actions_prev {
  1193.     float: left;
  1194. }
  1195.  
  1196. .article_actions_next {
  1197.     float: right;
  1198. }
  1199.  
  1200. .article_actions_left {
  1201.     padding: 9px 9px 0 9px;
  1202.     margin: 0;
  1203.     background: url(images/article_actions_border_left.gif) no-repeat left top;
  1204.     display: inline-block;
  1205. }
  1206.  
  1207. .article_actions_links {
  1208.     padding: 0 5px 5px 0;
  1209.     float: left;
  1210.     width: 105px;
  1211. }
  1212.  
  1213. .article_actions_related_cont {
  1214.     padding: 0 35px 5px 35px;
  1215. }
  1216.  
  1217. .article_actions_related {
  1218.     padding: 0 5px 5px 5px;
  1219.     margin: 0;
  1220. }
  1221.  
  1222. .article_actions_bottom {
  1223.     background: url(images/article_actions_border_left.gif) no-repeat left bottom;
  1224.     margin: 0;
  1225.     padding: 0 0 0 9px;
  1226.     font: 4px/4px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1227. }
  1228.  
  1229. .article_actions_bottom em {
  1230.     display: block;
  1231.     background: url(images/article_actions_border_right.gif) no-repeat right bottom;
  1232.     margin: 0;
  1233.     padding: 0 9px 9px 0;
  1234. }
  1235.  
  1236. .article_actions_related h5, .article_actions_links h5 {
  1237.     padding: 7px 0 7px 15px;
  1238.     font-size: 14px;
  1239. }
  1240.  
  1241. .article_actions_related li {
  1242.     list-style-type: none;
  1243.     margin-left: -15px;
  1244.     margin-bottom: 0;
  1245.     padding-bottom: 5px;
  1246.     margin-right: 15px;
  1247.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1248. }
  1249.  
  1250. .article_actions2_container {
  1251.     width: 425px;
  1252.     background: url(images/article_actions_box4.gif) left top;
  1253.     margin: 0 0 0 -7px;
  1254. }
  1255.  
  1256. .article_actions2_button {
  1257.     display: block;
  1258.     float: left;
  1259.     height: 77px;
  1260.     margin: 0 0 10px 0;
  1261.     font: bold .6em/100% "Lucida Grande", Lucida, Verdana, sans-serif;
  1262.     text-align: center;
  1263.     text-transform: uppercase;
  1264.     color: #000;
  1265. }
  1266.  
  1267. .article_actions2_recommend {
  1268.     font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  1269.     padding: 0 0 0 2px;
  1270.     display: block;
  1271.     position: relative;
  1272.     top: -30px;
  1273. }
  1274.  
  1275. .article_actions2_bottom {
  1276.     width: 425px;
  1277.     height: 100px;
  1278.     background: url(images/article_actions_box4.gif) left bottom;
  1279. }
  1280.  
  1281. .article_actions2_ad {
  1282.     padding: 20px 0 0 20px;
  1283. }
  1284.  
  1285. .article_actions2_ad .sponsortext {
  1286.     padding: 5px 5px 5px 0;
  1287.     font: 10px Geneva, Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1288.     width: 400px;
  1289. }
  1290.  
  1291. .article_actions2_ad .sponsortext img {
  1292.     margin-right: 5px;
  1293.     margin-left: -5px;
  1294. }
  1295. .article_subhead {
  1296.     padding-top: 10px;
  1297. }
  1298.  
  1299. /* @end */
  1300.  
  1301. /* @end */
  1302.  
  1303. /* @series-specific */
  1304.  
  1305. .readmore_series a {
  1306.     font: .75em Verdana, Helvetica, Arial, Geneva, sans-serif;
  1307.     margin-left: 5px;
  1308.     text-transform: none;
  1309.     color: #333399;
  1310.     padding-left: 5px;
  1311.     border-left: 1px dotted;
  1312. }
  1313.  
  1314. .showhide_all_series a {
  1315.     font: .75em Verdana, Helvetica, Arial, Geneva, sans-serif;
  1316.     margin-left: 5px;
  1317.     color: #333399;
  1318.     padding-left: 5px;
  1319. }
  1320.  
  1321. .article .showhide_all_series a {
  1322.     margin-left: -5px;
  1323. }
  1324.  
  1325. .permlink_series {
  1326.     font: .75em Verdana, Helvetica, Arial, Geneva, sans-serif;
  1327.     margin-left: 5px;
  1328.     padding-left: 5px;
  1329.     margin-bottom: 10px;
  1330. }
  1331.  
  1332. .article .series_number {
  1333.     font: bold 16px/20px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1334.     margin-bottom: 10px;
  1335.     padding-top: 5px;
  1336.     margin-top: 5px;
  1337.     width: 400px;
  1338.     color: #666;
  1339.     border-top: 1px solid #999;
  1340. }
  1341.  
  1342. .shift_up {
  1343.     vertical-align: 2px;
  1344. }
  1345. .shift_down {
  1346.     vertical-align: -2px;
  1347. }
  1348.  
  1349. /* @end */
  1350.  
  1351. /* @group page head */
  1352.  
  1353. #pagehead, #pagehead_no_bar {
  1354.     margin-bottom: 10px;
  1355.     padding-top: 10px;
  1356. }
  1357.  
  1358. .bottom_google_ad_bar {
  1359.     margin-top: 10px;
  1360.     margin-left: 10px;
  1361.     float: left;
  1362.     margin-bottom: 15px;
  1363. }
  1364.  
  1365. #pagehead {
  1366.     background: #fff url(images/sectiontitleback_p_02.gif) no-repeat;
  1367. }
  1368.  
  1369. #pagehead2 {
  1370.     margin-bottom: 10px;
  1371.     padding-top: 10px;
  1372.     background: #fff url(images/sectiontitleback_gray.gif) no-repeat;
  1373. }
  1374.  
  1375. #tip_pagehead2 {
  1376.     margin-bottom: 10px;
  1377.     padding: 60px 10px 0 10px;
  1378.     font: bold 16px/18px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1379. }
  1380.  
  1381.  
  1382. .pagesubtitle, .static_subtitle {
  1383.     font: 14px/16px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1384.     color: #333;
  1385.     padding: 0 0 10px 10px;
  1386.     margin: 0;
  1387.     width: 365px;
  1388. }
  1389.  
  1390. #pagehead .biopic {
  1391.     border: none;
  1392.     margin-right: 10px;
  1393.     float: left;
  1394. }
  1395.  
  1396. #pagehead h2 {
  1397.     font: bold 18px/20px Verdana, Helvetica, Arial, Geneva, sans-serif;
  1398.     padding: 0 0 0 10px;
  1399.     margin: 0;
  1400. }
  1401.  
  1402. #pagehead .pagetitle_img {
  1403.     float: right;
  1404.     width: 16px;
  1405.     height: 16px;
  1406.     border: none;
  1407.     margin: 0 20px 0 0;
  1408.     padding: 5px 0 0 0;
  1409. }
  1410.  
  1411. /* @group searchform styles */
  1412.  
  1413. #advanced_form {
  1414. }
  1415. #end_advanced_form {
  1416. }
  1417.  
  1418. .form_row {
  1419. }
  1420.  
  1421. .form_left, .form_right {
  1422.     float: left;
  1423.     display: block;
  1424. }
  1425.  
  1426. .form_left {
  1427.     width: 70px;
  1428.     margin-top: 5px;
  1429. }
  1430.  
  1431. .form_right {
  1432.     left: 300px;
  1433.     width: 340px;
  1434.     float: left;
  1435. }
  1436.  
  1437. .form_clear {
  1438.     clear: left;
  1439. }
  1440.  
  1441. /* @end */
  1442.  
  1443. .test {
  1444.     border-right-style: solid;
  1445.     border-right-color: black;
  1446. }
  1447.  
  1448. /* @group ads */
  1449.  
  1450. #top_banner {
  1451.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1452.     width: 728px;
  1453.     height: 92px;
  1454.     margin: 10px 0 0 0;
  1455.     display: block;
  1456.     background-color: #fff;
  1457.     float: right;
  1458. }
  1459.  
  1460. #ad_150x150 {
  1461.     width: 160px;
  1462.     height: 160px;
  1463.     margin: 0 0 30px 0;
  1464.     padding: 0;
  1465.     display: inline-block;
  1466.     float: right;
  1467. }
  1468.  
  1469. #content_ad_square {
  1470.     width: 300px;
  1471.     height: 250px;
  1472.     display: inline-block;
  1473.     padding: 0;
  1474.     margin: 10px 0 10px 10px;
  1475. }
  1476.  
  1477. #ad_skyscraper_left {
  1478.     width: 120px;
  1479.     margin-top: 75px;
  1480.     margin-left: 4px;
  1481.     display: block;
  1482.     float: left;
  1483. }
  1484.  
  1485. #ad_skyscraper_right {
  1486.     display: inline-block;
  1487.     width: 160px;
  1488.     margin: 0;
  1489.     padding: 0;
  1490. }
  1491.  
  1492. /* @group TC_ad */
  1493.  
  1494. #takecontrol_ad {
  1495.     width: 280px;
  1496.     padding: 30px 10px 10px 10px;
  1497.     margin: 10px 10px 0 10px;
  1498.     background: url(images/tc_border.gif) no-repeat left top;
  1499. }
  1500.  
  1501. .takecontrol_ad_text {
  1502.     padding: 0;
  1503.     font: 11px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1504. }
  1505.  
  1506. .takecontrol_ad_permalinks {
  1507.     padding: 1px;
  1508.     font: 10px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1509.     display: inline-block;
  1510. }
  1511.  
  1512. .takecontrol_ad_text a:link,
  1513.  
  1514. .takecontrol_ad_text a:visited,
  1515.  
  1516. .takecontrol_ad_bottom a:link, 
  1517.  
  1518. .takecontrol_ad_bottom a:link,
  1519.  
  1520. .takecontrol_ad_permalinks a:link,
  1521.  
  1522. .takecontrol_ad_permalinks a:visited {
  1523.     color: #ff3300;
  1524.     font-weight: bold;
  1525. }
  1526.  
  1527. .takecontrol_ad_text img {
  1528.     border: none;
  1529.     margin: 0 10px 5px 0;
  1530.     float: left;
  1531. }
  1532.  
  1533. .takecontrol_ad_bottom {
  1534.     background: url(images/tc_border.gif) no-repeat left bottom;
  1535.     margin: 0 10px 10px 10px;
  1536.     padding: 0 10px 10px 10px;
  1537.     font: 10px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1538.     text-align: right;
  1539. }
  1540.  
  1541. /* @end */
  1542.  
  1543. /* @group special_ad */
  1544.  
  1545. #special_ad {
  1546.     width: 280px;
  1547.     padding: 30px 10px 10px 10px;
  1548.     margin: 10px 10px 0 10px;
  1549.     background: url(images/special_ad_border.gif) no-repeat left top;
  1550. }
  1551.  
  1552. .special_ad_text {
  1553.     padding: 0;
  1554.     font: 11px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1555. }
  1556.  
  1557. .special_ad_permalinks {
  1558.     padding: 0;
  1559.     font: 10px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1560.     display: inline-block;
  1561. }
  1562.  
  1563. .special_ad_text a:link,
  1564.  
  1565. .special_ad_text a:visited,
  1566.  
  1567. .special_ad_bottom a:link, 
  1568.  
  1569. .special_ad_bottom a:link,
  1570.  
  1571. .special_ad_permalinks a:link,
  1572.  
  1573. .special_ad_permalinks a:visited {
  1574.     color: #6600ff;
  1575.     font-weight: bold;
  1576. }
  1577.  
  1578. .special_ad_text img {
  1579.     border: none;
  1580.     margin: 0 10px 5px 0;
  1581.     float: left;
  1582. }
  1583.  
  1584. .special_ad_bottom {
  1585.     background: url(images/special_ad_border.gif) no-repeat left bottom;
  1586.     margin: 0 10px 10px 10px;
  1587.     padding: 0 10px 10px 10px;
  1588.     font: 10px/13px Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1589.     text-align: right;
  1590. }
  1591.  
  1592. /* @end */
  1593.  
  1594. /* @group TC_skyscraper */
  1595.  
  1596. #tc_skyscraper {
  1597.     background: #FFC;
  1598.     border: solid 1px #F30;
  1599.     width: 140px;
  1600.     height: 140px;
  1601.     display: inline-block;
  1602.     padding: 5px;
  1603.     margin: 0;
  1604. }
  1605.  
  1606. .tc_yellowBox {
  1607.     font: 10px/12px Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1608.     padding: 10px;
  1609.     background: url(images/tc_border.gif);
  1610. }
  1611.  
  1612. #tc_skyscraper li {
  1613.     list-style-type: none;
  1614.     margin-left: -35px;
  1615.     font: .75em Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1616.     padding-bottom: .8em;
  1617. }
  1618.  
  1619. .tc_text {
  1620.     color: black;
  1621.     font: .75em Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1622.     text-align: left;
  1623. }
  1624.  
  1625. .tc_text li {
  1626.     list-style-type: disc;
  1627.     margin-left: -24px;
  1628.     padding-bottom: .2em;
  1629. }
  1630.  
  1631. /* @end */
  1632.  
  1633. #banner_reg {
  1634.     position: relative;
  1635.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1636.     width: 728px;
  1637.     height: 60px;
  1638.     text-align: center;
  1639.     margin-bottom: 5px;
  1640.     margin-top: 0;
  1641. }
  1642.  
  1643. #banner_big {
  1644.     position: relative;
  1645.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1646.     width: 728px;
  1647.     height: 90px;
  1648.     text-align: center;
  1649.     margin: 0;
  1650. }
  1651.  
  1652. .sponsorbox {
  1653.     padding: 20px 5px 0 5px;
  1654.     margin: 0;
  1655.     width: 417px;
  1656.     background: url(images/sticky_border_p2.gif) no-repeat left top;
  1657. }
  1658.  
  1659. .article .sponsorbox {
  1660.     padding: 20px 5px 0 5px;
  1661.     margin: 0 0 0 -7px;
  1662.     width: 417px;
  1663.     background: url(images/sticky_border_p2.gif) no-repeat left top;
  1664. }
  1665.  
  1666. .sponsorbox img {
  1667.     margin: 0 5px 15px 0;
  1668.     border: none;
  1669. }
  1670.  
  1671. .sponsortext {
  1672.     padding: 5px 5px 5px 0;
  1673.     font: 10px Geneva, Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1674.     width: 415px;
  1675. }
  1676.  
  1677. .sponsorbox_bottom {
  1678.     background: url(images/sticky_border_p.gif) no-repeat left bottom;
  1679.     font: 10px Geneva, Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1680. }
  1681.  
  1682. .article .sponsorbox_bottom {
  1683.     background: url(images/sticky_border_p.gif) no-repeat left bottom;
  1684.     font: 10px Geneva, Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  1685.     margin-bottom: 15px;
  1686.     margin-left: -7px;
  1687. }
  1688.  
  1689. /* @end */
  1690.  
  1691. /* Special popup boxes */
  1692.  
  1693. /* @group Tip Styles */
  1694.  
  1695. #big_ole_background {
  1696.     background-color: gray;
  1697.     width: 100%;
  1698.     height: 1500px;
  1699.     position: absolute;
  1700.     font-size: 500px;
  1701.     font-weight: bold;
  1702.     z-index: 50;
  1703.     float: left;
  1704.     opacity: 0.65;
  1705. }
  1706.  
  1707. .popup_box_with_captcha, #tipbits_enclosure_preview {
  1708.     position: absolute; 
  1709.     padding: 1em;
  1710.     border: 4px solid #3b3045; 
  1711.     color: #000;
  1712.     width: 400px;
  1713.     z-index: 100;
  1714.     background-color: #eeeddf;
  1715. }
  1716. #tipbits_enclosure_preview {
  1717.     z-index: 101; 
  1718. }
  1719. #popup_box_thanks {
  1720.     z-index: 102;
  1721.     font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
  1722.     position: absolute; 
  1723.     padding: 1em;
  1724.     border: 2px solid #3b3045; 
  1725.     color: #000;
  1726.     width: 310px;
  1727.     background-color: #fff;
  1728.     margin-top: 150px;
  1729.     margin-left: 20px;
  1730. }
  1731. .tip_box_format, .tip_display, .tip_box_head, .tip_sponsor {
  1732.     font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1733. }
  1734.  
  1735. .tip_display h6 {
  1736.     font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  1737. }
  1738.  
  1739. .tip_display p, .tip_display ol {
  1740.     font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  1741.     padding-right: 5px;
  1742.     margin-bottom: 10px;
  1743. }
  1744.  
  1745. .tip_display .preview {
  1746.     padding-top: 50px;
  1747. }
  1748.  
  1749. .tip_display .credit {
  1750.     font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  1751.     padding-right: 5px;
  1752.     margin-bottom: 10px;
  1753.     text-align: right;
  1754. }
  1755.  
  1756. .tip_display .credit a, .tip_display p a {
  1757.     color: #ffff66;
  1758. }
  1759.  
  1760.  
  1761. .tip_box_head {
  1762.     font-size: 19px;
  1763.     margin-bottom: 10px;
  1764. }
  1765.  
  1766. .tbf_row, .tbf_left, .tbf_right {
  1767.     float: left;
  1768. }
  1769. .tbf_left {
  1770.     width: 80px;
  1771.     padding-top: 8px;
  1772.     padding-right: 7px;
  1773.     padding-bottom: 8px;
  1774. }
  1775. .tbf_right {
  1776.     width: 300px;
  1777. }
  1778. .tbf_wide, .tbf_wide_80, .tbf_wide_extra_top {
  1779.     font-weight: bold;
  1780.     font-style: normal;
  1781.     margin-bottom: 10px;
  1782. }
  1783.  
  1784. .not_bold {
  1785.     font-weight: normal;
  1786. }
  1787. .tbf_wide_extra_top {
  1788.     padding-top: 10px;
  1789. }
  1790. .tbf_alert {
  1791.     color: #cd003c;
  1792. }
  1793.  
  1794. .tbf_wide_80 {
  1795.     width: 85%;
  1796.     float: left;
  1797. }
  1798. .tbf_right input {
  1799.     width: 300px;
  1800.     margin-bottom: 5px;
  1801.     margin-top: 5px;
  1802. }
  1803. .tbf_right textarea {
  1804.     width: 305px;
  1805.     height: 80px;
  1806. }
  1807.  
  1808. .tip_display {
  1809.     padding: 7px 15px 0 15px;
  1810.     line-height: 15px;
  1811. }
  1812. .tip_display h6 {
  1813.     font-size: 14px;
  1814.     margin-top: 0;
  1815.     margin-bottom: 10px;
  1816. }
  1817.  
  1818. .tip_sponsor {
  1819.     padding: 15px;
  1820.     line-height: 15px;
  1821.     color: #000;
  1822. }
  1823.  
  1824.  
  1825. .x_close {
  1826.     position: absolute;
  1827.     top: 12px;
  1828.     right: 12px;
  1829.     font: bold 9px "Lucida Grande", Lucida, Verdana, sans-serif;
  1830.     padding: 0 2px;
  1831.     margin-left: 10px;
  1832.     border: 1px solid #3b3045;
  1833. }
  1834.  
  1835. .x_close_row {
  1836.     font: bold 9px "Lucida Grande", Lucida, Verdana, sans-serif;
  1837.     padding: 0 2px;
  1838.     border: 1px solid #3b3045;
  1839.     float: right;
  1840. }
  1841.  
  1842.  
  1843. #email_submit {
  1844. }
  1845. .required_field {
  1846.     color: #f41b00;
  1847. }
  1848.  
  1849. #tip_submit_response {
  1850.     font-size: 13px;
  1851.     color: #9400b9;
  1852.     font-weight: bold;
  1853. }
  1854.  
  1855. #search_tipbits a, #search_tipbits_loz a {
  1856.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1857.     padding: 2px 6px;
  1858.     margin-left: 5px;
  1859.     color: #ffff00;
  1860.     border: 1px solid #ffff66;
  1861. }
  1862.  
  1863. #search_tipbits_loz {
  1864.     padding-left:10px;
  1865.     margin-top: -5px;
  1866. }
  1867.  
  1868. #tipbits_searchvalue {
  1869.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1870.     color: #666;
  1871. }
  1872.  
  1873. div#tip_insert .tip_head {
  1874.     font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  1875.     color: #000;
  1876.     padding-top: 20px;
  1877.     padding-bottom: 5px;
  1878. }
  1879.  
  1880. div#tip_insert {
  1881.     background: #fff url(images/tipbits_article_head_01.jpg) no-repeat left top;
  1882.  
  1883. }
  1884.  
  1885. div#tip_insert p {
  1886.     font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  1887.     padding: 0 10px 5px 10px;
  1888. }
  1889.  
  1890. div#tip_insert ol {
  1891.     font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
  1892.     padding: 0 10px 5px 30px;
  1893. }
  1894.  
  1895. div.tip_footer {
  1896.     margin-top: 10px;
  1897.     padding-top: 13px;
  1898.     padding-bottom: 6px;
  1899.     font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1900.     background: #fff url(images/tipbits_article_foot_02.gif) no-repeat left top;
  1901.     color: #fff;
  1902. }
  1903.  
  1904. div.tip_footer a {
  1905.     font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1906.     width: 200px;
  1907.     color: #ffff66;
  1908. }
  1909.  
  1910. div.tip_footer_bottom {
  1911.     background: #fff url(images/tipbits_article_foot_02.gif) no-repeat left bottom;
  1912.     margin-top: -18px;
  1913. }
  1914.  
  1915. div#ts_innards .fine_print, div#comm .fine_print {
  1916.     font-size: 10px;
  1917.     font-weight: normal;
  1918.     font-style: normal;
  1919. }
  1920.  
  1921. div#ts_innards .tip_description, #article_reference {
  1922.     font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  1923.  
  1924. }
  1925.  
  1926. #tipbits_searchvalue {
  1927.     font-size: 10px;
  1928. }
  1929.  
  1930.  
  1931. /* @end */
  1932.  
  1933. div.meta_article form {
  1934.     display: inline;
  1935. }
  1936.  
  1937. div.meta_article form select {
  1938.     font-size: 9px;
  1939. }
  1940.  
  1941. div.show_hide_comment {
  1942.     background-color: #edc6ed;
  1943.     font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  1944.     padding: 4px;
  1945.     width: 168px;
  1946.     margin-bottom: 7px;
  1947. }
  1948.  
  1949. /* @group Comment Styles */
  1950.  
  1951.  
  1952. div.cb_block, #comment_thanks {
  1953.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1954.     margin-bottom: 30px;
  1955.     padding-right:10px;
  1956. }
  1957. #comment_thanks {
  1958.     margin-bottom: 10px;
  1959.     font-weight: bold;
  1960.     color: #669;
  1961. }
  1962.  
  1963. div.cb_title h2 {
  1964.     margin-bottom: 15px;
  1965.     font-size: 1.3em;
  1966. }
  1967.  
  1968. .cb_email_block {
  1969.     float: left;
  1970.     margin-top: 10px;
  1971. }
  1972. #cb_first_post {
  1973.     font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  1974.     margin: 11px 0 11px 0;
  1975. }
  1976.  
  1977. .cb_add_comment {
  1978.     padding: 2px;
  1979.     border: 1px solid silver;
  1980.  
  1981. }
  1982.  
  1983. #cb_email_entry {
  1984.     float: left;
  1985. }
  1986. .cb_explainer {
  1987. }
  1988.  
  1989. div.cb_submit {
  1990.     width: 120px;
  1991.     text-transform: uppercase;
  1992.     font-size: 10px;
  1993.     font-weight: bold;
  1994.     letter-spacing: 2px;
  1995.     background-color: #edd0ed;
  1996.     padding: 4px 6px 0;
  1997.     height: 17px;
  1998.     margin-top: 28px;
  1999.     text-align: center;
  2000. }
  2001.  
  2002. .cb_item_meta {
  2003.     font-weight: bold;
  2004.     color: #7c579d;
  2005.     font-size: 11px;
  2006.     margin-bottom: 2px;
  2007.     padding: 6px 0 6px 10px;
  2008. }
  2009.  
  2010. span.cb_item_date {
  2011.     padding-left: 23px;
  2012.     text-transform: uppercase;
  2013.     font-size: 9px;
  2014. }
  2015. .cb_user_line {
  2016.      float: left;
  2017. }
  2018. .cb_add_name, .cb_add_email {
  2019.     font-size: 10px;
  2020.     font-weight: bold;
  2021.     float: left;
  2022. }
  2023. .cb_char_count, cb_chat_count input[type="text"]  {
  2024.     font: 10px/10px "Lucida Grande", Lucida, Verdana, sans-serif;
  2025.     padding-top: 7px;
  2026.     width: 150px;
  2027. }
  2028. #cb_quoted_row {
  2029.     float: left;
  2030. }
  2031. #cb_quoted {
  2032.     font: normal normal 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
  2033.     padding-left: 5px;
  2034.     margin-bottom: 14px;
  2035.     margin-top: 8px;
  2036.     float: left;
  2037.     width: 260px;
  2038.     padding-right: 6px;
  2039. }
  2040. .cb_open_quote, .cb_close_quote {
  2041.     font: bold 37px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif;
  2042.     float: left;
  2043. }
  2044. .cb_close_quote {
  2045.     float: none;
  2046.     left: 281px;
  2047.     position: relative;
  2048.     bottom: 32px;
  2049.     margin-bottom: -40px;
  2050. }
  2051. .cb_add_comment {
  2052.     margin-top: 8px;
  2053.     margin-left: -3px;
  2054. }
  2055. .cb_add_comment textarea {
  2056.     color: #8600ff;
  2057.     font-size: 12px;
  2058.     font-style: italic;
  2059. }
  2060.  
  2061. .cb_indent_1, .cb_indent_2, .cb_indent_3, .cb_indent_4, .cb_indent_5, .cb_indent_6, .cb_indent_7, .cb_indent_8, .cb_indent_9, .cb_indent_10, .cb_add_dropdown {
  2062.     /* padding-top: 6px; */
  2063.     /* padding-left: 10px; */
  2064.     margin-top: 3px;
  2065.     padding-bottom: 6px;
  2066.     margin-bottom: 5px;
  2067. }
  2068. .cb_add_dropdown {
  2069.     padding-left: 10px;
  2070.     margin-left: +5px;
  2071. }
  2072. .cb_indent_1, .cb_indent_3, .cb_indent_5, .cb_indent_7, .cb_indent_9 {
  2073.     background: url(images/comment_b_purple.gif) repeat-y;
  2074. }
  2075. .cb_indent_2, .cb_indent_4, .cb_indent_6, .cb_indent_8, .cb_indent_10 {
  2076.     background: #fff url(images/comment_b_blue.gif) repeat-y;
  2077. }
  2078. .cb_indent_2 {
  2079.     margin-left: 20px;
  2080. }
  2081. .cb_indent_3 {
  2082.     margin-left: 40px;
  2083. }
  2084. .cb_indent_4 {
  2085.     margin-left: 60px;
  2086. }
  2087. .cb_indent_5 {
  2088.     margin-left: 80px;
  2089. }
  2090. .cb_indent_6 {
  2091.     margin-left: 100px;
  2092. }
  2093. .cb_indent_7 {
  2094.     margin-left: 120px;
  2095. }
  2096. .cb_indent_8 {
  2097.     margin-left: 140px;
  2098. }
  2099. .cb_indent_9 {
  2100.     margin-left: 160px;
  2101. }
  2102. .cb_indent_10 {
  2103.     margin-left: 180px;
  2104. }
  2105. .commenter_t {
  2106.     border-top: 2px solid #7c579d;
  2107.     margin-bottom: 3px;
  2108. }
  2109.  
  2110. .commenter_c {
  2111.     border-top: 2px solid #333399;
  2112.     margin-bottom: 3px;
  2113. }
  2114.  
  2115. .cb_action, .cb_action a, .cb_action_red {
  2116.     padding: 1px 2px 1px 1px;
  2117.     margin-right: 7px;
  2118.     border: 1px solid silver;
  2119.     font-size: x-small;
  2120.     font-weight: bold;
  2121.     color: #333399;
  2122.     cursor: pointer;
  2123.     float: left;
  2124. }
  2125. .cb_action_red {
  2126.     background-color: #a4ce97;
  2127.     color: #0e22a2;
  2128.     border-style: none;
  2129.     padding: 3px;
  2130.     float: right;
  2131. }
  2132. .cb_buttons_offset {
  2133.     margin-top: 10px;
  2134. }
  2135. /* @end */
  2136.  
  2137. /* @group DealBITS */
  2138.  
  2139. .db_text {
  2140.     margin: 2px 0 5px 10px;
  2141.     font: .8em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  2142.     width: 417px;
  2143. }
  2144.  
  2145.  
  2146. /* @end */
  2147.  
  2148. /* @group HTML5/CSS3 extras */
  2149.  
  2150. .standard_button, .standard_field {
  2151.     -moz-border-radius: 5px;
  2152.     -webkit-border-radius: 5px;
  2153.     border-radius: 5px;
  2154. }
  2155.  
  2156. /* @end */