/* @override http://www.stephenhart.dev:9005/screen.css */ ************************************************* Master Screen Styles - stephenhart.id.au Created by Studio Stovepot http://www.stovepot.com.au/ Last Update: Friday, June 11, 2010 | 09:35 ************************************************* */ /*------------------------------------------- GENERAL SELECTORS -------------------------------------------*/ /* Clearfix */ .clearfix:after { content: ".";display: block;height: 0.1px;clear: both;font-size: 0;visibility: hidden; } .clearfix { display: inline-table; } /* \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ body { text-align: center;background-image: url(i/body_bkg.gif);background-repeat: repeat-x;background-color: #578AD0; } #frame { width: 1140px;margin-right: auto;margin-left: auto;margin-top: 25px;padding: 0px;text-align: left;background-color: #C6C08E;background-image: url(i/main_bg.gif);background-repeat: repeat-y;background-position: 73px; } #masthead { background-image: url(i/masthead_bg.gif);width: 1140px;height: 170px;background-repeat: no-repeat; } #menu { top: 126px;margin: 0 0 0 74px;position: relative;width: 1066px;height: 44px;overflow: hidden;background-image: url(i/menu.gif); } #contentleft { width: 700px;padding: 0px;float: left;color: #666;margin-left: 70px;display: inline;margin-bottom: 50px; } #contentright { width: 304px;padding: 0;float: left;color: #666;background: url(i/sidebar_content_bg.gif) no-repeat center top;margin-bottom: 100px;height: 1050px; } #New { margin-top: 15px;margin-bottom: 100px; } .entry { background: none repeat-x left 0;margin-top: 0;margin-left: 29px;margin-right: 35px; } img#Issues { margin-left: 10px;padding: 0;margin-top: 1px; } img#Issues_menu, img#vote, img#error { margin: 16px 0 0 10px; } #youtube { margin: 40px 0 17px 134px;padding: 10px 0 33px; } body#blog #flickr { margin: 14px 0 0 12px; } #flickr { background-image: url(i/flickr.gif);width: 280px;height: 244px;margin-top: 100px;margin-left: 12px; } #badge { padding-top: 49px;margin-bottom: 0;margin-top: 0;margin-right: 0;padding-left: 34px; } #flickr_link a { font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color: #3993ff;float: right;padding-top: 187px;padding-right: 24px; } #footer { background: #FFF; } #footer { background-image: url(i/footer.gif);background-repeat: no-repeat;height: 157px; } #cloud { margin-left: 10px; } /* @group Comments */ .cform { margin-top: 20px;width: 627px; } #wrap { background: url(i/commentbtm_bkg.png) no-repeat 0 bottom; } #cform_wrap { background: url(i/commenttop_bkg.png) no-repeat;width: 100%; } #comments { float: left;display: block; } ol.hfeed li.entry.c-1 { position: relative;width: 630px;padding: 29px 0 5px;background: url(i/commenttop_bkg.png) no-repeat center top;margin: 16px 0 0; } ol.hfeed { background: url(i/commentbtm_bkg.png) no-repeat 0 bottom;padding-bottom: 20px;margin: 0; } .entry_content { margin-left: 165px;display: block;margin-right: 10px; } .entry_meta { width: 140px;float: left;padding: 0;font-family: "Microsoft Sans Serif", georgia, verdana, sans-serif; } .entry_meta p { float: right;clear: both; } body#blog p.author { color: #4a699e;font-weight: bold;font-size: 11px;padding: 0; } body#blog p.comment_date { font-size: 11px;padding: 0;color: #29271a;margin: 0; } body#blog p.comment_time { font-size: 70%;color: #29271a;display: block; } #entry_view { color: #53503b;padding: 0;margin: 0 0 20px;font: 12px "Microsoft Sans Serif", verdana, georgia, sans-serif;float: left; } H2.opinion { color: #4a699e;text-transform: none;font: normal 24px "Microsoft Sans Serif", verdana, georgia, sans-serif;background: url(i/pencil.png) no-repeat 0 center;padding-left: 33px;margin: 0 0 17px; } #form_elements1 { float: left;margin: 0;padding-top: 0;padding-bottom: 0;padding-left: 0;position: relative;width: 1%; } body #form_elements1 p.textarea { overflow: auto;width: 450px;height: auto;padding-top: 30px; } #form_elements1 p a#smileys { margin: 0;padding: 0; } #form_meta { float: left;margin-top: 36px;margin-left: 10px;width: 175px; } #form_meta input { margin-top: 5px;margin-bottom: 5px; } #form_elements2 { float: left;margin-top: 15px; } /*---------- bubble tooltip -----------*/ a.tt { position: relative;z-index: 24;text-decoration: none;font: 9px "Microsoft Sans Serif", verdana, georgia, sans-serif;margin-left: 4px;float: left; } a.tt span { display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover { z-index: 25;color: #29271a;background: ; } a.tt:hover span.tooltip { display: block;position: absolute;top: 0px;left: 0;padding: 15px 8px 0;width: 200px;color: #0e1448;text-align: center;filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;text-transform: uppercase;font-size: 10px; } a.tt:hover span.top { display: block;background: url(i/bubble.gif) no-repeat;padding: 30px 0 0; } a.tt:hover span.middle { / * different middle bg for stretch */ display: block;padding: 0 8px;background: url(i/bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom { display: block;padding: 3px 8px 10px;color: #548912;background: url(i/bubble.gif) no-repeat bottom; } /* @end */ /* -----Image-map----------Image-map---------Images-map---------Image-map--------- */ #imgmap { position: relative;_zoom: 1;margin-top: 110px;margin-left: 7px; } #imgmap li { position: absolute;display: block;list-style: none;overflow: hidden; } #imgmap li a { display: block;width: 100%;height: 100%;_background: url(space.gif);text-indent: -1000em; } #area1 { left: 45px;top: 79px;width: 65px;height: 143px; } #area2 { left: 106px;top: 80px;width: 68px;height: 143px; } #area3 { left: 168px;top: 80px;width: 68px;height: 143px; } img, #logo { behavior: url(iepngfix.htc); } p,h1 { margin: 0 10px 10px; } /* -----Images----------Images----------Images----------Images----------Images--------- */ #Join { margin: 15px 0 0;padding: 0 0 18px;background: url(i/li_line.gif) repeat-x 0 bottom;float: left; } .discuss { margin: 33px 0 0 277px;padding: 0 15px 0 0;position: absolute;font: 12px "Microsoft Sans Serif", verdana, georgia, sans-serif;"Microsoft Sans Serif", verdana, georgia, sans-serif;background: url(i/arrow.gif) no-repeat right; } .left { float: left;padding-top: 10px;padding-right: 10px;padding-bottom: 10px; } .right { float: right;padding-top: 10px;padding-bottom: 10px;padding-left: 10px; } /* -----Links----------Links----------Links----------Links----------Links----------Links----- */ a { text-decoration: none; } a:link { color: #4a699e; } a:visited { color: #a6a6a6; } a:active { color: #4a699e; } a:hover { color: #53503b; } /* -----Type----------Type----------Type----------Type----------Type----------Type----- */ h1 { font-size: 125%;padding-top: 10px;color: #3A6BA0; } h2 { font-size: 115%;padding: 10px;color: #006699; } h1#title { text-indent: -5000px;width: 200px; } .title, H2.title a, .search_title, .category_name, .pages_title { color: #4a699e;text-transform: none;font: normal 26px "Microsoft Sans Serif", verdana, georgia, sans-serif;margin: 0 0 8px; } .search_title, .category_name { margin-top: 20px;margin-left: 30px; } .pages_title { margin: 10px 0 0 30px;padding: 0; } H2.search_sub_title { margin: 0 0 0 30px;padding: 0; } H2.title a:hover { color: #53503b; } .date, .comments_count a { color: #53503b;text-transform: uppercase;font: normal 70% "Microsoft Sans Serif", verdana, georgia, sans-serif;padding-top: 30px;padding-bottom: 0;margin: 0 0 8px; } .comments_count { float: right;padding-top: 26px; } #comments .comments_count { float: none;background: url(i/comment_balloon.png) no-repeat left bottom;padding-left: 33px;padding-bottom: 3px;margin-left: 10px; } .posted { font: 11px "Microsoft Sans Serif", verdana, georgia, sans-serif; } a.category { color: #4a699e; } #recent_news { text-indent: -100em;overflow: hidden;background: url(i/headings/recent-news.gif) no-repeat;height: 56px;margin-top: 0;margin-left: 17px;margin-right: 0;padding-top: 0; } #pop_news { text-indent: -100em;overflow: hidden;background: url(i/headings/popular-news.gif) no-repeat;height: 56px;margin-top: 0;margin-left: 17px;margin-right: 0;padding-top: 0; } #categories { text-indent: -100em;overflow: hidden;background: url(i/headings/categories.gif) no-repeat;height: 56px;margin-top: 0;margin-left: 17px;margin-right: 0;padding-top: 0; } h4, H2 { color: #4a699e;font: normal 20px "Microsoft Sans Serif", verdana, georgia, sans-serif;padding: 0;margin: 20px 0 0 30px; } H2 { margin: 35px 0 15px 75px; } body#blog H4 { margin: 30px 0 10px 27px; } #top { text-indent: -5000px; } .top_of_page h6 { margin-left: 291px;text-indent: -5000px; } .top_of_page h6 a { background-image: url(i/top_of_page.gif);background-repeat: no-repeat;width: 300px;height: 87px;display: block; } .bold { font-weight: bold;color: #4a699e; } body#blog p.bold { font-weight: bold; } .more { font: bold 12px "Microsoft Sans Serif", verdana, georgia, sans-serif;color: maroon; } #contentleft p { font-family: "Microsoft Sans Serif", verdana, georgia, sans-serif;font-size: 16px;color: #2B271A;padding: 20px 20px 0; } #blog .entry p { padding: 0 0 10px;color: #5c5c5c;font: 12px/1.5em "Microsoft Sans Serif", verdana, georgia, sans-serif;margin: 0 0 10px; } #blog .post { margin-top: 20px;background: url(i/li_line.gif) repeat-x 0 bottom;margin-bottom: 10px;padding-bottom: 10px;float: left;width: 635px; } .continue_reading a { font: 11px "Microsoft Sans Serif", verdana, georgia, sans-serif;background: url(i/arrow.gif) no-repeat 0 center;padding-left: 15px;margin-left: 6px; } #contentleft p.heading { color: #3A6BA0;font-size: 23px;font-family: Georgia; } body#voting p.disclaimer { font-size: .8em;text-align: center; } #footer p { font: 13px/1.5em "Microsoft Sans Serif", verdana, georgia, sans-serif;color: #2c2912;padding-top: 56px;padding-left: 65px; } /* -----Table----------Table----------Table----------Table----------Table----------Table----- */ .preferences { border: 1px solid #5687CF;border-collapse: collapse;margin-left: 102px;margin-top: 23px; } .preferences td, .preferences th { border: 1px solid #5687CF; } .preferences td { background-color: #e3e3dc;text-align: right;padding: 19px 40px 0;font-size: 2em;font-weight: bold; } .preferences th { text-align: left;padding: 7px 129px 0 02px;font-size: 1.3em; } .preferences caption { color: #3A6BA0;font-size: 1.1em;font-family: Georgia;padding-bottom: 0;margin-top: 20px;margin-bottom: 0; } .preferences .pick { background-color: #8aa8c8;color: white; } #rss { float: right;margin-right: 35px; } .no_borders { border-style: none; } /* -----List----------List----------List----------List----------List----------List----- */ dl { margin: 0;padding: 0;list-style: none; } dt { font-size: 95%;padding: 0 0 5px 0;text-align: center; } dd { font-size: 70%;padding: 0 0 10px 0; } .hfeed { list-style: none;padding: 0;margin: 0; } #share img { margin-right: 3px;position: relative;top: 4px;margin-left: 2px; } ul.recent, ul.nav_categories { list-style-type: none;margin: 0 0 50px;padding: 0 33px 0 30px;color: #53503b;text-transform: uppercase;font: 70% "Microsoft Sans Serif", verdana, georgia, sans-serif; } ul.recent li { background: url(i/li_line.gif) no-repeat center bottom;padding-bottom: 6px;margin-top: 20px; } ul.nav_categories li { background: url(i/li_line.gif) no-repeat center bottom;padding-bottom: 5px;margin-top: 5px; } ul.recent li a:hover, ul.nav_categories li a:hover, a:hover.category { color: #415c9d; } ul.recent li a, ul.nav_categories li a { color: #53503b; } .entries_number { float: right; } /* -----List-Menu---------List-Menu---------List-Menu---------List-Menu--*/ #menu a, .skiplink { display: none; } #menu ul { margin: 0;padding: 0; } #menu li { list-style-type: none;width: 100px;height: 100px;display: inline; } #menu a { display: block;float: left;width: 100px;height: 0;overflow: hidden;color: #000;text-decoration: none;padding-top: 100px;background-image: url(i/menu_over.gif);background-repeat: no-repeat;background-position: 100px 100px; } * html #menu a { height: 100px;he\ight: 0; } #menu a#t_home:hover { background-position: 0 0;z-index: 50; } #menu a#t_about:hover { background-position: -100px 0;z-index: 50; } #menu a#t_issues:hover { background-position: -200px 0;z-index: 50; } #menu a#t_blog:hover { background-position: -300px 0;z-index: 50; } #menu a#t_contact:hover { background-position: -400px 0;z-index: 50; } /* -----List-Menu-Active--------List-Menu-Active--------List-Menu-Active------*/ body#home #menu #t_home { background-position: 0 0;z-index: 50; } body#about #menu #t_about { background-position: -100px 0;z-index: 50; } body#issues #menu #t_issues { background-position: -200px 0;z-index: 50; } body#blog #menu #t_blog { background-position: -300px 0;z-index: 50; } body#contact #menu #t_contact { background-position: -400px 0;z-index: 50; } /* @group Search */ form { margin: 0;padding: 0;display: inline; } #search { margin-right: 51px; } .search-box { / *outer background*/ height: 26px;width: 310px;float: right;position: relative;margin-bottom: 0;margin-top: 93px;padding-right: 0;margin-right: 0; } #search p { margin: 0;padding: 0; } input.search-field { float: left;border: 0;font-family: "Microsoft Sans Serif", verdana, georgia, sans-serif;font-size: 12px;padding: 3px 0px 0px 35px;height: 26px;background: transparent url(i/search-form.png) no-repeat;width: 250px;color: #808080; outline: none;} input.search-go { border: 0;margin: 0 0 0 -26px;padding: 0;height: 26px;width: 24px;background: url(i/search_icon.gif) no-repeat left;cursor: pointer;float: left;border-style: none;position: relative; } input.search-go:hover { background: url(i/search_icon.gif) no-repeat left; } .marker { background-color: #dbdfbf; } .pagination_blog, .pagination { background-color: #dfe3c3;width: 685px;float: left;margin-left: 4px;padding: 0;margin-top: 107px; } body#blog .pagination_blog { width: 645px;font-size: 12px;padding: 10px 13px 7px 27px; } body#blog p.page-count { font-size: 12px;float: right;background-color: #dbdfbf;margin: 0 7px 0 0;padding: 11px 0 8px; } .pagination_links { font-size: 12px;float: right;background-color: #dbdfbf;margin: 0 7px 0 0;padding-right: 0;padding-left: 0; } / * @end */