/****************************************************** * * * CSS file of http://maratz.com/blog/ * * Copyright (c) Marko Dugonjic, 2004. * * This file is a mess. Hopefully not forever... * * * ******************************************************/ * { margin: 0; padding: 0; border: 0; } /*\*/ * html #middle, * html #sidecontent, * html #content { overflow-x: hidden; } /**/ /* general */ html { font: 62.5%/1.4 Georgia, "Times New Roman", Times, serif; color: #444; text-align: center; } body { background: #fff url(/css/cssimg/image3.gif) repeat 0 0; } table { font-size: inherit; } a, a: active { color: #800000; text-decoration: none; } a:focus, a:hover { color: #c00 !important; outline: none; } a img { border: 0; } abbr, acronym { cursor: help; text-transform: uppercase; } dt { font-weight: bold; } dd { margin: 0 0 1em 10px; } ul { list-style: none; } /* containers */ #sizer { margin: 10px auto 0 auto; width: 750px; text-align: left; } #content_columns { float: left; width: 100%; background: transparent url(/css/cssimg/middle_shadow_burn.png) repeat-y 50% 0 !important; background-image: url(/css/cssimg/middle_noshadow.gif); } /* header */ #header { height: 77px; padding: 18px 17px 0 18px; background: url(/css/cssimg/top_shadow_burn.png) no-repeat 50% 0%; } /*\*/ * html #header { background-image: url(/css/cssimg/top_noshadow.gif); } /**/ #header h1 { height: 77px; text-indent: -9999px; overflow: hidden; overflow: hidden; background: url(/css/cssimg/header.png) no-repeat 0 0; } /* Just like Internet Explorer, Safari also don't like combination of HEX-colors and .PNGs \*/ * html #header h1 { background: #800000 url(/css/cssimg/header.gif) no-repeat 0 0; } /**/ #header a { display: block; height: 77px; width: 590px; } /* main nav */ #main_nav { padding: 15px 30px 0 30px; margin: 0; width: 750px; w\idth: 690px; height: 58px; heigh\t: 43px; font: 12px "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; background: url(/css/cssimg/main_nav_burn.png) repeat-y 50% 100% !important; background-image: url(/css/cssimg/mainNav.gif); text-shadow: 2px 2px #600; } #main_nav li { display: inline; } #main_nav li a { padding: 2px 10px; text-decoration: none; color: #DEBD8C; } #main_nav li.active a { color: #E7E3D6; } #main_nav li a:hover { color: #fff !important; } /* main content (the one on the left) */ #content { float: left; width: 518px; w\idth: 448px; padding: .98em 32px 0 40px; height: auto !important; height: 400px; min-height: 400px; } #content a { color: #800; text-decoration: none; border-bottom: 1px dotted #999; } #content a: visited { border-bottom-color: #E7E3D6; } #content a:hover, #content a:focus { border-bottom-color: #c00; color: #c00; text-decoration: none; } #content .post { margin-bottom: 1.96em; padding-bottom: 1.96em; background: transparent url(/css/cssimg/postBottom.gif) no-repeat 50% 100%; } #content h1 { margin: 0 0 .24em; padding-bottom: .35em; font: bold 2.4em/1.2 Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #A5622B; background: url(/css/cssimg/dot.gif) repeat-x 0 100% !important; } #content h1 a { display: block; color: #500 !important; border: 0 !important; } #content h1 a:hover { color: #c00 !important; } #content h2 { margin: 0 0 1em; font: bold 1.8em/1.4 Georgia, "Times New Roman", Times, serif; } #content h1, #content h2 { color: #500; text-shadow: 1px 1px 3px #999; } #content h3, #content h4, #content caption { margin: 1.4em 0; font-size: 1.4em; color: #500; } #content h3 { text-transform: uppercase; } #content h3 span { text-transform: lowercase; font-size: .9em; } #content h3.comments { padding-top: 1.4em; margin-bottom: 0; border-left: 0 !important; border-left: 1px solid #E7E3D6; } #content p { margin: 0 0 1.4em 0; } #content ul, #content ol, #content dl { margin: 0 0 1.96em 0; } #content p + ul { margin-top: -.98em; } #content p, #content li, #content dt, #content dd { font-size: 1.4em; } #content li *, #content dd * { font-size: 1em !important; } #content ul li { margin: 0 0 0 .5em; padding-left: 18px; background: url(/css/cssimg/b2.gif) no-repeat 0 .4em; } #content ol li { margin: 0 0 0 25px; list-style-position: outside; } #content dt { color: #500; } #content p img { float: left; margin: 5px 15px 1.4em 0; } #content img, #content fieldset { padding: 14px; background: #F2EDE0; margin: 5px 10px 1.96em 0; max-width: 420px; } #content .video { padding: 11px; background: #F2EDE0; } #content .video object, #content .video embed { margin: 0 !important; padding: 0 !important; } #content table { width: 440px; margin-bottom: 1.96em; border-collapse: collapse; table-layout: fixed; } #content caption { width: 100%; font-style: italic; border-bottom: 1px solid #D8D1BC; } #content th, #content td { padding: 5px 2px; font-size: 1.4em; border-bottom: 1px solid #D8D1BC; vertical-align: top; text-align: left; } #content .th1 { width: 100px; } #content table .value { text-align: right; } /* code and quoting */ #content code, #content pre { font: 1.5em/1.4 monospace !important; color: #060 !important; } ul li pre { width: 384px; } ol li pre { width: 402px; } #content li code, #content p code { font-size: 1.06em !important; } #content pre { display: block; clear: both; width: 428px; padding: 10px; margin: 0 0 1.3em 0; background: #F2EDE0; } div[id="content"] pre { overflow: auto; } * html pre { overflow-x: auto; padding-bottom: 20px; } blockquote { padding: 0 1.96em; font-style: italic; } q { font-style: italic; } q: before, q: after { content: ""; } .last-fm-chart { float: left; padding: 14px; background: #F2EDE0; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 td { float: left; margin: 0 !important; padding: 0 !important; border: 0 !important; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 tr.lfmHead a:hover { background: url(http://cdn.last.fm/widgets/images/en/header/chart/topartists_regular_blue.png) no-repeat 0 0 !important; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 tr.lfmEmbed object { float: left; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 tr.lfmFoot td.lfmConfig a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px 0 !important; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 tr.lfmFoot td.lfmView a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px 0 !important; } table.lfmWidgetchart_cb99161015898da287f0336759d28eb0 tr.lfmFoot td.lfmPopup a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px 0 !important; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 td { margin: 0 !important; padding: 0 !important; border: 0 !important; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 tr.lfmHead a:hover { background: url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png) no-repeat 0 0 !important; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 tr.lfmEmbed object { float: left; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 tr.lfmFoot td.lfmConfig a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px 0 !important; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 tr.lfmFoot td.lfmView a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px 0 !important; } table.lfmWidgetchart_bc901a9701e5ace7caf8387dd5f085a8 tr.lfmFoot td.lfmPopup a:hover { background: url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px 0 !important; } #content .storycontent { margin-bottom: 1.96em; } #content .meta { margin-bottom: 1.96em; padding: 0 14px .23em 0; text-transform: lowercase; color: #666; } .meta a { font-weight: normal; } #content .feedback { clear: both; margin-bottom: 2.17em; padding: .23em 0; text-transform: uppercase; text-align: right; color: #666; } #comment_list li .feedback { font-size: .71em !important; padding-top: 1em; border-top: 1px solid #E7E3D6; margin-bottom: 0; } #comment_list p.feedback a { font-size: 1em !important; } #comments { background: transparent url(/css/cssimg/postBottom.gif) no-repeat 50% 0; } #comments .meta { font-size: .9em; text-align: right; text-transform: uppercase; } #content del, #comment_list li del { text-decoration: line-through; } #content ins, #comment_list li ins { font-style: italic; text-decoration: none; } #contact_form .input_image, #comment_form .input_image { margin-left: 90px; } #comment_list { width: 420px; margin: 0 0 1.96em !important; font-size: 1em !important; } #comment_list li { list-style: none !important; float: left; width: 420px; margin: .7em 0 !important; padding: .7em 14px; background: #F2EDE0; border: 1px solid #E7E3D6; } #comment_list li img { width: 400px; margin-bottom: 1.96em; } #comment_list li blockquote { font-size: 1em; } #comment_list .postedBy-marko { background: #FEF9EC !important; } #comment_notices { font-style: italic; font-size: .9em; } #comment_notices p { margin: 0 0 2.17em 0; } #comment_notices dt, #comment_notices dd { margin: 0 0 1em 0; } #comment_notices code { font-style: normal; font-size: 1.2em !important; } #comment_form_closed { text-align: center; } #preview { margin: 10px 0; padding: 10px 15px; } #content #previously, #content #recentLinks { width: 214px; float: left; clear: none; } #content #previously { margin-right: 20px; } #content #previously a, #content #recentLinks a { font-weight: bold; } #content #recentLinks li, #content #previously li { font-size: 1.1em; margin: 0 0 1em 0; padding: 0; background: none; } /* supplementary content (the one on the right) */ .comm_block a { border: 0 !important; } #sidecontent { float: left; display: inline; width: 170px; margin: 10px 0 0 20px; color: #A5622B; } .sideblock { margin-bottom: 3em; } #sidecontent h4 { margin: 0 0 .2em; color: #800; font-weight: bold; font-size: 1em; border-top: 1px solid #DEBD8C; /* background: url(/css/cssimg/h3bullet.gif) no-repeat 100% .3em; */ text-transform: uppercase; text-shadow: 1px 1px 3px #888; } #sidecontent p, #sidecontent ul { margin-bottom: 1em; color: #685E49; } #sidecontent p + ul { margin-top: -.8em; } #sidecontent li { margin-bottom: .2em; padding-left: 15px; background: url(/css/cssimg/1star.gif) no-repeat 1px .2em; } #sidecontent a { text-decoration: none; color: #4C5E69; font-weight: normal; border-bottom: 1px dotted #4C5E69; } #sidecontent a: visited { color: #A5622B; border-bottom-color: #A5622B; } #sidecontent a:hover, #sidecontent a:focus { border-bottom-color: #c00; background: #F6DFB3; } /* forms */ form { margin: 0 0 20px 0; font-size: 1.2em; } fieldset { padding: 30px 28px 30px 0; width: 420px; margin: 0; } label { width: 80px; line-height: 20px; margin-right: 10px; float: left; text-align: right; color: #800; font-weight: bold; cursor: help; } input.input_text { padding: 2px 3px; font: 1em Georgia, serif; color: #A5622B; margin: 0; border: 1px solid #A5622B; width: 250px; background: #FFF url(/css/cssimg/input.gif) no-repeat -4px -4px; } textarea { padding: 2px; width: 324px; height: 150px; background: #FFF url(/css/cssimg/input.gif) no-repeat -4px -4px; font: 1em Georgia, serif; color: #A5622B; border: 1px solid #A5622B; } #commPrev { width: 330px; margin: 1px 0 20px 90px; border-bottom: 1px solid #A5622B; } #commPrev p { font-size: 1em; margin-top: 1em; } input.input_text:focus, textarea:focus { border: 1px solid #559CC6; /* margin: -1px; */ } #searchform fieldset { width: 170px; padding: 0; background: transparent; } #searchform .input_text { float: left; width: 130px; } #searchform .input_image { vertical-align: top; margin: 0 0 0 5px; } #disclaimer { clear: both; padding-top: 20px; font-size: 1em !important; } /* footer */ #footer { float: left; clear: both; width: 100%; w\idth: 670px; padding: 60px 40px 0; color: #DEBD8C; background: transparent url(/css/cssimg/footer_burn.png) no-repeat 50% 0 !important; background-image: url(/css/cssimg/footer.gif); } #footer p { float: left; width: 450px; padding: 5px 0 50px; margin: 0; font-size: 1.1em !important; font-size: 1em; border-top: 1px solid #A5622B; background: url(/css/cssimg/dot_red.gif) repeat-x 0 0 !important; background: none; } #footer a { color: #DEBD8C !important; text-decoration: none; border-bottom: 1px solid #A5622B; } #footer a:hover, #footer a:focus { border: 0; } /* page speciffic */ .about_block { clear: both; padding: 0 0 20px ; margin: 0 0 20px; background: transparent url(/css/cssimg/3stars.gif) no-repeat 50% 100%; } /* skippers */ .skipper { position: absolute; left: -9999px; } #topOfThePage { position: fixed; bottom: 0; right: 0; display: block; width: 47px; height: 26px; border: 0; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(/css/cssimg/top.png) no-repeat 100% 100%; } /* misc */ .corrected { text-decoration: line-through; } /* google hilite plugin */ .hilite { background: #efebdd; } body#blogPage #content #recentLinks ul li, body#blogPage #content #previously ul li { background: none !important; padding-left: 0 !important; } #archivePage .archiveLists { float: left; width: 214px; margin: 0 0 1em 0; } #archivePage #categories, #archivePage #recentLinks { float: right; } #archivePage .archiveLists li { font-size: 11px; } #archivePage .archiveLists li a { font-weight: bold; } .trigger { color: #800; font-weight: normal; } .hidden { display: none; } .shown { display: block; } .formNotice { background: #fff; padding: 20px; margin-bottom: 1em; color: #000; } .formNotice ul, .formNotice li, .formNotice p { margin: 0 !important; } .formNotice li { margin-left: 10px !important; list-style: square inside !important; background: none !important; padding: 0 !important; } .errorMessage strong { color: #f00; }