/* Theme Name: Diamond Thrills Theme URI: http://www.diamondthrills.co.uk/ Description: Custom Theme for Diamond Thrills Version: 3.0 Author: Tim Holt for SDG New Media Author URI: http://www.sdgnewmedia.co.uk/ */ /* General */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { padding: 10px 0; font-weight: normal; color: #303; } h1 { font-size: 1.3em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } h4, h5, h6 { font-size: 0.9em; } p { padding: 8px 0; font-size: 0.9em; line-height: 1.3em; } a img { border: none; } .clearfix { clear: both; } a { color: #522F91; } a:hover { color: #522F91; } a:active { border: none; } a.oneline { display: inline-block; } .alignleft { margin: 10px 10px 10px 0; padding: 3px; float: left; border: 1px solid #DCCAE2; } .alignright { margin: 10px 0 10px 10px; padding: 3px; float: right; border: 1px solid #DCCAE2; } .aligncenter { margin: 10px auto; padding: 3px; font-size: 0.9em; text-align: center; border: 1px solid #DCCAE2; } .wp-caption-dd { font-size: 0.9em; text-align: center; } ul.postList { padding: 25px 0; width: 741px; list-style: none; } ul.postList li.post { position: relative; float: left; margin-right: 30px; padding: 0 0 15px 0; width: 217px; height: 300px; } ul.postList li.featuredPost { padding: 0 0 15px 494px; width: 217px; height: 300px; } ul.postList li.featuredPost img.wp-post-image { position: absolute; left: 0; top: 0; } ul.postList li.post h1.postTitle { font-size: 1em; font-weight: normal; } ul.postList li.post h1.postTitle a { text-decoration: none; color: #303; } ul.postList li.post h1.postTitle a:hover { text-decoration: underline; } ul.postList li.post p { font-size: 0.8em; } ul.postList li.post img.wp-post-image { margin: 0 0 10px 0; padding: 0; } ul.postList li.post p.postDate { position: absolute; left: 10px; top: 10px; } .post img { margin: 10px; padding: 3px; border: 1px solid #DCCAE2; } .post .wp-caption img { margin-bottom: 0; border: none; } .wp-caption-text { margin: 5px 0; font-size: 0.8em; text-align: center; } .post .wp-caption { margin: 5px 10px; } .post .wp-caption img { margin: 0; } span.gilder-levin { position: absolute; display: block; } body { font-family: arial, sans-serif; font-size: 100%; text-align: center; background: #fff url(images/body.gif) left 192px repeat-x; color: #666; } #wrapper { margin: 0 auto; width: 961px; text-align: left; } .tel { padding-left: 22px; background: url(images/tel.gif) left center no-repeat; } .email { padding-left: 22px; background: url(images/email.gif) left center no-repeat; } /* Header */ #header { position: relative; padding-bottom: 50px; height: 192px; overflow: hidden; } div#siteTitle { margin-top: 67px; padding: 0; height: 23px; line-height: 23px; font-size: 18pt; overflow: hidden; } div#siteTitle a { position: relative; display: block; width: 196px; height: 23px; text-decoration: none; color: #522F91; } div#siteTitle a:hover { text-decoration: underline; } div#siteTitle a span.gilder-levin { width: 196px; height: 23px; background: url(images/logo.gif); } #header p { font-size: 0.75em; } #header p.tel { position: absolute; right: 0; top: 25px; } #header p.bag { position: absolute; right: 0; top: 70px; color: #303; } #header p.bag a { text-decoration: none; color: #609; } #header .navwrap { margin-top: 56px; text-align: center; } /* Part of complicated method to get navbar centered */ #header ul.nav { margin: 0 auto; width: 961px; font-family: georgia, serif; list-style: none; } #header ul.nav li { display: inline; height: 59px; color: #303; } #header ul.nav li.current_page_item a { background: url(images/arrow.png) center bottom no-repeat; } #header ul.nav a { display: inline-block; padding: 0 32px; height: 59px; text-decoration: none; color: #303; } #header ul.nav a:hover { text-decoration: underline; } /* Main */ #main { width: 961px; } #page-news #main { background: url(images/main.gif) 741px top repeat-y; } #content .navwrap { width: 712px; text-align: center; } #content ul.subnav { margin: 20px auto 0 auto; width: 712px; height: 40px; font-family: georgia, serif; list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #B994C5; } #content ul.subnav li { position: relative; display: inline; height: 51px; font-size: 10pt; color: #303; border-top: 1px solid #fff;} #content ul.subnav li.current_page_item a { background: url(images/arrow.png) center bottom no-repeat; } #content ul.subnav li a { display: inline-block; padding: 0 15px; height: 51px; text-decoration: none; color: #303; border-top: 1px solid #fff;} *:first-child+html #content ul.subnav li a { height: 53px; } #content ul.subnav li a:hover { text-decoration: underline; } .checkout #content ul.subnav { height: 53px; background: url(images/subnav_checkout.png) center 43px no-repeat; border-bottom: none; } .checkout #content ul.subnav li { width: 199px; height: 53px; } .checkout #content ul.subnav li.page-item-1889 a { background-image: url(images/subnav_checkout1.png); } .checkout #content ul.subnav li.page-item-28 a { background-image: url(images/subnav_checkout2.png); } .checkout #content ul.subnav li.page-item-29 a { background-image: url(images/subnav_checkout3.png); } .checkout #content ul.subnav li a { padding: 0; width: 217px; background-position: left bottom; background-repeat: no-repeat; } .checkout #content ul.subnav li.current_page_item a { background-position: right bottom; } .checkout *:first-child+html #content ul.subnav li a { height: 53px; } .checkout #content ul.subnav li a:hover { text-decoration: underline; } .checkout #content ul.subnav li a.plp_disabled:hover { text-decoration: none; } p#expand_collapse { margin-top: 5px; padding: 10px; width: 692px; text-align: right; border-bottom: 1px solid #B994C5; } p#expand_collapse img { position: relative; top: 4px; } #content ol#faq { margin: 10px 0; width: 712px; list-style: none; } #content ol#faq.expanded li .answer { display: block; } #content ol#faq.collapsed li .answer { display: none; } #content #faq li { margin: 3px 0; padding: 5px 0 5px 28px; background: url(images/li_expand.png) left 3px no-repeat; } #content #faq li:hover { cursor: pointer; } #content #faq li h3 { padding-top: 0; font-size: 0.9em; } #content #faq li .answer { padding-bottom: 10px; display: none; } #content #faq li.show .answer { display: block; } #content #faq li.show { background: url(images/li_expanded.png) left 3px no-repeat; } #content #faq li ul { margin: 5px 5px 5px 20px; font-size: 0.9em; list-style: none; } #content #faq li li { padding: 3px 5px 3px 12px; background: url(images/bullet3.gif) left center no-repeat; } #content form { padding: 32px 0 20px 0; width: 712px; background: url(images/form.png) center top no-repeat; } #content form .col1 { float: left; width: 250px; } #content form .col2 { float: left; width: 450px; } #content form .form_footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #DCCAE2; } #content form label { display: inline-block; padding-bottom: 5px; font-size: 0.8em; color: #3f3f3f; } #content form input { display: block; } #content form label.required { padding-right: 8px; background: url(images/required.gif) right top no-repeat; } span.form_validation { display: none; color: red; } *:first-child+html #content form span.input_wrapper_left { height: 31px; background-position: left 1px; } *:first-child+html #content form span.input_wrapper_right { height: 31px; background-position: right 1px; } #content form span.input_wrapper_left { display: block; margin: 3px 0; padding-left: 5px; height: 30px; background: url(images/input_left.png) left top no-repeat; } * html #content form span.input_wrapper_left { height: 31px; background-position: left 1px; } #content form span.input_wrapper_right { display: inline-block; padding-right: 5px; height: 30px; background: url(images/input_right.png) right top no-repeat; } * html #content form span.input_wrapper_right { height: 31px; background-position: right 1px; } #content form input { margin: 0; padding: 7px 0; width: 218px; height: 16px; line-height: 16px; background: url(images/input.png) left top repeat-x; border: none; color: #609; } *:first-child+html #content form span.textarea_wrapper_left { height: 91px; background-position: left 1px; } *:first-child+html #content form span.textarea_wrapper_right { height: 91px; background-position: right 1px; } #content form span.textarea_wrapper_left { display: block; margin: 3px 0; padding-left: 5px; height: 90px; background: url(images/textarea_left.png) left top no-repeat; } * html #content form span.textarea_wrapper_left { height: 91px; background-position: left 1px; } #content form span.textarea_wrapper_right { display: inline-block; padding-right: 5px; height: 90px; background: url(images/textarea_right.png) right top no-repeat; } * html #content form span.textarea_wrapper_right { height: 91px; background-position: right 1px; } #content form textarea { padding: 5px 0; height: 79px; background: #F1F5ED url(images/textarea.png) left top repeat-x; border: none; border-bottom: 1px solid #bfbfbf; } label.required { padding-right: 9px; background: url(images/required.gif) right top no-repeat; overflow: hidden; } #content form input#submit { float: right; margin: 3px 0 3px 10px; padding: 0; width: 83px; height: 30px; line-height: 30px; text-align: center; background: url(images/fip_submit.png) left top no-repeat; border: none; color: #030; } #content form input#submit:hover { cursor: pointer; text-decoration: underline; } /* Feature */ #feature { margin-bottom: 30px; padding: 54px 495px 9px 69px; height: 335px; font-family: georgia, serif; background: url(images/pitch.jpg) 9px 9px no-repeat; border: 1px solid #DCCAE2; overflow: hidden; color: #303; } #feature h2 { font-size: 1.5em; color: #303; } #feature p { font-size: 0.95em; line-height: 1.4em; color: #303; } /* Pitch */ #pitch { margin-bottom: 30px; padding: 9px; width: 940px; height: 380px; border: 1px solid #DCCAE2; } #pitch ul.gallery { position: relative; width: 940px; height: 380px; overflow: hidden; list-style: none; } #pitch ul.gallery li { display: none; position: absolute; left: 0; top: 0; z-index: 0; } #pitch ul.gallery li:first-child { display: block; } #pitch ul.gallery li.current { display: block; z-index: 1; } /* Content */ #page-news #content { width: 741px; } #content { float: left; padding: 10px 0; width: 712px; } h1.pageTitle { padding: 0 0 15px 0; font-family: georgia, serif; } h1.pageTitle a { text-decoration: none; color: #303; } h1.pageTitle a:hover { text-decoration: underline; } #content p.postDate { float: left; margin-right: 13px; padding: 4px 0; width: 42px; height: 36px; background: url(images/calendar.png); } #content p.postDate span { display: block; text-align: center; } #content p.postDate span.postDay { height: 19px; line-height: 19px; font-size: 11pt; font-weight: bold; color: #609; } #content p.postDate span.postMonth { font-size: 9pt; color: #3f3f3f; } div.post { padding: 25px 25px 25px 0; } #page-news div.post { border-bottom: 1px solid #DCCAE2; } .postUpper { min-height: 62px; } h1.postTitle { padding: 4px 0 2px 0; font-weight: normal; font-size: 0.95em; } h1.postTitle a { text-decoration: none; color: #303; } h1.postTitle a:hover { text-decoration: underline; } #content p.postAuthor { padding: 3px 0; font-size: 0.7em; color: #8c8c8c; } p.postAuthor a { text-decoration: none; } p.postAuthor a:hover { text-decoration: underline; } .postContent { } .postContent p { font-size: 0.8em; } .postContent ul { margin: 5px 5px 5px 30px; } #content p.postMeta { font-size: 0.7em; } #content p.postMeta a { text-decoration: none; color: #9D5E89; } #content p.postMeta a:hover { text-decoration: underline; } .three-cols { } .three-cols .col1 { float: left; padding: 9px; width: 280px; height: 178px; border: 1px solid #DCCAE2; } .three-cols .col2 { float: left; margin-left: 30px; padding: 9px; width: 280px; height: 178px; border: 1px solid #DCCAE2; } .three-cols .col3 { float: left; margin-left: 30px; padding: 9px; width: 280px; height: 178px; border: 1px solid #DCCAE2; } #home-options { font-family: georgia, serif; } #home-options.three-cols p { padding: 0; } #home-options.three-cols a { display: block; padding: 128px 10px 0 10px; width: 261px; height: 50px; text-align: center; text-decoration: none; color: #595959; } #home-options.three-cols a:hover { /* text-decoration: underline; */} #home-options.three-cols .col1 a { background: url(images/homeoptions-consultation.png) left top no-repeat; } #home-options.three-cols .col2 a { background: url(images/homeoptions-survey.png) left top no-repeat; } #home-options.three-cols .col3 a { background: url(images/homeoptions-concierge.png) left top no-repeat; } ul#buttons { float: right; margin-top: 103px; width: 219px; list-style: none; } ul#buttons li { margin-bottom: 29px; padding: 9px; font-size: 0.75em; border: 1px solid #DCCAE2; } ul#buttons li h3.widgetTitle { padding: 1px 0; font-family: georgia, serif; font-size: 1.1em; } ul#buttons li#widgetConsultation a, ul#buttons li#widgetSurvey a, ul#buttons li#widgetConcierge a { display: block; padding: 90px 10px 0 10px; width: 179px; height: 66px; font-family: georgia, serif; text-align: center; text-decoration: none; color: #595959; } ul#buttons li a:hover { /* text-decoration: underline; */} ul#buttons li#widgetContact { padding-left: 15px; font-size: 0.8em; } ul#buttons li#widgetContact a { text-decoration: none; color: #7a7a7a; } ul#buttons li#widgetContact a:hover { text-decoration: underline; } ul#buttons li#widgetConsultation a { background: url(images/consultation_small.png) left top no-repeat; } ul#buttons li#widgetSurvey a { background: url(images/survey_small.png) left top no-repeat; } ul#buttons li#widgetConcierge a { background: url(images/concierge_small.png) left top no-repeat; } #comments { padding-bottom: 10px; background: url(images/form_up.png) left bottom no-repeat; } h4.commentsTitle { margin-top: 20px; } ol.commentlist { list-style: none; } ol.commentlist li { padding-bottom: 10px; } ol.commentlist li h5.commentAuthor { padding: 2px 0; font-size: 9pt; color: #3f3f3f; } ol.commentlist li h5.commentAuthor a { text-decoration: none; color: #3f3f3f; } ol.commentlist li h5.commentAuthor a:hover { text-decoration: underline; } ol.commentlist li p.commentMeta { padding: 2px 0; font-size: 8pt; } form#commentform { background: none; } form#commentform .col1 { float: left; width: 247px; } form#commentform .col2 { float: left; width: 435px; } #content form#commentform input.submit_button { display: inline-block; padding: 0 25px 0 21px; width: 144px; height: 32px; line-height: 32px; font-size: 9pt; background: url(images/next.png) left top no-repeat; text-align: left; text-decoration: none; border: none; color: #303; } #main #content form input.submit_button { display: inline-block; padding: 0 25px 0 21px; width: 144px; height: 32px; line-height: 32px; font-size: 9pt; background: url(images/submit_button.png) left top no-repeat; text-align: left; text-decoration: none; border: none; color: #303; } #content form p { padding: 0; } #content form p.privacy { float: left; width: 520px; font-size: 8pt; background: none; border: none; } #page-29 .postContent { font-size: 10pt; } /* Footer */ #footer { margin-top: 50px; padding: 30px 0; background: url(images/body.gif) left top repeat-x; } #footer_inner { position: relative; margin: 0 auto; width: 961px; text-align: left; } #footer p { font-size: 0.75em; } #footer .four-cols { background: url(images/footer.gif) center top repeat-y; } #footer .four-cols h3 { padding-top: 0; font-family: georgia, serif; } #footer .four-cols ul { list-style: none; } #footer .four-cols li { padding: 3px 0; font-size: 0.75em; } #footer .four-cols li a { text-decoration: none; color: #7a7a7a; } #footer .four-cols li a:hover { text-decoration: underline; } #footer .col1 { float: left; padding: 0 30px 0 0; width: 210px; } #footer .col1 ul { float: left; width: 105px; } #footer .col2 { float: left; padding: 0 30px; width: 180px; } #footer .col2 a { text-decoration: none; color: #7a7a7a; } #footer .col2 a:hover { text-decoration: underline; } #footer .col3 { float: left; padding: 0 30px; width: 180px; } #footer .col3 ul li { padding-left: 12px; background: url(images/bullet.gif) left center no-repeat; } #footer .col4 { float: left; padding: 0 0 0 30px; width: 210px; } #footer .col4 blockquote { color: #9D5E89; } #footer .col4 blockquote:hover { cursor: pointer; } #footer .col4 blockquote p { font-style: italic; } #footer .col4 blockquote p cite { font-style: normal; } #footer p.copyright { padding-top: 25px; font-size: 0.7em; text-align: center; color: #8c8c8c; } #footer p.social { position: absolute; right: 0; bottom: 0; text-align: right; } ul#previousNext { padding: 20px 25px 25px 0; list-style: none; } ul#previousNext li { height: 27px; line-height: 27px; font-size: 0.75em; } ul#previousNext li#newer { float: left; } ul#previousNext li#older { float: right; } ul#previousNext li a { display: inline-block; padding: 0 10px; background: #9782BD; text-decoration: none; color: #fff; } ul#previousNext li a:hover { background: #522F91; } /* Sidebar */ ul#sidebar { float: right; width: 190px; list-style: none; } ul#sidebar ul { padding: 15px 0; list-style: none; } ul#sidebar li { padding: 10px 0 25px 0; } ul#sidebar li h3.widgetTitle { padding: 1px 0; font-family: georgia, serif; color: #522E91; } ul#sidebar ul li { padding: 3px 0 3px 12px; font-size: 0.75em; background: url(images/bullet.gif) left center no-repeat; border-bottom: none; color: #9D5E89; } ul#sidebar ul li a { display: inline-block; width: 146px; text-decoration: none; color: #3f3f3f; } ul#sidebar ul li a:hover { text-decoration: underline; } #widgetSearch form { position: relative; width: 190px; height: 27px; background: url(images/search.png) left top no-repeat; } #widgetSearch input#s { position: absolute; left: 0; top: 0; padding: 6px 5px 5px 5px; width: 151px; height: 16px; line-height: 16px; color: #8c8c8c; background: none; border: none; } #widgetSearch input#searchSubmit { position: absolute; right: 0; top: 0; width: 29px; height: 27px; } #widgetSearch input#searchSubmit:hover { cursor: pointer; }