/* THEME NAME: Line In Web Design Custom Theme THEME URI: http://line-in.co.uk/ DESCRIPTION: A custom theme for Line In Web Design VERSION: 0.0.1 AUTHOR: Simon Fairbairn AUTHOR URI: http://line-in.co.uk/ */ /* -------------------------------------------------------------- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { /*background: transparent; */ border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { background:#fff; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*------------------- =Fonts ---------------------*/ @font-face { font-family: 'Prociono'; src: url('fonts/prociono-regular-webfont.eot'); src: local('Prociono'), url('fonts/prociono-regular-webfont.woff') format('woff'), url('fonts/Prociono-Regular.otf') format('opentype'); } body, input, textarea, .page-title span, #site-info, .entry-meta, .comment-meta, #comments .trackbacklist, #respond label, .entry-content label, .reply, .pingback a.url, .entry-content tr th, .entry-content thead th, h4, h5, h6, #site-description { font-family: 'Lucinda Grande', 'Helvetica Nueue', 'Arial', sans-serif; } /* { font-family: 'Prociono', 'Times New Roman', 'Serif'; } */ h1, h2, h3, .more-link, .back-link, .nav-previous a, .nav-next a, .nav-cancel a, h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, #site-title, #wp-calendar, .comment-body tr th, .comment-body thead th, .entry-title, .entry-utility, .navigation, .page-title, .pingback p, .widget-title, input[type=submit], #comments .commentlist cite, #linein-cta a { font-family: 'Prociono', 'Times New Roman', 'Serif'; font-variant: small-caps; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /*------------------- =LAYOUTS =Two column, right sidebar ---------------------*/ #main { width: 960px; overflow: hidden; } #container { width: 620px; margin-left: 10px; float: left; } #primary { width: 300px; margin-right: 10px; float: right; } #footer { clear: both; } /*------------------- =Full width ---------------------*/ .page-template-linein-portfolio-php #container { width: 980px; float: none; margin: 0; } /*------------------- =One column ---------------------*/ .page-template-linein-services-php #container, .page-template-linein-services-2-php #container, .page-template-linein-landing-php #container { width: 620px; margin: 0 auto; float: none; } /*------------------- =LAYOUTS =Two column, left sidebar ---------------------*/ .page-template-linein-home-php #main { width: 960px; overflow: hidden; } .page-template-linein-home-php #container { width: 305px; margin-left: 0; padding-left: 2px; margin-top: 40px; float: left; } .page-template-linein-home-php #primary { width: 620px; margin-right: 10px; float: right; } .page-template-linein-home-php #footer { clear: both; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ #header { width: 960px; margin: 0 auto; } #main { margin: 20px auto 0; } #footer-container { width: 960px; margin: 0 auto; } #wrapper { overflow: auto; } /* =Global Elements -------------------------------------------------------------- */ body { background: url(images/li_bg_tile.png); text-shadow: 0 1px #e0d6c9;} input { text-shadow: 0 1px #c6beb4; } body, input, textarea { font-size: 16px; line-height: 22px; color: #27221a;} hr { background-color: #494034; border-bottom: 1px solid #e9e2d9; clear:both; height: 1px; } p, pre { margin-bottom: 21px; } ul { list-style: square; margin: 0 0 22px 1.5em; } ol { list-style: decimal; margin: 0 0 22px 1.5em; } ol ol { list-style:upper-alpha; } ol ol ol { list-style:lower-roman; } ol ol ol ol { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } li { margin-bottom: 5px; } dl { margin:0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; margin-left: 1em; } code, kbd, pre, tt { background: #b6AA9a; padding: 0 2px; text-shadow: 0 1px #cbc2b8; } pre { padding: 1.5em; } cite, em, i { font-style: italic; } cite { font-weight: bold; display: block; text-align: right; } abbr, acronym { border-bottom: 1px dotted #27221a; cursor: help; } big { font-size: 131%; } ins { background: #e0d5c6; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="text"], input[type='password'], textarea { padding: 2px 5px; background: #c1b3a2; border: 0; border-bottom: 1px solid #ece4db; box-shadow: inset 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 300px; } select { width: 310px; } input[type='text'], input[type='password'] { height: 25px; } input[type='submit'] { padding: 3px 28px 4px 10px; background: #aba092 url(images/li_right_arrow.png) no-repeat right; background: rgba(0,0,0,0.2) url(images/li_right_arrow.png) no-repeat right; border: 1px solid #696259; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 18px; } input[type='submit']:hover { cursor: pointer; color: #0e7252; } h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #494034; } h1 { font-size: 28px; line-height: 42px; } h2 { font-size: 24px; line-height: 35px; } h3 { font-size: 22px; line-height: 36px; margin-bottom: 11px;} h4 { font-size: 17px; line-height: 33px; } h5 { font-size: 11px; line-height: 17px; } h6 { font-size: 7px; line-height: 10px; } blockquote { padding-left: 40px; background: url(images/li_quotes.png) no-repeat 0 0; } /* Tables */ th, td { padding: 1em; } a:link, a:visited { border-bottom: 1px dotted #0e7252; color:#0e7252; text-decoration: none; } a:visited { border-bottom: none; } a:active, a:hover, a:focus { background: #b6aa9a; border-bottom: 1px solid #0e7252; text-decoration: none; text-shadow: 0 1px #cbc2b8; } /* Text meant only for screen readers */ .screen-reader-text { left: -9000px; position: absolute; } /* =Header -------------------------------------------------------------- */ #header { position: relative; height: 150px;} #site-title { position: absolute; width: 200px; height: 128px; left: 10px; top: 8px; } #site-title a { color: #D6C8B6; } #site-title span { display: block; position: absolute; width: 100%; height: 100%; background: url(images/li_sprite.png) -129px -80px; } #site-description { position: absolute; right: 16px; color: #494034; text-shadow: 0 1px #e2d9cc; top: 106px; letter-spacing: 0.075em; font-size: 18px; } /* =Menu -------------------------------------------------------------- */ /* WIDER MENU */ /* #access { background: url(images/li_menu_bg.png) no-repeat 0 3px; height: 70px; position: absolute; right: 10px; width: 716px; font-weight: bold; } */ #access { background: url(images/li_sprite.png) no-repeat 0 -296px; height: 70px; position: absolute; right: 10px; width: 620px; font-weight: bold; } #access ul { left: 3px; list-style: none; position: absolute; top: 28px; margin: 0;} #access ul li { float: left; position: relative; text-align: center; margin: 0;} #access ul li a { border: none; color: #494034; display: block; font-size: 16px; min-height: 30px; padding: 6px 10px 0; } #access ul li.current-menu-item > a { color: #0E7252; } #access ul ul { display:none; float:left; left:0; position:absolute; top:37px; z-index: 99999; } #access ul ul ul { left:100%; top:0; } #access ul ul a { min-height: 0; padding: 10px; } #access ul ul li { background: #b9ad9d; border-bottom: 1px solid #978d80; box-shadow: inset 0 1px 0 #bfb6ab; -moz-box-shadow: inset 0 1px 0 #bfb6ab; -webkit-box-shadow: inset 0 1px 0 #bfb6ab; width: 160px;} #access ul ul li:hover > a { background: none;} #access li:hover > a, #access ul ul :hover > a { background: #b9ad9d; border-left: 1px solid #978d80; border-right: 1px solid #978d80; border-bottom: none; color: #0E7252; padding: 6px 9px 0; } #access ul ul :hover > a { padding: 10px 9px; } #access ul li:hover > ul { display:block; } .li-rss-feed a { border: 0; display: block; width: 33px; height: 31px; position: absolute; overflow: hidden; top: 29px; right: 8px;} .li-rss-feed a:hover, .li-rss-feed a:active, .li-rss-feed a:focus { border: 0; } .li-rss-feed a:hover span, .li-rss-feed a:active span, .li-rss-feed a:focus span { background-position: -443px -2px; } .li-rss-feed a span { background: url(images/li_sprite.png) -402px -2px; display: block; height: 100%; position: absolute; width: 100%; } /* =Content -------------------------------------------------------------- */ .comments-head { position: absolute; top: 30px; right: 10px; background: url(images/li_sprite.png) 0 -84px; width: 38px; height: 38px; padding: 5px 12px 0; text-align: center;} .comments-head a { color: #27221a; border: 0; text-shadow: 0 1px 0 rgba(255,255,255, 0.3); font-size: 18px;} .comments-head a:hover, .comments-head a:active, .comments-head a:focus { color: #0e7252; border: 0; font-size: 18px; background: none;} .entry-title { width: 560px; padding-right: 60px; font-size: 30px; padding-top: 30px; background: url(images/li_sprite.png) no-repeat 0 -405px; font-weight: normal; margin-bottom: 10px; line-height: 42px;} .single .entry-title { width: 620px; padding-right: 0; } .entry-title a { border: 0; color: #494034; background: none;} .entry-title a:hover, .entry-title a:active, .entry-title a:focus { color: #0E7252; background: none; text-shadow: inherit;} .page-title { text-align: center; margin-bottom: 20px; } .post { margin-bottom: 60px; position: relative; } .page { position: relative; } .entry-meta { margin-bottom: 21px; text-align: center; font-variant: normal; color: #494034; margin-top: 5px; } .entry-meta span { background: url(images/li_sprite.png) no-repeat; display: inline-block;height: 22px; padding-left: 25px; padding-right: 12px; padding-top: 3px;} .entry-meta a { background: none; } .entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus { background: none; } .entry-meta .entry-date { background-position: -407px -370px; } .entry-meta .entry-time { background-position: -303px -370px; } .entry-meta .cat-links { background-position: -589px -223px; } .entry-meta .tag-links { background-position: -589px -195px; } .entry-meta .edit-link { background-position: -2px -370px; } .entry-meta .author { background-position: -2px -370px;} .entry-meta .image-size { background-position: -148px -369px; padding-left: 30px;} .entry-meta .comments-link { background-position: -580px -369px; padding-left: 44px; } .entry-meta .comments-link span { background: none; padding: 0; } /* =Single Post -------------------------------------------------------------- */ .single #author-avatar { width: 80px; } .single #author-avatar { margin-top: 10px; } .single .post { margin-bottom: 20px; } .entry-image a { border: 0; background: none; } .post-enjoy{ width: 580px; overflow: hidden; margin: 40px auto; } .post-enjoy h3 { font-size: 24px; background: url(images/li_sprite.png) no-repeat 365px -208px; height: 45px; padding-top: 7px; } .post-enjoy ul { list-style: none; margin: 0; } .post-enjoy input { width: 260px; } .post-enjoy input[type='submit'] { width: 270px; margin-top: 15px; padding-left: 0; padding-right: 0;} .enjoy-list ul { margin-left: 20px; } .enjoy-list li { float: left; width: 289px; } .enjoy-list ul li { float: none; } .enjoy-list .inline-signup-form { border-right: 1px solid #494034; padding-bottom: 30px;} a.related-posts-image { border: 0; background: none; float: left; margin-right: 10px; } a.related-posts-image:hover, a.related-posts-image:active, a.related-posts-image:focus { border: 0; background: none; } .related-posts-list li { width: 270px; clear: both; } ul.enjoy-social { position: absolute; margin: 0; } ul.enjoy-social li { float: left; display: block; position: relative; width: 37px; height: 40px; } ul.enjoy-social li a { color: #d4c6b4; font-size: 3px; } ul.enjoy-social li a span { display: block; width: 100%; height: 100%; background: url(images/li_sprite.png); position: absolute; } ul.enjoy-social li.twitter { top: -9px; } ul.enjoy-social li.twitter a span { background-position: -236px 0; } ul.enjoy-social li.twitter a:hover span, ul.enjoy-social li.twitter a:active span, ul.enjoy-social li.twitter a:focus span { background-position: -236px -41px; } ul.enjoy-social li.stumble { top: -9px; left: 35px; } ul.enjoy-social li.stumble a span { background-position: -353px 0;} ul.enjoy-social li.stumble a:hover span, ul.enjoy-social li.stumble a:active span, ul.enjoy-social li.stumble a:focus span { background-position: -353px -40px; } ul.enjoy-social li.linked { top: -9px; left: 40px; display: none;} ul.enjoy-social li.linked a span { background-position: -490px -34px;} ul.enjoy-social li.linked a:hover span, ul.enjoy-social li.linked a:active span, ul.enjoy-social li.linked a:focus span { background-position: -531px -34px; } ul.enjoy-social li.facebook { top: -9px; left: 70px; } ul.enjoy-social li.facebook a span {background-position: -315px 0; } ul.enjoy-social li.facebook a:hover span, ul.enjoy-social li.facebook a:active span, ul.enjoy-social li.facebook a:focus span { background-position: -315px -41px; } ul.enjoy-social li.rss { top: -9px; left: 105px; } ul.enjoy-social li.rss a span { background-position: -278px 0; } ul.enjoy-social li.rss a:hover span, ul.enjoy-social li.rss a:active span, ul.enjoy-social li.rss a:focus span { background-position: -278px -41px; } /* =Search -------------------------------------------------------------- */ .not-found h2.entry-title { text-align: center; } .search h1.page-title { margin-bottom: 0; } h3.search-meta { margin-bottom: 30px; text-align: center; } /* =404 -------------------------------------------------------------- */ .error404 .entry-title { text-align: center; } /* =Author -------------------------------------------------------------- */ #entry-author-info { width: 400px; overflow: hidden; margin: 0 auto 15px; } #author-avatar { width: 120px; float: left; margin-top: 5px;} /* =Asides -------------------------------------------------------------- */ #primary input { width: 260px; margin-bottom: 10px; } #primary input[type='submit'] { width: 270px; padding-left: 0; padding-right: 0;} #primary ul { list-style: none; margin: 0; } #primary ul li { margin-bottom: 21px; } #primary ul li ul li, #primary ol li { margin: 0; } #primary ul ul { text-align: left; margin-left: 20px; } #primary ul h3 { background: url(images/li_sidebar_heading.png) no-repeat 0 10px; padding-top: 40px; font-size: 20px; margin-bottom: 10px; text-align: center;} #primary li div { margin: 0 20px; } #primary li div div { margin: 0; } #mce-responses div { margin-bottom: 21px !important; text-align: left;} #primary li#sidebar-social { margin: 0; } #primary li#sidebar-social .sidebar-social-media { position: absolute; margin: 0; } .sidebar-social-media li { float: left; display: block; position: relative; width: 37px; height: 30px; } .sidebar-social-media li a { color: #d4c6b4; font-size: 3px; } .sidebar-social-media li a span { display: block; width: 100%; height: 100%; background: url(images/li_sprite.png); position: absolute; } .sidebar-social-media li.twitter { top: -9px; left: 82px; } .sidebar-social-media li.twitter a span { background-position: -77px -40px; } .sidebar-social-media li.twitter a:hover span, .sidebar-social-media li.twitter a:active span, .sidebar-social-media li.twitter a:focus span { background-position: -77px 0; } .sidebar-social-media li.stumble { top: -9px; left: 82px; } .sidebar-social-media li.stumble a span { background-position: -114px -40px; } .sidebar-social-media li.stumble a:hover span, .sidebar-social-media li.stumble a:active span, .sidebar-social-media li.stumble a:focus span { background-position: -114px 0; } .sidebar-social-media li.facebook { top: -9px; left: 82px; } .sidebar-social-media li.facebook a span { background-position: -152px -40px; } .sidebar-social-media li.facebook a:hover span, .sidebar-social-media li.facebook a:active span, .sidebar-social-media li.facebook a:focus span { background-position: -152px 0; } .sidebar-social-media li.rss { top: -9px; left: 82px; } .sidebar-social-media li.rss a span { background-position: -190px -40px; } .sidebar-social-media li.rss a:hover span, .sidebar-social-media li.rss a:active span, .sidebar-social-media li.rss a:focus span { background-position: -190px 0; } #primary #text-6 li { float: left; width: 71px; text-align: center; margin-right: 10px; height: 40px; } #primary #text-6 { width: 100%; overflow: hidden; margin-bottom: 0; } #primary #text-6 h4 { line-height: 15px; font-size: 16px; padding-top: 4px; } #primary #text-6 h4 a, #primary #text-6 h4 a.selected, #primary .akpc-widget div a, #primary .neverending-recent-posts div a { color:#494034; text-shadow:0 1px #CBC2B8; border: 0; background: 0; } #primary #text-6 h4 a { color:#817361; } #primary #text-6 h4 a:hover, #primary #text-6 h4 a:active, #primary #text-6 h4 a:focus, #primary .akpc-widget div a:hover, #primary .akpc-widget div a:active, #primary .akpc-widget div a:focus, #primary .neverending-recent-posts div a:hover, #primary .neverending-recent-posts div a:active, #primary .neverending-recent-posts div a:focus { color: #494034; border: 0; background: 0;} #primary .akpc-widget div a:hover, #primary .akpc-widget div a:active, #primary .akpc-widget div a:focus, #primary .neverending-recent-posts div a:hover, #primary .neverending-recent-posts div a:active, #primary .neverending-recent-posts div a:focus { color: #0E7252; } #primary #text-6 #freedom { overflow: hidden; margin-left: 0; padding: 10px 0 0 13px; background: #857f77; padding-bottom: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; background: rgba(0, 0, 0, 0.2); border: 1px solid #696259; border-bottom: none;} #primary #text-6 ol, #primary .akpc-widget ol, #primary .neverending-recent-posts ol { padding: 20px; color:#494034; text-shadow:0 1px #CBC2B8; font-weight: bold;} #primary .akpc-widget div, #primary .neverending-recent-posts div { background: #857f77; padding-bottom: 20px; background: #857f77; background: rgba(0, 0, 0, 0.2); padding-bottom: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #696259; border-top: none; } .akpc_report span { display:none; } /* =Home page -------------------------------------------------------------- */ #linein-slideshow { float: right; width: 620px; position: relative; padding-top: 30px; background: url(images/li_sprite.png) no-repeat 0 -404px; } #linein-slideshow #linein-slideshow-container { margin:0 auto; width:560px; height:355px; overflow:auto; /* allow scrollbar */ position:relative; padding-top: 10px; } #linein-slideshow #linein-slideshow-container .slide { margin:0 auto; width: 560px; /* reduce by 20 pixels to avoid horizontal scroll */ height:355px; } #linein-slideshow #linein-slideshow-container .slide-block { display: block; margin: 0 auto; width: 540px;} #linein-slideshow #linein-slideshow-container .slide a { border: 0; text-shadow: none; box-shadow: none; background: none; } #linein-slideshow #linein-slideshow-container .slide a:hover, #linein-slideshow #linein-slideshow-container .slide a:active, #linein-slideshow #linein-slideshow-container .slide a:focus { border: 0; text-shadow: none; box-shadow: none; background: none;} .control { display: block; width: 30px; height: 30px; position: absolute; z-index: 1000; top: 195px;} #linein-slideshow-right { right: 0; } #linein-slideshow-left { left: 0; } #linein-slideshow-left a, #linein-slideshow-right a { display: block; width: 100%; height: 100%; background: url(images/li_sprite.png); border: none; } #linein-slideshow-right a { background-position: -450px -40px; } #linein-slideshow-left a { background-position: -404px -40px; } #linein-slideshow-footer { width: 100%; height: 30px; background: url(images/li_sprite.png) no-repeat 0 -270px; clear: both; } .control a:hover, .control a:active, .control a:focus { border: none; } blockquote p { margin-bottom: 10px; } .page-template-linein-home-php .entry-title { background: none; padding: 0; line-height: 24px; margin-bottom: 20px; } .page-template-linein-home-php #container { border-left: 3px solid #494034; height: 390px;} .page-template-linein-home-php #content { border-left: 1px solid #494034; height: 100%; padding-left: 20px; position: relative; } #portfolio-title { line-height: 24px; margin-bottom: 10px; text-align: center; } #linein-cta a { position: absolute; top: 330px; display: block; background: #aba092 url(images/li_sprite.png) no-repeat 244px 2px; background: rgba(0,0,0,0.2) url(images/li_sprite.png) no-repeat 232px 2px; border: 1px solid #696259; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; text-shadow: 0 1px #cbc2b8; color: #494034; font-size: 24px; width: 250px; height: 32px; padding-top: 10px; padding-left: 28px;} #linein-cta a:hover, #linein-cta a:active, #linein-cta a:focus { color: #0E7252; } /* =Services -------------------------------------------------------------- */ .page-template-linein-services-php .entry-title { background: none; padding: 0; } .page-template-linein-services-php .services-contact { margin-top: 20px; } .page-template-linein-services-php .services-contact, .page-template-linein-services-php .wpcf7 input, .page-template-linein-services-php .wpcf7 select, .page-template-linein-services-php .wpcf7 textarea { width: 450px; margin: 0 auto; } .page-template-linein-services-php h4 { margin-bottom: 14px; line-height: 18px; font-size: 20px;} .page-template-linein-services-2-php .entry-title { background: none; padding: 0; } .page-template-linein-services-2-php .services-contact { margin-top: 20px; } .page-template-linein-services-2-php .services-contact, .page-template-linein-services-2-php .wpcf7 input, .page-template-linein-services-2-php .wpcf7 select, .page-template-linein-services-2-php .wpcf7 textarea { width: 450px; margin: 0 auto; } .page-template-linein-services-2-php h4 { margin-bottom: 14px; line-height: 18px; font-size: 20px;} #services-next { float: none; width: 100%; margin-bottom: 22px; overflow: hidden;} #services-next a { float: right; } .services-menu { margin: 0; padding: 0; list-style: none; text-align: center; } .services-menu-bottom { margin-bottom: 22px; } .services-menu li { display: inline-block; height: 25px; margin-right: 10px; text-align: center; font-weight: bold; font-size: 14px; } .services-menu li a { border: 0; color: #494034; background: none; } .services-menu li a:hover, .services-menu li a:active, .services-menu li a:focus, .services-menu li a.selected { color: #0E7252; } .sales-page h3 { text-align: center; font-size: 28px; line-height: 36px; margin-bottom: 11px; font-variant: normal;} .sales-page cite { color: #494034; margin-bottom: 11px} .sales-page ul, ul.tick-list { list-style: none; margin: 0 0 22px; padding: 0; } .sales-page ul li, ul.tick-list li { padding-left: 30px; background: url(images/li_tick.png) no-repeat; margin-bottom: 10px; } /* =Portfolio -------------------------------------------------------------- */ .page-template-linein-portfolio-php #content { min-height: 500px; } .page-template-linein-portfolio-php .entry-title { background: none; padding: 0; margin-left: 10px; margin-bottom: 0;} .page-template-linein-portfolio-php h3.portfolio-options { font-weight: normal; margin-left: 10px; margin-bottom: 30px } .page-template-linein-portfolio-php .portfolio-option { padding-left: 30px; border: 0; font-size: 20px; color: #494034; background: url(images/li_sprite.png) no-repeat -588px -168px;} .page-template-linein-portfolio-php a.portfolio-option:active, .page-template-linein-portfolio-php a.portfolio-option:focus { color: #494034; } .page-template-linein-portfolio-php a.portfolio-option:hover { border: 0; text-shadow:0 1px #E0D6C9; color: #0E7252;} .page-template-linein-portfolio-php .option-selected {background: url(images/li_sprite.png) no-repeat -588px -135px; } .page-template-linein-portfolio-php .portfolio-container { width: 463px; float: left; margin: 0 10px 30px; } .page-template-linein-portfolio-php .portfolio-container .portfolio-header { min-height: 300px; } .page-template-linein-portfolio-php .portfolio-container img { display: block; margin: 0 auto; } .page-template-linein-portfolio-php .portfolio-container h2 { margin-top: 10px; } .page-template-linein-portfolio-php .wide { margin-left: 180px; margin-bottom: 0; width: 620px; } #linein-loading { clear: both;width: 16px; height: 16px; background: url(images/ajax-loader.gif) no-repeat; display:none; width: 620px; margin: 0 auto; } #ajax-results { position: relative; display: none; width: 620px; margin: 0 auto;} #ajax-results .portfolio-nav { height: 60px; } #ajax-results .nav-previous, #ajax-results .nav-next, #ajax-results .nav-cancel { position: absolute; top: 20px; width: 150px; text-align: center} #ajax-results .nav-previous { left: 0; } #ajax-results .nav-next { right: 0; } #ajax-results .nav-cancel { left: 235px; } #ajax-results .entry-title { margin-left: 0; margin-bottom: 21px; } #ajax-results .main_image { margin-bottom: 21px; } .testimonial { border: 1px solid #494034; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 21px; padding: 15px;} .testimonial blockquote { margin-bottom: 11px; } .testimonial p { margin: 0; } .testimonial cite { display: block; text-align: right; font-size: 20px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment #container { width: 920px; margin: 0 auto; float: none; } .attachment { position: relative; } .attachment .entry-title { background: none; padding: inherit; margin: inherit; margin-bottom: 40px;} .attachment #nav-below { width: 80%; margin: 0 auto; } .attachment .entry-container, .attachment .entry-caption { width: 620px; margin: 0 auto; } .attachment-back { position: absolute; right: 0; top: 43px; } /* =Images -------------------------------------------------------------- */ .page-template-linein-home-php #primary img, img { margin: 0; max-width: 620px; border: 1px solid #6c655c; box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); } .page-template-linein-home-php #linein-slideshow img { margin: 0 auto; } .single-attachment #content img { display: block; margin: 21px auto 0; max-width: 900px; } #content .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } #content .wp-caption { text-align: center; margin-bottom: 20px; padding: 4px; } #content .wp-caption img { margin: 5px; } #content .wp-caption p.wp-caption-text { margin: 0 0 4px; } #content .wp-smiley { margin:0; } #content .gallery { margin: auto; width: 100%; overflow: hidden; } #content .gallery .gallery-item { float: left; margin-top: 0; margin-bottom: 21px; text-align: center; width: 33%; } #content .gallery .gallery-caption { margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery a, #content .gallery a:hover, #content .gallery a:active, #content .gallery a:focus { border: 0; text-shadow: none; background: none;} #content .gallery a:hover img, #content .gallery a:active img, #content .gallery a:focus img { box-shadow: 0 0 4px #0e7252; -moz-box-shadow: 0 0 4px #0e7252; -webkit-box-shadow: 0 0 4px #0e7252; border: 1px solid #0e7252;} #content .gallery br+br { display: none; } .wp-caption { -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3); border:1px solid #6C655C; background: #B9AD9D; } .wp-caption img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .wp-caption a { border: none; } .wp-caption a:hover, .wp-caption a:active, .wp-caption a:focus { background: none; border: none;} /* =Navigation -------------------------------------------------------------- */ #nav-below { width: 100%; overflow: hidden; margin-bottom: 30px; } .nav-previous a, .nav-next a, .nav-cancel a, a.more-link, a.back-link { display: block; background: #aba092 url(images/li_sprite.png) no-repeat; background: rgba(0,0,0,0.2) url(images/li_sprite.png) no-repeat; border: 1px solid #696259; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; text-shadow: 0 1px #cbc2b8; color: #494034; font-size: 18px; } /* To accommodate variable widths, use a separate image */ .nav-next a { background: #aba092 url(images/li_right_arrow.png) no-repeat; background: rgba(0,0,0,0.2) url(images/li_right_arrow.png) no-repeat; } a.more-link, .nav-next a { padding: 2px 28px 4px 10px; background-position: 128px -39px} a.back-link, .nav-previous a { padding: 2px 10px 4px 28px; background-position: -590px -102px; } .nav-cancel a { padding: 2px 0 4px; background-position: -483px 3px;} .nav-next a { background-position: right; } .nav-next { float: right; } .nav-previous { float: left; } a.more-link { width: 160px; position: relative; left: 410px; background-position: 166px -39px; } .nav-next a:hover, .nav-next a:active, .nav-next a:focus, .nav-previous a:hover, .nav-previous a:active, .nav-previous a:focus, .nav-cancel a:hover, .nav-cancel a:active, .nav-cancel a:focus, a.more-link:hover, a.more-link:active, a.more-link:focus, a.back-link:hover, a.back-link:active, a.back-link:focus { color: #0E7252; } /* #nav-below { margin-top: -60px; } */ .page-link { margin: 21px 0; text-align: center; } .page-link span, .page-link a { display: inline-block; width: 20px; height: 20px; border: 0;} .page-link a { padding: 0 1px 1px 0; } .page-link span a:hover, .page-link span a:active, .page-link span a:focus { border: 0; width: 21px;} .page-link span { border: 1px solid #494034; box-shadow: 0 1px 0 rgba(255,255,255,0.3); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3); } /* =Comments -------------------------------------------------------------- */ .comment { position: relative; } div.comment-meta { } #comments ol, #comments ul { list-style: none; margin: 0; } div.comment-meta .entry-date { position: absolute; right: 0; top: 0;} div.comment-meta .entry-time { position: absolute; right: 0; top: 25px;} div.comment-meta .edit-link { position: absolute; left: 450px; top: 50px;} .comment hr { margin-bottom: 30px; } #comments-title { margin-bottom: 30px; } h3.pingback-title { margin-bottom: 15px; } p.form-allowed-tags { font-size: 12px; width: 470px; } #comments input, #comments textarea { display: block; } #comments ol.trackbacklist { margin-bottom: 31px; } #comments ol ol, #comments ul ul, #comments ol ul, #comments ul ol { margin-left: 30px; } #comments .commentlist .comment-author cite { font-style: normal; font-size: 18px; margin-left: 10px; margin-left: 0; text-align: left;} /* =Widget Areas -------------------------------------------------------------- */ /* =Footer -------------------------------------------------------------- */ #footer { background: url(images/li_footer_background.png); margin-top: 20px; } #footer-trim { background: url(images/li_footer_shadow.png) top left repeat-x; width: 100%; overflow: hidden} #footer-widget-area ul { list-style: none; margin: 20px 0 0 ; padding: 0; } #footer-widget-area ul ul { margin: 0; } #footer-widget-area ul li { float: left; width: 300px; margin-right: 20px; color: #27221a; text-shadow: none;} #footer-widget area ul li ul li { float: none; } #footer-widget-area input[type='text'], #footer-widget-area textarea { background: #b1ada7; box-shadow: inset 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); border: 1px solid #625e58; width: 265px; } #footer-widget-area textarea { height: 100px; } #footer-widget-area input[type='submit'] { width: 276px; color: #b1ada7; text-shadow: none; font-size: 24px; padding-left: 0; padding-right: 0; } #footer-widget-area input[type='submit']:hover { cursor: pointer; color: #27221a; } #footer a { color: #053526; text-shadow:0 1px #A8A49E;background:none; border: none;} #footer a:hover, #footer a:active, #footer a:focus { color: #27221A; text-decoration: none; text-shadow:0 1px #A8A49E; background: none; border: none;} #footer h3 { font-size: 24px; line-height: 30px; text-shadow: 0 1px #a8a49e; color: #27221a; background: url(images/li_sprite.png) no-repeat -592px 0; padding-left: 40px; margin-bottom: 20px;} #footer p { margin-bottom: 11px; } #footer #twitter-line h3 { background-position: -592px -75px;} #footer #twitter-line li { background: url(images/li_sprite.png) -329px -84px; padding-top: 30px; height: 132px; margin-left: 20px; width: 238px; padding-left: 12px; } #footer #twitter-line li p { padding: 0 20px; font-size: 14px; color: #b1ada7 } #footer #twitter-line li a { color: #9e9381; text-shadow: none; } #footer #text-4 h3, #footer #text-7 h3 { background-position: -592px -20px; } #footer #text-5 h3, #footer .inline-recent-posts h3 { background-position: -592px -47px; } #footer .inline-recent-posts h4 { line-height: 22px; margin-bottom: 20px; } #site-info { clear: both; text-align: center; padding-bottom: 20px; text-shadow: none; margin-right: 20px;} #site-info a, #site-info a:hover, #site-info a:active, #site-info a:visited { text-shadow: none; } /* =Added styles -------------------------------------------------------------- */ /* 01/09/2010 - Donate button */ #donate input { display: block; margin: 0 auto; } #donate img { border: 0; margin: 0; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .page .entry-image { margin-bottom: 20px; } /* 27/09/2010 - bucketlister */ .bucketlister-table { margin-bottom: 20px; font-size: 14px;} .bucketlister-table tr.even, .bucketlister-table tr.thead { background: rgba(0,0,0,0.1); } .bucketlister-table tr.thead { border-bottom: 1px solid #817361; } .bucketlister-table td, .bucketlister-table th { padding: 10px; } .bucketlister-table .bucketlister-target { width: 21%; } .bucketlister-table .bucketlister-days { width: 18%; } img.wp-post-image { display: block; margin: 0 auto; } .syntaxhighlighter code, .syntaxhighlighter pre { text-shadow: none; } /* =Print Style -------------------------------------------------------------- */ @media print { }