/* Theme Name: Sentiment Theme Theme URI: http://www.sentiment.co.uk/ Description: Wordpress theme for Sentiment Ltd. Author: Ian Harris Author URI: http://www.carronmedia.com/ Version: 2.1 */ /* Blue: #79bbda Red: #8c3131 */ * {margin: 0; padding: 0;} body, html {height: 100%;} body {background: url('images/paper_bg_2.jpg') 0 0 repeat; color: #444; font: 62.5%/1.5em normal Arial, Helvetica, sans-serif;} .hidden {display: none;} .clear {clear: both;} .justify {text-align: justify;} #wrapper {min-height: 100%; height: auto !important; height: 100%;} #contentwrapper {margin: 0 auto; width: 960px;} h2 {font-size: 26px; line-height: 32px; color: #8c3131; margin-top: 10px;} h3 {font-size: 22px; line-height: 24px; color: #8c3131; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px dotted #ccc;} h4 {font-size: 16px; line-height: 18px; color: #8c3131; margin-top: 16px;} h5 {font-size: 16px; line-height: 20px; color: #8c3131; margin-bottom: 5px;} h6 {font-size: 15px; line-height: 20px; color: #8c3131; margin-bottom: 10px;} p, li, address {font-size: 12px; line-height: 19px; color: #676767; font-style: normal;} p {margin-top: 10px;} p.jobtitle {font-weight: bold; margin: 0;} p.toptext {font-size: 16px; line-height: 24px; color: #676767; font-weight: bold; margin: 0 0 20px;} a img {border: none;} img.seperator {margin: 30px 10px 10px;} /****** MODAL BOX ******/ #overlay {background-color: #000; position: absolute; top: 0; left: 0; z-index: 20000; display: none;} #dialogwrapper {width: 400px; position: fixed; z-index: 21000; display: none;} #modal {width: 400px; position: relative;} #modaltop {background: url('images/modal_bg_top.png') 0 0 no-repeat; height: 20px; overflow: hidden;} #modalcontent {background: url('images/modal_bg.png') 0 0 repeat-y; padding: 0 20px;} #modalbottom {background: url('images/modal_bg_bottom.png') 0 0 no-repeat; height: 26px; overflow: hidden;} #modal p {font-size: 13px; line-height: 20px; margin: 15px 10px 20px;} #modal a, #modal a:visited {color: #8c3131;} #modal a:hover {color: #676767;} #subForm {display: block; margin: 0 auto; padding: 0 0 20px; width: 340px; position: relative;} #subForm label {display: block; float: left; width: 90px; font-size: 15px; line-height: 31px; font-weight: bold;} #subForm div {margin: 0 0 10px; position: relative;} #subForm input {border: 1px solid #ccc; background: #f3f3f3; padding: 5px 4px; width: 230px; font-size: 15px; color: #444;} #subForm input.focusField {border: 1px solid #d8bdbd; background: #fbeded; color: #444} #newssubmitwrapper {text-align: right;} input#newslettersubmit {background: url('images/subscribe_button.png') 0 0 no-repeat; margin: 0 10px 0 0; width: 90px; height: 23px; border: none; cursor: pointer; text-indent: -9999px; font-size: 0; line-height: 0;} input#newslettersubmit:hover {background-position: 0 -23px;} #closeicon {position: absolute; height: 32px; width: 32px; top: 0; right: 0; outline: none;} #closelinkbottom {font-size: 13px; position: absolute; width: 100px; left: 30px; bottom: 26px; text-decoration: underline;} /****** SEARCH BAR ******/ #searchwrapper {background: url('images/search_bar_bg.png') 0 0 repeat-x; height: 40px; position: relative; top: 0;} #searchbar {margin: 0 auto; width: 940px; position: relative;} p#phonenumber {color: #959595; font-size: 12px; line-height: 40px; margin: 0;} p#phonenumber span {margin: 0 10px;} p#phonenumber a, p#phonenumber a:visited {color: #959595; text-decoration: none;} p#phonenumber a:hover {color: #8c3131;} #searchform {position: absolute; right: 0; top: 8px; height: 23px; width: 203px; float: right; text-align: right;} #searchinput {float: left; /*background: url('images/search-input-bg.png') 0 0 no-repeat;*/ height: 23px; width: 163px; margin: 0 5px 0 0;} #searchbutton {float: left; height: 23px; width: 30px;} #searchsubmit {display: block; font-size: 0; line-height: 0;} #searchsubmit {background: url('images/search-go-button2.png') 0 0 no-repeat; height: 23px; width: 30px; border: none; cursor: pointer; text-indent: -9999px;} #searchsubmit:hover {background-position: 0 -23px;} input#s {width: 153px; height: 21px; color: #959595; outline: none; padding: 0 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /****** HEADER ******/ #header {height: 120px; overflow: hidden; position: relative;} #header img {float: left; margin: 30px 0 0; border: none;} #header ul#nav {float: right; position: absolute; top: 50px; right: 10px; text-shadow: 1px 1px 0 #fff;} #nav li {display: block; float: left; font: 14px/14px bold Verdana, Arial, Helvetica, sans-serif; padding: 0 20px; border-right: 1px solid #ccc;} #nav li.lastmenuitem {padding: 0 0 0 20px; border: none;} #nav li a small {line-height: 12px; font-size: 11px; letter-spacing: 1px; font-weight: normal; text-transform: none;} #nav li a, #nav li a:visited {color: #525252; text-decoration: none; text-transform: uppercase; font-weight: bold;} #nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a {color: #8c3131;} #nav li a:hover small {color: #444;} /****** BANNER ******/ #banner {height: 342px; overflow: hidden;} #banner_text {float: left; width: 450px; padding: 10px 0 0 10px; height: 342px; position: relative;} #banner_text p {font-size: 17px; line-height: 25px; color: #444; margin-top: 20px; text-shadow: 1px 1px 0 #fff;} #banner_buttons {height: 53px; margin: 8px auto 0; width: 408px; position: absolute; bottom: 10px; left: 21px;} #banner_buttons a {display: block; float: left; height: 53px; text-indent: -9999px; width: 204px; outline: none;} #banner_buttons a.viewproducts {background: url('images/product_button.png') 0 0 no-repeat;} #banner_buttons a.getintouch {background: url('images/getintouch_button.png') 0 0 no-repeat;} #banner_buttons a:hover {background-position: 0 -53px;} #video_sample {background: url('images/video_bg_1.png') 0 0 no-repeat; float: right; height: 342px; width: 490px; position: relative;} #player {position: absolute; top: 20px; left: 20px; height: 300px; width: 450px;} /****** HOME CONTENT ******/ #home_content {margin: 0 5px 20px; overflow: hidden; width: 950px;} .home_column {float: left; width: 300px;} #home_left, #home_centre {padding-right:25px;} .home_column img {border: none; height: 156px; width: 270px;} .homeimgwrapper {background: url('images/home_img_bg_1.png') 0 0 no-repeat; padding: 15px 15px 20px;} .video_title {background: url('images/film.png') 3px 0 no-repeat; padding-left: 32px;} .photo_title {background: url('images/image.png') 3px 0 no-repeat; padding-left: 32px;} .book_title {background: url('images/book.png') 3px 0 no-repeat; padding-left: 32px;} .home_column p {color: #444; font-size: 13px; line-height: 20px; padding-left: 5px; margin: 0 0 10px;} .home_column a {text-decoration: none; color: #8c3131;} .info_link a, .info_link a:visited {font-size: 12px; line-height: 18px; color: #8c3131; font-weight: bold;} .info_link a:hover {color: #444; text-decoration: underline;} .home_column p.tagline {color: #444; font-size: 11px; line-height: 18px; margin: 3px 0 10px; letter-spacing: 0.1em;} /****** CONTENT ******/ #content_top {background: url('images/main_bg_top.png') 0 0 no-repeat; height: 20px;} #content {background: url('images/main_bg.png') 0 0 repeat-y; padding: 15px 30px 5px; overflow: hidden; width: 900px;} #content_bottom {background: url('images/main_bg_bottom.png') 0 0 no-repeat; height: 26px;} #sidebar_page, #sidebar_post {width: 200px; margin: 5px 0 20px; float: left;} #content_page, #content_post {width: 660px; margin-bottom: 20px; float: right;} #content_page ul, #content_post ul, #content_page ol, #content_post ol {margin: 10px 0 0 25px;} #content_page ul {list-style: none;} #content_page ol, #content_post ol {list-style: decimal inside;} #content_page ul li {background: url('images/arrow_bullet.png') 0 6px no-repeat; padding-left: 14px; font-size: 13px; line-height: 25px} ul#product_list li span {color: #8c3131; font-weight: bold;} #content_page img.centre, #content_post img.centre {display: block; margin: 10px auto;} #content_page a, #content_page a:visited, #content_post a, #content_post a:visited {color: #8c3131;} #content_page a:hover, #content_post a:hover {color: #676767;} div.page_video {background: url('images/video_bg_1.png') 0 0 no-repeat; height: 342px; width: 490px; margin: 10px auto; position: relative;} div.page_video div {position: absolute; top: 20px; left: 20px; height: 300px; width: 450px;} div.page_content_video, div.page_content_video_left, div.page_content_video_right {background: url('images/inner_player_bg.png') 0 0 no-repeat; height: 285px; width: 330px; margin: 10px auto; position: relative;} div.page_content_video_left {float: left; margin: 10px 10px 10px 0;} div.page_content_video_right {float: right; margin: 10px 0 10px 10px;} div.page_content_video div, div.page_content_video_left div, div.page_content_video_right div {position: absolute; top: 15px; left: 15px; height: 240px; width: 300px;} #sidebar_page p, #sidebar_page address {margin: 0 0 10px;} #sidebar_page a, #sidebar_page a:visited, #sidebar_post li a, #sidebar_post li a:visited {color: #676767;} #sidebar_page a.parent_page, #sidebar_page a.parent_page:visited {font-size: 14px; line-height: 18px; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;} #sidebar_page a:hover, #sidebar_page a.current_page_item, #sidebar_page li.current_page_item a, #sidebar_post li a:hover {color: #8c3131;} #sidebar_page ul.top_menu {margin-bottom: 30px;} #sidebar_page ul, #sidebar_post ul {list-style: none;} #sidebar_post ul {margin-bottom: 20px;} #sidebar_page li {border-bottom: 1px dotted #ccc; line-height: 28px;} #sidebar_page li a, #sidebar_page li a:visited {display: block;} #sidebar_page li a, #sidebar_page li a:visited, #sidebar_post li a, #sidebar_post li a:visited {background: url('images/arrow_bullet.png') 0 center no-repeat; padding-left: 14px; font-size: 14px; line-height: 28px; text-decoration: none;} #sidebar_post p.rsssidebar {margin: 0 0 25px; font-size: 14px; line-height: 14px;} #sidebar_post p.rsssidebar a {color: #676767;} #sidebar_post p.rsssidebar a img {vertical-align: middle; margin: -2px 3px 0 0;} img.contactimg {position: relative; bottom: -3px; border: 0; height: 16px; width: 16px; margin-right: 2px;} img.emailicon {bottom: -5px;} blockquote {background: url('images/quotes.png') 0 3px no-repeat; color: #676767; padding-left: 40px; font-size: 16px; line-height: 20px;} .content_header {margin-top: 10px; overflow: hidden;} .content_header img {background: url('images/page_img_bg.png') 0 0 no-repeat; padding: 15px 15px 30px; float: left; height: 95px; width: 170px; margin-right: 15px;} .test_content_header {overflow: hidden;} .test_content_header img {background: url('images/page_img_large_bg.png') 0 0 no-repeat; padding: 15px 15px 30px; height: 140px; width: 630px;} /** Blog Content **/ .post {position: relative;} a.more-link {font-size: 12px; line-height: 19px; margin-top: 20px;} .printlink {background:url('images/printer.png') 0 center no-repeat; padding-left: 20px; line-height: 16px; position: absolute; top: 0; right: 0;} .blogpost {border-bottom: 1px dotted #ccc; margin: 10px 0 20px; padding-bottom: 20px;} .blogpost img {display: block; margin: 10px auto;} .postheader {margin: 10px 0 20px;} .postheader h4 {border: none; margin: 10px 0 0; padding: 0;} .postheader p, #commentsarea p.tagline {font-size: 11px; line-height: 16px; margin: 0 0 10px; letter-spacing: 0.1em; text-transform: uppercase;} .postdetails {border: 1px solid #ccc; background: #f3f3f3; margin: 30px 0 10px; padding: 5px 10px; overflow: hidden;} .postdetails p {margin: 5px 0 0; line-height: 16px;} .postdetails ul#sharelinks {list-style: none; margin: 5px 20px 0 0; float: left; width: 300px;} .postdetails ul#sharelinks li {float: left; display: inline; margin-right: 5px;} .postdetails ul#sharelinks img {border: none;} /** Comments **/ #content ol.commentlist {list-style: none; margin: 0;} #content ol.commentlist li {list-style: none; border: 1px solid #ccc; background: #f3f3f3; margin: 20px 0 0; padding: 10px; color: #444} .commentavatar {float: right; width: 54px; padding-left: 10px;} .commentavatar img {border: 1px solid #ccc; background: #fff; padding: 2px;} .commentlist li cite {font-size: 14px; font-style: normal; color: #8c3131;} .reply {height: 16px; width: 100%;} .reply a.comment-reply-link {background: url('images/add_comment.png') 0 0 no-repeat; padding-left: 20px; line-height: 16px; float:right;} /** DVD Cases **/ .dvdcase {height: 100px; margin: 10px 0; float: left; padding: 0 0 0 110px;} #content_page div.dvdcase p {margin: 0;} .elegant {background: url('images/elegant-case.jpg') 0 0 no-repeat;} .prestigious {background: url('images/prestigious-case.jpg') 0 0 no-repeat;} .embossed {background: url('images/embossed-case.jpg') 0 0 no-repeat;} .wooden {background: url('images/wooden-case.jpg') 0 0 no-repeat;} .tin {background: url('images/tin-case.jpg') 0 0 no-repeat;} /** Memory Books **/ ul#memorybooklist {padding: 0; margin: 0;} ul#memorybooklist li {display: block; float: left; width: 300px; padding: 0 15px 0 14px;} #content_page div.imagesliderwrapper {background: url('images/img_slider_bg.png') 0 0 no-repeat; height: 285px; width: 400px; margin: 10px auto; position: relative; clear: both;} #content_page div.imagesliderwrapper ul {position: absolute; top: 15px; left: 15px; height: 240px; width: 370px; overflow: hidden; padding: 0; margin: 0;} #content_page div.imagesliderwrapper ul li {background: none; padding: 0; margin: 0; height: 240px; width: 370px;} .bookformat {height: 100px; width: 165px; float: left; padding: 0 0 15px 110px;} .optionwrapper {overflow: hidden;} .costoption {width: 300px; float: left; padding: 0 15px 15px 0;} .square {background: url('images/square.gif') 0 0 no-repeat;} .landscape {background: url('images/landscape.gif') 0 0 no-repeat;} .portrait {background: url('images/portrait.gif') 0 0 no-repeat;} .largeformat {background: url('images/large_format.gif') 0 0 no-repeat;} /** Testimonials **/ .name {margin: 0; color: #8c3131;} /****** FOOTER ******/ #footer {overflow: hidden; clear: both;} body.fullpage #footer {border-top: 1px dotted #ccc; padding-top: 15px;} .footer_column {float: left; padding: 0 0 5px 0;} #footer_left {width: 420px;} #footer_centre {width: 220px;} #footer_right {width: 200px;} #footer_left, #footer_centre {padding-right: 30px;} #latest_tweet {background: url('images/twitter.png') 0 0 no-repeat; min-height: 48px; width: 325px; padding-left: 55px;} #footer p, #footer ul li {margin: 0;} #footer_left p.twitter_link {padding-left: 55px;} #footer ul {list-style: none; position: relative;} #footer ul#useful_links li {background: url('images/arrow_bullet.png') 0 center no-repeat; padding-left: 14px;} #footer a, #footer a:visited {color: #676767;} #footer small, #footer a:hover, #copyright a:hover {color: #8c3131;} #footer span.contactdetails {position: absolute; left: 40px;} #footer img.rssicon {position: relative; bottom: -3px; border: 0; height: 14px; width: 14px;} .loading {background: url('images/ajax-loader.gif') center center no-repeat; height: 45px;} #copyright {padding-top: 5px; width: 900px; clear: both; text-align: center;} #copyright p, #copyright a, #copyright a:visited {font-size: 11px; line-height: 14px; color: #999; margin-top: 10px;} #copyright a:hover {color: #8c3131;} /****** CONTACT & COMMENT FORMS ******/ #contactform, #commentform {margin: 20px 0 0 20px; width: 620px;} #contactform fieldset, #commentform fieldset {border: none; margin-top: 10px;} #contactform div, #commentform div {position: relative; padding-bottom: 15px; border-bottom: 1px dotted #ccc; margin-bottom: 15px;} #contactform span.requiredfield {color: red;} #contactform label, #commentform label {display: block; float: left; font-size: 15px; line-height: 26px; width: 200px; font-weight: bold;} #contactform input.textfield, #contactform textarea, #commentform input.textfield,#commentform textarea {border: 1px solid #ccc; background: #f3f3f3; padding: 5px 4px; width: 410px; font-size: 15px; color: #444} #contactform input.focusField, #contactform textarea.focusField, #commentform input.focusField, #commentform textarea.focusField {border: 1px solid #d8bdbd; background: #fbeded; color: #444} #contactform input#submit, #commentform input#submit {margin: 0 0 0 190px; width: 204px; height: 53px; border: none; cursor: pointer; float: left; text-indent: -9999px;} #contactform input#submit {background: url('images/form_button.png') 0 0 no-repeat;} #commentform input#submit {background: url('images/comment_button.png') 0 0 no-repeat;} #contactform input#submit, #commentform input#submit {display: block; font-size: 0; line-height: 0;} #contactform input#submit:hover, #commentform input#submit:hover {background-position: 0 -53px;} #contactform label.error {float: none; color: red; position: absolute; top: 20px; left: 0; font-size: 11px; line-height: 12px; font-weight: normal;} #contactform img.formloaderimg {margin: 18px 0 0 10px; float: left;} #content .success, #content .warning {background: 5px center no-repeat; border: 1px solid; margin: 15px 0; padding-left: 50px;} #content .success {background-color: #DFF2BF; background-image: url('images/success.png'); color: #4F8A10;} #content .warning {background-color: #FFBABA; background-image: url('images/warning.png'); color: #D8000C;} #content .success p {color: #4F8A10; font-size: 13px; line-height: 40px; font-weight: bold; margin: 0; padding: 0;} #content .warning p {color: #D8000C; font-size: 13px; line-height: 40px; font-weight: bold; margin: 0; padding: 0;} /** Plugins **/ img#wpstats {display:none}