/* GENERAL _____________________________________________________________________________*/ .left { float: left; margin-right: 10px; } img.center { display: block; margin-left: auto; margin-right: auto; } .edit { float:right !important; display: inline !important; px !important; } .edit img { float:right !important; padding: 0; margin: 0; } html { margin-bottom: 1px; } body, div, dl, dt, dd, h1, h2, h3, h4, pre, form, fieldset, th, td, img { margin:0; padding:0; border:0; } table { inherit; border-collapse: collapse; border-spacing: 0; } .clear { clear: both; px !important; overflow: hidden; padding: 0px !important; } img { border: 0; vertical-align: bottom; } cite, code, em, strong, th { font-style:normal; font-weight:normal; } th { text-align:left; } h1, h2, h3, h4 { %; } q:before, q:after { content:''; } select, input, textarea { %; } * { outline: none; } /* commented backslash hack \*/ html, body{%;} /* end hack */ html,body {margin:0;padding:0} body { font: 12px Verdana, Arial, Helvetica, sans-serif; line-normal; color: #000; text-align: center; background-color: #FFF; } /* LINKS _____________________________________________________________________________*/ a { text-decoration: underline; color: #000; } a:hover { text-decoration: none; } #col1 a { text-decoration: none; } #col1 a:hover { text-decoration: underline; } input.submit { border: 1px solid #000; color: #000; } input.text { background-color: #FFF; color: #000; border: 1px solid #666; } /* STRUCTURE _____________________________________________________________________________*/ #container { margin-left: auto; margin-right: auto; padding-bottom: 50px; auto; text-align: left; px; } #left-side { px; float: left; } #right-side { px; float: left; padding-left: 25px; } /* HEADER _____________________________________________________________________________*/ #top-nav { padding: 4px 0 6px 8px; px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; position: relative; font-weight: bold; } #subscribe { position: absolute; top: 35px; left: 15px; color: #000; font-weight: bold; px; } #subscribe img { vertical-align: -2px; } a#logo { display: block; px; px; } /* LEFT SIDE _____________________________________________________________________________*/ #col1 { float: left; padding: 0 14px 0 11px; px; px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } /******* LEFT ACCORDION *******/ #col1 ul { margin:0; padding:0; list-style:none; } #col1 li { margin:0; padding:0; list-style:none; margin-bottom: 4px; line-px; } #col1 li a.top { display: block; px; text-decoration: none; padding: 4px 0 4px 23px; background-repeat: no-repeat; background-position: 8px 50%; line-normal; } #col1 li#rss-nav a { "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 16px; } #col2 h2 img { float: left; margin-right: 8px; } #col2 h2 a { color: #000 !important; text-decoration: none; } #col2 h2 a:hover { text-decoration: underline; } .dateline { clear: both; margin: -8px 0 16px 0; } .dateline a { text-decoration: none; color: #000000 !important; } .dateline a:hover { text-decoration: underline;} .article-container { margin-bottom: 24px; } .caption { margin-top: 12px; font-style: italic; } .article-related { float: left; px; padding-right: 14px; } .article-image { font-weight: bold; margin-bottom: 16px; text-align: center; } .article-image { text-align: left; } .article-image img { margin-bottom: 4px; } .article-related img { margin-bottom: 4px; } .link-4 { background: no-repeat url(/images/site/icon-prizey.jpg); } /** Prizey **/ .link-3 { background: no-repeat url(/images/site/icon-polliwogged.jpg); } /** Polliwogged **/ .link-7 { background: no-repeat url(/images/site/icon-zrecommends.jpg); } /** ZRecommends **/ .link-5 { background: no-repeat url(/images/site/icon-punnybop.jpg); } /** Punny **/ .link-2 { background: no-repeat url(/images/site/icon-gardenaut.jpg); } /** Gardenaut **/ .link-6 { background: no-repeat url(/images/site/icon-tranq.jpg); } /** Tranquil **/ .related-links a { text-decoration: none; display: block; padding-left: 18px; margin: 0px 0 5px 7px; background-position: 0px 2px; color: #000 !important; } .related-links .tout-title { margin-bottom: 5px; } .target-checkbox { margin: 16px 0 8px 0; } .related-links input { vertical-align: middle; margin-left: 7px; } .article-copy2, .article-copy { margin-bottom: 16px; line-.5em; font-family: Verdana, Arial, Helvetica, sans-serif; } .article-copy h2 { margin-bottom: 0px; } blockquote { margin: 16px; } .article-copy blockquote { margin: 0 26px -16px 26px; } .article-copy ul { margin: 0 26px -16px 26px; } .article-copy li { } .article-copy ol { margin: 0 26px -16px 26px; } .article-links { background: no-repeat url(/images/site/arrow-grey-right.jpg) 4px 7px; padding-left: 19px; margin-bottom: 9px; line-px; } article-links a { padding-bottom: 3px; } .sponsors { margin-bottom: 16px; } .related-links a:hover { text-decoration: underline; } #next-prev { margin-bottom: 16px; } a.newer-posts { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; display: block; float: left; background: no-repeat url(/images/site/arrow-white-left.png) 8% 50%; padding-left: 20px; text-decoration: none; font-weight: bold; } a.newer-posts:hover, a.older-posts:hover { text-decoration: underline; } a.older-posts { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; display: block; float: right; background: no-repeat url(/images/site/arrow-white-right.png) 92% 50%; padding-right: 20px; text-decoration: none; font-weight: bold; } .search-info a, .learn-more a { background: no-repeat url(/images/site/arrow-grey-right.jpg) 4px 5px; padding-left: 19px; margin: 0 0 10px 8px; display: block; color: #000 !important; text-decoration: none; } a.advanced-search-bold { background: no-repeat url(/images/site/arrow-grey-right.jpg) 5px 6px !important; padding-left: 19px; margin: 0 0 10px 8px; display: block; color: #000 !important; text-decoration: none; } .learn-more a:hover { text-decoration: underline; } .darkbar { background-color: #666; color: #FFF; padding: 5px 6px 7px 6px; margin-bottom: 24px; } .darkbar input { border: 0; margin: 0 3px 0 0; padding: 0; } .links { text-align: right; } /*************** COMMENTS *****************/ .colorbar { background-color: #339933; color: #FFF; padding: 4px 6px 6px 8px; margin-bottom: 8px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; px; font-weight: bold; } .comment { margin: 0 19px 19px 19px; line-.4px; overflow: hidden; } .comment-author { margin-bottom: 10px; } #comment-form { margin: 0 0 19px 0; } #comment-form label { display: block; px; padding-right: 20px; float: left; text-align: right; font-weight: bold; } #comment-form span { float: left; color: #666666; } #comment-form input.text { display: block; background-color: #FFF; border: 1px solid #666; float: left; px; px; margin: 0 6px 6px 0; padding: 2px 0 0 3px; } #comment-form textarea{ background-color: #FFF; px; px; border: 1px solid #666; margin-bottom: 3px; } #comment-form input.submit { float: right; margin-right: 3px; } #comment-form .comment-checkboxes { margin: 8px 0 16px 0; line-px; } #comment-form input.checkbox { vertical-align: middle; margin-left: 93px; } /*********** Contributors ***************/ .contributor { margin-bottom: 20px; clear: both; line-.5em; font-family: Verdana, Arial, Helvetica, sans-serif; } .contributor img { float: left; display: block; margin-right: 10px; } .contributor-bio { float: left; px; } /************ Archives *****************/ h3.date { margin-bottom: 8px; font-weight: bold; } #archives h2 { margin-bottom: 8px; } /*************** RIGHT COLUMN **************/ #col3 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; px; } #col3 a { text-decoration: none; } #col3 a:hover { text-decoration:underline; } #right-accordion { margin-bottom: 16px; } #right-accordion a { color: #000000 !important; display: block; } #col3 .categories a, #col3 .recent-posts a, #col3 .date-archive a, #col3 .blogs-we-read a, #col3 .collections a { margin-top: 6px; } #col3 .tout-title { margin-bottom: 12px; px; font-weight: bold; } #col3 a.head { font-weight: bold; background: no-repeat url(/images/site/arrow-grey-downright.jpg) 5px 6px; padding: 0 0 0 18px; } #col3 a.selected { "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #conversations .comment a { background-position: 4px 7px; margin-bottom: 0px; display: inline; color: #000 !important; font-style: italic; } a.all-conversations { background: no-repeat url(/images/site/arrow-grey-right.jpg); padding-left: 19px; margin: 0 0 0 8px; display: block; } #conversations a { background-position: 4px 7px; } #conversations a img { vertical-align: middle; margin-left: 3px; } #conversations .comment { margin: 0 9px 12px 9px; } #c3cols .tout-title, .c3cols .tout-title { margin-bottom: 0px; } #c3left, .c3left { float: left; px; } #c3right, .c3right { float: right; px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666; } #TB_window a:link {color: #666;} #TB_window a:visited {color: #666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666;} #TB_window a:focus{color: #666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; %; %; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#EEE; px; } #TB_ajaxContent{ clear:both; padding:15px; overflow:auto; text-align:left; line-.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p { padding:0px 0px 0px 0px; } #TB_load{ position: fixed; display:none; px; px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; %; %; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_brContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.