/* =Structure ------------------------------- */ div#page{ /* Clear #sidebar (floated right) */ overflow: auto; width: 100%; } ul#sidebar{ /* Sidebar on the right */ float: right; width: 209px; /* 249px(real width) - 40px (ul.padding-left) */ } div#content{ padding: 1em 10px; width: 487px; /* 507px (real-width) - 10px * 2 */ float: left; overflow: hidden; /* Otherwise IE push down the sidebar */ } div#page.no-side div#content{ width: 740px; } div#footer div.box{ float: left; width: 30%; margin-left: 10px; } div#footer-wrapper{ background: url(layout/footer-background-large.gif) repeat-x; background-position: 0 30px; } div#page{ padding-bottom: 91px; } div#footer{ height: 41px; /* 91px(real height) - 50px */ padding-top: 50px; } div#footer p.note{ padding: .5em 0; } /* =En styles ------------------------------- */ .postLinks a:link{ border-bottom: 1px solid #CCCCFF; } .postLinks a:visited{ border-bottom: 1px solid #CCCCFF; } .postLinks a:hover{ border-bottom: 1px solid #92aeff; color: inherit; } .postLinks a:active{ color: inherit; } /* =Section Intro ------------------------------- */ div#section-intro{ margin-top: 2px; /* Start just after the lightblue border (2px) which is backgrounded on */ height: 196px; background: url(layout/header-image.gif) no-repeat; background-position: 20px 39px; padding-left: 290px; overflow: hidden; /* Hide the rest of the background image && no margin collapsing whith the inner

*/ } div#section-intro h2{ margin-top: 75px; color: #92aeff; font-weight: normal; font-style: italic; margin-bottom: .2em; /* --- */ background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; } div#section-intro p{ margin: 0; color: #000; font-size: 1.2em; font-weight: bold; /* --- */ background-repeat: no-repeat; text-indent: -10000px; overflow: hidden; } /* =Page Title (es x Archivi mensili,categorie e tag) ------------------------------- */ div#content h2.pagetitle{ font-size: 0.9em; text-align: center; } /* =Posts ------------------------------- */ div.post{ margin-bottom: 4em; } div.post div.info{ position: relative; margin-bottom: 1em; width: 100%; /* IE 6 hasLayout: otherwise position absolute of small.date doesn't work */ } div.post div.info small.date{ position: absolute; bottom: 2px; right: 0; } div.post div.info small.replaced-date,div.post div.info small.replaced-date img{ display:block; } div.post div.info h3 a{ display: block; color: #92aeff; text-decoration: none; border-bottom: 2px solid #dbdbdb; background: none; width: 100%; /* IE6 hasLayout: otherwise the border is not shown */ } div#page.page div.post div.info h3{ /* Pages doesn't have a link in the

tag. So apply the border to the

