body, h1, h2, h3, h4, p, ul, li, ol, a img { padding: 0; margin: 0; border: none; list-style: none; } body#home { font: 62.5% Arial; text-align: center; background: #153e69 url(http://www.elderlyactivities.co.uk/images/body.jpg) repeat-x center top; } body#interior { font: 62.5% Arial; text-align: center; background: #1f4c7c url(http://www.elderlyactivities.co.uk/images/body_interior.jpg) no-repeat center -11px; } body#home #wrapper { width: 966px; margin: 0 auto; background: url(http://www.elderlyactivities.co.uk/images/wrapper.jpg) no-repeat center top; } body#interior #wrapper { width: 966px; margin: 0 auto; background: url(http://www.elderlyactivities.co.uk/images/wrapper_interior.jpg) no-repeat center top; } body#home #header { height: 130px; } body#interior #header { height: 220px; position: relative; } #header h1 { background: url(http://www.elderlyactivities.co.uk/images/logo.gif); width: 400px; height: 70px; float: left; margin: 60px 0 0 40px; display: inline; overflow: hidden; } #header h1 a { background: url(http://www.elderlyactivities.co.uk/images/logo.gif); width: 400px; height: 70px; display: block; text-indent: -5000px; overflow: hidden; } body#home #header p.tagline { display: none; } body#interior #header p.tagline { float: left; height: 46px; width: 380px; margin: 20px 0 0 43px; float: left; display: inline; overflow: inline; clear: left; } body#interior #header p.tagline span { background: url(http://www.elderlyactivities.co.uk/images/tag_line.jpg); height: 46px; width: 380px; display: block; overflow: hidden; text-indent: -5000px; } body#home #header p#home-link { display: none; } body#interior #header p#home-link { display: block; position: absolute; left: 15px; top: 15px; background: url(http://www.elderlyactivities.co.uk/images/back_home_arrow.jpg) no-repeat left center; height: 15px; width: 140px; text-align: right; font-size: 1.2em; } body#interior #header p#home-link a { color: #86c0ff; } body#interior #header p#home-link a:hover { text-decoration: none; } #home-page-intro { height: 310px; width: 966px; } #home-page-intro p { height: 150px; margin: 50px 0 0 43px; display: inline; overflow: hidden; float: left; } #home-page-intro p strong { background: url(http://www.elderlyactivities.co.uk/images/home_page_intro_p.jpg); height: 150px; width: 370px; display: block; overflow: hidden; text-indent: -5000px; position: relative; } #home-page-intro p a { position: absolute; top: 30px; left: 110px; width: 150px; height: 30px; display: block; } #home-page-intro p.tagline { display: inline; margin: 30px 0 0 40px; background: none; clear: left; height: 46px; } #home-page-intro p.tagline span { background: url(http://www.elderlyactivities.co.uk/images/tag_line.jpg); height: 46px; width: 380px; overflow: hidden; text-indent: -5000px; display: block; } body#home #main { width: 966px; background: url(http://www.elderlyactivities.co.uk/images/main.jpg); overflow: auto; padding: 0 0 50px 0; } body#interior #main { width: 966px; background: url(http://www.elderlyactivities.co.uk/images/main_interior.jpg); overflow: auto; padding: 0 0 50px 0; } #content { float: left; width: 553px; text-align: left; } body#home #content h2 { background: url(http://www.elderlyactivities.co.uk/images/home_page_h2.gif); width: 480px; height: 30px; text-indent: -5000px; overflow: hidden; margin: 50px 0 29px 53px; } body#interior #content h2 { font: 2.5em Arial; color: #666; padding: 50px 0 29px 0px; } #content ul#posts { padding: 0 0 0 53px; } #content ul#posts li { background: url(http://www.elderlyactivities.co.uk/images/post_on_cat_or_home.gif); width: 500px; margin: 0 0 20px 0; } #content ul#posts li h3 { background: url(http://www.elderlyactivities.co.uk/images/post_h3.gif) no-repeat top; font: 1.4em/30px Arial; color: #666; padding: 22px 30px 7px 30px; margin: 0; } #content ul#posts li h3 a { font: 1.3em Arial; color: #1f4c7c; } #content ul#posts li p { font: 1.25em/30px Arial; color: #333; padding: 0 30px; } #content ul#posts li div.actions { background: url(http://www.elderlyactivities.co.uk/images/actions.gif) no-repeat bottom; width: 500px; height: 40px; text-align: right; } #content ul#posts li div.actions p.view-activity a { color: #1f4c7c; background: url(http://www.elderlyactivities.co.uk/images/view_activity.gif) no-repeat right 10px; display: block; padding: 0 20px 0 0; } #content ul#posts li a:hover { text-decoration: none; } #content p.view-older { padding: 0 0 0 53px; } #content p.view-older a { background: url(http://www.elderlyactivities.co.uk/images/view_older.gif) left top; display: block; width: 196px; height: 40px; text-align: right; color: #333; font: 12px/40px Arial; padding: 0 10px 0 0; } #content p.view-older a:hover { background-position: left bottom; } #content p.view-newer { float: right; width: 196px; } #content p.view-newer a { background: url(http://www.elderlyactivities.co.uk/images/view_newer.jpg) left top; display: block; width: 196px; height: 40px; text-align: left; color: #333; font: 12px/40px Arial; padding: 0 0px 0 10px; } #content p.view-newer a:hover { background-position: left bottom; } #content h2.alert-heading { background: url(http://www.elderlyactivities.co.uk/images/alert_heading.jpg) no-repeat left center; font: 35px Arial; color: #333; padding: 0 0 0 80px; } body#interior #content h2.search-results-heading, body#interior #content h2.category-pagetitle { padding: 50px 0 30px 53px; } #content div#post { padding: 0 0 0 53px; } #content div#post p { font: 1.3em/1.4em Arial; color: #444; margin: 0 0 1.3em 0; } #content img.image-right { float: right; margin: -60px 0 15px 20px; } #content h3 { font: normal 2em Arial; color: #666; margin: 25px 0 13px 0; } #content h4 { font: normal 1.8em Arial; color: #666; margin: 23px 0 12px 0; } #content div#post .equipment { background: url(http://www.elderlyactivities.co.uk/images/post_on_cat_or_home.gif); width: 500px; margin: 0 0 20px 0; } #content div#post .equipment h4 { background: url(http://www.elderlyactivities.co.uk/images/post_h3.gif) no-repeat top; font: bold 1.4em/30px Arial; color: #153e69; padding: 22px 30px 7px 30px; margin: 0; } #content div#post .equipment p { font: 1.25em/30px Arial; color: #333; padding: 0 30px; } #content div#post .equipment ul, #content div#post .equipment ol { background: url(http://www.elderlyactivities.co.uk/images/actions.gif) no-repeat bottom; padding: 0 0 10px 0; } #content div#post .equipment ul li { font: 1.25em/30px Arial; color: #333; padding: 0 30px 0 50px; background: url(http://www.elderlyactivities.co.uk/images/tick.gif) no-repeat 30px center; } #content div#post .equipment ol li { font: 1.25em/30px Arial; color: #333; padding: 0 30px; } #content div#post .instructions { background: url(http://www.elderlyactivities.co.uk/images/post_on_cat_or_home.gif); width: 500px; margin: 0 0 20px 0; } #content div#post .instructions h4 { background: url(http://www.elderlyactivities.co.uk/images/post_h3.gif) no-repeat top; font: bold 1.4em/30px Arial; color: #153e69; padding: 22px 30px 7px 30px; margin: 0; } #content div#post .instructions p { font: 1.25em/30px Arial; color: #333; padding: 0 30px; } #content div#post .instructions ul, #content div#post .instructions ol { background: url(http://www.elderlyactivities.co.uk/images/actions.gif) no-repeat bottom; padding: 0 0 10px 0; } #content div#post .instructions ul li { font: 1.25em/30px Arial; color: #333; padding: 0 30px 0 50px; background: url(http://www.elderlyactivities.co.uk/images/tick.gif) no-repeat 30px center; } #content div#post .instructions ol li { font: 1.25em/30px Arial; color: #333; padding: 0 30px; list-style: inside decimal; } #content div#post p.pdf-download a { display: block; padding: 10px; border: 1px dotted #EEEEEE; background: #f7f7f7 url(http://www.elderlyactivities.co.uk/images/download.png) no-repeat 460px center; color: #1f4c7c; } #content div#post p.pdf-download a:hover { border: 1px dotted #236cb9; background: #c6daef url(http://www.elderlyactivities.co.uk/images/download.png) no-repeat 460px center; } #content div#post textarea { width: 485px; padding: 5px; border: 1px solid #ccc; background: #efefef; } #content div#post textarea.small-textarea { height: 100px; } #content div#post input { padding: 3px; border: 1px solid #ccc; background: #efefef; } #content div#post input:focus, #content div#post textarea:focus { border: 1px solid #236cba; background: #FFFFFF; } #content div#post input.submit-button { background: url(http://www.elderlyactivities.co.uk/images/submit_button.jpg) left top; text-align: center; display: block; width: 185px; height: 51px; padding: 0; border: none; color: #444; font: bold 16px/51px Arial; cursor: pointer; } #content div#post input.submit-button:hover { background-position: left bottom; color: #FFFFFF; } #content div#post p.postmetadata { background: url(http://www.elderlyactivities.co.uk/images/meta_data.gif); width: 465px; height: 51px; padding: 0 15px; font: 12px/51px Arial; } #content div#post div.product-ideas ul { overflow: auto; } #content div#post div.product-ideas ul li { width: 125px; float: left; text-align: center; } #content div#post div.product-ideas ul li a { width: 115px; margin: 0 auto; display: block; height: 170px; text-decoration: none; } #content div#post div.product-ideas ul li a img { margin: 0 auto 5px auto; width: 100px; height: 100px; } #content div#bookmarks { width: 489px; height: 120px; background: url(http://www.elderlyactivities.co.uk/images/bookmarks.jpg) no-repeat left top; } #content div#bookmarks h5 { float: left; width: 152px; height: 17px; background: url(http://www.elderlyactivities.co.uk/images/bookmarks_h5.jpg); text-indent: -5000px; overflow: hidden; margin: 30px 0 0 20px; } #content div#bookmarks ul { overflow: auto; float: right; width: 260px; height: 36px; margin: 20px 0px 0 0; } #content div#bookmarks ul li { float: left; width: 34px; height: 36px; } #content div#bookmarks ul li#google { background: url(http://www.elderlyactivities.co.uk/images/google_bookmark.jpg) left bottom; } #content div#bookmarks ul li#google a { background: url(http://www.elderlyactivities.co.uk/images/google_bookmark.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#google a:hover { background-position: left bottom; } #content div#bookmarks ul li#yahoo { background: url(http://www.elderlyactivities.co.uk/images/yahoo_bookmark.jpg) left bottom; } #content div#bookmarks ul li#yahoo a { background: url(http://www.elderlyactivities.co.uk/images/yahoo_bookmark.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#yahoo a:hover { background-position: left bottom; } #content div#bookmarks ul li#live { background: url(http://www.elderlyactivities.co.uk/images/live_bookmark.jpg) left bottom; } #content div#bookmarks ul li#live a { background: url(http://www.elderlyactivities.co.uk/images/live_bookmark.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#live a:hover { background-position: left bottom; } #content div#bookmarks ul li#facebook { background: url(http://www.elderlyactivities.co.uk/images/facebook_share.jpg) left bottom; } #content div#bookmarks ul li#facebook a { background: url(http://www.elderlyactivities.co.uk/images/facebook_share.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#facebook a:hover { background-position: left bottom; } #content div#bookmarks ul li#twitter { background: url(http://www.elderlyactivities.co.uk/images/twitter_share.jpg) left bottom; } #content div#bookmarks ul li#twitter a { background: url(http://www.elderlyactivities.co.uk/images/twitter_share.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#twitter a:hover { background-position: left bottom; } #content div#bookmarks ul li#stumble { background: url(http://www.elderlyactivities.co.uk/images/stumble.jpg) left bottom; } #content div#bookmarks ul li#stumble a { background: url(http://www.elderlyactivities.co.uk/images/stumble.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#stumble a:hover { background-position: left bottom; } #content div#bookmarks ul li#delicious { background: url(http://www.elderlyactivities.co.uk/images/delicious_bookmark.jpg) left bottom; } #content div#bookmarks ul li#delicious a { background: url(http://www.elderlyactivities.co.uk/images/delicious_bookmark.jpg) left top; display: block; width: 34px; height: 36px; text-indent: -5000px; overflow: hidden; } #content div#bookmarks ul li#delicious a:hover { background-position: left bottom; } #content div#bookmarks p { clear: both; margin: 25px 0 0 0; float: right; } #comments-area { width: 500px; padding: 30px 0 0 53px; } #comments-area h3 { font: 2.4em Arial; margin: 0 0 20px 0; } #comments-area p.comments-area-p { font: 1.3em/1.3em Arial; color: #666; margin: 0 0 20px 0; } #content #comments-area #commentform input#author { display: block; float: left; font: 1.3em Arial; padding: 10px; background: url(http://www.elderlyactivities.co.uk/images/commentform_input.gif) no-repeat left top; width: 242px; height: 22px; border: none; } #content #comments-area #commentform input#author:focus { background-position: left bottom; } #content #comments-area #commentform label.your-name-label { float: left; width: 90px; text-align: right; height: 33px; display: block; font-size: 1.1em; color: #777; background: url(http://www.elderlyactivities.co.uk/images/your_name_label.gif) no-repeat 5px bottom; } #content #comments-area #commentform label.comment-label { clear: left; float: right; width: 100px; text-align: left; height: 33px; display: block; font-size: 1.1em; color: #777; background: url(http://www.elderlyactivities.co.uk/images/comment_label.gif) no-repeat left bottom; padding: 0 0 0 35px; margin: -30px 0 3px 0; } html>body #content #comments-area #commentform textarea { clear: both; display: block; font: 1.3em Arial; padding: 10px; background: url(http://www.elderlyactivities.co.uk/images/commentform_textarea.gif) no-repeat left top; width: 468px; height: 161px; border: none; margin: 0px 0 0 0; } #content #comments-area #commentform textarea { clear: both; display: block; font: 1.3em Arial; padding: 10px; background: fixed url(http://www.elderlyactivities.co.uk/images/commentform_textarea.gif) no-repeat left top; width: 468px; height: 161px; border: none; } #content #comments-area #commentform textarea:focus { background-position: left bottom; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html>body #commentform input#submit { float: right; background: url(http://www.elderlyactivities.co.uk/images/submit_comment.gif) left top; width: 216px; height: 49px; display: block; padding: 0; border: none; cursor: pointer; text-indent: -5000px; overflow: hidden; font-size: 0.001em; margin: 0 25px 0 0; } #commentform input#submit:hover { background-position: left bottom; } #commentform input#submit { float: right; background: url(http://www.elderlyactivities.co.uk/images/submit_comment.gif) left top; width: 216px; height: 49px; display: block; padding: 0; border: none; cursor: pointer; text-indent: -5000px; overflow: hidden; font-size: 0.001em; margin: 0 12px 0 0; } #commentform input#submit:hover { background-position: left bottom; } .alt { margin: 0; padding: 10px; } .commentlist { text-align: justify; } .commentlist li { margin: 15px 0 40px 0; padding: 20px 0 20px 0; list-style: none; background: url(http://www.elderlyactivities.co.uk/images/comment_dashed_line.gif) no-repeat center bottom; } .commentlist p { margin: 10px 5px 10px 0; font: 1.3em/1.3em Arial; color: #333; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } #sidebar { float: right; width: 353px; text-align: left; } #sidebar ul li.categories h4 { background: url(http://www.elderlyactivities.co.uk/images/categories_h4.gif); width: 270px; height: 30px; margin: 55px 0 21px 10px; display: inline-block; text-indent: -5000px; overflow: hidden; } #sidebar ul li.categories ul { width: 300px; background: #c0ddfc url(http://www.elderlyactivities.co.uk/images/categories_ul.gif) no-repeat top; padding: 20px 0; } #sidebar ul li.categories ul li { font: 1.5em/1.5em Arial; background: url(http://www.elderlyactivities.co.uk/images/categories_ul_li.gif) no-repeat bottom; padding: 4px 0; width: 262px; margin: 0 auto; color: #666; text-indent: 3px; } #sidebar ul li.categories ul li a { color: #1f4c7c; text-decoration: none; } #sidebar ul li.categories ul li a:hover { text-decoration: underline; } #sidebar ul li.categories form#searchform { background: #c0ddfc url(http://www.elderlyactivities.co.uk/images/searchform.gif) no-repeat bottom; width: 300px; padding: 0px 0 20px 0; overflow: auto; margin: 0; } #sidebar ul li.categories #searchform input#s { background: #e0efff; border: 1px solid #86c1fe; padding: 3px; height: 20px; width: 174px; margin: 0px 0 0 23px; float: left; } #sidebar ul li.categories #searchform input#searchsubmit { background: url(http://www.elderlyactivities.co.uk/images/searchsubmit.jpg) left top; border: none; padding: 0px; height: 36px; width: 71px; color: #FFFFFF; text-align: center; cursor: pointer; float: left; margin: 0; } #sidebar ul li.categories #searchform input#searchsubmit:hover { background-position: left bottom; } #sidebar ul li#add-activity { background: url(http://www.elderlyactivities.co.uk/images/add_activity.jpg) left bottom; width: 308px; height: 120px; margin: 30px 0 0 0; } #sidebar ul li#add-activity a { background: url(http://www.elderlyactivities.co.uk/images/add_activity.jpg) left top; width: 308px; height: 120px; display: block; text-indent: -5000px; overflow: hidden; } #sidebar ul li#add-activity a:hover { background-position: left bottom; } #sidebar ul li#subscribe { background: url(http://www.elderlyactivities.co.uk/images/subscribe.jpg) left bottom; width: 308px; height: 120px; margin: 30px 0 0 0; } #sidebar ul li#subscribe a { background: url(http://www.elderlyactivities.co.uk/images/subscribe.jpg) left top; width: 308px; height: 120px; display: block; text-indent: -5000px; overflow: hidden; } #sidebar ul li#subscribe a:hover { background-position: left bottom; } #sidebar ul li.promotion { padding: 30px 0 0 0; } body#home #footer { background: url(http://www.elderlyactivities.co.uk/images/footer.jpg) no-repeat center top; width: 966px; height: 100px; padding: 0 0 40px 0; } body#interior #footer { background: url(http://www.elderlyactivities.co.uk/images/footer_interior.jpg) no-repeat center top; width: 966px; height: 100px; padding: 0 0 40px 0; } #footer p { padding: 40px 0 0 0; font: 1.3em Arial; color: #99ccff; } #footer a { color: #99ccff; } #footer a:hover { color: #FFFFFF; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #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; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */