/* Theme Name: maratz-mii Theme URI: Description: Maratz mii. Version: 1 Author: Marko Dugonjić Author URI: http://www.maratz.com/blog/ */ /* Begin Typography & Colors */ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: 1px; font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #333; background: #fff; border-top: 9px solid #000; } body { border-top: 2px solid #ccc; } fieldset, a img { border: none; } a:hover, a:active { outline: none; } a:active { background: #ffc; } q:before, q:after { content: ""; } em, i, cite, q, blockquote { font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; } blockquote { padding-left: 15px; border-left: 5px solid #f6f6f6; } a { text-decoration: none; border-bottom: 1px dotted #999; color: #357e78; } a:hover { color: #f00; border-bottom-color: #f40; } .amp { font: 1.2em/inherit Georgia, 'Times New Roman', Times, serif; } .skipper { position: absolute; left: -9999px; top: -9999px; } h1, h2, h3, h4, h5 { font-weight: normal; font-family: Arial, Helvetica, sans-serif; } #sizer { width: 860px; margin: 0 auto; } #sizer:after { content: "."; display: block; clear: both; height: 0; font-size: .1em; visibility: hidden; } #header { padding: 3.6em 0 0; } #header h1, #header #site-id { font-size: 1.8em; margin-bottom: .375em; letter-spacing: -1px; color: #000; } #header h1 a, #header #site-id a { color: #f40; border-bottom-color: #f40; } #header h1 { font-size: 3.6em; } #headerimg { width: 860px; height: 215px; padding: 0 0 1.35em; background: url('/img/2008/jul/luka-and-tin.gif') no-repeat; } #headerimg-caption { margin: 0 0 1.35em; text-align: right; text-transform: uppercase; } #article-body #header { padding-left: 220px; } #article-body #site-id { width: 640px; margin: 0; } #home-body #header, #home-body #main-content { margin-left: 0; } .hc { float: left; display: inline; width: 420px; padding: 20px 0; border-top: .9em solid #f00; border-top-color: #f6f6f6; } .qc { float: left; display: inline; width: 200px; margin-left: 20px; padding: 20px 0; border-top: .9em solid #f00; border-top-color: #f6f6f6; overflow-x: hidden; } ul li { list-style: outside square; } ol li { list-style: inside upper-roman; } #content { width: 860px; clear: both; overflow-x: hidden; } #main-content { } #main-content h1 { margin-bottom: .375em !important; font-size: 2.4em; line-height: 1.2; letter-spacing: -1px; color: #f40; } #main-content h1 a { color: #f40; border-bottom-color: #f40; } #main-content h1 .permalink { position: relative; float: right; display: inline; padding: 0 5px; margin: -2.6em 10px 0 0; z-index: 2000; background: #fff; border: 0; font-size: .5em; text-transform: uppercase; letter-spacing: 0; } #main-content h1 .permalink:hover { border-bottom: 0; } #main-content h2 { font-size: 1.8em; margin-bottom: .5em; } #main-content h3 { font-weight: bold; font-size: 1.2em; color: #000; } #main-content h4 { font-weight: normal; font-size: 1.2em; color: #888; } #main-content p { font-size: 1.2em; margin-bottom: 1.5em; } #main-content ul, #main-content ol { margin-bottom: 1.8em; } #main-content li { font-size: 1.2em; } #main-content ul li { margin-left: 20px; } #main-content .post img { margin-bottom: .2em; } #main-content .post img + img { border-top: 1.6em solid #fff !important; } #main-content .post img + h2 { clear: both; margin-top: 1.6em; } #main-content .post img + h3 { clear: both; margin-top: 1.35em; } #main-content .post img + p { margin-top: 1.35em; } #main-content .post img + p.caption { margin-top: .755em; } #main-content .post img + ul, #main-content .post img + ol, #main-content .post img + dl { margin-top: 1.6em; } #main-content .post object { margin-bottom: 1.8em; } #main-content table { width: 420px; margin-bottom: 1.8em; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #ccc; } #main-content caption { padding: .375em; font-weight: bold; font-size: 1.2em; text-align: left; } #main-content th, #main-content td { padding: .375em; font-size: 1.2em; border-bottom: 1px solid #eee; vertical-align: top; text-align: left; } #main-content .value { text-align: right; } #main-content .postmetadata { color: #999; } #main-content p + ul { margin-top: -1.35em; } #article-body #main-content { margin: .65em 0 0 220px !important; } .post { float: left; width: 100%; position: relative; } .entry { float: left; } #home-body .post { margin-bottom: 5.4em; } #home-body .post h1 { margin-bottom: .375em !important; } #article-body .entry { min-height: 24em; } .postmetadata { clear: left; font-family: Courier, 'Courier New' !important; text-transform: uppercase; } .entry .postmetadata { position: absolute; bottom: 3.4em; right: -220px; float: right; display: inline; width: 190px; padding: 0 0 0 10px; border-left: 1px solid #eee; } #main-content p.caption { text-align: right; margin-bottom: 2.25em !important; } #main-content p.caption, #main-content q, #main-content blockquote { font-style: italic; font-family: Georgia, 'Times New Roman', serif; } #main-nav { width: 200px; padding: 0; } #main-nav ul { float: left; margin-bottom: 0 !important; } #main-nav li { float: left; display: inline; width: 200px; list-style: none; margin: 0 !important; border-top: 1px solid #dbf1ef; } #main-nav li.first-child { border-top: 0; } #main-nav li a { display: block; text-transform: uppercase; height: 1%; padding: 9px 8px; letter-spacing: 5px; border-bottom: 0; color: #357e78; } #main-nav li a:hover { color: #f40; } #main-nav li a small { letter-spacing: 1px; color: #95b6b3; } #main-nav li a:active { color: #f40; background: #ffc; } #supplementary-content { float: left; width: 420px !important; margin-left: 20px; } #supplementary-content .hc { } #supplementary-content .first-child { margin-left: 0 !important; } #supplementary-content h4 { margin-bottom: .375em; font: 1.1em/1.5 'Trebuchet MS', Trebuchet, sans-serif; text-transform: uppercase; letter-spacing: 1px !important; color: #f40; } .sidecontent { width: 196px; padding: .9em 2px 20px; } .sidecontent a { color: #95b6b3; } .sidecontent a:hover { color: #f40; } .sidecontent .sideblock { clear: both; margin-bottom: 3.6em; } .sidecontent p { font-size: 1.2em; color: #999; } .sidecontent li { list-style: none; margin: 0; font-size: 1.2em; color: #999; } .hymage { display: block; border: 0; margin-left: -2px; background: url('/img/comm/typetester_200x83.gif'); width: 200px; height: 83px; text-indent: -9999px; overflow: hidden; } .more-link { text-align: right; padding-top: .375em; } .sponsors h4 { margin-bottom: .75em !important; padding-bottom: 5px; text-align: center; background: url('i/arrow-down.gif') no-repeat 50% 100%; } #crestock a { display: block; width: 185px; padding: 4px; border: 1px solid #eee; } #crestock a:hover { border-color: #f40; } #outside-stories { clear: left; display: inline; width: 180px; padding: .9em 10px 190px; border-color: #036; color: #fff; background: #1b90b2 url(i/dont-trust.gif) no-repeat 0 100%; } #outside-stories h4 { color: #fff; } #outside-stories li { list-style: none; font-size: 1.2em; margin-bottom: .75em; color: #cef; } #outside-stories li a { color: #fff; border-bottom-color: #fff; } #outside-stories li a:hover { color: #ff6; border-bottom-color: #ff6; } #outside-stories li a:active { color: #1b90b2; } #static-links { float: right !important; clear: right;} #static-links ul { } #static-links ul li { list-style: none; } #useful { float: left; } #footer { float: left; display: inline; clear: both; width: 100%; padding: 1.8em 0 40px 0; margin-top: 40px; border-top: .9em solid #1b90b2; } #footer p { font-size: 1.2em; margin-bottom: 1.5em; } #footer a { color: #1b90b2; border-bottom-color: #1b90b2; } .smallprint { color: #999; } #article-body #footer { width: 420px; margin: 40px 220px 0; } #copyright { float: left; width: 420px; display: inline; margin-left: 20px; } #credits { float: left; width: 420px; } #article-body #copyright { margin-left: 0; } /*** COMMENTS ***/ h3#comments { clear: both; margin: 0 0 3em; text-transform: uppercase; } #main-content .commentlist { } #main-content .commentlist li { float: left; display: inline; width: 420px; color: #999; margin-bottom: 3.75em !important; list-style: none; } #main-content .commentlist li p { font-weight: normal; font-size: 1em !important; text-transform: none; } .commentlist .comment-meta { float: left; position: relative; display: inline; width: 200px; margin-left: -220px; } .commentlist .comment-meta .avatar { float: left; display: inline; margin: .1em 8px .2em .1em !important; } .commentlist .comment-meta cite { font-weight: bold !important; font-style: normal !important; font-family: Arial, Helvetica, sans-serif; } .commentlist .comment-meta .comment-date { font-weight: normal !important; } .commentlist .comment-meta .comment-date a { border: 0; } .comment-meta-txt { float: left; width: 145px; } .comment-text { color: #333; } h3#respond { margin-bottom: .75em; text-transform: uppercase; } .nocomments { clear: both; color: #999; } .field { float: left; position: relative; display: inline; width: 650px; margin-left: -220px; padding-bottom: .9em; } .field label { float: left; width: 200px; padding: .36em 0; margin-right: 20px; font-size: 1.2em; text-align: right; text-transform: uppercase; color: #999; } .field textarea { width: 380px; margin-left: 220px; padding: .36em; border: 1px solid #ccc; border-color: #666 #ccc #eee; font: 1.2em/1.5 Arial, Helvetica, sans-serif; } .input-text { width: 20em; padding: .36em; border: 1px solid #ccc; border-color: #666 #ccc #eee; font: 1.2em/1.5 Arial, Helvetica, sans-serif; } .input-submit { padding: .36em; color: #fff; background: #f40; border: 1px solid #f00;} .comment-form-sidenote { float: right; clear: both; display: inline; width: 190px; padding-left: 10px; margin-right: -220px; border-left: 1px solid #eee; color: #999; } .comment-form-sidenote img { float: left; margin: .1em 7px .2em 0 !important; } #contactform .field { width: 410px; margin: 0; padding-left: 2px; } #contactform .field label { display: block; float: none; text-align: left; } #contactform .field textarea { margin: 0; } .error, .confirmation { padding: 1.8em 20px .1em; margin-bottom: .9em; background: #ffc; } .error { color: #f30; } .confirmation { color: #060; } /*** RECENT LINKS PAGE AND OTHER CUSTOM STYLES ***/ #recent-links-list li { margin: 0 0 .75em 0; } #searchform .input-text { width: 140px; } #searchform .input-image { vertical-align: top; } #main-content #searchform { margin-bottom: 1.8em; } #flickr-block { width: 420px; padding-bottom: 9px; } #flickr-block:after { content: "."; display: block; clear: both; height: 0; font-size: .1em; visibility: hidden; } #picturegrid { float: left; display: inline; width: 431px; position: relative; margin-left: -11px; } #picturegrid li { float: left; margin: 0; list-style: none; } #picturegrid a { float: left; width: 75px; height: 75px; border: 0; margin: 0 0 11px 11px; line-height: 0; } #picturegrid a img { width: 75px; height: 75px; margin: 0 !important; } #topics-list { margin-bottom: 1.8em; } #topics-list li { display: inline; padding-right: .25em; } #topics-list li a { padding: 0 .2em; background: #ffc; border-bottom: #ff6; } .navigation { float: left; width: 420px; margin-bottom: 4em; } #main-content dt { font-weight: bold; font-size: 1.2em; } #main-content dd { font-size: 1.2em; } #serp-body dd { margin-bottom: 2.7em; } #serp-body dt { font-weight: normal; font-size: 1.8em; } /*** CODE ***/ code { font-family: Courier, 'Courier New'; color: green; } pre { font: 1.2em/1.5 Courier, 'Courier New'; color: green; } pre { width: 400px; padding: 10px; margin-bottom: 1.8em; background: #ffe; overflow: auto; } #article-body .entry pre { clear: both; width: 620px; margin-left: -220px; position: relative; } /*** CALENDAR ***/ #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /*** IMAGES ***/ #main-content img { clear: both; margin: 0 0 1.8em 0; padding: 0; max-width: 420px; } #main-content div.image img { margin-bottom: 0 !important; } #main-content img.centered { display: block; margin-left: auto; margin-right: auto; } #main-content img.alignright { padding: 4px; margin: 0 0 .2em 10px; display: inline; } #main-content img.alignleft { padding: 4px; margin: 0 10px .2em 0; display: inline; } #main-content .alignright { float: right; } #main-content .alignleft { float: left } #main-content .alignleft-pull, #main-content .alignleft-pulllarge { display: none; } #article-body #main-content .alignleft-pull { float: left; display: inline; position: relative; width: 200px; margin: 0 0 0 -220px; border: 0; } #article-body #main-content .alignleft-pulllarge { float: left; display: inline; position: relative; width: auto; margin: 0 0 1.8em -220px; border: 0; } #article-body #main-content .alignleft-pulllarge img { min-width: inherit; max-width: 640px !important; } /*** RADIO PLAYER ***/ table.lfmWidget3878e39dad25b81d955465dab75fe0aa td {margin:0 !important;padding:0 !important;border:0 !important;}table.lfmWidget3878e39dad25b81d955465dab75fe0aa tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/radio/mini_blue.png) no-repeat 0 0 !important;}table.lfmWidget3878e39dad25b81d955465dab75fe0aa tr.lfmEmbed object {float:left;}table.lfmWidget3878e39dad25b81d955465dab75fe0aa tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat 0px 0 !important;;}table.lfmWidget3878e39dad25b81d955465dab75fe0aa tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -85px 0 !important;}table.lfmWidget3878e39dad25b81d955465dab75fe0aa tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/blue.png) no-repeat -159px 0 !important;}