/* Theme Name: PPU Theme Theme URI: http://luadesign.co.uk Description: based on Chris Coyier's BLANK WordPress Theme template -- WordPress v2.9.1 Author: John Griffiths Author URI: http://luadesign.co.uk Version: 1 */ * { margin: 0; padding: 0; } body { background:url(http://www.playpauseunwind.co.uk/ppu/wp-content/themes/ppu-theme/music-therapy/musictherapy-swirl.jpg) top center repeat-y #fff33a; color:#fff; font-family: Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;} .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .group:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #mp3-bg { background:#000; display: block; font-size: 0; content: " "; clear: both; height: 0px; width:0px; overflow:hidden;} * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ #page-wrap { width: 960px; margin: 10px auto; } html { overflow-y: scroll; } h1, h2 { font-weight: normal; margin: 0 0 5px 0; } h1 { } h2 { font-size:1.65em; text-align:left;} h3 { margin:0; font-weight: normal;} h4 { font-size:75%; color:#000;} div {position:relative;} p { margin: 0 0 10px 0; } a{outline: none; text-decoration:none; color:#8ED7E8;} a:hover { color:#eb897c; } blockquote { } blockquote p { } th, td {padding:5px; text-align:left;} a img { border:none } /* Gets rid of IE's blue borders */ ul, ol { margin: 0 0 10px 0; } .floatright { float: right;} .entry { } .entry a { } .entry a:hover { } pre { } code, tt { } #meta { } .postmetadata { } .navgation { } .next-posts { padding:0 0; } .prev-posts { padding:4px 0; } #searchform { } #s { } #searchsubmt { } ol.commentlist { list-style: none; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { padding: 15px; } ol.commentlist li.comment div.comment-author { } ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url { } ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; } ol.commentlist li.comment div.vcard img.avatar-32 { } ol.commentlist li.comment div.vcard img.photo { } ol.commentlist li.comment div.vcard span.says { } ol.commentlist li.comment div.commentmetadata { } ol.commentlist li.comment div.comment-meta { font-size: 10px; } ol.commentlist li.comment div.comment-meta a { color: #ccc; } ol.commentlist li.comment p { } ol.commentlist li.comment ul { } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } ol.commentlist li.comment ul.children li { } ol.commentlist li.comment ul.children li.alt { } ol.commentlist li.comment ul.children li.bypostauthor { } ol.commentlist li.comment ul.children li.byuser { } ol.commentlist li.comment ul.children li.comment { } ol.commentlist li.comment ul.children li.comment-author-admin { } ol.commentlist li.comment ul.children li.depth-2 { border-left: 3px solid #2f905a; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left: 3px solid #f7f011; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left: 3px solid #5daec3; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-5 { } ol.commentlist li.comment ul.children li.odd { } ol.commentlist li.even { background: #000; } ol.commentlist li.odd { background: #001546; } ol.commentlist li.parent { border-left: 3px solid #c52139; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } form { } input[type=text] { } textarea { } #respond { margin:5px 0 25px; float:left; clear:both;} h2#comments {padding-top:20px;} /*Footer and Shop Carousel */ #footer { width:952px; height:237px; padding:150px 0 0 0; background: url(music-therapy/relaxationcds-footer.png) no-repeat top; display:block; clear:both;} #footer-gallery { width:952px; height:237px; padding:150px 0 0 0; background: url(music-therapy/relaxation-gallery-footer.png) no-repeat top; display:block; clear:both;} #relaxtion-shop-carousel { height:160px; width:600px; margin: 0 auto; text-align:center; overflow:hidden;} #footer h4 {clear:both; text-align:right;} .copyright { width:100%; text-align:center; font-weight:normal; color:#000;} .copyright h4 { font-weight:normal; } .copyright h4 a { color:#000} .copyright h4 a:hover { color:#fff} .mp3-sample { position:absolute; left:99px; margin-top:52px;} /* layout */ #content { width:952px; background:url(music-therapy/relaxation-activities-bg.png) repeat-y; display:block; float:left; } #seal-margins { width:100%; z-index:600;} .psheresources-box img, img.psheresources-box a, img.psheresources-box a:hover {border:none; } /* sidebar-left */ #sidebar-left { float:left; width:222px; display:block; margin: -150px 0; } #why-try-buttons { width: 85px; margin-left:50px; float:none; overflow:visible;} .play-why-try a { width:85px; height:90px; background: url(music-therapy/music-therapy-buttons.jpg) no-repeat; background-position: 0 0; display: block; } .pause-why-try a { width:85px; height:90px; background: url(music-therapy/music-therapy-buttons.jpg) no-repeat; background-position: 0 -90px; display: block; } .unwind-why-try a { width:85px; height:90px; background: url(music-therapy/music-therapy-buttons.jpg) no-repeat; background-position: 0 -180px; display: block; } .play-why-try a:hover { background-position: -85px 0 ; } .pause-why-try a:hover { background-position: -85px -90px; } .unwind-why-try a:hover { background-position: -85px -180px; } body.page-id-20 #why-try-buttons span.play-why-try a, body.page-id-7 #why-try-buttons span.play-why-try a, body.page-id-56 #why-try-buttons span.play-why-try a, body.page-id-10 #why-try-buttons span.play-why-try a, body.category-shop #why-try-buttons span.play-why-try a, body.category-blog #why-try-buttons span.play-why-try a, body.page-id-22 #why-try-buttons span.play-why-try a { background-position: -170px 0 ; } body.page-id-24 #why-try-buttons span.unwind-why-try a{ background-position: -170px -180px ; } body.category-forum #why-try-buttons span.pause-why-try a{ background-position: -170px -90px ; } /* header */ #header { width:952px; height:298px; background: url(music-therapy/sealthemes-header.png) no-repeat top; display:block;} h1#fadeshow1 { margin:12px 0 30px 270px;width:402px; float:left; height:55px; overflow:hidden; display:block;} ul#music-therapy-nav {margin:0 0 0 214px; clear:both; display:block; } #music-therapy-nav li {float:left; text-decoration:none; list-style:none;} #music-therapy-nav li a {text-indent:-9999px; z-index:700;} #music-therapy-nav li.page-item-20 a { background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat; overflow:hidden; height:74px; width: 77px; display:block;} #music-therapy-nav li.page-item-7 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 77px; display:block; background-position: -77px 0; } #music-therapy-nav li.page-item-56 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 90px; display:block; background-position: -154px 0; } body.page-id-56 #music-therapy-nav li.page-item-56 a { background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 90px; display:block;background-position: -154px -148px;} #music-therapy-nav li.cat-item-3 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 67px; display:block; background-position: -244px 0; } body.category-blog #music-therapy-nav li.cat-item-3 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 67px; display:block; background-position: -244px -148px;} #music-therapy-nav li.cat-item-1 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 70px; display:block; background-position: -314px 0; } body.category-shop #music-therapy-nav li.cat-item-1 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 70px; display:block; background-position: -314px -148px;} #music-therapy-nav li.page-item-10 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 90px; display:block; background-position: -384px 0; } body.page-id-10 #music-therapy-nav li.page-item-10 a {background:url(music-therapy/relaxation-for-adults-nav.gif) top left no-repeat transparent; overflow:hidden; height:74px; width: 90px;background-position: -384px -148px;} #music-therapy-nav li.page-item-20 a:hover { background-position: 0 -74px;} #music-therapy-nav li.page-item-7 a:hover { background-position: -77px -74px;} #music-therapy-nav li.page-item-56 a:hover { background-position: -154px -74px;} #music-therapy-nav li.cat-item-3 a:hover { background-position: -244px -74px;} #music-therapy-nav li.cat-item-1 a:hover { background-position: -314px -74px;} #music-therapy-nav li.page-item-10 a:hover { background-position: -384px -74px;} .page-id-20 #music-therapy-nav li.page-item-20 a {background-position: 0 -148px;} .page-id-7 #music-therapy-nav li.page-item-7 a {background-position: -77px -148px;} /*Contents */ div[id*=post], .post-1, div[class*=category-blog], div[class*=category-forum], div[class*=category-shop] { float:left; width:450px; margin: -120px 30px -150px 222px ; text-align:justify; overflow:hidden; font-size:0.8em; } .post h3 {float:left; clear:both; margin:5px 0;} .post p {clear:both; line-height:1.2em; } div[class*=category-shop], div[id*=shop] { float:left; width:400px; margin: -120px 30px -150px 222px ; text-align:justify; overflow:hidden; font-size:0.8em; } /*Shop */ #crumbs {padding: 0px 0px 0 0px; } .entry h2 {margin-top:10px;} .cd-box { width:165px; float:left; padding:10px; text-align:center;} .cd-box p { margin:0; padding:0;} .entry ul li { margin:4px 0;} .entry ul li object { margin:-5px 0;} /*ROYALTY FREE */ ul#royalty-free { clear:both; list-style:disc outside;} ul#royalty-free li { margin-left:15px;} .shopping_cart {width:229px; padding-right:20px; overflow:hidden;} /*Sidebar right */ #sidebar { float:right; width:240px; margin:-120px 10px -150px 0; font-size:80%; z-index:800; } #sidebar h3 { font-size:125%; line-height:1.3em;} #sidebar-shop { float:left; width:290px; margin:-100px 10px -150px 0; font-size:80%; z-index:800; } .relaxation-news-title { width:145px; float:left; clear:both; color:#8ed7e8; text-transform:uppercase; display:block;} .relaxation-news-title a {color:#8ED7E8;} .relaxation-news-title a:hover {color:#eb897c;} .relaxation-news-image { width:155px; float:left; clear:both; display: block;} .shop-archive-image { width:155px; margin:auto; clear:both; display: block;} .relaxation-news-link {width:155px; float:left; clear:both; display: block; padding-bottom:5px;} img.attachment-post-thumbnail, img.attachment-post-thumbnail a, img.attachment-post-thumbnail a, #sidebar img, #sidebar img a, .productbox a img { border:solid 1px #8ed7e8;} img.attachment-post-thumbnail a:hover, img.attachment-post-thumbnail a:hover, #sidebar img a:hover { border:solid 1px #eb897c;} .relaxation-news-testimonial { width:145px; float:left; clear:both; color:#8ed7e8; padding: 0; margin:0; font-size:90%; } .relaxation-news-author { width:145px; float:left; clear:both; color:#008e91; padding:5px 0; font-size:85%;} .relaxation-news-testimonial img { float:left; display:inline; margin-right:5px; } .biog {width:200px; margin-top:3px;} .biog .wrapper ul li {clear:both; float: left;} /*Gallery page */ .ngg-galleryoverview { overflow:visible; margin-top:-50px;} #gallery-content { float:left; width:554px;overflow:visible; display:block; margin: -184px 30px -270px 225px; padding:0; text-align:justify; font-size:0.9em; } object.flashmovie { height:448px; width:554px;} /*Contact page */ #zcmail .zcmail_error, #zcmail .zcmail_success, #zcmail textarea, #zcmail .zcmail_text, #zcmail input.zcmail_name, #zcmail input.zcmail_mail, #zcmail input.zcmail_subject, input#email, input#author, input#url, textarea {margin:4px 0; padding:4px;border:2px solid #8ed7e8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius: 4px;} .zcmail_error {background-color:#fcc; color:#8e130b;} .zcmail_success { background-color:#cfc; color:#8e130b;} #zcmail textarea, textarea#comment {display:block;} textarea#comment {width:430px;} button, input[type="reset"], input[type="button"], input[type="submit"], input#submit { margin:4px 0; padding: 4px; border:2px solid #8ed7e8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;} button, input:hover[type="reset"], input:hover[type="button"], input:hover[type="submit"], input:hover#submit { margin:4px 0;padding:4px;border:2px solid #eb897c; background-color:#eb897c;border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; -khtml-border-radius:4px;} /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .relaxation-news-title, .wrapper ul li {list-style:none; } .anythingSlider { width: 200px; height: 105px; position: relative; margin: 0; } .anythingSlider2 { width: 510px; height: 200px; position: relative; margin: 0 0 0 272px; } .anythingSlider .wrapper{ width: 160px; overflow: hidden; height: 105px; margin:0 0; position: absolute; top: 0; left: 0; } .anythingSlider2 .wrapper{ width: 400px; overflow: auto; height: 200px; margin: 0 0 0 25px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul, .anythingSlider2 .wrapper ul{ width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li, .anythingSlider2 ul li { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; } .anythingSlider .arrow, #start-stop { display:none;} .anythingSlider2 .arrow { display: block; height: 150px; width: 67px; background: url(music-therapy/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0; cursor: pointer; } .anythingSlider .forward, .anythingSlider2 .forward{ background-position: 0 -50px; right: -40px; } .anythingSlider .back, .anythingSlider2 .back{ background-position: -67px -50px; left: -80px; } .anythingSlider .forward:hover, .anythingSlider2 .forward:hover{ background-position: 0 -251px; } .anythingSlider .back:hover, .anythingSlider2 .back:hover{ background-position: -67px -251px; } .anythingSlider2 .productbox {font-size:70%; float:left; width:125px; overflow:hidden; text-align:center; text-transform:uppercase; padding:3px;} .anythingSlider2 .productbox a {color:#8ed7e8;} .anythingSlider2 .productbox a:hover {color:#eb897c;} .anythingSlider2 .productbox img {width:60px; height:60px; overflow:hidden;margin-top:5px;} .productbox a:hover img, #sidebar a:hover img{border:solid 1px #eb897c;} .anythingSlider2 .productbox img a:hover, .anythingSlider2 .productbox img.attachment-post-thumbnail a:hover {border:solid 1px #eb897c;} #thumbNav { position: relative; top: 323px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(music-therapy/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #e0a213; } #start-stop { background: green; background-image: url(music-therapy/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul , .anythingSlider2 .wrapper ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li, .anythingSlider2 .wrapper ul ul li{ float: none; height: auto; width: auto; background: none; } /* TOOLTIPS */ a span.tt1, span.tt2, span.tt3 { display: none; } html body a:hover span.tt1, html body a:hover span.tt2, html body a:hover span.tt3 { /*the span will display just on :hover state*/ display: block !important; position: absolute; width: 200px; background-color: #cff; color: #fff; padding: 10px; font-size: .8em; margin:0 0 0 45px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-transform: uppercase; font-size:90%; text-align:center;} html body a:hover span.tt1 { background:#000;border:2px solid #e35f4d;top: 30px; left: 40px; z-index:920; } html body a:hover span.tt2 { background:#000;border:2px solid #49aa43;top: 115px; left: 40px; z-index:930; } html body a:hover span.tt3 { background:#000;border:2px solid #5381bb;top: 200px; left: 40px; z-index:940; } /* HOME PAGE SPECIAL LINK COLOURS */ .green-link a {color: #abda4d;} .green-link a:hover {color: #eb897c;} .red-link a {color: #fb6747;} .red-link a:hover {color: #8ED7E8;} /*mp3 player */ .wpa_sub, .wpa_container {float:left; width:99%; margin:3px 0 ; padding:3px 5px 0; color:#fff; } .wpa_text, wpa_text a { color:#fff; width:300px; float:left; display: block;} .wpa_container a { color:#fff;} .wpa_container a:hover { color:#eb897c;} #wpa0_container {background-color:#2FA03F;} #wpa1_container {background-color:#2FA03F;} #wpa2_container {background-color: #2FA03F;} #wpa3_container {background-color: #666666;} #wpa4_container {background-color: #72923F;} #wpa5_container {background-color: #BB4C65;} #wpa6_container {background-color: #055;} #wpa7_container {background-color: #077;} #wpa8_container {background-color: #088;} .mp3circle {width:20px; height:19px;padding:1px 0 0 0; display:inline; overflow:visible; float:left;}