*/ border-bottom: 2px solid #dbdbdb; } div.post div.info h3 a:hover{ border-bottom: 2px solid #c9c9c9; } div.post div.info h3.replaced-header img{ border: 0; } div.post div.entry{ text-align: justify; } div.post div.entry p{ line-height: 1.6em; } div.post div.entry h4{ color: #92aeff; } div.post p.tags{ font-size: 0.9em; color: #fff; /* hide 'tags:' and commas */ text-indent: -10000px; overflow: hidden; /* clear floats */ width: 100%; } div.post p.tags a:link,div.post p.tags a:visited{ color: #616161; text-indent: 0; float: left; background: url(layout/tag_blue.png) no-repeat left center; padding-left: 20px; margin-left: 5px; } div.post p.actions{ margin: 0; text-align: right; color: #616161; font-size: .9em; border-top: 1px solid #ececec; } div.single div.post p.actions{ border: 0; } div.post p.actions a{ color: #616161; } /* =PostStyle ------------------------------- */ div.entry a img{border:0} div.entry img.aligncenter{margin-left: auto; margin-right: auto;display: block;} div.entry small{color: #8f8f8f;} /* =Meta ------------------------------- */ div.post p.meta{ background: url(layout/can.gif) no-repeat; background-position: 7px 50%; color: #8f8f8f; font-size: .9em; text-align: justify; padding: 1em 0 1em 40px; margin: 0; border-bottom: 1px solid #ececec; } div.single div.post p.meta{ border-top: 1px solid #ececec; } div.post p.meta a{ color: #444; } form#paypalCoke fieldset{ border: 0; padding: 0; margin: 0; } /* =Navigation ------------------------------- */ div#content div.navigation{ overflow: hidden; width: 100%; } div#content div.navigation span.previous{ float: left; } div#content div.navigation span.next{ float: right; } /* =Comments ------------------------------- */ div#comments h4{ text-indent: -10000px; overflow: hidden; background: url(layout/comments-titles.gif) no-repeat left top; height: 24px; margin-top: 2em; } div#comments ol.commentlist{ list-style: none; padding: 0; margin: 0; } div#comments ol.commentlist li div.commentBody{ margin-top: 1.5em; border: 1px solid #dbdbdb; border-bottom: none; padding: 0 1em 1em; text-align: justify; } div#comments ol.commentlist li small.commentMetaData{ display: block; background: url(layout/comment-bottom.gif) no-repeat; height: 23px; /* 30px (real-height) - 7px (paddin-top) */ padding: 7px 0 0 30px; color: #8f8f8f; } div#comments ol.commentlist li:hover div.commentBody{ border-color: #92aeff; } div#comments ol.commentlist li:hover small.commentMetaData{ background-position: 0 -30px; } div#new-comment h4{ text-indent: -10000px; overflow: hidden; background: url(layout/comments-titles.gif) no-repeat; background-position: 0 -35px; height: 24px; margin-top: 2em; } div#new-comment fieldset{ border:0; padding: 0; margin: 1em 0 0; color: #8f8f8f; } div#new-comment form div{ margin-top: .4em; } div#new-comment input.text,div#new-comment textarea{ background: #f8f8f8; border: 1px solid #dbdbdb; padding: 3px; } div#new-comment input.text:hover,div#new-comment input.text:focus, div#new-comment textarea:hover,div#new-comment textarea:focus{ background: #fff; margin: 0; } div#new-comment form label{ color: #8f8f8f; padding-left: 5px; } div#new-comment textarea{ display: block; margin: 0; width: 100%; } div#new-comment form small.allowed-tags{ margin: 0; padding: 0 3px; background: #f3f3f3; border: 1px solid #dbdbdb; border-top: none; display: block; width: 100%; line-height: 21px; } div#new-comment small.allowed-tags span.more,div#new-comment small.allowed-tags span.less{ float: right; cursor: pointer; width: 21px; height: 21px; text-indent: -10000px; overflow: hidden; } div#new-comment small.allowed-tags span.more{ background: url(layout/plus.gif) no-repeat center center; } div#new-comment small.allowed-tags span.less{ background: url(layout/minus.gif) no-repeat center center; } /* =SideBar ------------------------------- */ ul#sidebar{ list-style: none; } ul#sidebar h3{ color: #dbdbdb; font-style: italic; text-indent: -10000px; overflow: hidden; background: url(layout/sidebar-titles.gif) no-repeat; } ul#sidebar li{ margin: 1em 0; list-style-image: none; } ul#sidebar li ul{ margin: 1em 0; } ul#sidebar li li{ margin: 0; list-style-image: url(layout/li1.png); } ul#sidebar li#most-read h3{ background-position: 0 0; } ul#sidebar li#related h3{ background-position: 0 -40px; } ul#sidebar li#most-discussed h3{ background-position: 0 -80px; } ul#sidebar li#feed a{ float: left; /* Cosė č block-element ma si adatta alla larghezza del contenuto */ margin-top: 2em; padding-top: 40px; background: url(layout/gray-feed.gif) center top no-repeat; background-position: 50% 0; color: #dbdbdb; font-weight: bold; text-decoration: none; } ul#sidebar li#feed a:hover{ background-position: 50% -118px; border-bottom: 1px solid #dbdbdb; } /* =Portfolio ------------------------------- */ ul#sidebar li#web h3{ background-position: 0 -120px; } div.entry div.screenshot{ background: #ececec; position: relative; overflow: hidden; /* No margin collapsing con margine