/* Theme Name: Red Balloon Creative 2010 Theme URI: http://www.redballooncreative.com Description: 2010 Theme for Red Balloon Creative Version: 3.5.3 Author: Red Balloon Creative Author URI: http://redballooncreative.com Tags: Author Notes: Theme Designed by Billy Carey for Red Balloon Creative. http://careyb.com | http://redballooncreative.com */ /*********************************** Reset ***********************************/ @import url("reset.css"); /*********************************** Layout ***********************************/ body {background: url(images/bg-blue.png) repeat;} #wrap {width: 100%; background: url(images/bg-white) #fafafa repeat; border: 1px solid #056cad; border-left: 0px; border-right: 0px; margin-bottom: 30px;} #top-bar, #header-wrap, #footer-wrap, #main { margin:0px auto; width:960px;} #header-wrap, #footer-wrap {position:relative;} #header {width:100%; padding: 40px 0px 10px 0px;} body.page-template-project-php #header, body.page-template-work-php #header {padding-bottom: 25px;} #main-wrap {width: 100%; background: url(images/work/work-bg.png) repeat; padding: 30px 0px; margin: 10px 0px 40px 0px; border: 1px solid #000; border-left: 0px; border-right: 0px;} #main {margin-bottom: 40px;} #content, #slider, #gallery-content {width:633px; padding: 5px; padding-bottom: 0px; margin-left:2px; float:left;} #sidebar {width:305px; padding: 5px; padding-bottom: 6px; margin-left:-5px; float:left;} #content, #slider, #gallery-content {background: url(images/dots-red.png) top left repeat;} #sidebar{background: url(images/dots-red.png) -634px top repeat;} body.page-template-default #content, body.single #content {background: none; position: relative; padding-left: 80px; padding-bottom: 0px; padding-right: 15px; width: 543px; background: url(images/blog/string.png) 6px 0px repeat-y;} body.page-template-default #sidebar, body.single #sidebar {margin-top: 63px; margin-left: 0px;} body.page-template-homepage-php #main {width: 962px;} body.page-template-homepage-php #content, body.page-template-homepage-php #sidebar {margin-top: -5px;} body.page-template-homepage-php #content {width: 639px;} body.page-template-homepage-php #sidebar { margin-left: -5px;} body.page-template-about-php #slider {width: 950px;} body.page-template-project-php #content {width: 960px; background: url(images/work/project-top.png) bottom no-repeat; padding: 0px;} body.page-template-project-php #content #content-top {width: 946px; background: url(images/work/project.png) top no-repeat; padding: 7px;} body.page-template-contact-php #content {width: 467px;} body.page-template-contact-php #sidebar {width: 457px; float: right;} #footer { /*margin-top:0px; /* negative value of footer height */ } #footer-wrap {background:url(images/footer.png) bottom center no-repeat; height:160px; position: relative;} /*********************************** Typography ***********************************/ /*** Logos ***/ h1.logo a {display:block; text-indent:-9999px; background-position:bottom left; background-repeat:no-repeat; float: left;} #header h1.logo a {display:block; width:311px; height:25px; background-image:url(images/logo.png); margin-top: 28px;} #footer h1.logo a {display:block; width:251px; height:22px; background-image:url(images/footer-logo.png); margin: 20px 0px 0px 25px;} /*** Base ***/ body { font-size:62.5%; /* Resets font size to 10px */ font-family:"Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial;} p, cite, #content li {color:#2e2e2e; font-size:1.2em; line-height:1.5em;} p, #content ul {margin-bottom:1.6em; } p.small {font-size:1.1em} body.single #content #the-post p:first-child {font-weight: bold;} /*** Links ***/ a, p a {color:#ad0f22; text-decoration:none;} a:link {text-decoration:none;} a:visited { } a:hover {text-decoration:underline;} a:active { } a.link, a.link span { display:block; background-repeat:no-repeat; float:left; text-decoration:none; font-weight:bold;} a.link { background:url(images/link.png) left top; padding:0 0 0 5px; height:30px;} a.link span { background:url(images/link.png) right top; background-color:#fff; padding:5px 30px 5px 25px; height:20px;} a.link:hover {background-position:left bottom;} a.link span:hover {background-position:right bottom;} a.more {float: right; display: block; width: 232px; height: 39px; background: url(images/read-more.png) top no-repeat; text-indent: -9999px; margin-top: -1em;} a.more:hover {background-position: 0px -39px;} a.more:active {background-position: 0px -78px;} li.comment p.comment-meta a, #share li a, #tabs-1 a, #tabs-2 a, p.entry-cat a, cite.fn a {border-bottom: 1px dashed #086ead; padding-bottom: 2px;} li.comment p.comment-meta a:hover, #share li a:hover, #tabs-1 a:hover, #tabs-2 a:hover, p.entry-cat a:hover, cite.fn a:hover {border-bottom-style: solid; text-decoration: none;} #tabs-1 a, #tabs-2 a, p.entry-cat a {padding-bottom: 0px;} /*** Lists ***/ ul, ol, li {list-style-position:inside;} ul, li {list-style-image:;} /*** Extra Typographic Classes ***/ .alignleft {float:left;} .alignright {float:right;} .margin {margin-bottom:1.6em;} .half-margin {margin-bottom:0.8em;} .no-margin {margin-bottom:0em;} .screen-reader-text {display: none;} /*** Headings ***/ h2, h3, h4, h1 a, h2 a, h3 a, h4 a { font-family: "Thesis"; color:#2e2e2e; margin-bottom:0.31em; font-weight: normal; font-variant: normal; text-decoration:none;} h3:hover, h3 a:hover, h4:hover, h4 a:hover {color: #055283; text-decoration: none;} h1 {font-size:1.8em;} h2 {font-size:2.8em; margin-bottom: 1.25em; font-weight: normal; font-variant:normal;} h3 {font-size:2.0em;} h4 {font-size:1.8em;} h6 {font-size:1em;} h2.description {text-indent: -9999px; display: block; width: 960px; height: 88px; background: url(images/description.png);} body.single h2 { margin-bottom: 0.31em;} body.page-template-work-php h2, body.page-template-project-php h2 {color: #efefef; margin-bottom: 0.84em;} #gallery-content h3 {font-weight: bold;} .entry h3 {margin-bottom: 0.2em;} body.page-template-about-php h3 {font-size:2.4em; margin-bottom: 0.75em;} #sidebar h4 {display: block; width: 305px; height: 32px; padding-top: 15px; text-align: center; background: url(images/blog/sb-title.png) top center; margin-top: -44px;} #share h4 {margin-bottom: 0em;} .sb-content h3 {margin:-8px -7px; font-size: 1.8em; margin-bottom: 8px; background: url(images/blog/grey-bg.png) repeat; border: 1px dotted #b8aab1; display: block; padding: 10px 0px; text-align: center;} #the-post h3, #the-post h4 {margin-bottom: 1em;} /*** Blockquotes and Citations ***/ blockquote {border:1px solid #561275; background-color:#f2f3f4; padding:10px 10px 0px 10px; margin-bottom:1.6em;} blockquote p { margin-bottom:1em} blockquote cite { font-style:italic;} blockquote cite span {} /** Inputs **/ input, textarea {font-family: Rockwell, "Courier New", Courier, Georgia; font-style: italic; font-size: 1.4em;} /*********************************** Content ***********************************/ /*************** Header ***************/ #top-bar {width: 950px; height: 30px; padding:5px 5px; margin-bottom: 27px; background: url(images/top-bar.png) no-repeat;} .open, ul.top-bar li {float: left; text-indent: -9999px;} ul.top-bar li a {display: block;} .open a {width:177px; display: block; height:24px; margin-left: 10px; margin-top: 1px; background: url(images/open.png) no-repeat;} ul.top-bar {float: right; } ul.top-bar li {border-left: 1px dotted #3b3b3b; padding: 0px 5px; } ul.top-bar li.phone {width:138px; height:24px;background: url(images/phone-small.png) center no-repeat;} ul.top-bar li.email a {width:236px; height:24px; background: url(images/email-small.png) center no-repeat;} ul.top-bar li.request-quote a{width:130px; height:30px; margin-top: -1px; background: url(images/request-quote-small.png) no-repeat;} ul.top-bar li.request-quote a:hover{ background-position:0px -31px;} ul.top-bar li.request-quote a:active{ background-position: 0px -62px;} ul.top-bar li.socmed-holder {text-indent: 0px; border: 0px; margin-left: -14px;} ul.socmed {float: right; margin-right: 10px;} ul.socmed li {border: 0px; float: left; padding-right: 0px;} ul.socmed li a {margin-top: -1px; margin-left: -5px;} ul.socmed li.connect {width: 62px; height: 24px; margin-right: 2px; background: url(images/connect.png) right no-repeat; border-left: 1px dotted #3b3b3b; } ul.socmed li.tw-small a {width: 28px; height: 30px; background: url(images/twitter-small.png);} ul.socmed li.fb-small a {width: 28px; height: 30px; background: url(images/facebook-small.png);} ul.socmed li.rss-small a {width: 28px; height: 30px; background: url(images/rss-small.png);} #menu { width:460px; height:auto; float: right;} #menu ul { list-style-type:none; float:right;} #menu ul li {display:inline; float:left; margin-left:15px;} #menu ul li a { text-indent:-9999px; display:block; background-position:top center; width: 85px; height:85px;} #menu ul li a:hover { background-position:0px -85px;} #menu ul li.current-page-item a { background-position:0px -170px;} #menu ul li.nav-about a {background-image:url(images/nav-about.png);} #menu ul li.nav-work a {background-image:url(images/nav-work.png);} #menu ul li.nav-blog a {background-image:url(images/nav-blog.png);} #menu ul li.nav-contact a {background-image:url(images/nav-contact.png);} /*************** Content ***************/ /*** HOME ***/ #gallery-content {width:950px; height: 238px; position:relative; margin-bottom: 00px;} #gallery-content h3 {display: block; width: 585px; height: 32px; padding: 13px 0px 0px 20px; background: url(images/work/gallery-title.png) no-repeat; } .gallery {width:949px; height: 182px; position:relative; background: url(images/work/work-slider.jpg) no-repeat; clear:both;} .gallery .wrapper {width: 922px; /* .gallery width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 247px; margin:0px; position: absolute; top:13px; left:13px; } .gallery .wrapper ul {width: 9999px; /* single item * n */ list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top: 0; } .gallery ul li {display:block; float:left; width:922px; height:247px; padding:0px; position:relative; } .gallery .arrow {display: block; height: 45px; no-repeat 0 0;text-indent:-9999px;position:absolute;top:-51px; cursor: pointer;outline: 0;} .gallery .forward {background: url(images/slider-next.png); right: 0px; width: 82px;} .gallery .back {background: url(images/slider-prev.png); right:260px; width: 84px;} .gallery .arrow:hover {background-position: 0px -42px;} .gallery .view-all {background: url(images/slider-all.png); width: 178px; right: 82px;} /*** ABOUT ***/ #slider { height: 350px; margin: 0 auto; position: relative;} ul.navigation {width:950px; height:66px; padding:0px; margin: 0px;} ul.navigation li {float:left; margin-right: 0px; } ul.navigation li a {display:block; width:238px; height:60px; text-indent:-9999px;} ul.navigation li.about a {background:url(images/about/about-nav-agency.png) top center no-repeat;} ul.navigation li.brand a {background:url(images/about/about-nav-branding.png) top center no-repeat;} ul.navigation li.design a {background:url(images/about/about-nav-design.png) top center no-repeat;} ul.navigation li.host a {background:url(images/about/about-nav-hosting.png) top center no-repeat; } ul.navigation li:last-child a {width:235px;} ul.navigation li a:hover {background-position:0px -60px ; } ul.navigation li a.selected {background-position: 0px -120px; height: 66px;} #slider-bg {width:943px; height: 278px; padding:3px;margin-top: -5px; background: url(images/bg-white) #fafafa ;} .scroll { width:943px; repeat; padding: 0px; padding-bottom: 0px; border-top: 0px; overflow: auto; position:absolute; top:66px; left:8px; /* fix for IE to respect overflow */ clear: left;} .scrollContainer div.panel { padding: 15px 20px 20px 20px; width:901px; border: 1px dotted #b8aab1; border-top: 0px; background: url(images/blog/grey-bg.png) repeat; position:relative; /* change to 560px if not using JS to remove rh.scroll */ } div.panel .panel-content {float: left; width: 450px;} div.panel .panel-image {float: right; width: 420px;} div.panel .panel-image img {margin:0px auto; margin-bottom: 30px; margin-left: 50px;} div#host .panel-image img {margin-top: 45px;} ul.overlay-links {float: right; width:268px; margin-top: -55px; list-style-type: none;} ul.overlay-links li {list-style-image: none; list-style-type: none; margin-bottom: 10px;} ul.overlay-links li a {display:block; height:36px; text-indent:-9999px; } ul.overlay-links li.over-serv a {background: url(images/cta-service.png) no-repeat top; width: 268px;} ul.overlay-links li.over-gal a {background: url(images/cta-gallery.png) no-repeat top; width: 179px;} ul.overlay-links li a:hover {background-position: bottom;} ul.panel-links li { float: left;} ul.panel-links li a { display:block; height: 51px; background-position: top; text-indent:-9999px;} ul.panel-links li a:hover {background-position: 0px -46px;} ul.panel-links li.about-link-1 a {width: 206px; background-image: url(images/about/more-about.png);} ul.panel-links li.about-link-2 a {width: 208px; background-image: url(images/about/more-test.png);} ul.panel-links li.brand-link a {width: 414px; background-image: url(images/about/more-branding.png);} ul.panel-links li.design-link a {width: 414px; background-image: url(images/about/more-design.png);} ul.panel-links li.host-link a {width: 414px; background-image: url(images/about/more-hosting.png);} .scrollContainer div#about ul.panel-links { margin-left: 3px; } .scrollContainer div#about ul.panel-links li { margin-top: -10px; } blockquote#about-test {background: url(images/testimonial.png) no-repeat; width: 417px; height: 186px; position: relative; float: left; border: 0px; margin: 0px;} blockquote#about-test p {text-indent: -9999px;} blockquote#about-test cite {position: absolute; bottom: 30px; font-style: normal;} blockquote#about-test cite.name {left: 90px;} blockquote#about-test cite.firm {right:58px; font-weight: bold;} /*** WORK ***/ ul#filter, ul#project-nav {float: right; width: 415px; height: 45px; background: url(images/work/filter-nav.png) no-repeat; margin-top: -63px;} ul#filter li, ul#project-nav li {float: left; margin-right: 1px; margin-top: 7px;} ul#project-nav li {margin-top: 8px;} ul#filter li:first-child {margin-left: 12px; margin-right: 5px; margin-top: 15px;} ul#filter li.filter-by {display: block; width: 105px; height: 11px; background-image: url(images/filter.png); text-indent: -9999px;} ul#filter li a, ul#project-nav li a {display: block; height: 30px; background-position: top; text-indent: -9999px;} ul#filter li.branding a {width: 83px; background-image: url(images/branding.png);} ul#filter li.web-design a {width: 96px; background-image: url(images/web.png) ;} ul#filter li.print-design a {width: 104px; background-image: url(images/print.png);} ul#filter li a:hover {background-position: 0px -29px;} ul#project-nav li a:hover {background-position: 0px -30px;} ul#filter li a:active, ul#filter li.current a, ul#project-nav li a:active {background-position: 0px -59px;} ul#portfolio {margin-left: -3px; margin-right: -3px;} ul#portfolio li {width: 196px; height: 145px; padding: 19px; margin: 0px 3px; margin-bottom: 6px; float: left; background: url(images/work/project-list.png); } ul#portfolio li img {margin-bottom: 8px;} ul#portfolio li span {padding-left:3px;color: #efefef; font-family: Rockwell, "Courier New", Courier, Georgia; font-variant: small-caps; letter-spacing: 0.05em; font-size: 1.4em;} ul#project-nav {width: 289px; background: url(images/work/project-nav.png) no-repeat;} ul#project-nav li.prev a {width: 65px; background-image: url(images/prev.png); margin-left: 8px; } ul#project-nav li.next a {width: 68px; background-image: url(images/next.png); } ul#project-nav li.all a {width: 137px; background-image: url(images/all.png); } #gallery-holder {float:left; position: relative; background: url(images/work/project-slider.png) top left no-repeat; width: 642px; height: 403px; padding-left: 23px; padding-top: 23px; margin-bottom: 7px; } .svw {width: 50px; height: 20px; background: #fff;} .svw ul {position: relative; left: -999em;} .stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; margin-left:0px; padding: 0px; list-style-type: none; list-style-position: outside; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { float: right; margin: 0; margin-top: 11px; margin-right: 125px; border-right: 1px dotted #242424; padding: 0; padding-right: 5px; position: relative; list-style-type: none; } .stripTransmitter ul li{ float:left; margin: 0px; margin-left: -1px; } .stripTransmitter li a{ padding-left: 1px; width: 30px; height: 31px; background: url(images/page.png) top; font: bold 1em Rockwell, "Courier New", Courier, Georgia, Verdana; line-height: 32px; text-align: center; color: #efefef; text-shadow: -1px -1px 0px #053859; text-shadow: 1px 1px 0px #053859; display: block; } .stripTransmitter li a:hover { color: #fff; background-position: 0px -33px; text-decoration: none; border-bottom: 0px;} .stripTransmitter li a.current { color: #b7b6b6; background-position: 0px -65px;} a.launch-project {display:block; width: 123px; height: 30px; background: url(images/launch.png); position: absolute; bottom: 12px; right:20px; text-indent: -9999px;} a.launch-project:hover {background-position: 0px -30px;} a.launch-project:active {background-position: 0px -60px;} #project-content {float: right; width: 265px; padding: 18px 10px 0px 0px;} #project-content p {color: #c6c6c6; font-size: 1.1em; text-align: justify;} #project-content p.work-cats {margin-bottom: 0.62em; padding-bottom: 0.62em; color: #d2d2d2; font-size: 1.6em; border-bottom: 1px solid #212121; } /*** BLOG ***/ /* Index */ .entry {clear:both; position: relative; width: 627px; padding: 3px; height: auto; background: url(images/bg-white) #fafafa ; margin-bottom: 4px;} .entry:last-child {margin-bottom: 6px;} .entry div { width: 534px; padding: 10px; margin-left: 71px; background: url(images/blog/grey-bg.png) repeat; border: 1px dotted #b8aab1;} body.page-template-homepage-php .entry {width: 632px;} body.page-template-homepage-php .entry div {width: 540px;} p.entry-cat {font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", "Verdana"; font-size: 1.3em; font-style: italic; margin-bottom: 0.4em; font-weight: lighter; letter-spacing: 0.05em;} p.entry-cat a {font-family: Rockwell, "Courier New", Courier, Georgia; font-variant: small-caps; font-weight: bold; font-style: normal; color: #ac2c76;} ul.meta {position: absolute; top:7px; left: 8px; padding-bottom: 23px; background: url(images/blog/string-long.png) -2px 80px no-repeat;} ul.meta li { font-family: "Trebuchet MS", "Verdana"; text-align: center;} ul.meta li.meta-date { width: 59px; height: 40px; background: url(images/blog/calendar.png) no-repeat; padding-top: 25px; margin-bottom: 7px;} span.mon, span.day, li.meta-comments a {color: #fff; font-size:2.3em; line-height:0; font-weight: bold; } span.mon {font-size: 1.3em; text-transform: uppercase; letter-spacing: 0.05em;} ul.meta li.meta-comments { width: 59px; height: 35px; background: url(images/blog/balloon.png) no-repeat; padding-top: 25px;} .nav {width:593px; height: 19px; padding: 15px 20px; background: url(images/blog/nav-bg.png); margin: 4px 0px 6px 0px; } .nav a {font-size: 1.6em;} /* Single */ body.page-template-default ul.meta, body.single ul.meta {left: 5px; top:0px; padding-bottom: 0px; background: url(images/bg-white) #fafafa ;} body.page-template-default ul.meta li.meta-date, body.single ul.meta li.meta-date {margin-bottom: 12px;} body.page-template-default ul.meta li.meta-date {background: none;} body.single p.entry-cat {font-size: 1.4em; margin-bottom: 0.8em;} #the-post {margin-bottom: 20px;} #share, #page-foot {margin-left:-80px; width: 623px; height: 83px; background: url(images/blog/share.png) right no-repeat; } #page-foot {background: url(images/blog/brain.png) top left no-repeat; height: 49px; margin-bottom: 0px;} .share-blank {background: url(images/bg-white) #fafafa repeat; height: 70px;} #share div {padding:12px 0px 0px 95px; background: url(images/blog/brain.png) left 6px no-repeat;} #share ul { list-style-image:url(images/list-icon.gif); padding:1px 0; list-style-type:square; list-style-position:inside; margin-right: -20px;} #share li { display:inline; padding-left:22px; margin-right:9px;} #share .delicious {background:url(images/delicious-icon.png) left center no-repeat;} #share .stumbleupon {background:url(images/stumbleupon-icon.png) left center no-repeat;} #share .twitter {background:url(images/twitter-icon.png) left center no-repeat;} #share .reddit {background:url(images/reddit-icon.png) left center no-repeat;} #share .facebook {background:url(images/facebook-icon.png) left center no-repeat;} #comments {background: none; margin-left: -80px; width: 543px; padding-left: 80px; padding-top: 18px; position: relative; } #comments h3 {font-size:2.4em; margin-bottom: 1.8em;} li.comment {margin-left: -75px; padding-left: 75px; padding-top: 12px; background: url(images/blog/balloon-comment.png) top left no-repeat;} cite.fn, div.comment-author span {font-size:1.4em; margin-bottom: 0.8em } li.comment p {font-size: 1em; color: #444; } li.comment p br {margin-bottom: 1.2em;} cite.fn, li.comment p.comment-meta span {color: #ac2c76; } .commentmetadata a {margin-bottom: 1em; color: #777; margin-bottom: 0.8em; font-size: 0.9em;} #post-comment { background: url(images/bg-white) #fafafa ; margin-left: -80px; width: 543px; padding-left: 80px; margin-bottom: 0px; } #post-comment h3 {margin-left: -80px; padding-left: 80px; background: url(images/blog/brain.png) top left no-repeat; height: 34px; padding-top: 15px; margin-bottom: 0;} #post-comment input, #post-comment button {margin-bottom: 0px;} #post-comment textarea {width:480px;} p.nocomments { margin-top: -12px;} #submit {font-size: 1.2em;} /*************** Sidebar ***************/ ul#sb-connect li {width: 305px; height: 49px; margin-bottom: 0;} li.search { height: 40px; padding-top: 9px; background: url(images/blog/search.png) no-repeat;} #searchform input {float: left; height: 31px; border: 0px; margin-bottom: 0px;} #searchform input#s {margin-left: 51px; width: 181px; height: 19px; padding: 6px 8px; background: url(images/blog/input.png) top no-repeat;} #searchform input#searchsubmit {text-indent: -9999px; width: 48px; background: url(images/blog/go.png) top no-repeat;} #searchform input#s:hover, #searchform input#s:focus, #searchform input#searchsubmit:hover {background-position: 0px -31px;} ul#sb-connect li.rss {margin-top: -12px;} ul#sb-connect li.rss a {width:305px; height:49px;display:block; background: url(images/blog/rss.png) left no-repeat; text-indent: -9999px;} ul#sb-connect li.rss a:hover {background-position: -304px 0px;} ul#sb-connect li.tw, ul#sb-connect li.fb {} ul#sb-connect li.tw a, ul#sb-connect li.fb a {display:block;width: 151px; height: 49px; background-position: top center; text-indent: -9999px;} ul#sb-connect li.tw a { background-image: url(images/blog/twitter.png); margin-top: 1px;} ul#sb-connect li.fb a {float:right; margin-top: -49px; background-image: url(images/blog/facebook.png);} ul#sb-connect li.tw a:hover, ul#sb-connect li.fb a:hover {background-position: 0px -46px} ul.list-posts { margin-top: -5px;} body.page-template-homepage-php ul.list-posts { margin-top: 0px;} ul.list-posts li {width: 287px; height: 41px; padding: 13px 0px 0px 18px; margin-bottom: 0px; background: url(images/link.png) top center;} ul.list-posts li a {color: #ad0f22; font-family: "Thesis", Rockwell, "Courier New", Courier, Georgia; font-variant:normal; font-weight: normal; letter-spacing: 0.025em; margin-bottom: 0; font-size:1.28em;} ul.list-posts li a:hover {color: #c01125;} ul.list-posts li:last-child {height: 45px;} body.page-template-homepage-php ul.list-posts li:last-child {height: 43px;} ul.list-posts li:hover {background-position: 0px -54px;} ul.list-posts li p.entry-cat {font-size: 1.2em; font-weight: normal; line-height:1.8em;} ul.list-posts li .entry-cat a { color: #951e63; font-weight: bold; font-size: 1em;} .tabs {width: 305px;margin-top: 4px;} .tabNavigation {height: 62px; width: 305px; margin-bottom: -1px;} .tabNavigation li.tab-cat {float: left;} .tabNavigation li.tab-arc {float: right;} .tabNavigation li:last-child {margin-right: 0px;} .tab-cat a, .tab-arc a { height: 62px; display: block; text-indent: -9999px;} .tab-cat a {width: 154px; background: url(images/blog/sb-tab-cats.png) right;} .tab-arc a {width: 151px; background: url(images/blog/sb-tab-archive.png) right;} .tab-cat a:hover {background-position: -154px 0px;} .tab-arc a:hover {background-position: -150px 0px;} .tab-cat a.selected, .tab-arc a.selected {background-position: left 0px;} #tabs-1, #tabs-2 {background: url(images/blog/sb-tab-bg.png) bottom no-repeat; width: 265px; padding: 20px; padding-top: 10px;} #tabs-1 ul, #tabs-2 ul {margin:0px auto;} #tabs-1 li, #tabs-2 li {float: left; display: block; width: 132px; margin-bottom: 1em; text-align: center;} #share li a, #tabs-1 a, #tabs-2 a { font-family: Rockwell, "Courier New", Courier, Georgia; font-variant: small-caps; letter-spacing: 0.05em; color: #ac2c76; font-size: 1.4em;} #share li a {font-size: 1.2em;} /*************** Footer ***************/ #footer-left { float:left; width:300px;} #footer-right { float:right; width:620px;} #site-meta {width:960px; float:left;} #footer ul#footer-menu {float: right; margin-right: 25px; margin-top: 15px} #footer ul#footer-menu li {border: 0px; float: left; padding-right: 0px; text-indent: -9999px;} #footer ul#footer-menu li a {display: block;} #footer ul#footer-menu li.contact-small a {width: 98px; height: 30px; background: url(images/contact-small.png) top right no-repeat; } #footer ul#footer-menu li.contact-small a:hover{ background-position:0px -31px;} #footer ul#footer-menu li.contact-small a:active{ background-position: 0px -62px;} #footer ul#footer-menu li.tw-small a {width: 28px; height: 30px; background: url(images/twitter-small.png);} #footer ul#footer-menu li.fb-small a {width: 28px; height: 30px; background: url(images/facebook-small.png);} #footer ul#footer-menu li.rss-small a {width: 28px; height: 30px; background: url(images/rss-small.png);} #twitters {width: 920px; padding: 80px 35px 0px; } #twitters {text-align: left; font-size: 1.2em; margin: auto 0px;} #twitters span {color: #eee;} #twitters a {color: #c01125; font-weight: bold; margin-right: 0px; border-bottom: 1px dashed #086ead; } #twitters a:hover { text-decoration: none; border-bottom: 1px solid #086ead;} #twitters a span{color: #892860; border-left: 0px; padding-left: 0px;} p.site-meta {position: absolute; bottom: 15px; left: 25px; color: #505050; margin-bottom: 0px; text-shadow: -1px -1px 0px #000; } /*** Contact ***/ ul#contact-info li {float: left; text-indent: -9999px;} ul#contact-info li.phone, ul#contact-info li.email {width:457px;} ul#contact-info li.phone {background: url(images/contact/phone.png); display: block; height: 49px;} ul#contact-info li a {display: block; height: 49px; margin: 0px} ul#contact-info li.email a {background: url(images/contact/email.png); margin-top: -3px;} ul#contact-info li.tw a, ul#contact-info li.fb a { margin-top: 1px;} ul#contact-info li.tw a {width: 223px; margin-left: -0px; background: url(images/contact/twitter-c.png) top;} ul#contact-info li.fb a {width: 234px; background: url(images/contact/facebook-c.png) top;} ul#contact-info li.tw a:hover, ul#contact-info li.fb a:hover { background-position: 0px -49px;} .sb-content {float: left; padding: 10px; margin-top: 6px; background: url(images/bg-white) #fafafa ; } .office-reg {width: 201px; margin-right: 3px;} .vacancies {width: 212px;} body.page-template-contact-php .tabs {width: 465px; margin-top: 0px;} body.page-template-contact-php .tabNavigation {height:auto; width: 467px; margin-bottom: 1px;} .tabNavigation li.tab-general, .tabNavigation li.tab-quote {margin-top: -16px;} .tabNavigation li.tab-general {float: left;} .tabNavigation li.tab-quote {float: right;} .tabNavigation li:last-child {margin-right: 0px;} body.page-template-contact-php #tabs-1, body.page-template-contact-php #tabs-2 {width: 461px; margin-bottom: 6px; padding: 3px; background: url(images/bg-white) #fafafa repeat;} p.contact-info {padding-left: 5px; margin-bottom: 0.62em;} .tab-general a, .tab-quote a { height: 52px; display: block; text-indent: -9999px; margin-bottom: 13px;} .tab-general a {width: 235px; background: url(images/contact/enquiry.png);} .tab-quote a {width: 232px; background: url(images/contact/request-quote.png);} .tab-general a:hover {background-position: -0px -52px;} .tab-quote a:hover {background-position: -0px -52px;} .tab-general a.selected, .tab-quote a.selected {background-position: 0px -104px; height: 60px; margin-bottom: 5px;} .wpcf7 {clear: both;} .wpcf7-form { width: 449px; border: 1px dotted #5289ab; border-left: 0px; border-right: 0px; padding: 5px 6px; background: url(images/contact/form-bg.png) repeat; clear: both;} .wpcf7 label {background: url(images/label.png) left no-repeat; margin-top: 1px;] display: block; height: 13px; padding-top: 7px; width: 135px; margin-right: 7px; font-size: 1.2em; text-align: right; margin-left: -19px; color: #ac2c76; font-variant: small-caps; float: left;} .wpcf7 p {margin-bottom: 0.62em; font-size: 1.1em; padding: 5px 10px; } .wpcf7 input, .wpcf7 textarea { float: left; width: 265px; padding: 5px; border: 0px; margin-bottom: 5px; margin-right: 20px;} .wpcf7 input {height: 21px; background: url(images/contact/c-input.png) top;} .wpcf7 textarea {height: 91px; background: url(images/contact/textarea.png) top; margin-bottom: 2px;} .wpcf7 input:hover, .wpcf7 textarea:hover, .wpcf7 input:focus, .wpcf7 textarea:focus {background-position: bottom;} input.submit {float: left; width: 126px; height: 36px; margin: 5px 0px 5px 150px; display: block; background: url(images/submit.png) top; border: 0px; text-indent: -9999px;} input.submit:hover {background-position: 0px -39px;} input:active {background-position: 0px -78px;} #wpcf7-f3-p11-o1 .your-message textarea{ margin-top: -16px;} span.type {float: left; width: 300px; margin: 2px 0px 6px 0px;} span.type .wpcf7-form-control-wrap {margin-right: 100px; } .wpcf7-radio input { margin-top: 5px; margin-left: 0px; background: none;} .wpcf7-radio input{ float: none; width:auto; height:auto; padding:0px; margin-left: 4px; margin-right:1px;} .wpcf7-list-item {font-size:1.1em; padding:0px; margin-top: 5px;} /* .wpcf7-mail-sent-ok { position:absolute; z-index:999999;} */ .wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng, .wpcf7-not-valid-tip { font-size:1em; display: block; line-height: 1.5em; padding: 10px; color: #c01125; background-color:#fff; } .wpcf7-not-valid-tip {text-indent: 5px;} .wpcf7-mail-sent-ng {position:absolute; z-index:999999; bottom: 10px; left: 550px; }