/*---------------------------------------------------- RESET.CSS CREATED: Wed 19.12.07 @ 11:09 a.m. AUTHOR: Kean Richmond ----------------------------------------------------*/ html, * {margin:0; padding:0;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} fieldset, iframe, img {border:0;} table {border-collapse:collapse; border-spacing:0;} th {font-style:normal; font-weight:normal; text-align:left;} ol,ul {list-style:none;} cite {font-style:normal;} a {outline:none;} header, section, footer, aside, nav, article, figure {display: block;} /*---------------------------------------------------- SCREEN.CSS SITE: http://www.davidnaylor.co.uk CREATED: Thu 06.10.11 @ 17:05 AUTHOR: Kean Richmond ----------------------------------------------------*/ /*--- 1-0. Common Elements ---------------------------------------------------------------------------*/ html {font-size:62.5%;} body {color:#444444; font-family:'PT Sans', Arial, Helvetica, sans-serif; letter-spacing:0.01em;} a {color:#8DC641;} a:hover {color:#21950D;} .hide {display:none;} /*--- 1-1. Main Layout ---------------------------------------------------------------------------*/ #gc {padding:0 3%; position:relative;} /*--- 1-2. Table ---------------------------------------------------------------------------*/ table {border-bottom:1px solid #DADADA; border-right:1px solid #DADADA;} td, th {border-left:1px solid #DADADA; border-top:1px solid #DADADA; padding:5px;} th {background:#444444; color:#FFFFFF; font-weight:700; padding-top:10px;} tr:nth-child(odd) {background:#F5F5F5;} /*--- 1-3. Form Elements ---------------------------------------------------------------------------*/ form p {clear:both; height:100%; overflow:hidden; padding:0!important;} form p.clearfix {height:auto; overflow:visible;} label {color:#9A9A9A; display:block; font-size:14px; font-size:14px; font-size:1.4rem; font-weight:700; margin:17px 0 0 0;} input[type='text'], select, textarea {color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 5px 0 0; padding:5px; width:50%;} input[type='text']:focus {outline:none;} option {padding:1px 2px;} textarea {height:150px; width:80%;} .p-checkbox label, .subscribe-to-comments label {cursor:pointer; float:left; font-weight:normal; margin:0;} .p-checkbox input, .subscribe-to-comments input {float:left; height:14px; margin:2px 3px 0 0; overflow:hidden; width:14px;} .required, .optional, .hidden, .warning, .helppoint {background:url(http://dn.broncoweb.co.uk/img/hintsvalidation.png) 0 -42px no-repeat; display:block; float:left; height:5px; margin:12px 5px 0 0; text-indent:-9999px; width:42px;} .optional {background-position:0 -36px; height:6px;} .hidden {background-position:0 -49px; width:34px;} .warning {background-position:-11px 0; height:15px; margin-top:7px; width:14px;} .helppoint {background-position:-28px 0; cursor:pointer; height:20px; margin:4px 10px 0 2px; width:20px;} /*#p-security {clear:both; display:none; height:0px; visibility:hidden;} #p-security label {float:none; padding:0 0 4px 0; text-align:left; width:auto;} #p-security input[type="text"] {display:block; float:none;}*/ /*--- 1-4. Response Elements ---------------------------------------------------------------------------*/ #msg-response, #inline-response {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; line-height:1.55em; padding:5px 11px 6px 29px; position:relative; text-shadow:0 1px 0 rgba(0,0,0,0.3); -moz-border-radius:4px; border-radius:4px;} #msg-response {cursor:pointer; margin:0 0 20px 0; width:100%; zoom:1; -moz-box-sizing: padding-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .no-boxsizing #msg-response {width:80%} .msg-error {background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat #A84040; background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, -moz-linear-gradient(top, #BD6060, #A84040); background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, -ms-linear-gradient(top, #BD6060, #A84040); background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, -o-linear-gradient(top, #BD6060, #A84040); background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#BD6060), to(#A84040)); background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, -webkit-linear-gradient(top, #BD6060, #A84040); background:url(http://dn.broncoweb.co.uk/img/icon_warning_white.png) 7px 7px no-repeat, linear-gradient(top, #BD6060, #A84040);} .msg-success {background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat #6C9C55; background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, -moz-linear-gradient(top, #88B272, #6C9C55); background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, -ms-linear-gradient(top, #88B272, #6C9C55); background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, -o-linear-gradient(top, #88B272, #6C9C55); background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#88B272), to(#6C9C55)); background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, -webkit-linear-gradient(top, #88B272, #6C9C55); background:url(http://dn.broncoweb.co.uk/img/icon_success_white.png) 7px 7px no-repeat, linear-gradient(top, #88B272, #6C9C55);} #msg-response ul {list-style:none!important; margin:0!important;} #msg-response li {padding:0!important;} #msg-response a, #inline-response a {color:#FFFFFF;} #msg-response a:hover {text-decoration:none;} #msg-response span {background:url(http://dn.broncoweb.co.uk/img/hintsvalidation.png) 0 -24px no-repeat; height:8px; position:absolute; right:4px; top:4px; width:8px;} #msg-response.hidden {display:none} #inline-response {float:left; margin-left:10px;} #inline-response.msg-error:before, #inline-response.msg-success:before {background:url(http://dn.broncoweb.co.uk/img/_hintsvalidation.png) no-repeat; content:" "; height:10px; float:left; margin:2px 0 0 -34px; width:5px;} #inline-response.msg-success:before {background-position:0 -11px;} /*--- 1-5. Skip Link ---------------------------------------------------------------------------*/ #skip-link {float:left; margin:0 0 0 -9999px; text-decoration:none;} #skip-link:focus {background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;} /*--- 1-6. Tooltip ---------------------------------------------------------------------------*/ #tooltip {position:absolute; z-index:3000;} /*--- 1-7. Clearfix ---------------------------------------------------------------------------*/ * html .clearfix {height:1%; overflow:visible;}/* float clearing for IE6 */ *+html .clearfix {min-height:1%;}/* float clearing for IE7 */ .clearfix:after {clear:both; content:"."; display:block; height:0; font-size:0; visibility:hidden;} /*--- 2. SITEWIDE ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- 2-1. Layout ---------------------------------------------------------------------------*/ /*--- 2-2. Header ---------------------------------------------------------------------------*/ header {background:url(http://dn.broncoweb.co.uk/img/_bkg_header_mobile.jpg) center top no-repeat; margin:0 -3%; padding:15px 5%; text-align:center;} #logo {display:block; margin:20px 0;} header form {background:rgba(0,0,0,0.1); border-radius:5px; height:100%; overflow:hidden; width:100%; -moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5);} header input[type='text'] {background:0; border:0; color:#FFFFFF; float:left; font-weight:700; margin-top:4px; width:75%;} header input::-moz-input-placeholder, header input::-webkit-input-placeholder {color:rgba(255,255,255,0.5);} header input[type='submit'] {background:url(http://dn.broncoweb.co.uk/img/_icons.png) center -607px no-repeat; border:0; cursor:pointer; float:right; height:32px; margin:0; padding:0 0 0 32px; text-indent:-9999px; width:32px;} header input[type='submit']:hover {background-position:center -639px;} header .social-nav {display:none;} /*--- 2-3. Navigation ---------------------------------------------------------------------------*/ nav {margin:10px 0;} nav li {display:inline-block; margin:5px 5px 0 0;} nav a {background-color:#A7C57C; background-color:rgba(0,0,0,0.1); border-radius:5px; color:#FFFFFF; display:block; font-weight:700; font-size:14px; font-size:1.4rem; padding:5px; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5); -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5); box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5);} nav a:hover {background-color:#6F8352; background-color:rgba(0,0,0,0.4); color:#FFFFFF; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /*--- 2-4. Footer ---------------------------------------------------------------------------*/ #footer {background:url(http://dn.broncoweb.co.uk/img/_bkg_footer.png) center bottom no-repeat #444444; color:#FFFFFF; clear:both; margin-top:40px; padding:20px 5%; text-align:center; } #footer a {color:#FFFFFF; text-decoration:none;} #footer a:hover {color:rgba(255,255,255,0.6);} .backtotop {background:url(http://dn.broncoweb.co.uk/img/_icons.png) center -827px no-repeat; color:#FFFFFF; display:block; font-weight:700; font-size:14px; font-size:1.4rem; margin-bottom:20px; padding-top:10px; text-transform:lowercase;} .ftr-nav {font-size:11px; font-size:1.1rem;} #tagline {font-size:22px; font-size:2.2rem; font-weight:700; margin-bottom:2px; text-transform:uppercase;} .ftr-contact {font-size:11px; font-size:1.1rem;} .ftr-contact h6 {font-size:18px; font-size:18px; font-size:1.8rem; font-weight:700; margin:19px 0 0 0;} /*--- 2-4. Social Links ---------------------------------------------------------------------------*/ .social-nav {clear:right; float:right; height:100%; overflow:hidden; margin:39px 0 20px 0;} .social-nav li {float:left; margin-left:8px;} .social-nav a {background:url(http://dn.broncoweb.co.uk/img/_icons.png) no-repeat; display:block; height:18px; position:relative; text-indent:-9999px; width:18px;} header .social-nav a:after {background:url(http://dn.broncoweb.co.uk/img/_icons.png) no-repeat; content:""; height:18px; left:0; opacity:0; position:absolute; top:0; width:18px; -moz-transition:opacity 0.6s;-o-transition:opacity 0.6s; -webkit-transition:opacity 0.6s; transition:opacity 0.6s;} header .social-nav a:hover:after {opacity:1;} .social-nav a.social-rss {background-position:center -429px; width:19px;} .social-nav a.social-rss:after, .no-csstransitions .social-nav a.social-rss:hover {background-position:center -451px; width:19px;} .social-nav a.social-twitter {background-position:center -474px; width:27px;} .social-nav a.social-twitter:after, .no-csstransitions .social-nav a.social-twitter:hover {background-position:center -497px; width:27px;} .social-nav a.social-linkedin {background-position:center -519px;} .social-nav a.social-linkedin:after, .no-csstransitions .social-nav a.social-linkedin:hover {background-position:center -541px;} .social-nav a.social-strikepoint {background-position:center -563px;} .social-nav a.social-strikepoint:after, .no-csstransitions .social-nav a.social-strikepoint:hover {background-position:center -585px;} .social-nav a.social-facebook {background-position:center -919px; width:10px;} .social-nav a.social-facebook:after, .no-csstransitions .social-nav a.social-facebook:hover {background-position:center -941px; width:10px;} .social-nav a.social-googleplus {background-position:center -964px;} .social-nav a.social-googleplus:after, .no-csstransitions .social-nav a.social-googleplus:hover {background-position:center -986px;} /*--- 2-5. Content ---------------------------------------------------------------------------*/ .pagetitle {background:#000000; background:rgba(0,0,0,0.5); color:#FFFFFF; display:inline-block; font-size:30px; font-size:3rem; font-weight:700; margin:20px 0 14px -9999px; padding:9px 20px 11px 9999px; text-shadow:1px 1px 0 rgba(0,0,0,0.2);} .content-page {font-size:14px; font-size:1.4rem;} .content-page p {line-height:1.55em; padding:12px 0 11px 0;} .content-page > p:first-of-type {color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-size:1.8rem; line-height:1.2em; margin:14px 0 15px 0;} .content-page h2 {color:#666666; font-size:28px; font-size:24px; font-size:2.4rem; font-weight:700; margin:13px 0 14px 0; text-transform:uppercase;} /*--- 2-6. Article ---------------------------------------------------------------------------*/ #blog article {margin-bottom:70px;} article h1 {color:#B1B1B1; font-size:30px; font-size:3rem; font-weight:700; line-height:1.05em; margin:24px 0 21px 0;} article h1 a {color:#B1B1B1; text-decoration:none;} article h1 a:hover {color:#8DC641;} .author-name {color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-size:1.8rem; } .author-name a {text-decoration:none;} .post-meta {border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; color:#BFBFBF; font-weight:700; font-size:1.2em; margin:10px 0 0 0; padding:13px 0 2px 0;} .post-meta a {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -44px -725px no-repeat; color:#BFBFBF; display:inline-block; margin-bottom:10px; padding:0 30px 0 16px; text-decoration:none; -moz-transition:background .4s ease-in; -o-transition:background .4s ease-in; -webkit-transition:background .4s ease-in;transition:background .4s ease-in;} .post-meta a:hover {color:#8DC641;} .post-meta time {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -44px -683px no-repeat; padding:0 30px 0 16px;} .post-meta a.post-meta-shortlink {background-position:-42px -765px; padding-left:20px;} .entry {font-size:14px; font-size:1.4rem;} .entry p {line-height:1.55em; padding:12px 0 11px 0;} .entry ul, .entry ol {line-height:1.55em; list-style:disc; padding:9px 0 13px 5%;} .entry ol {list-style:decimal;} .entry li {margin:5px 0 0 0;} .entry figure {text-align:center; margin:20px 0;} .entry figcaption {font-weight:bold; margin-top:5px;} .entry .wp-caption {max-width:100%;} .entry .wp-caption img {display:block;} .entry .wp-caption-text {background:rgba(0,0,0,0.1); font-size:12px; font-size:1.2rem; padding:0 10px 10px 10px;} .entry hr {background:none; border:0; border-top:1px dotted rgba(0,0,0,0.3); clear:both; margin:20px 0;} .entry iframe {max-width:100%!important;} .entry blockquote {padding-left:31px;} .entry blockquote:before {color:#444444; content: "\201C \ "; float:left; font-family:"Times New Roman", Times, serif; font-size:50px; font-size:5rem; line-height:0.7em; margin:17px 0 0 -31px;} .entry cite {display:block; margin:-9px 0 11px 31px;} .entry p cite {margin:-20px 0 11px 31px;} .vc {height:0; overflow:hidden; padding:30px 0 56.25% 0; position:relative;} .vc iframe, .vc object {height:100%; left:0; top:0; position:absolute; width:100%;} .entry object, .entry embed {max-width:100%;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {color:#444444; clear:left; font-weight:700; margin:9px 0 -7px 0;} .entry h1 {font-size:36px; font-size:3.6rem;} .entry h2 {font-size:30px; font-size:3rem;} .entry h3 {font-size:30px; font-size:3rem; font-weight:normal;} .entry h4 {font-size:24px; font-size:2.4rem;} .entry h5 {font-size:24px; font-size:2.4rem; font-weight:normal;} .entry h6 {font-size:18px; font-size:1.8rem; } .entry img {border:10px solid rgba(0,0,0,0.1); max-width:100%; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .entry p img {margin-top:0;} .entry img.wp-smiley {border:0; padding:0;} .alignleft {clear:left; float:left; margin:12px 20px 20px 0;} .alignright {clear:right; float:right; margin:12px 0 20px 20px;} .aligncenter {margin:0 auto; max-width:100%;} .post-teaser-block {clear:both; padding-top:0!important;} .post-teaser-block a {margin-top:0; padding:4px 8px;} .old-post, .from-bronco {background:url(http://dn.broncoweb.co.uk/img/_old.png) 10px center no-repeat; border-bottom:1px solid #E5E5E5; color:#666666; font-size:12px; font-size:1.2rem; padding:30px 0 40px 100px; text-decoration:none;} .old-post h6 {color:#EA3442; font-size:14px; font-size:1.4rem; margin-bottom:0;} .entry .old-post p {line-height:1.15em; padding:0;} .from-bronco {background-image:url(http://dn.broncoweb.co.uk/img/_frombronco.png); cursor:pointer; display:block;} .from-bronco:hover {background-color:#EAF3F9; color:#666666;} .bronco-h6 {color:#5EA4D5; display:block; font-size:14px; font-size:1.4rem; font-weight:700; margin-bottom:0;} .bronco-p {line-height:1.15em; padding:0;} /*--- 2-7. Sidebar ---------------------------------------------------------------------------*/ #sidebar {margin-top:40px;} #sidebar h6 {color:#666666; font-weight:700; font-size:24px; font-size:2.4rem; margin:13px 0 0 0; text-transform:uppercase;} #side-twitter {padding-bottom:8px;} #side-twitter ul {color:#666666; font-size:14px; font-size:1.4rem; margin-top:-5px;} #side-twitter span {color:#999999; display:block; font-size:12px; font-size:1.2rem; margin:2px 0 7px;} #blog #sidebar #follow-dave, #archive #sidebar #follow-dave, #side-speaking, #side-conferences, #side-about, #side-tabbed, .rss-feed {height:100%; margin-bottom:30px; overflow:hidden;} #side-speaking a {border:1px solid #CCCCCC; float:left; margin-bottom:5px;} #side-speaking img {display:block;} #side-speaking a:nth-child(2n+1) {margin-right:5px;} #side-conferences, #side-about, .rss-feed {border-bottom:3px solid #FFFFFF; border-top:3px solid #FFFFFF; display:block; -moz-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; -webkit-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2;} #side-conferences, #side-about {width:280px;} .img-text-overlay {background:rgba(0,0,0,0.6); display:block; margin-top:6px; padding:9px; width:172px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #side-conferences {background:url(http://dn.broncoweb.co.uk/img/_conferences.jpg) no-repeat; color:#FFFFFF; display:block; font-size:14px; font-size:1.4rem; height:100px; line-height:1em; text-decoration:none;} #side-conferences:hover {opacity:0.7;} #side-conferences strong {display:block; font-size:24px; font-size:2.4rem; margin:4px 0 7px 0; text-transform:uppercase;} #side-about {background:url(http://dn.broncoweb.co.uk/img/_aboutdave.jpg) no-repeat; color:#FFFFFF; height:222px; font-size:1.2em;} #sidebar #side-about h6 {color:#FFFFFF; margin:-4px 0 0 0;} #side-about p:first-of-type {padding-bottom:8px;} #side-about a {color:#FFFFFF; font-size:14px; font-size:1.4rem; font-weight:700; text-decoration:none;} #side-about a:hover {color:#8DC641;} #side-tabbed-nav {border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; margin-bottom:6px; padding:6px 0; position:relative;} #side-tabbed-nav li {display:inline-block;} #side-tabbed-nav a {border-left:1px solid #E5E5E5; color:#B1B1B1; cursor:pointer; display:block; font-weight:700; font-size:14px; font-size:1.4rem; padding:5px 8px; text-decoration:none; text-transform:uppercase;} #side-tabbed-nav li:first-child a {border:none; padding-left:0;} #side-tabbed-nav .current a {color:#8F8F8F;} #side-links li ul {height:100%; overflow:hidden; padding:4px 0 6px 0;} #side-links li li {float:left; font-weight:700; margin:0 5px 5px 0; position:relative;} #side-links a {background:#E9E9E6; border-radius:5px; color:#8F8F8F; display:block; float:left; font-size:12px; font-size:1.2rem; line-height:1em; padding:7px 8px 8px 8px; position:relative; text-decoration:none; text-shadow:rgba(255,255,255,1) 0 1px 0; -moz-transition:background .4s ease-in; -o-transition:background .4s ease-in; -webkit-transition:background .4s ease-in;transition:background .4s ease-in;} #side-links .link-padding a {padding-right:48px;} #side-links a:hover {background:#8DC641; color:#FFFFFF; text-shadow:rgba(0,0,0,0.2) 0 1px 0;} #side-links span {background:#FFFFFF; color:#C5C4C4; display:block; padding:2px 6px 3px 6px; position:absolute; right:5px; text-shadow:none; top:5px; -moz-border-radius:3px; border-radius:3px;} .rss-feed {padding:0 12px 18px 12px;} #sidebar .rss-feed h6 {margin-top:7px;} .rss-feed p {font-size:14px; font-size:1.4rem; line-height:1.1em; margin:-3px 0 8px 0;} #becky-naylor {background:#E5818E; margin-top:20px;} #bronco {background:#5EA4D5;} .rss-feed, #sidebar .rss-feed h6, .rss-feed .post-list time, .rss-feed .post-list a {color:#FFFFFF;} .rss-feed .post-list a:hover {opacity:0.7;} .rss-feed .post-list li {padding:4px 0;} #side-tools {padding-top:10px;} #side-tools li {float:left; margin:5px 0 5px 10px;} #side-tools li:nth-child(2n+1) {margin-left:0;} #side-tools img {float:left;} /*--- 2-8. Interested ---------------------------------------------------------------------------*/ .interested {border-top:3px solid rgba(0,0,0,0.1); clear:both; font-size:14px; font-size:1.4rem; margin:40px 0 0 0; padding-top:12px; position:relative;} .interested:before {background:url(http://dn.broncoweb.co.uk/img/_interested.png) no-repeat; content:" "; height:144px; left:-75px; position:absolute; top:-37px; width:175px;} .interested h6 {color:#8DC641; font-size:40px; font-size:4rem; font-weight:700; line-height:1em; margin-bottom:10px; position:relative; z-index:1;} .interested p {line-height:1.2em;} .interested ul {margin-top:11px;} .interested li {background:#ACACAC; border-radius:5px; color:#FFFFFF; font-weight:700; margin-bottom:10px; padding:10px 8px 15px 8px; position:relative; text-shadow:1px 1px 0 rgba(0,0,0,0.15); z-index:6; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .interested li:after {background:url(http://dn.broncoweb.co.uk/img/_interested_corner.png) no-repeat; bottom:0; content:" "; height:17px; position:absolute; right:0; width:16px;} .interested li:first-child {background:none; padding:0;} .interested li:first-child a {background:#8DC641; border-radius:5px; color:#FFFFFF; display:block; padding:10px 8px 15px 8px; text-decoration:none;} .interested li:first-child a:hover {opacity:0.7;} .interested li:last-child a:hover, .interested li:first-child span {text-decoration:underline;} .interested li span, .interested li:last-child a, .interested li span a {display:block; color:#FFFFFF; font-size:1.6rem; line-height:0.8em; text-decoration:none;} /*--- 2-9. Column List ---------------------------------------------------------------------------*/ .column-list li {color:#6F6F6F; float:left; margin-bottom:20px; width:100%;} .column-list h3 {font-size:24px; font-size:2.4rem; font-weight:700; margin:14px 0 0 0;} .column-list p {font-size:12px; font-size:1.2rem; line-height:1.15em; padding:4px 0;} .column-list-img {background-position:50% 50%; background-repeat:no-repeat; border-bottom:3px solid #FFFFFF; border-top:3px solid #FFFFFF; display:block; height:140px; text-indent:-9999px; -moz-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; -webkit-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;} /*--- 2-10. Buttons ---------------------------------------------------------------------------*/ .content input[type='submit'], .link-btn-1 {background:#95C358; background-image:-moz-linear-gradient(top, #A7D46B, #82B245); background-image:-ms-linear-gradient(top, #A7D46B, #82B245); background-image:-o-linear-gradient(top, #A7D46B, #82B245); background-image:-webkit-gradient(linear, left top, left bottom, from(#A7D46B), to(#82B245)); background-image:-webkit-linear-gradient(top, #A7D46B, #82B245); background-image:linear-gradient(top, #A7D46B, #82B245); border:1px solid #75A538; border-radius:3px; color:#FFFFFF; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; margin-top:10px; padding:6px 20px; text-decoration:none; text-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2);} .content input[type='submit']:hover, .link-btn-1:hover {background:#656565; background-image:-moz-linear-gradient(top, #8A8A8A, #444444); background-image:-ms-linear-gradient(top, #8A8A8A, #444444); background-image:-o-linear-gradient(top, #8A8A8A, #444444); background-image:-webkit-gradient(linear, left top, left bottom, from(#8A8A8A), to(#444444)); background-image:-webkit-linear-gradient(top, #8A8A8A, #444444); background-image:linear-gradient(top, #8A8A8A, #444444); border:1px solid #444444; -moz-box-shadow:0 0 5px rgba(255,255,255,0.9); -webkit-box-shadow:0 0 5px rgba(255,255,255,0.); box-shadow:0 0 5px rgba(255,255,255,0.);} .content input[type='submit'] {cursor:pointer;} .link-btn-1 {} .link-btn-1:hover {color:#FFFFFF;} /*--- 2-11. Post List ---------------------------------------------------------------------------*/ .post-list li {color:#999999; font-size:12px; font-size:1.2rem; padding:7px 0;} .post-list time {display:block;} .post-list a {font-size:14px; font-size:1.4rem; font-weight:700; line-height:1em; text-decoration:none;} /*--- 2-12. Paging ---------------------------------------------------------------------------*/ .wp-paginate {border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; margin:-10px 0 0 0; padding:6px 0; position:relative; text-align:center;} .wp-paginate li {display:inline-block;} .wp-paginate a, .wp-paginate .current, .wp-paginate .gap {color:#B1B1B1; display:block; font-size:14px; font-size:1.4rem; font-weight:700; padding:5px 4px; text-decoration:none; text-transform:uppercase;} .wp-paginate a:hover {color:#8DC641;} .wp-paginate .current {color:#8DC641;} /*--- 2-13. Browser Side Links ---------------------------------------------------------------------------*/ #bronco-family, #workwithus {display:none;} /*--- 3. PAGE SPECIFIC ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- 3-1. Index ---------------------------------------------------------------------------*/ .flexslider {display:block; margin:6px 0 20px 0;} .slides li {background-position:50% 50%; background-repeat:no-repeat; border-bottom:3px solid #FFFFFF; border-top:3px solid #FFFFFF; color:#FFFFFF; display:block; font-weight:700; height:250px; width:100%; -moz-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; -webkit-box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; box-shadow:0 1px 0 #B2B2B2, 0 -1px 0 #B2B2B2; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;} .slide-1 {background-image:url(http://dn.broncoweb.co.uk/img/_banner-1.jpg);} .slide-2 {background-image:url(http://dn.broncoweb.co.uk/img/_banner-2.jpg);} .slide-3 {background-image:url(http://dn.broncoweb.co.uk/img/_banner-3.jpg);} .slide-4 {background-image:url(http://dn.broncoweb.co.uk/img/_banner-4.jpg); background-position:right 50%!important;} .slide-1 div {background:#000000; background:rgba(0,0,0,0.6); bottom:20px; padding:20px; position:absolute; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .slide-1 a, .slide-1 span {color:#8DC641; text-decoration:none;} .slide-1 a:hover {color:#FFFFFF; text-decoration:underline;} .slide-1 h1 {font-size:18px; font-size:1.8rem; font-weight:700; line-height:1em; margin-bottom:9px;} .slide-1 h2 {font-size:14px; font-size:1.4rem; line-height:1.15em;} .service-slide a {color:#FFFFFF; display:block; text-decoration:none;} .slide-header {background:#000000; background:rgba(0,0,0,0.6); display:inline-block; font-size:18px; font-size:1.8rem; font-weight:700; margin:30% 0 0 0; padding:7px 28px 5px 8px;} .slide-text {background:#000000; background:rgba(0,0,0,0.6); display:block; font-size:14px; font-size:1.4rem; max-width:450px; padding:8px 10px 8px 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .attribution {background:#FFFFFF; bottom:0; color:#999999!important; font-size:12px; font-size:1.2rem; padding:2px 5px; position:absolute; right:0;} .flex-control-nav {text-align:center;} .flex-control-nav li {display:inline-block; margin:9px 3px;} .flex-control-nav li a {background:#C9C9C9; border-radius:5px; cursor:pointer; display:block; height:10px; text-indent:-9999px; width:10px;} .flex-control-nav li a:hover {background:#999999;} .flex-control-nav li a.active {background:#8DC641;} #tools-list p {display:none;} #index #sidebar {margin-top:11px;} .tools {clear:both; height:100%; padding:40px 0 24px 0; overflow:hidden;} .tools h4 {color:#666666; font-size:24px; font-size:2.4rem; font-weight:700; margin:13px 0 14px 0; text-transform:uppercase;} #img-playground {background-image:url(http://dn.broncoweb.co.uk/img/_tools_playground.jpg);} #img-keyworddensity {background-image:url(http://dn.broncoweb.co.uk/img/_tools_keyworddensity.jpg);} #img-geotargeting {background-image:url(http://dn.broncoweb.co.uk/img/_tools_geotargeting.jpg);} #img-v10 {background-image:url(http://dn.broncoweb.co.uk/img/_tools_v10.jpg);} #img-tweetreminder {background-image:url(http://dn.broncoweb.co.uk/img/_tools_tweetreminder.jpg);} /*--- 3-2. Single ---------------------------------------------------------------------------*/ #single .entry {margin-bottom:40px;} /* Author Bio */ .author-bio {background:url(http://dn.broncoweb.co.uk/img/_authors.jpg?v=1) left 30px no-repeat; background:url(http://dn.broncoweb.co.uk/img/_authorbio_corner.png) right top no-repeat, url(http://dn.broncoweb.co.uk/img/_authorbio.png) left top no-repeat, url(http://dn.broncoweb.co.uk/img/_authors.jpg) left 30px no-repeat; clear:both; font-size:12px; font-size:1.2rem; min-height:160px; margin-top:-40px; padding:33px 0 0 145px;} .author-bio h6 {color:#6F6F6F; font-size:24px; font-size:2.4rem; font-weight:700;} .author-bio p {line-height:1.2em; padding:3px 0 10px 0;} .author-bio.author-beckynaylor {background-position:left -230px; background-position:right top, left top, left -230px;} .author-bio.author-anthonyshapley {background-position:left -490px; background-position:right top, left top, left -490px;} .author-bio.author-zoepiper {background-position:left -750px; background-position:right top, left top, left -750px;} .author-bio.author-rorylofthouse {background-position:left -1010px; background-position:right top, left top, left -1010px;} .author-bio.author-davidwhitehouse {background-position:left -1270px; background-position:right top, left top, left -1270px;} .author-bio.author-adamlewin {background-position:left -1530px; background-position:right top, left top, left -1530px;} .author-bio.author-jamesslater {background-position:left -1790px; background-position:right top, left top, left -1790px;} .author-bio.author-stewcorlett {background-position:left -2050px; background-position:right top, left top, left -2050px;} .author-bio.author-keanrichmond {background-position:left -2310px; background-position:right top, left top, left -2310px;} .author-bio.author-jordangraves {background-position:left -2570px; background-position:right top, left top, left -2570px;} .author-bio.author-alexgraves {background-position:left -2830px; background-position:right top, left top, left -2830px;} .author-bio.author-steveollington {background-position:left -3090px; background-position:right top, left top, left -3090px;} .author-bio.author-kelvincollins {background-position:left -3350px; background-position:right top, left top, left -3350px;} .author-bio.author-neilwalker {background-position:left -3620px; background-position:right top, left top, left -3620px;} .author-bio.author-sianthomas {background-position:left -3880px; background-position:right top, left top, left -3880px;} .author-bio.author-craigaddyman {background-position:left -4120px; background-position:right top, left top, left -4120px;} .author-bio.author-guestauthor {background:none; background:url(http://dn.broncoweb.co.uk/img/_authorbio_corner.png) right top no-repeat, url(http://dn.broncoweb.co.uk/img/_authorbio.png) left top no-repeat; min-height:auto; padding-left:0;} /* Comments */ .comments-container {background:#F2F2F2; background:rgba(0,0,0,0.05); margin:0 0 0 -9999px; padding:0 20px 20px 9999px;} .comments-container h3 {color:#B1B1B1; font-size:24px; font-size:2.4rem; font-weight:700; padding:33px 0 0 0;} .comment-list {border-bottom:1px solid rgba(0,0,0,0.1);} .comment-list li {border-top:1px solid rgba(0,0,0,0.1); height:100%; overflow:hidden; padding:20px 0 20px 65px; position:relative;} .comment-list li:first-child {border:0;} .avatar {border-radius:5px; float:left; margin-left:-65px; height:50px; width:50px; -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25), 1px 1px 0 rgba(255,255,255,1);} .comment-meta {margin-top:-2px;} .comment-meta a {text-decoration:none;} .comment-meta p {color:#999999; font-size:11px; font-size:1.1rem;} .comment-meta p span {color:#6F6F6F; font-size:16px; font-size:1.6rem; font-weight:700; padding-right:2px;} .bypostauthor .comment-meta p span {color:#93BE5C;} .comment-url, .comment-url a {color:#999999; font-size:11px; font-size:1.1rem;} .comment-content {color:#666666; font-size:13px; font-size:1.3rem;} .comment-content p {padding:6px 0;} .comment-reply-link {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -44px -802px no-repeat; color:#999999; font-size:12px; font-size:1.2rem; padding:0 0 0 13px; text-decoration:none; text-transform:lowercase;} .comment-reply-link:hover {color:#93BE5C;} .comment-list .children li {border-top:1px dotted rgba(0,0,0,0.1);} /* Comment Form */ .comments-container h4 {color:#B1B1B1; font-size:24px; font-size:2.4rem; font-weight:700; padding:34px 0 7px 0;} .comments-container form {position:relative; z-index:6;} .subscribe-to-comments {margin:8px 0 0 0;} .cancel-comment-reply a {color:#999999; float:left; font-size:12px; font-size:1.2rem; margin:15px 0 0 20px;} .cancel-comment-reply a:hover {color:#8DC641;} /* Sidebar */ #side-nav {border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5; padding:6px 0;} #side-nav a {color:#B1B1B1; display:block; font-weight:700; font-size:14px; font-size:1.4rem; padding:5px 0; text-decoration:none; text-transform:uppercase;} #side-nav a:hover {color:#8DC641;} #newer-article {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -44px -849px no-repeat; float:left; margin-top:-28px; padding-left:16px;} #older-article {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -1px -881px no-repeat; float:right; margin-top:-28px; padding-right:16px;} #link-articles {border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; margin:0 auto; text-align:center; width:119px;} #share p {color:#999999; font-size:14px; font-size:1.4rem; line-height:1.2em; margin-top:-3px;} #share li {float:left; margin:6px 10px 7px 0;} .fb_edge_widget_with_comment span.fb_edge_comment_widget {left:-250px !important; top:15px !important;} #follow-dave .social-nav {float:none; margin:0;} #follow-dave .social-nav li {margin:0 8px 0 0;} #follow-dave .social-nav a.social-rss {background-position:center -451px; width:19px;} #follow-dave .social-nav a.social-rss:hover {background-position:center -429px; width:19px;} #follow-dave .social-nav a.social-twitter {background-position:center -497px; width:27px;} #follow-dave .social-nav a.social-twitter:hover {background-position:center -474px; width:27px;} #follow-dave .social-nav a.social-linkedin {background-position:center -541px;} #follow-dave .social-nav a.social-linkedin:hover {background-position:center -519px;} #follow-dave .social-nav a.social-strikepoint {background-position:center -585px;} #follow-dave .social-nav a.social-strikepoint:hover {background-position:center -563px;} #follow-dave .social-nav a.social-facebook {background-position:center -941px;} #follow-dave .social-nav a.social-facebook:hover {background-position:center -919px;} #follow-dave .social-nav a.social-googleplus {background-position:center -986px;} #follow-dave .social-nav a.social-googleplus:hover {background-position:center -964px;} /*--- 3-3. Who we are ---------------------------------------------------------------------------*/ #about-dave {padding-bottom:23px;} #team-list {height:100%; overflow:hidden; padding-top:1px;} #team-davidnaylor {background-image:url(http://dn.broncoweb.co.uk/img/_team_davidnaylor.jpg);} #team-beckynaylor {background-image:url(http://dn.broncoweb.co.uk/img/_team_beckynaylor.jpg);} #team-anthonyshapley {background-image:url(http://dn.broncoweb.co.uk/img/_team_anthonyshapley.jpg);} #team-zoepiper {background-image:url(http://dn.broncoweb.co.uk/img/_team_zoepiper.jpg);} #team-rorylofthouse {background-image:url(http://dn.broncoweb.co.uk/img/_team_rorylofthouse.jpg);} #team-davidwhitehouse {background-image:url(http://dn.broncoweb.co.uk/img/_team_davidwhitehouse.jpg);} #team-jordangraves {background-image:url(http://dn.broncoweb.co.uk/img/_team_jordangraves.jpg);} #team-alexgraves {background-image:url(http://dn.broncoweb.co.uk/img/_team_alexgraves.jpg);} #team-steveollington {background-image:url(http://dn.broncoweb.co.uk/img/_team_steveollington.jpg);} #team-jamesslater {background-image:url(http://dn.broncoweb.co.uk/img/_team_jamesslater.jpg);} #team-adamlewin {background-image:url(http://dn.broncoweb.co.uk/img/_team_adamlewin.jpg);} #team-stewartcorlett {background-image:url(http://dn.broncoweb.co.uk/img/_team_stewcorlett.jpg);} #team-hannahgargett {background-image:url(http://dn.broncoweb.co.uk/img/_team_hannahgargett.jpg);} #team-bronco {background-image:url(http://dn.broncoweb.co.uk/img/_team_bronco.jpg);} #team-sianthomas {background-image:url(http://dn.broncoweb.co.uk/img/_team_sianthomas.jpg);} #team-craigaddyman {background-image:url(http://dn.broncoweb.co.uk/img/_team_craigaddyman.jpg);} /*--- 3-4. What we do ---------------------------------------------------------------------------*/ #img-searchoptimisation {background-image:url(http://dn.broncoweb.co.uk/img/_searchoptimisation.jpg);} #img-searchmarketing {background-image:url(http://dn.broncoweb.co.uk/img/_searchmarketing.jpg);} #img-consultancy {background-image:url(http://dn.broncoweb.co.uk/img/_consultancy.jpg);} .column-list .link-btn-1 {margin-top:5px;} /*--- 3-5. Get in Touch ---------------------------------------------------------------------------*/ #get-in-touch form {position:relative; z-index:6;} .contact-details p {color:#999999; line-height:1.2em;} .contact-details p:first-of-type {margin-top:-4px; padding:0 0 6px 0; position:relative;} .phonenum {font-weight:700; margin-top:-6px; padding-top:0!important;} /*--- 3-6. Archive ---------------------------------------------------------------------------*/ #archive h1 {padding-top:10px;} #archive article {padding-bottom:30px;} #archive article h1 {font-size:20px; font-size:2rem; font-weight:700; margin:7px 0 0 0;} #archive article h1 a {text-decoration:underline;} #archive .entry p {font-size:14px; font-size:1.4rem; padding:5px 0;} #archive .content-page p {margin-bottom:0; padding-bottom:0;} #archive .content-page {margin-bottom:26px;} /*--- 3-7. Blog Pages ---------------------------------------------------------------------------*/ #page article {margin-bottom:40px;} /*--- 3-8. Search ---------------------------------------------------------------------------*/ .entry #searchsubmit {clear:both;} /*--- 4. MEDIA QUERIES ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- 4-1. 480px Wide ---------------------------------------------------------------------------*/ @media screen and (min-width:480px) { #tagline {font-size:30px; font-size:3rem;} } /*--- 4-2. 530px Wide ---------------------------------------------------------------------------*/ @media screen and (min-width:530px) { #about-dave .column-list-img {float:right; margin:18px 0 20px 20px; width:49%;} #team-list li {height:288px; margin-left:1%; margin-right:1%; width:49%;} #team-list li:nth-child(2n+1) {margin-left:0;} #team-list li:nth-child(2n+2) {margin-right:0;} .three-columns-list li {margin-left:1%; margin-right:1%; width:32%;} .three-columns-list li:nth-child(3n+1) {margin-left:0;} .three-columns-list li:nth-child(3n+3) {margin-right:0;} /* Interested */ .interested li {float:left; margin-right:2%; width:31%;} .interested li span, .interested li:last-child a {font-size:14px; font-size:1.4rem;} } /*--- 4-3. 680px Wide ---------------------------------------------------------------------------*/ @media screen and (min-width:680px) { .slides li {font-size:18px; font-size:1.8rem; height:340px;} .slide-1 h1 {font-size:30px; font-size:3rem;} .slide-1 h2 {font-size:18px; font-size:1.8rem; font-weight:700;} .slide-header {font-size:48px; font-size:4.8rem; margin-top:133px; padding:7px 28px 10px 14px;} .slide-text {font-size:18px; font-size:1.8rem; padding:16px 10px 15px 15px;} #tools-list p {display:block;} article h1 {font-size:40px; font-size:4rem;} .author-name {font-size:24px; font-size:2.4rem;} /* Paging */ .wp-paginate {margin-bottom:80px;} .wp-paginate a.prev, .wp-paginate a.next {background:url(http://dn.broncoweb.co.uk/img/_icons.png) -44px -849px no-repeat; padding:5px 23px; position:absolute; top:6px;} .wp-paginate a.prev {border-right:1px solid #E5E5E5; left:0; padding-left:16px;} .wp-paginate a.next {background-position:24px -881px; border-left:1px solid #E5E5E5; padding-right:16px; right:0;} } /*--- 4-4. 920px Wide - Show Desktop Header ---------------------------------------------------------------------------*/ @media screen and (min-width:920px) { body {background:url(http://dn.broncoweb.co.uk/img/_bkg_header.jpg) center top no-repeat;} #gc {margin:0 auto; padding:0; max-width:90%; min-height:100%; width:1180px;} .two-col-left-outer {float:left; margin-right:-280px; width:100%;} .two-col-left-inner {margin-right:280px; padding:0 7.5% 0 0;} #sidebar {float:right; margin:0; width:280px;} #floating {clear:none; overflow:none; padding:20px 0 0 0; position:absolute; top:220px; /*top:364px;*/ width:280px;} #floating.fixed {position:fixed; top:0;} /* Header */ header {background:0; height:100%; margin:0 0 50px 0; padding:0; overflow:hidden;} #logo {float:left; margin:35px 0 0 0;} header .social-nav {display:block;} header form {border-radius:0; clear:right; float:right; margin:0; width:auto; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} header input[type='text'] {color:#999999; width:238px;} header input::-moz-input-placeholder, header input::-webkit-input-placeholder {color:#999999;} nav {float:right; margin:0;} nav li {float:left; margin:0 0 0 10px;} header nav a {background:url(http://dn.broncoweb.co.uk/img/_icons.png) no-repeat; border-radius:0; color:#FFFFFF; display:block; padding:33px 10px 6px 10px; text-decoration:none; text-transform:uppercase; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-transition:background .4s ease-in; -o-transition:background .4s ease-in; -webkit-transition:background .4s ease-in;transition:background .4s ease-in;} nav a:hover {background-color:#000000; background-color:rgba(0,0,0,0.1); color:#FFFFFF;} nav a.current {background-color:#000000; background-color:rgba(0,0,0,0.4);} #nav-index {background-position:center 20px;} #nav-who-we-are {background-position:center -52px;} #nav-what-we-do {background-position:center -124px;} #nav-get-in-touch {background-position:center -193px;} #nav-tools {background-position:center -265px;} #nav-blog {background-position:center -337px;} /* Content */ .pagetitle {margin-bottom:0; margin-top:0; position:absolute; top:120px;} .content-page > p:first-of-type {font-size:24px; font-size:2.4rem;} /* Interested */ .interested h6 {margin-bottom:3px;} .interested {padding-right:15%;} .interested ul {width:80%;} .interested li {margin-right:2%; width:28%;} .interested li span, .interested li:last-child a {font-size:16px; font-size:1.6rem;} /* Comments */ .comments-container {margin-right:-20px;} .comment-list .children {background:url(http://dn.broncoweb.co.uk/img/_commentchild.png) 28px 31px no-repeat; padding:0 0 10px 65px;} .comment-list .children li {padding-bottom:10px; padding-top:10px;} .children .comment-reply-link {top:8px;} .comment-reply-link {position:absolute; right:0; top:18px;} /* Browser Side Links */ #bronco-family {display:block; position:fixed; right:-230px; top:218px; z-index:100;} #bronco-family h6 {background:url(http://dn.broncoweb.co.uk/img/_text.png) 10px -102px no-repeat #7F7F7F; background:url(http://dn.broncoweb.co.uk/img/_text.png) 10px -102px no-repeat rgba(0,0,0,0.5); border-radius:5px 0 0 5px; cursor:pointer; float:left; height:127px; padding:12px; text-indent:-9999px; width:9px;} #bronco-family h6:hover {background-position:-19px -102px;} #bronco-family ul {background:#7F7F7F; background:rgba(0,0,0,0.5); float:left; font-weight:bold; padding:15px; width:200px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px;} #bronco-family li {border-top:1px solid rgba(255,255,255,0.1); margin:10px 0 0 0; padding:10px 0 0 0;} #bronco-family li:first-child {border:0; margin:0; padding:0;} #bronco-family a {color:#CCCCCC; display:block; font-size:12px; font-size:1.2rem; text-decoration:none;} #bronco-family span {color:#FFFFFF; display:block; font-size:14px; font-size:1.4rem;} #bronco-family a:hover span {color:#8DC641;} #workwithus {background:url(http://dn.broncoweb.co.uk/img/_text.png) 10px 12px no-repeat #7F7F7F; background:url(http://dn.broncoweb.co.uk/img/_text.png) 10px 12px no-repeat rgba(0,0,0,0.5); border-radius:5px 0 0 5px; cursor:pointer; display:block; float:left; height:93px; margin:-9px 0 0 -39px; padding:12px 9px 12px 10px; position:fixed; right:0; text-indent:-9999px; top:100px; width:14px;} #workwithus:hover {background-position:-19px 12px;} } /*--- 4-5. Desktop ---------------------------------------------------------------------------*/ @media screen and (min-width:960px) { #gc {max-width:94%;} .comments-container {padding-bottom:150px;} /* Footer */ #footer {background-color:transparent; float:left; height:244px; padding:0; margin-top:-67px; text-align:left; width:100%;} #single #footer, #page footer {margin-top:-244px; position:relative; z-index:5;} #footer-inner {margin:0 auto; max-width:94%; padding-top:150px; position:relative; width:1180px;} #footer a {color:#FFFFFF; text-decoration:none;} #footer a:hover {color:rgba(255,255,255,0.6);} #btt-container {margin:0 auto; max-width:960px; position:relative; z-index:7;} .backtotop {background:url(http://dn.broncoweb.co.uk/img/_icons.png) center -827px no-repeat; color:#FFFFFF; display:block; float:right; font-weight:700; font-size:14px; font-size:1.4rem; margin:14px 85px 0 0; padding-top:10px; text-transform:lowercase;} .ftr-nav {float:right; font-size:11px; font-size:1.1rem; text-align:right; width:40%} #tagline {font-size:30px; font-size:3rem; font-weight:700; margin-bottom:2px; text-transform:uppercase;} .ftr-contact {float:left; font-size:11px; font-size:1.1rem; width:55%;} .ftr-contact h6 {font-size:18px; font-size:1.8rem; font-weight:700; margin:19px 0 0 0;} #about-dave .column-list-img {width:32%;} .content-page #team-list li {margin-left:1%; margin-right:1%; width:32%;} #team-list li:nth-child(3n+1) {margin-left:0;} #team-list li:nth-child(3n+3) {margin-right:0;} } /*--- 4-6. 980px Wide ---------------------------------------------------------------------------*/ @media screen and (min-width:980px) { #gc, #footer-inner {max-width:90%;} } /*--- 4-7. 1020px Wide ---------------------------------------------------------------------------*/ @media screen and (min-width:1020px) { /* Interested */ .interested li {width:27%;} } /*--- 4-5. Easter Time ---------------------------------------------------------------------------*/ @media (max-width:2010px) and (min-width:2007px) { #gc, footer {display:none;} } @media (width:2007px){ body {background:url(http://dn.broncoweb.co.uk/img/dn-2007.jpg) top center no-repeat; height:1883px;} } @media (width:2008px){ body {background:url(http://dn.broncoweb.co.uk/img/dn-2008.jpg) top center no-repeat; height:3000px;} } @media (width:2009px){ body {background:url(http://dn.broncoweb.co.uk/img/dn-2009.jpg) top center no-repeat; height:1818px;} } @media (width:2010px){ body {background:url(http://dn.broncoweb.co.uk/img/dn-2010.jpg) top center no-repeat; height:3100px;} } /*--- 5. PLUGINS ------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--- 5-1. Flexslider ---------------------------------------------------------------------------*/ .flex-container a:active, .flexslider a:active {outline: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width:100%;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* FlexSlider Default Theme *********************************/ .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /*--- 5-2. WP Syntax ---------------------------------------------------------------------------*/ .wp_syntax {width:98%;} .wp_syntax table {width:100%;} .wp_syntax div, .wp_syntax td {padding:2px 4px; text-align:left; vertical-align:top; width:auto;} .wp_syntax .line_numbers {background-color:#DDEEFF; color:#666666; overflow:visible; text-align:right;} .wp_syntax td.code pre {overflow:auto; width:560px;} .wp_syntax pre {clear:none; float:none; font-size:12px; line-height:1.333; margin:0; overflow:visible; width:auto;} /*--- 5-3. Pzyche ---------------------------------------------------------------------------*/ #para {display:none;}