/* Web Do's and Don'ts screen stylesheet 2009 */ @media print { * { background: #fff; color: #333 } html { font: 100%/1.5 Georgia, serif } } /* global */ * { margin: 0; padding: 0 } body { background: #000; color: #666; font: 62.5%/1.5 sans-serif; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif } body, html { height: 100%; margin: 0 0 1px 0 } #skip { position: absolute; left: -9999px; top: -9999px } /* links */ a { /*border-bottom: 1px solid #666;*/ color: #222 } a:visited { color: #555 } a:hover { color: #111; text-decoration: none; background: #fffbcd; -moz-border-radius-topleft: 2px; -khtml-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -khtml-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -khtml-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px } a:active { color: #000 } a img { border: 0 } abbr { border: none } h1, h2, h3, h4 { color: #333; margin-bottom: 10px } h1 { font-size: 2.1em; /*font-weight: normal;*/ } h1 em { font-style: normal } h2 { clear: both; font-size: 1.6em } h3 { font-size: 1.4em; text-transform: uppercase } p, ul, ol, dl { font-size: 1.3em; margin-bottom: 1.5em } ul { list-style: square; line-height: 1.3em } ul li { margin: 0 0 8px 0 } ol li p { font-size: 1em } em { } strong { } fieldset { border: 0 } input[type=text] { -moz-border-radius-topleft: 2px; -khtml-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -khtml-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -khtml-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; border: 0; background: #efefef url(images/wp-content-themes-webdd-gfx-input-text-bg.png) repeat-x; padding: 5px 5px; width: 300px; font-size: 1em; border-left: 1px solid #ccc } textarea { -moz-border-radius-topleft: 2px; -khtml-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -khtml-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -khtml-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; border: 0; background: #efefef url(images/wp-content-themes-webdd-gfx-input-text-bg.png) repeat-x; padding: 5px 5px; width: 609px; font-size: 1em; border-left: 1px solid #ccc } .field { background: #efefef; font-size: 1.3em; padding: 2px 0 } label { color: #777; font-size: 1em; cursor: pointer; padding: 0 0 0 5px } label:hover { color: #333 } label em { font-style: normal; color: red; font-size: 1.2em; line-height: .5em } table { font-size: 1.3em; width: 636px; margin: 0 0 15px -8px } th { text-align: left; color: #ccc; font-weight: normal; background: #444; text-shadow: 0 1px 0 #000; padding: 3px 0 3px 8px; -moz-border-radius-topleft: 2px; -khtml-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -khtml-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -khtml-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; margin-left: -5px /*padding: 0 0 10px 0; border-bottom: 1px solid #bbb*/ } th:hover { color: #fff; background: #666; cursor: pointer } td { padding: 7px 8px 5px 8px } .altrow { background: #f3f3f3 } tfoot { color: #888 } code { color: green; font-family: Monaco, Courier, "Courier New", Monospace } pre { width: 580px; padding: 20px; margin-bottom: 1.8em; background: #fffcdd; overflow: auto } pre { font-size: 1.3em } blockquote, blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 18px; margin-bottom: 15px } blockquote p { margin-left: 20px; padding-left: 20px; border-left: 1px solid #ccc } cite { font-size: 11px; padding-left: 40px } #content-error { width: 840px; margin: 0 auto; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; background: #da302d; color: #fff !important; padding: 50px 70px; text-shadow: 0px 1px 0px #b00 } #content-error h2 { color: #fff } /* selection */ ::selection { background: #fff1cb; color: #333 } /* Safari */ ::-moz-selection { background: #fff1cb; color: #333 } /* Fx */ #header ::selection, #footer ::selection { background: #999; color: #fff1cb } /* Safari */ #header ::-moz-selection, #footer ::-moz-selection { background: #999; color: #fff1cb } /* Fx */ #header { position: relative; background: #000 url(images/wp-content-themes-webdd-gfx-header-bg.png) bottom repeat-x; height: 192px; text-shadow: 0px 1px 0px #000 } #header .grid { background: transparent url(images/wp-content-themes-webdd-gfx-brand.png) top center no-repeat; width: 100%; display: block } #brand { position: relative; height: 192px; width: 940px; margin: 0 auto } #brand h1 { left: -9999px; position: absolute; top: -9999px; text-indent: -9999px } #brand h1 a { text-indent: -9999px; display: block; height: 130px; width: 380px; float: left; display: inline; outline: none } #brand h1 a:hover { background: transparent } #brand #home-link { /*width: 0: text-indent: -9999px; float: left; display: inline; left: -9999px; position: absolute; top: -9999px*/ margin: 0 } #brand #home-link a { width: 350px; height: 140px; text-indent: -9999px; float: left; display: inline; outline: none } #brand #home-link a:hover { background: transparent } #buzz { position: absolute; top: 50px; left: 355px } #buzz a { color: #666; background: transparent; text-decoration: none } #buzz a:hover { color: #ccc } #header #menu { position: absolute; bottom: 0; width: 940px; height: 47px; left: 0; display: block } #menu li a { margin: 0 0 1px 0; outline: none } #menu li, #menu li a { text-indent: -9999px; float: left; display: inline; display: block; width: 141px; height: 47px } /*#menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }*/ #menu-item-home a { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat 0 0 } #menu-item-home a:hover { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat 0 -47px } #menu-current-home { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat 0 -94px } #menu-item-beginner a { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -141px 0px } #menu-item-beginner a:hover { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -141px -47px } #menu-current-beginner { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -141px -94px } #menu-item-intermediate a { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -282px 0px } #menu-item-intermediate a:hover { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -282px -47px } #menu-current-intermediate { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -282px -94px } #menu-item-advanced a { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -423px 0px } #menu-item-advanced a:hover { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -423px -47px } #menu-current-advanced { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -423px -94px } #menu #menu-item-blog a { position: absolute; right: 0; background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -799px 0px } #menu #menu-item-blog a:hover { background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -799px -47px } #menu-current-blog { position: absolute; right: 0; background: url(images/wp-content-themes-webdd-gfx-menu.gif) no-repeat -799px -94px } #header #searchform { width: 300px; position: absolute; right: 0 } #header #searchform fieldset { float: right; display: inline; margin: 65px 0 0 0; width: 280px } #header #searchform .field, #header #searchform #button { float: left; display: inline } #header #searchform .field { width: 230px; border: 0; padding: 4px 5px; font-size: 1.3em; margin: 0 10px 0 0 } #header #searchform #button { opacity: 0.5; /*filter:alpha(opacity=50);*/ -moz-opacity:0.5; -khtml-opacity:0.5 } #header #searchform #button:hover { opacity: 1; /*filter:alpha(opacity=100);*/ -moz-opacity:1; -khtml-opacity:1 } #retweet { float: right; display: inline; margin: 0 0 10px 20px } #post-author { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 20px 15px } #post-author p { margin: 0 } #post-author h3 { display: none } #page { background: #efefef; text-shadow: 0px 1px 0px #fff } #wrap { background: #efefef url(images/wp-content-themes-webdd-gfx-page-bg.png) repeat-x; padding: 0 0 30px 0 } #wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #content { width: 980px; margin: 0 auto } #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #tagline { background: url(images/wp-content-themes-webdd-gfx-zacin-home.png) top center no-repeat; margin: 0 auto; width: 940px; height: 144px; text-indent: -9999px } #blog-tagline { background: url(images/wp-content-themes-webdd-gfx-tagline-blog.png) top center no-repeat; margin: 0 auto; width: 940px; height: 144px; text-indent: -9999px } #tips-overview { background: url(images/wp-content-themes-webdd-gfx-faux1.png) no-repeat; position: relative; padding: 10px 0 0 0; margin: 0 0 30px 0; display: block; width: 100% } #tips-overview-grid { background: url(images/wp-content-themes-webdd-gfx-faux2.png) bottom left no-repeat; display: block; width: 100% } #tips-overview-grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #tips-overview ul { list-style: none; margin: 35px 0 60px 0 } #tips-overview li { background: url(images/wp-content-themes-webdd-gfx-bullet.png) 0 6px no-repeat; padding: 0 0 0 16px } #tips-overview h2 { left: -9999px; position: absolute; top: -9999px } #latest-tips, #top-rated { background: url(images/wp-content-themes-webdd-gfx-tips-overview-heading.png) 36px 15px no-repeat; float: left; display: inline; padding: 20px } #latest-tips { width: 620px; display: block } #latest-dos, #latest-donts { float: left; display: inline; width: 300px } #latest-donts { float: right; display: inline } #top-rated { background-position: -648px 15px; margin: 0 0 0 20px; width: 260px } #tips-overview #top-rated p { position: absolute; bottom: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; text-align: center; padding: 8px 0; width: 260px } #tips-overview #top-rated p, #tips-overview .go-archive { position: absolute; bottom: 0 } #latest-dos .go-archive a { display: block; width: 300px; height: 37px; background: url(images/wp-content-themes-webdd-gfx-archive.png) no-repeat; text-indent: -9999px } #latest-dos .go-archive a:hover { background: url(images/wp-content-themes-webdd-gfx-archive.png) 0 -37px no-repeat } #latest-donts .go-archive a { display: block; width: 300px; height: 37px; background: url(images/wp-content-themes-webdd-gfx-archive.png) -320px 0 no-repeat; text-indent: -9999px } #latest-donts .go-archive a:hover { background-position: -320px -37px } #latest-articles, #latest-tweets, #about-and-contact { float: left; display: inline; width: 300px; margin-left: 20px } #about-and-contact { margin-left: 40px } #latest-articles h2, #latest-tweets h2, #about-and-contact h2 { text-indent: -9999px; height: 50px } #latest-articles h3 { text-transform: none } #latest-articles h3, #latest-articles li p { font-size: 1em } #latest-articles li { list-style: none } #latest-articles h2 { background: url(images/wp-content-themes-webdd-gfx-icons.png) no-repeat } #latest-articles p a { color: #666 } #latest-articles p a:hover { color: #111; border: 0 !important } #latest-tweets h2 { background: url(images/wp-content-themes-webdd-gfx-icons.png) no-repeat -320px 0 } #about h2 { background: url(images/wp-content-themes-webdd-gfx-icons.png) no-repeat -660px 0 } #contact h2 { background: url(images/wp-content-themes-webdd-gfx-icons.png) no-repeat -960px 0 } #about { margin: 0 0 20px 0 } #latest-articles .go-archive a, #latest-tweets .go-archive a { -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; text-decoration: none; background: #fff; padding: 3px 8px; margin-left: -8px } #latest-articles .go-archive a:hover, #latest-tweets .go-archive a:hover { background: #666; color: #fff; text-shadow: 0 1px 0 #333 } #latest-articles li p, .twitter-timestamp { clear: both; display: block; text-transform: uppercase; font-size: .8em; margin-top: 1.5em; margin-bottom: 2.5em } #go-contribute a, #submit-a-tip { border: 0; background: url(images/wp-content-themes-webdd-gfx-submit-a-tip.png) no-repeat; text-indent: -9999px; width: 140px; height: 70px; display: block; margin: 0 auto; cursor: pointer; outline: none } #go-contribute a:hover, #submit-a-tip:hover { background: url(images/wp-content-themes-webdd-gfx-submit-a-tip.png) -140px 0 no-repeat } #contact p#go-contribute { display: none } #submit-a-tip { margin-top: 20px } #cboxClose { background: url(images/wp-content-themes-webdd-gfx-close.png) no-repeat !important; width: 26px !important; height: 26px !important; top: -5px; right: -5px !important; position: absolute } #tip, #main, #post, #archive, #master-index { background: #fff; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; width: 620px; padding: 20px; float: left; display: inline } #post ul, #post ol { margin-left: 20px } #tip strong, #main strong, #post strong { color: #444 } #tip p, #tip li { color: #222 } #tip-meta { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; margin-top: 30px; padding: 15px 20px; width: 580px /* I love IE */ } #tip-meta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #tip-meta p { margin: 0 } #tip-tags { float: left; display: inline } #tip-level { float: right; display: inline } #the-tip { margin: 0 20px } #submitter, #article-meta { color: #666 !important; background: url(images/wp-content-themes-webdd-gfx-user.png) no-repeat; padding-left: 22px; border-bottom: 1px solid #bbb; padding-bottom: 15px } .beam-me-up a { font-weight: bold } .category-donts .beam-me-up a { color: #c92a2b } .category-dos .beam-me-up a { color: #1d6bd6 } #switch { width: 72px; height: 19px; float: right; display: inline; list-style: none; margin-top: -35px } #switch:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #switch li { background: none; padding: 0 } #switch a { width: 19px; height: 19px; margin: 0 5px 0 0; text-indent: -9999px; outline: none } #switch a, #switch li { float: left; display: inline } #switch a:hover { opacity: 0.8; /*filter:alpha(opacity=80);*/ -moz-opacity:0.8; -khtml-opacity:0.8 } #dos-switch a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat } #donts-switch a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat -24px 0 } #all-switch a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat -48px 0 } #dos-switch-active a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat; /**/ } #donts-switch-active a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat -24px 0 } #all-switch-active a { background: url(images/wp-content-themes-webdd-gfx-switch.png) no-repeat -48px 0 } #tip-neighbours { margin: 20px 0 0 0; background: #efefef; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 20px; width: 580px } #tip-neighbours:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #prev, #next { width: 100%; display: block; float: left; display: inline } #next { margin: 10px 0 0 0 } #tip-neighbours h3, #tip-neighbours p { margin: 0 } #tip-neighbours h3, #tip-neighbours p { float: left; display: inline } #tip-neighbours h3 { text-align: right; width: 120px; padding-right: 20px; font-size: 1.3em; text-transform: none } #tip-title {} #tip-votes { width: 100px } #tip-score { width: 80px } h3#comments { background: url(images/wp-content-themes-webdd-gfx-comments-ico.png) no-repeat; line-height: 30px; border-top: 20px solid #fff; padding: 5px 0 5px 38px; margin-top: 20px; line-height: 1.5em } #respond h3 { margin-top: 40px } .nocomments { margin: 15px 0; font-weight: bold } ul.children { margin-bottom: 0 } .commentlist { margin-left: 0 !important } .commentlist cite { font-weight: bold; font-style: normal; font-size: 1.2em; padding: 0 0 15px 0 } .commentlist, .children { list-style: none } .comment { background: #efefef; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 20px 0 0 0; padding: 20px } .comment-meta { margin: 0 0 20px 0 } .comment-meta a { color: #666; text-decoration: none } .comment-meta a:hover { color: #333 } .says { left: -9999px; position: absolute; top: -9999px } .comment-author-bojan { /*background: #e9efff*/ /*#fff4db*/ } .reply { text-shadow: 0 1px 0 #000 } .reply a { text-decoration: none; background: #666; color: #eee; font-size: .9em; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 1px 4px } .reply a:hover { background: #000 } .children { margin-left: 60px } .children .comment { background: #fff } .avatar { float: left; display: inline; margin: 0 12px 0 0; border: 1px solid #ddd; padding: 4px; background: #fff } #submit { width: 140px; height: 66px; background: url(images/wp-content-themes-webdd-gfx-submit.png) no-repeat; border: 0; cursor: pointer; text-indent: -9999px } #submit:hover { background: url(images/wp-content-themes-webdd-gfx-submit.png) 140px 0 } ol li ul li { font-size: 13px } #tips-count { float: left; display: inline; padding: 20px 0 0 20px; width: 560px; margin: 0; color: #777 } #sidebar { width: 280px; float: right; display: inline } #recent-blog { background: #fff; padding: 20px 20px 5px 50px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin: 0 0 20px -50px } #ads { background: #fff; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; margin-left: -20px; margin-bottom: 20px; padding: 20px } #ads a:hover { text-shadow: 0 1px 0 #000 } .caption {} .caption p { color: #888; border-bottom: 1px solid #ddd; padding: 10px 0 6px 0; font-size: 1.1em } .caption img { box-shadow: 0px 2px 9px #eee; -webkit-box-shadow: 0px 2px 9px #eee } .download { font-size: 1.5em; font-weight: bold; background: #efefef url(images/wp-content-themes-webdd-gfx-dl.png) 20px 20px no-repeat; padding: 30px 20px 30px 80px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px } .download a { } #fancy_div form { width: 280px; margin: 0 auto } #fancy_div label { display: block; margin: 8px 0 4px 0; font-size: 1.3em } #fancy_div .field { background-color: #fff; width: 260px; font-size: 1.3em } #submit-button { width: 140px } #fancy_div legend { display: block; height: 140px; width: 280px; text-indent: -9999px; margin: 0 auto; background: url(images/wp-content-themes-webdd-gfx-share.png) no-repeat; display: none } #fancy_div { } #fancy_bg { background: #efefef url(images/wp-content-themes-webdd-gfx-fancy-bg.png) repeat-x } #submit-form { width: 300px } #cboxLoadedContent { width: 300px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px } #footer { background: #000 url(images/wp-content-themes-webdd-gfx-footer-bg.png) repeat-x; text-shadow: 0px 1px 0px #000 } #footer a { position: relative; color: #eee; padding: 1px 4px; margin: 0 0 0 4px } #footer a:hover { background: #000; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px } #footer a em { position: absolute; display: none; background: none; width: 300px; bottom: -2em } #footer a:hover em { color: #666; left: 4px; font-style: normal; display: block; } #footer .grid { position: relative; width: 940px; margin: 0 auto; padding: 60px 0 200px 0; background: url(images/wp-content-themes-webdd-gfx-rss-ico.png) 0 60px no-repeat } #footer p { width: 272px; padding: 6px 0 0 40px } #footer p, #footer ul { color: #fff; float: left; display: inline; padding-top: 6px } #footer li { float: left; display: inline; padding: 0 12px 0 0; background: url(images/wp-content-themes-webdd-gfx-plus.gif) right no-repeat } #footer li#all { background: none } #footer .grid p#copyright { position: absolute; top: 60px; right: 0; color: #666; width: auto } #tags { background: url(images/wp-content-themes-webdd-gfx-tags.gif) 0 60% no-repeat; margin: 0 auto; padding: 40px 0 30px 75px; width: 860px; } #tags:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #tags ul { list-style: none } #tags ul li { float: left; display: inline; margin-right: 5px } #tags a { text-decoration: none; padding: 0 4px } #tags a:hover { background: #666; color: #fff; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; text-shadow: 0 1px 0 #000 } #active-tag { background: #999; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; /* I like rounded bottoms and I cannot lie */ -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 0 4px; color: #fff; text-shadow: 0 1px 0 #555 } #wanna-write { background: #e3f4f9; padding: 15px; border: 1px solid #bae2f0 } #gads { padding: 0 10px 10px 15px; border-bottom: 1px solid #999; margin: -5px 0 15px 0 }