/* @override http://cureuphoria.com/site/wp-content/themes/cureuphoria/style.css */ /* Theme Name: Cureuphoria Theme Theme URI: Description: Cureuphoria Original Theme. Author: Gianfranco Lanucara Author URI: http://www.stylozero.com Template: Tags: buddypress Version: 3.0 */ /* DESIGN NOTES ============================================================= COLORS ------------------------------------------------------------- #000 (black) = post headings (h2), #333 (dark gray) = #555 (gray) = base color #777 (gray) = #c0c0c0 (light gray) = footer p, em bg #d2d2d2 (light gray) = images frame border #fff (white) = #f3f3f3 (dirty white) = bg #ededed (gray-green) = comments block bg #dedddd (gray-green dark) = comments block border and lines #660000 (red) = post meta, #cc9900 (gold) = complementary metadata #708090 (blue-gray) = cure-news color #194e84 (blue) = releases headings #4c88be (pale blue) = releases meta #deebef (light blue) = releases bg #6c7175 (pastel gray) = footer bg #ffffdd (yellow-pale) = live shows info box, post read more, update box #ffff77 (yellow-dark) = live shows info box border, update box borer FONTS ------------------------------------------------------------- Base setup: Helvetica, Arial, sans-serif; Meta: Georgia, Times, serif; */ /* INDEX ============================================================= 1.RESET............... (zeros out all values for cross-browser consistency) 2.BASE................ (styles just bare selectors) 3.LAYOUT.............. (the structure's blocks) 4.TYPOGRAPHY.......... (isolates fonts values) 5.GENERIC............. (shared, global, common styles and helpers) 6.SPECIFIC............ (sections, plugins, etc.) Additional styles in the "style-plugins.css" file. Other styles are called by the plugins. */ /* 1.RESET ============================================================= */ html, body, div, span, img, h1, h2, h3, h4, h5, h6, a, p, blockquote, q, cite, pre, code, address, abbr, acronym, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, input, textarea, button, table, caption, thead, tbody, tfoot, tr, th, td, applet, object, iframe { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ul, ol { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } blockquote, q, cite, em, strong, address { font-weight: normal; font-style: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } abbr, acronym { } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ caption, th { text-align: left; } th { font-weight: normal; } a img { border: 0; } :focus { outline: 0; } /* 2.BASE ============================================================= */ body { color: #555; text-align: left; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } /* Texts */ p { } em { font-style: italic; } strong { font-weight: bold; } /* Quotes */ blockquote { quotes: "\201C" "\201D"; } blockquote:before { content: open-quote; font-weight: bold; } blockquote:after { content: close-quote; font-weight: bold; } q:before { content:'“'; } q:after { content:'„'; } blockquote { } blockquote p { } cite { } cite a { } q { } pre, code { white-space: pre; } abbr { } acronym { } dfn { } address { } /* Lists */ ul { } ol { list-style: decimal; list-style-position: inside; } li { } dl { } dt { font-weight: bold; } dd { margin: 0 1.5em 1.0em; } /* Links */ a { text-decoration: none; } a:hover { text-decoration: underline; } /* Tables */ table { } caption { } thead { } tbody { } tfoot { } colgroup { } col { } tr { } th { font-weight: bold; } td { } td, th { padding: 0px; } /* Forms */ form { overflow: hidden; } fieldset { border: 1px solid; padding: 10px; } legend { } label { } input, textarea { color: #777; padding: 4px; border: 1px solid #d2d2d2; background: #fff; } button { } /* Images */ img { } /* 3.LAYOUT ============================================================= */ body { background: #f3f3f3 url(images/header3.jpg) no-repeat top; width: 100%; display: table; } #wrapper { width: 950px; margin: 0 auto; } #header { height: 402px; position: relative; margin-bottom: 10px; } #content { width: 630px; float: left; margin-top: 80px;} #sidebar { width: 310px; float: right;margin-top: 80px; } #footer { height: 500px; background: #6c7175 url(images/footer.jpg) repeat-x top; margin-top: 50px; padding-top: 30px; } /* Sticky Footer */ html, body { height: 100%; } #push { height: 500px; }/* height must be same as "#footer" */ #wrapper { min-height: 100%; margin-bottom: -500px; }/* bottom margin is the negative value of the footer's height */ /* Content Area Columns */ #col-1 { width: 310px; float: left; } #col-2 { width: 310px; float: right; } /* 4.TYPOGRAPHY ============================================================= */ html { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; }/* sets 1.0em to 10px */ body { font-size: 1.4em; line-height: 1.3; } .widget a.more, #releases p.rel-date, #polls-results, span.twitter-timestamp { font-size: 0.8em; } span.twitter-timestamp { font-family: Georgia, Times, serif; } #news-widget p, #releases p, #releases .label, p#featured-more, .meta-date p.year, #footer-info, #comments label, .comment-author-block, .reply, p a.more-link, .post-news a.more, #content p.polls-expiry, #twitter-followers, blockquote.robert { font-size: 0.9em; } .entry p, .entry ul, .entry ol { font-size: 1.1em; font-family: Verdana, Helvetica, sans-serif; } .entry ul ul { font-size: 1em; }/* fix ul inheritance */ .links .linkcat h2, .page h3, .post h3 { font-size: 1.2em; } #stray-quotes p { font: 1.2em Times New Roman, Times, serif; } .entry p.intro { font: 1.3em Georgia, serif; line-height: 1.4; } #comments h2 { font-size: 1.4em; font-weight: normal; } .meta-date { font-family: Georgia, Times, serif; } .meta-date p.day { font-size: 1.5em; } #footer h2, #featured h2, h2.archive-title { font-size: 1.5em; } .post h2, .post-news h2, .post-shows h2, h2.shows-page-title, .page-polls h2 { font-size: 2em; letter-spacing: -1px; line-height: 1; } .post-releases h3 { font-size: 2em; } .page h2 { font-size: 1.5em; } .wp-polls-archive h2 { } #news-widget h3 { text-transform: uppercase; } #rss { font-weight: bold; line-height: 1.0; } input, textarea { font-family: Helvetica, Arial, sans-serif; } .blog-widget ul li { } #sidebar h2 { } #blog-pagination { } legend { } #featured p#excerpt { line-height: 1.4; } .entry { line-height: 1.5; } h3 { } h4 { } h5 { } h6 { } .read-more { } blockquote { } .post-meta { } .post-meta-date { } .post-meta-author { } .post-meta-comments { } .post-meta-categories { } /* 5.GENERIC ============================================================= */ /* Utilities */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { margin: 0 auto; text-align: center; } #wrapper .stick { margin: 0; padding: 0; }/* put in super-style */ .padder { padding: 5px; } .spacer { margin-bottom: 30px; }/* put in super-style ? */ .rule { padding-top: 20px; border-top: 1px solid #dedddd; } /* Forms */ .button { } /* Images */ .post img.left, .page img.left, .post-news img.left { float: left; margin: 0 20px 10px 0; }/* text wrap around a left image */ .post img.right, .page img.right { float: right; margin: 0 0 10px 20px; }/* text wrap around a right image */ .post img.center, .page img.center, object.center { margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; } img.frame { padding: 3px; border: 1px solid #d2d2d2; background-color: #fff; } /* Columns */ .column-left { float: left; } .column-right { float: right; } /* "More" links */ .more { color: #fff; padding: 2px 5px; } #news-widget a.more, .post-news a.more { background-color: #708090; } p a.more-link { background-color: #660000; color: #fff; padding: 3px 5px; text-decoration: none; } p a.more-link:hover { text-decoration: underline; } #news-widget a:hover.more { } /* "View All" links */ .all { clear: both; } .all a { color: #660000; } .all a:hover { } /* Releases Common Styles (Widget & Page) */ .rel-label { color: #4c88be; } .rel-date { color: #4c88be; margin-bottom: 5px; } .rel-date em { color: #555; } /* 6.SPECIFIC ============================================================= */ /* 6.1 WIDGETS ------------------------------------------------------------- */ /* Widgets Common Styles */ .widget { margin-bottom: 20px; } .blog-widget { padding-bottom: 25px; background: url(images/blog-widget-footer.jpg) no-repeat bottom; } .blog-widget h2 { height: 50px; text-indent: -9999px; } .blog-widget ul, .blog-widget div { padding: 10px 10px 1px; background: url(images/blog-widget-body.jpg) repeat-y; } .blog-widget ul li { padding: 0 15px 5px; margin-bottom: 10px; border-bottom: 1px solid #fff; } .blog-widget ul li a, #tags a { color: #708090; } .blog-widget ul li a:hover { color: #333; text-decoration: none; } .widget-block-text { width: 190px; float: right; } /* CureMates Buttons Widget */ a#check-curemates { background: url(images/check-curemates.png) no-repeat top center; width: 133px; height: 53px; display: block; text-indent: -9999px; } a#create-account { background: url(images/create-account.png) no-repeat top center; width: 240px; height: 55px; display: block; text-indent: -9999px; } a#check-curemates:hover, a#create-account:hover { background-position: bottom; } /* CureMates Home Widget */ div#curemates-wdg-home { width: 630px; height: 320px; background: url(images/curemates-wdg-home.png) no-repeat top; position: relative; } div#curemates-wdg-home a#check-curemates { position: absolute; top: 170px; left: 40px; } div#curemates-wdg-home a#create-account { position: absolute; top: 230px; left: 40px; } /* CureMates Sidebar Widget */ div#curemates-wdg-sidebar { width: 310; height: 409px; background: url(images/curemates-wdg-sidebar.png) no-repeat top; overflow: hidden; } div#sidebar a#check-curemates { margin: 265px auto 0; } div#sidebar a#create-account { margin: 0 auto; } /* Featured Widget */ #featured { height: 320px; background: url(images/featured.jpg) no-repeat top; position: relative; } #featured h3 { color: #660000; position: absolute; top: 20px; left: 40px; } #featured img { margin: 50px 0 0 30px; border: 6px solid #fff; float: left; } .featured-block-text { width: 350px; margin: 50px 0 0 20px; float: left; } #featured h2 { color: #000; margin-bottom: 10px; padding-bottom: 10px; background: url(images/featured-rule.png) no-repeat bottom; } #featured p#featured-more { position: absolute; bottom: 45px; right: 45px; } #featured p#featured-more a { color: #fff; } #featured p#featured-more a:hover { color: #c0c0c0; text-decoration: none; } /* Live Shows Widget */ #shows-widget { padding-bottom: 18px; background: url(images/shows-widget-footer.jpg) no-repeat bottom; } #shows-widget h2 { height: 91px; background: url(images/shows-widget-header.jpg) no-repeat top; text-indent: -9999px; } #shows-widget ul.gigpress-listing { padding: 20px; background: url(images/shows-widget-body.jpg) repeat-y; } /* Cure News Widget */ #news-widget { } #news-widget h2 { margin-bottom: 15px; height: 50px; background: url(images/news-widget-header.jpg) no-repeat top; text-indent: -9999px; } #news-widget ul { } #news-widget ul li { margin-bottom: 10px; padding: 5px; background: url(images/news-widget-footer.jpg) no-repeat bottom; overflow: hidden; } #news-widget img { float: left; } #news-widget h3 { margin-bottom: 10px; } #news-widget h3 a { color: #708090; } #news-widget p { margin-bottom: 10px; } #news-widget a.more { background-color: #708090; } #news-widget a:hover.more { } /* Releases Widget */ #releases { } #releases h2 { margin-bottom: 3px; height: 40px; background: url(images/releases-widget-header.jpg) no-repeat top left; text-indent: -9999px; } #releases ul { } #releases ul li { margin-bottom: 3px; padding: 5px; background-color: #deebef; overflow: hidden; } #releases img { float: left; } #releases h3 { margin-bottom: 3px; } #releases h3 a { color: #194e84; } #releases p { margin-bottom: 10px; } #releases .all { margin-top: 10px; display: block; } #releases a.more { background-color: #4c88be; } #releases a:hover.more { } /* Polls Widget */ div#polls { width: 170px; padding: 0 10px; margin-top: 20px; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; background: url(images/pollsBody.jpg) repeat-y; } #polls-bottom { height: 33px; background: url(images/pollsBottom.jpg) no-repeat; width: 190px; margin-left: -10px; margin-top: 20px; } div#polls h2 { background: url(images/pollsTop.jpg) no-repeat; height: 65px; text-indent: -9999px; width: 190px; margin-left: -10px;} div#polls h2, p#polls-results, p#polls-archive { text-align: center; } div#polls input[type="radio"] { float: left; margin-right: 5px; } div#polls ul { margin-top: 10px; overflow: hidden; } div#polls ul li { margin-bottom: 10px; } div#polls input#poll-vote { margin-bottom: 10px; } /* Cure TV Widget */ #tv h2 { height: 66px; background: url(images/tv-header.jpg) no-repeat top left; } /* Blog: Latest Posts Widget */ #latestposts h2 { background: url(images/blog-widget-header-latestposts.jpg) no-repeat top; } #latestposts ul li a { padding-left: 20px; background: url(images/blog-widget-bullet-recentposts.jpg) no-repeat top left; display: block; } /* Blog: Categories Widget */ #categories h2 { background: url(images/blog-widget-header-categories.jpg) no-repeat top; } #categories ul li a { padding-left: 20px; background: url(images/blog-widget-bullet-categories.jpg) no-repeat top left; } .blog-widget ul li { color: #999; } /* Blog: Tags Widget */ #tags h2 { background: url(images/blog-widget-header-tags.jpg) no-repeat top; } #tags div { padding: 15px; } /* Blog: Archives Widget */ #archive h2 { background: url(images/blog-widget-header-archives.jpg) no-repeat top; } #archive ul li a { display: block; } /* Twitter Widget */ #twitter-widget { margin-top: 10px; } #twitter-widget h2 { height: 65px; background: url(images/twitter-widget-header.jpg) no-repeat bottom; text-indent: -9999px; } #twitter-widget ul { padding: 10px 20px 1px; background: url(images/twitter-widget-body.jpg) repeat-y; } .follow-twitter { height: 45px; background: url(images/twitter-widget-footer.jpg) no-repeat bottom; display: block; text-indent: -9999px; } #twitter-widget li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; } .twitter-link { color: #660000; } span.twitter-timestamp { display: block; } #twitter-followers { color: #bbb; text-align: center; margin-top: -20px; } /* 6.2 HEADER ------------------------------------------------------------- */ /* Logo */ h1, h1+p { text-indent: -9999px; display: none; } /* How to use Cureuphoria */ a#howto { background: url(images/howto.png) no-repeat; width: 120px; height: 36px; position: absolute; right: 273px; bottom: 65px; display: block; text-indent: -9999px; } a#howto:hover { background-position: bottom; } /* Toggle Header's Artwork */ a#toggle { background: url(images/toggle.png) no-repeat; width: 20px; height: 20px; position: absolute; right: 0px; bottom: 48px; display: block; } /* RSS Subscription */ #rss a { color: #c0c0c0; position: absolute; top: 322px; left: 601px; } #rss a:hover { color: #333; text-decoration: none; } /* Main Navigation */ ul#main-nav { overflow: hidden; position: absolute; bottom: 0; } ul#main-nav li { float: left; text-indent: -9999px; } ul#main-nav li a { display: block; height: 45px; background: url(images/nav.png) no-repeat; } ul#main-nav li#home-nav a { width: 85px; } ul#main-nav li#curemates-nav a { width: 115px; background-position: -85px 0; } ul#main-nav li#groups-nav a { width: 95px; background-position: -200px 0; } ul#main-nav li#forums-nav a { width: 100px; background-position: -295px 0; } ul#main-nav li#blog-nav a { width: 85px; background-position: -395px 0; } ul#main-nav li#news-nav a { width: 85px; background-position: -480px 0; } ul#main-nav li#shows-nav a { width: 90px; background-position: -565px 0; } ul#main-nav li#curebase-nav a { width: 110px; background-position: -655px 0; } ul#main-nav li#curetv-nav a { width: 105px; background-position: -765px 0; } ul#main-nav li#links-nav a { width: 80px; background-position: -870px 0; } ul#main-nav li#home-nav a:hover { background-position: 0 -45px; } ul#main-nav li#curemates-nav a:hover { background-position: -85px -45px; } ul#main-nav li#groups-nav a:hover { background-position: -200px -45px; } ul#main-nav li#forums-nav a:hover { background-position: -295px -45px; } ul#main-nav li#blog-nav a:hover { background-position: -395px -45px; } ul#main-nav li#news-nav a:hover { background-position: -480px -45px; } ul#main-nav li#shows-nav a:hover { background-position: -565px -45px; } ul#main-nav li#curebase-nav a:hover { background-position: -655px -45px; } ul#main-nav li#curetv-nav a:hover { background-position: -765px -45px; } ul#main-nav li#links-nav a:hover { background-position: -870px -45px; } #home ul#main-nav li.active a, #home ul#main-nav li.active a:hover { background-position: 0 -90px; } #curemates-page ul#main-nav li.active a, #curemates-page ul#main-nav li.active a:hover { background-position: -85px -90px; } #groups ul#main-nav li.active a, #groups ul#main-nav li.active a:hover { background-position: -200px -90px; } #forums ul#main-nav li.active a, #forums ul#main-nav li.active a:hover { background-position: -295px -90px; } #blog ul#main-nav li.active a, #blog ul#main-nav li.active a:hover { background-position: -395px -90px; } #news ul#main-nav li.active a, #news ul#main-nav li.active a:hover { background-position: -480px -90px; } #shows ul#main-nav li.active a, #shows ul#main-nav li.active a:hover { background-position: -565px -90px; } #curebase ul#main-nav li.active a, #curebase ul#main-nav li.active a:hover { background-position: -655px -90px; } #curetv ul#main-nav li.active a, #curetv ul#main-nav li.active a:hover { background-position: -765px -90px; } #links ul#main-nav li.active a, #links ul#main-nav li.active a:hover { background-position: -870px -90px; } /* 6.3 SIDEBAR ------------------------------------------------------------- */ /* Search Box */ #searchform { height: 55px; background: url(images/search.jpg) no-repeat top; position: relative; margin-bottom: 10px; } #searchfield { width: 150px; height: 12px; padding: 5px; position: absolute; top: 15px; left: 20px; } #searchbutton { width: 101px; height: 25px; border: 0; text-indent: -9999px; position: absolute; top: 15px; right: 25px; background: url(images/search-button.png) no-repeat top; } /* 6.4 CONTENT ------------------------------------------------------------- */ /* Padders */ .post .padder, .page .padder, .post-shows .padder { padding: 0 40px; } /* Content Frame */ .top-bg { height: 30px; background: url(images/content-frame-header.jpg) top center no-repeat; } .center-bg { background: url(images/content-frame-body.jpg) repeat-y; } .bottom-bg { height: 30px; background: url(images/content-frame-footer.jpg) top center no-repeat; } /* Headings */ .post h2 { color: #000; margin-bottom: 10px; padding-bottom: 10px; background: url(images/post-rule.jpg) no-repeat bottom; min-height: 55px; } .post h2 a { color: #000; } .post h2 a:hover { color: #660000; text-decoration: none; } .page-polls h2 { color: #000; margin-bottom: 20px; } .page h2, .post-shows h2 { color: #000; margin-bottom: 10px;} .page h2 a { color: #000; } .page h2 a:hover { color: #660000; } #content h3 { color: #660000; margin-bottom: 10px; } .post h3, .page h3 { } .post h4, .page h4 { color: #000; } .post h5, .page h5 { } .post h6, .page h6 { } h2.shows-page-title { margin-bottom: 20px; color: #000; } h2.archive-title { margin-bottom: 20px; } /* Text formatting */ .entry { }/* put in super-style */ .entry p { margin-bottom: 1em; }/* put in super-style */ #author > p { margin: 0 0 10px; } .entry ul, .entry ol, .yarpp ol { margin: 10px 0 10px 45px; }/* put in super-style */ .entry ul { list-style-image: url(images/bullet.png); } .entry ul.nobullets { list-style-image: none; } .entry ol { } .entry ul li { margin-bottom: 5px; } /* Links */ .entry a, .yarpp a { color: #660000; text-decoration: underline; } .entry a:hover, .yarpp a:hover { text-decoration: none; } /* Search resuts */ .page-search ol { list-style: decimal; } .searchtitle { margin-bottom: 30px; } .page-search li { margin-bottom: 30px; } .page-search li h2 a { margin-bottom: 10px; color: #660000; text-decoration: underline; } .page-search li h2 a:hover { text-decoration: none; } /* Images in Link back + Site info */ #post-391 img, #post-328 img { margin-bottom: 30px; } /* Link Back Page */ span.posts_in_category a { margin-left: 10px; color: #aaa; text-decoration: none; } span.posts_in_category a:hover { text-decoration: underline; } /* Blog */ .post { } .meta-date { width: 67px; height: 64px; margin-left: -75px; padding-top: 5px; background: url(images/meta-date.png) top center no-repeat; text-align: center; float: left; } .meta-date p.month { color: #777; } .meta-date p.day { color: #fff; margin-top: -6px; } .meta-date p.year { color: #fff; margin-top: -5px; } .meta-info { margin-bottom: 10px; padding-bottom: 10px; background: url(images/post-rule.jpg) no-repeat bottom; } .meta-info a { color: #660000; } .meta-author { } .meta-categories { } .meta-categories a { } .meta-categories a:hover { } .meta-comments { } a.meta-comments { color: #cc9900; } .meta-comments a:hover { } .meta-tags { } .post .more { } .post .more a { } .post .more a:hover { } .post img { }/* Same as img.frame */ blockquote.robert { font-family: Times, serif; padding: 10px; width: 450px; margin: 10px auto; border: 1px solid #ccc; quotes: "" ""; } blockquote.robert p { } cite { } cite a { } q { } .entry .update { padding: 0 10px; background-color: #ffffdd; border: 1px solid #ffff77; margin-bottom: 20px;} .entry .update p { margin: 5px 0; } .post-news .entry .update { padding: 0 10px; background-color: transparent; border: none; border-top: 1px solid #ddd; margin-top: 30px; } /* Specific posts */ #post-295 h3 { margin-bottom: 0; } #post-295 ul { margin-bottom: 20px; } /* Cure News */ .post-news { margin-bottom: 20px; padding-bottom: 20px; background: url(images/news-content-footer.jpg) no-repeat bottom; overflow: hidden; } h2#newstitle { height: 50px; margin-bottom: 20px; background: url(images/news-content-header.jpg) no-repeat top; text-indent: -9999px; } .post-news h2 { color: #708090; margin-bottom: 10px; } .post-news h2 a { color: #708090; } /* Releases */ .post-releases { margin-bottom: 15px; padding: 5px 5px 20px; background-color: #deebef; overflow: hidden; } h2#releasestitle { height: 40px; margin-bottom: 5px; background: url(images/releases-content-header.jpg) no-repeat top; text-indent: -9999px; } #content .post-releases h3 { color: #194e84; margin-bottom: 3px; } .post-releases h3 a { color: #194e84; } .post-news .post-block-text { width: 400px; margin-left: 0px; float: left; } .post-block-text { width: 400px; margin-left: 20px; float: left; } /* Pages */ .page { } .page h2 { } /* About Page */ #author-block { background-color: #eee; padding: 10px; border: 1px solid #ddd; overflow: hidden; } #author-block img { float: left; margin-right: 10px; } /* Links Page */ .page-links { margin-bottom: 30px; } .links .linkcat h2 { width: 270px; height: 33px; padding: 5px 0 0 10px; background: url(images/links-header.jpg) no-repeat top left; margin-bottom: 10px; } .links ul.blogroll { margin: 0 0 20px 30px; } .links .blogroll li { margin-bottom: 10px; } .links .blogroll li a { color: #555; padding-left: 15px; background: url(images/links-bullet.png) no-repeat center left; display: block; } .links .blogroll li a:hover { color: #000; } /* MyCureConcerts Tracker Page */ .download-tracker { width: 310px; padding: 10px; background-color: #eee; border: 1px solid #ddd; margin: 30px auto; } .download-tracker a { background: url(/wp-content/themes/cureuphoria/images/tracker-icon.png) no-repeat center left; padding-left: 45px; display: block; height: 30px; padding-top: 10px;} /* Polls Page */ /* Search page */ .page-search h3 a { color: #660000; } /* Related Posts + Share this post + Ratings */ .yarpp, #ratings-box, div.sociable { padding: 10px; border-top: 1px solid #ddd; clear: both; } .sociable_tagline, #ratings-box p { margin-bottom: 5px; } /* Pagination */ #blog-pagination { } #blog-pagination p { } #blog-pagination p a { } #blog-pagination p a:hover { } /* Comments Block */ #comments { width: 578px; margin: 10px auto 0; border: 1px solid #dedddd; background-color: #ededed; } #comments .padder { padding: 20px; overflow: hidden; } #comments h2 { color: #777; } #comments a { color: #660000; } /* Comments List */ .commentlist { margin-top: 20px; } li.comment, .ping-item { margin-bottom: 20px; overflow: hidden; } .ping-date { color: #000; } .comment-author-block { float: left; } .comment-author-block p { color: #000; } .comment-author-block p a { color: #660000; } .comment-author-block span { color: #777; display: block; } img.avatar { margin-bottom: 10px; } .comment-block { float: left; margin-left: 40px; position: relative; width: 380px; min-height: 50px; padding: 10px; background-color: #fff; border: 1px solid #dedddd; padding-bottom: 40px; } .comment-block p { margin-bottom: 10px; } .comment-block-corner { width: 32px; height: 32px; position: absolute; top: 15px; left: -32px; background: url(images/comments-corner.jpg) no-repeat top; } #cancel-comment-reply { } #cancel-comment-reply p { } .comments-pagination { overflow: hidden; } .reply { position: absolute; bottom: 10px; } /* Pings */ #pings .comment-block-corner { width: 32px; height: 32px; position: absolute; top: 15px; left: -32px; background: none; } /* Nested Comments */ ul.children li.comment { margin-top: 10px; background-color: #ddd; width: 380px; padding: 10px; float: right; margin-right: 15px; position: relative; margin-bottom: 0px; } ul.children .comment-block-corner { display: none; } ul.children .comment-author-block { float: none; } ul.children .comment-content { } ul.children .comment-block { margin-left: 0px; padding: 0px; background-color: transparent; border: 1px solid #dedddd; clear: both; border: none; padding-bottom: 70px; } ul.children .comment-author-block { width: 150px; position: absolute; right: 20px; bottom: 10px; } ul.children .comment-author-block p { position: absolute; right: 60px; bottom: 10px; text-align: right; } ul.children img.avatar { float: right; margin-bottom: 10px; width: 50px; height: 50px; } /* Comments Form */ #comments input { width: 200px; margin: 0 10px 10px 0; } #comments label { color: #777; } #comments #submit { width: 150px; background-color: #ccc; margin-top: 10px; color: #666; } #comments #submit:hover { color: #333; } #content h2.previewtitle { margin: 20px 0 5px 45px; font-size:1.0em; } #comments input[type="checkbox"] { margin: 0 0px 0 0; } #comments p label { vertical-align: middle; } /* 6.5 FOOTER ------------------------------------------------------------- */ /* Footer Layout */ #footer-wrap { width: 950px; margin: 0 auto; position: relative; } #footer-1 { height: 350px; padding-top: 20px; } #footer-2 { width: 950px; position: absolute; top: 400px; clear: both; } #footer-col-1 { width: 310px; float: left; } #footer-col-2 { width: 310px; float: left; margin-left: 10px; } #footer-col-3 { width: 310px; float: right; } #footer h2 { color: #555; margin: 20px 0 10px; } li.footer-block { margin-bottom: 50px; } #footer p { color: #c0c0c0; } #footer li p a { color: #fff; text-decoration: underline; } #footer li p a:hover { text-decoration: none; } #footer .footer-morelink { margin-top: 10px; } #footer img { padding-right: 10px; } /* Global Footer */ #footer-1 a { color: #555; } #footer-1 a:hover { color: #CCAA33; text-decoration: none; } #footer-1 h2 { margin: 0px; } /* COF */ div#cof { background: url(images/footerGraphics.jpg) no-repeat 0 -225px; } div#cof h2 { padding-top: 10px; } div#cof h2 a { } div#cof h2 a:hover { } div#cof h2, div#cof p { margin-left: 20px; } div#cof p { } div#cof ul { margin-top: 15px; margin-left: 15px; } div#cof ul li { } div#cof ul li a { background: url(images/cofBullet.jpg) no-repeat 0; display: block; border-bottom: 1px dotted #555; padding: 10px 0 5px; margin-bottom: 0px; text-indent: 20px; font-size: 17px; color: #c0c0c0; } div#cof ul li a :hover { } /* Actions */ ul#actions { } ul#actions li { background: url(images/footerGraphics.jpg) no-repeat; height: 65px; padding: 10px 0 0 60px; cursor: pointer; } ul#actions li:hover h2 a { color: #CCAA33; } ul#actions li#subscribe-rss { } ul#actions li#subscribe-email { background-position: 0 -75px; } ul#actions li#share { background-position: 0 -150px; } ul#actions li h2 a { } ul#actions li p { } /* Social */ ul#social { position: relative; margin-top: 20px; } ul#social li a { background: url(images/social.jpg) no-repeat; width: 140px; height: 70px; display: block; text-indent: -9999px; position: absolute; } ul#social li#twitter a { top: 0; left: 0; } ul#social li#facebook a { top: 0; left: 160px; background-position: 0 -70px; } ul#social li#myspace a { top: 80px; left: 0; background-position: 0 -140px; } ul#social li#youtube a { top:80px; left: 160px; background-position: 0 -210px; } ul#social li#lastfm a { top: 160px; left: 0; background-position: 0 -280px; } ul#social li#flickr a { top: 160px; left: 160px; background-position: 0 -350px; } ul#social li#twitter a:hover { background-position: -140px 0; } ul#social li#facebook a:hover { background-position: -140px -70px; } ul#social li#myspace a:hover { background-position: -140px -140px; } ul#social li#youtube a:hover { background-position: -140px -210px; } ul#social li#lastfm a:hover { background-position: -140px -280px; } ul#social li#flickr a:hover { background-position: -140px -350px; } /* Quick Links */ #quick-links ul.blogroll { margin-top: 20px; } #quick-links .blogroll li { margin-bottom: 10px; background: url(images/footer-links-rule.jpg) no-repeat 0 bottom; } #quick-links .blogroll li a { color: #c0c0c0; padding: 0px 0 10px 20px; background: url(images/footer-links-bullet.jpg) no-repeat top left; display: block; } #quick-links .blogroll li a:hover { color: #fff; } /* Stray Quotes */ #stray-quotes { } #stray-quotes p { color: #555; text-align: center; } /* Site Info */ #footer-info { margin-top: 55px; } #footer-info li { display: inline; } #footer-info a { color: #fff; } #footer-info a:hover { } #footer-info p { float: left; } #footer-info ul { float: right; } /* Tipsy jQuery Plugin */ .tipsy { padding: 5px; font-size: 13px; opacity: 1; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border: 3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* IE6 Sticky Footer Hack */ #wrapper { height: auto !important; height: 100%; }