/* Theme Name: Print Domain - responsive design Theme URI: http://www.printdomain.com.au Author: Print Domain Author URI: http://www.printdomain.com.au Description: Semantic HTML5 WordPress 3.4 theme built as a starting point for responsive projects. Version: 1.0 License: GNU General Public License License URI: license.txt */ /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= Web Fonts ========================================================================== */ /* 'microgram'*/ @import url(https://fonts.googleapis.com/css?family=Michroma|Didact+Gothic); /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display:inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y:scroll; /*force scrollbar for non-ie*/ -webkit-font-smoothing: antialiased; /*fontsmoothing for webkit browsers*/ /*text-rendering: optimizeLegibility; fontsmoothing for ???*/ } html, button, input, select, textarea { color: #333333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } body { margin: 0;padding: 0; width: 100%;font-size: 1em; line-height: 1.4; vertical-align:baseline; font-family: 'Didact Gothic', Helvetica, Arial, sans-serif;background: #ffffff;} /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #f39d21; color: #fff; text-shadow: none; } ::selection { background: #f39d21; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #0B5191; text-decoration:none;} a:visited { color: #0B5191; text-decoration:none;} a:hover { color: #0B5191; text-decoration:underline; } a:focus { color: #0B5191; outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } em {font-style: italic;} blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px dotted #0B5191;margin:0; padding:0 0 1em 0;} header hr, footer hr, .thickRule { height: 2px; border: 0; border-top: 2px dotted #0B5191; padding:0 0 2em 0;} header {margin-bottom:0;padding-bottom:0px;} ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } .small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family: 'Michroma', sans-serif; font-weight: normal; text-rendering: optimizelegibility; line-height:1em; } h1{font-size:2em; line-height:1em; margin-bottom: 0.3em;} h2{font-size:1.5em; line-height:1.4em; margin-top:.3em;} h3{font-size:1.2em; line-height:1.1em; margin-top:.3em; color:#0B5191;} h4{font-size:1.2em; line-height:1.4em;} h5{font-size:1.4em; line-height:1.4em;} h6{font-size:1.2em; line-height:1.4em;} p {margin:0;padding:0 0 1em 0; font-family: 'Didact Gothic', sans-serif;} #main { padding:0; margin:0 0 1em 0; text-align:center;/* larger text for small devices. NOTE padding & margin value were originally reversed in matts theme */} /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0; list-style:none outside none; border:0px none; outline:0px none;}/* line height was 1.4em */ dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { max-width: 100%; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; border: 0; } /* Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; margin-bottom:1em;} /* ============================================================================= Forms ========================================================================== */ form { margin: 0; font-size:1em; line-height:1.6em;} /*line height was 1.4em */ fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Chrome Frame Prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ============================================================================= Layout General structure ========================================================================== */ figure{text-align:center;display:block;} article.container, article{margin-top:2em;margin-bottom:2em;} article header {padding-bottom:0em;} .container {padding-left:7%; padding-right:7%; max-width:960px; margin:0 auto;}/* Anaximander padding: 0px 50px; */ .spanThird{width: 100%; float: none; margin-right: 0;} .allWidths .spanThird {width: 30.666%; margin-right: 4%;float:left;} .allWidths .spanQuarter {width:22%; margin-right:4%; float:left;} .container .container {width:100%; padding-left:0; padding-right:0;} .allWidths img {width:auto; max-width:100%; height:auto;} ul.imageList li {padding-bottom:1em;} .container [class*="span"]:first-child {margin-left: 0;} .container [class*="span"]:last-child {margin-right: 0;} .last {margin-right:0;} #wrapper {}/*background: #f9efde url(***yourbackgroudimagehere***.png) repeat top center; display: block; max-width: 100%; margin: 0 auto;*/ #main ul {text-align:left;} /* ============================================================================= Header ========================================================================== */ /* PRE-HEADER */ #pre-header {background: #333; height: 28px;} #pre-header .container {position: relative;} #pre-header a:link, #pre-header a:visited { color: #fff; text-decoration: none; } #pre-header a:hover, #pre-header a:focus { color: #fff; text-decoration: none; } #social-links {margin:0; padding: 0;line-height:1em; list-style-type:none;}/*padding: 0 0 0 40px*/ #social-links li { float: left; margin-right: 3px; margin-top: 8px; font-size: 0.8em; } #social-links li a:link, #social-links li a:visited {color: #ccc;} #social-links li a:hover {color: #fff;} /* HEADER SEARCH */ #header-search {position: absolute; right: 7%; top: 3px; clear: both;}/*50px*/ #header-search div {width: 310px; text-align: right; position: relative;} #header-search input:focus {outline: 1px solid #808080;} #header-search #searchform {line-height:1em; display: block; clear: both;} #header-search #searchform label {display: none;} #header-search #searchform input#s {width: 175px;} #header-search input#s {border: 1px solid #454545; padding: 3px 25px 3px 8px; margin: 0 0em 0 0; color: #a2a2a2; background: #333; font-size: 0.7em;} #header-search #searchsubmit {width: 14px; height: 14px; text-indent: -9999px; position: absolute; right: 5px; top: 4px; } /* HEADER GENERAL */ #site-header {position: relative;} #header_margin { } #header_image img {display: block;max-width: 80%;height: auto;margin-left:auto;margin-right:auto;} #header_image{padding-top:28px;} .header-container { margin-bottom:1.5em;} #header-title { } #header-title figure {margin-bottom:2em;} #site-title {font-size: 2em;font-weight: bold;margin: 0; text-transform: uppercase;z-index: 10;} #site-title a:link, #site-title a:visited, #site-title a:hover, #site-title a:focus {text-decoration: none; color: #1b519c;} #site-description {font-size: 0.8em; font-weight: normal; font-style: italic; color: #0B5191; margin: 0.2em 0; } /* Conditional if header image is present */ /* - - - HEADER TOP NAVIGATION - - - */ #access {display: block; margin-top: 10px; float:none;}/*float: right;*/ #access ul {list-style: none; padding-left: 0;} #access li { float: none;display: inline-block; *display:inline; *zoom:1; position: relative; margin: 0;}/*float: left; margin: 0 0 0 2em;*/ #access a {display: block; padding: 0 .5em; margin: .3em 0 .5em 0;text-decoration:none; color:#1B519c; font-size: 0.9em; border-right: solid 1px #DDD;}/*text-transform: uppercase;*/ .sf-sub-indicator {display: none;} #access a:hover, #access a:focus {color: #0B5191; border-right: 1px solid #DDD;} /* Drop down */ #access ul ul { display: none; float: left; padding: 7px 0 0 0; position: absolute; top: 1.7em; left: 0; z-index: 99999; background-position: 10px 0px; background-image: url('images/arrowUpGrey.png'); background-repeat: no-repeat; } #access ul ul li {border: none; margin: 0;} #access ul ul li:first-child a {border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;} #access ul ul li:last-child a {border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;} #access ul ul li:only-child a {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #access ul ul a { line-height: 1em; width: 10em; height: auto; color: #fff; background: #333; padding: 10px 25px; border: none; } #access ul ul :hover > a, #access ul ul :focus > a {color: #fff;} #access ul ul li:hover > a, #access ul ul li:focus > a {border-bottom: none; background: #000; } #access ul ul a:hover, #access ul ul a:focus {background: #000;} #access ul li:hover > ul, #access ul li:focus > ul {display: block;} #access ul ul ul { left: 100%; top: 0; padding: 0 0 0 7px; background-image: url('images/arrowLeftGrey.png'); background-position: 0 8px; background-repeat: no-repeat; margin-left: 0; } /* Highlight current page / parent menu item */ #access li.current_page_item > a, #access li.current_page_parent > a, #access li.current-page-ancestor > a, #access li.current-post-ancestor > a {color: #0B5191;} #access li.current_page_item, #access li.current_page_parent, #access li.current-page-ancestor, #access li.current-post-ancestor {background:url('images/arrowUpGrey.png') no-repeat center bottom;} #access li.lastMenuItem > a {border:none;} /* - - - HEADER BELOW BANNER IMAGE NAVIGATION - - - */ .mynav { top:0; margin: 0 auto;}/* Special in case of custom header image */ #sub-access {background: #fff;} #sub-access ul { text-align: center; list-style: none; padding-top: 10px; padding-bottom: 9px; } #sub-access li { float: none; position: relative; background:#0C264A; display:block; line-height:35px; margin:.5em 15%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*Was display block line-height: 35px;*/ #sub-access a { display: inline-block; *display:inline; *zoom:1; padding: 10px 25px; text-decoration: none; color: #333333; text-transform: uppercase; font-size: 1em; }/*WAS display: inline;*/ #sub-access ul ul { display: none; float: left; padding: 7px 0 0 0; position: absolute; top: 1.1em; left: 0; z-index: 99999; background: url('images/arrowUp.png') no-repeat 30px 0px; margin-left: 10px; } /*WAS top: 2.1em;*/ #sub-access ul ul li {border: none;} #sub-access ul ul li:first-child a {border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;} #sub-access ul ul li:last-child a {border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;} #sub-access ul ul li:only-child a {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #sub-access ul ul a { line-height: 1em; width: 10em; height: auto; color: #fff; background: #000; } #sub-access li:hover > a, #sub-access li:focus > a {color: #0B5191;} #sub-access ul ul :hover > a, #sub-access ul ul :focus > a {color: #fff;} #sub-access ul ul li:hover > a, #sub-access ul ul li:focus > a {border-bottom: none; background: #333;} #sub-access ul ul a:hover, #sub-access ul ul a:focus {background: #333;} #sub-access ul li:hover > ul, #sub-access ul li:focus > ul {display: block;} #sub-access ul ul ul { left: 100%; top: 0; padding: 0 0 0 7px; background: url('images/arrowLeft.png') no-repeat 0 8px; margin-left: 0; } /* Highlight current page / parent menu item */ #sub-access li.current_page_item > a, #sub-access li.current_page_parent > a, #sub-access li.current-page-ancestor > a, #sub-access li.current-post-ancestor > a {color: #0B5191;} /* ============================================================================= Main Content ========================================================================== */ #content-container {/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!! width: 100%; !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/} #content {margin:40px 0 40px 0px;} #header_margin, #pre-header .group, #footer-content, .sf-menu, .full, #footer-sidebar {margin:0 auto;} /* BREADCRUMBS */ p.breadcrumbs img{margin-bottom:.2em; padding:0;} .breadcrumbs {vertical-align:middle;font-size:75%;line-height:1em;padding:0;} .sticky { } .entry-header a:link, .entry-header a:visited {text-decoration: none;} .entry-header a:hover, .entry-header a:focus {text-decoration: underline;} .entry-title { margin-top: 0; line-height: 1em; word-wrap: break-word; color:#1b519c; margin-bottom: 1.5em; text-align:center; } .name-date { font-size: 0.8em; text-transform: uppercase; } .entry-meta {clear: both; display: block;} .index-meta {margin: 0 0 .5em 0; } .footer-meta h5 {margin:0 0 .2em 0;line-height:1em;} .footer-meta ul {margin: 0;} .index-meta li {display:inline; margin: 0 1px 0 0; text-transform: uppercase; line-height: 17px; }/*WAS float: left;*/ ul.post-categories {display:inline;} .index-meta ul {margin:.2em 0;} .index-meta li a:link, .index-meta li a:visited { font-size: 0.6em; padding: 2px 20px; background: #0C264A; text-decoration: none; line-height: 17px; color: #fff; } .index-meta ul ul li a:link, .index-meta ul ul li a:visited { }/*WAS padding: 2px 10px;*/ .index-meta li.theComments a:link, .index-meta li.theComments a:visited { background: #333333;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } .index-meta li a:hover, .index-meta li.theComments a:hover, .index-meta li a:focus, .index-meta li.theComments a:focus { background: #0B5191;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } li.theComments span {display: none;} .single-thumb { margin: 0 0 1em 0;} .single-thumb img {width:auto; max-width: 100%; height: auto;} .entry-content p { font-size: 1.2em; color: #0C264A; margin-bottom:1em;} .entry-content li { margin: 0 0 1em 2em; line-height: 1.4em; color:#0C264A;} .entry-content ul {list-style-type: square; margin-bottom: 2em;} .entry-content ol {list-style-type: decimal;margin-bottom: 2em;} .single-author .entry-meta .byline {display: none;} #content nav {display: block;overflow: hidden;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! not sure what this width below is doing??? !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #content nav .nav-previous {float: left;width: 50%;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! not sure what this width below is doing??? !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #content nav .nav-next {float: right; text-align: right; width: 50%;} #content #nav-above {display: none;} .paged #content #nav-above, .single #content #nav-above {display: block;} #nav-below {margin: 1em 0 0;} .page-link {clear: both; margin: 0 0 1em;} .page .edit-link {clear: both; display: block;} .index-title {font-size: 2em; margin: 20px 0 0 0; word-wrap: break-word;}/* WAS text-transform: uppercase;*/ .index-title a {text-decoration: none;} .index-title a:hover, .index-title a:focus {text-decoration: underline;} .index-name-date {font-size: 0.8em; line-height:1em; text-transform: uppercase; margin: 0.7em 0 0 0;} .index-name-date a {text-decoration: none;} .index-name-date a:hover, .index-name-date a:focus {text-decoration: underline;} .index-content {margin: 0;} .more-link {text-align: right;} .more-link a:link, .more-link a:visited { font-size: 0.6em; padding: 2px 20px; background: #0C264A; text-decoration: none; text-transform: uppercase; line-height: 17px; color: white; } .more-link a:hover, .more-link a:focus {background-color: #0B5191;} .page-header { } .page-header h1 { text-transform: uppercase; font-size: 1em; margin: 0; padding: 20px 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Index - Traditional - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #regular-index { } #regular-content { } #regular-index .index-post-container { width: 100%; border: none; float: none; margin: 0 0 50px 0; } #regular-index .the-thumbnail {display: inline;} #regular-index .index-title, #regular-index .index-content { margin: 0 0 0 0;} #regular-index .index-title {margin:0.5em 0 0 0;} #regular-index .index-name-date{margin: 0.7em 0 0 0;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! WIDTH ETC NEEDS CHANGING TO CORRECT SETUP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #sidebar { float: right; overflow: hidden; width: 300px; margin: 0 0 0 20px; } /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! WIDTH ETC NEEDS CHANGING TO CORRECT SETUP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #sidebar .widget { width: 258px; border: 1px #e3e3e3 solid; float: left; padding: 20px; margin: 0 0 20px 0; } #sidebar .widget-title { font-size: 1.5em; text-transform: uppercase; margin-top: 0; line-height: 1.3em; word-wrap: break-word; } #sidebar .children { margin-left: 0.5em; padding: 0!important; float: none; } #sidebar ul li a { text-decoration: none; display: block; padding: 10px 0; font-size: 90%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } #sidebar ul li a:hover, #sidebar ul li a:focus { background-color: #E5E5E5;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ text-decoration: none; padding: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Index - Masonry - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #masonry-index {width:105%;} #masonry-index .textwidget {padding:0;} #masonry-index .index-post-container { width: 298px; border: 1px #e3e3e3 solid; float: left; margin: 0 20px 20px 0; } #masonry-index .index-title, #masonry-index .index-content {margin: 20px;}/*#masonry-index .index-name-date,*/ #masonry-index .index-meta {margin: 0; display:none;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Gallery - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .gallery { display: block; clear: both; overflow: hidden; margin: 0; text-align:center; margin-bottom:2em; } .gallery .gallery-row { display:block; clear: both; overflow: hidden; margin: 0; }/*WAS overflow: hidden;*/ .gallery .gallery-item { display: inline-block; *display:inline; *zoom:1; margin: 0; text-align: center; list-style: none; padding: 0; margin-bottom:1em; } .gallery-columns-3 .gallery-item {width: 30.333%;margin-bottom:1em;margin-right:3%;} .gallery-columns-8 .gallery-item {width:120px;}/*WAS position: relative; margin: 10px;text-align: center;*/ .gallery img { width:auto; height:auto; max-width:90%; padding:5% 5% 15% 5%; background: #DFF3FD; -moz-box-shadow: 2px 2px 2px #ddd; -webkit-box-shadow: 2px 2px 2px #ddd; box-shadow: 2px 2px 2px #ddd; } .lt-ie8 .gallery img { width:auto; height:auto; max-width: none; padding:0; background: none;} .gallery .gallery-caption {font-size: 12px; margin: 6px 0 0 12px;} .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } .gallery dt.gallery-icon { margin:10px 5px 0 5px;} .gallery br {display:none;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - FRONT PAGE WIDGETS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .index-widget-area .widget { width: 258px;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ float: left; padding: 20px; margin: 0 0 20px 0; } .index-widget-area .widget-title { font-size: 1.5em; text-transform: uppercase; margin-top: 0; line-height: 1.3em; word-wrap: break-word; } .index-widget-area .children { margin-left: 0.5em; padding: 0!important; float: none; } .index-widget-area ul li a { text-decoration: none; display: block; padding: 10px 0; font-size: 90%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } .index-widget-area ul li a:hover, .index-widget-area ul li a:focus { background-color: #E5E5E5;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ text-decoration: none; padding: 10px; } .index-widget-area .recentcomments a:hover, .index-widget-area .recentcomments a:focus { background: inherit; text-decoration: underline; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - GOOGLE MAPS I-frame - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #googlemaps {height:360px; width:100%;overflow: hidden; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RECENT COMMENTS WIDGETS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .recentcomments { font-size: 90%; padding: 10px 0; } .recentcomments a { font-size: 100%!important;} .recentcomments a:hover, .recentcomments a:focus {background: inherit; text-decoration: underline;} .textwidget { padding: 10px 0 0 0; line-height: 1.3em; font-size: 0.9em; } .textwidget p {font-size: 100%;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - CALENDAR WIDGETS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .widget_calendar #wp-calendar { color: #555; width: 100%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {text-align: center;} .widget_calendar #wp-calendar tr {line-height: 1.8em;} .widget_calendar #wp-calendar caption { font-size: 1em; padding: 5px 0 10px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RSS WIDGETS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1.widget-title a:link, h1.widget-title a:visited {text-decoration: none!important;} h1.widget-title a:hover, h1.widget-title a:focus {text-decoration: underline!important;} .widget_rss ul li {margin-bottom: 1em; padding-bottom: 10px;} .widget_rss ul li a {text-transform: uppercase; font-size: 1.1em!important;} .widget_rss ul li a:hover {text-decoration: underline!important;} .widget_rss a:hover, .widget_rss a:focus {background: inherit!important; padding: 10px 0!important;} .widget_rss .rss-date {font-size: 0.8em; color: #808080; margin-bottom: 10px;} .widget_rss .rssSummary {font-size: 0.8em; line-height: 1.3em; margin-bottom: 5px;} .widget_rss cite {font-size: 0.8em; color: #808080;} .widget_rss cite:before {content: "by ";} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PAGINATION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .paginationBox {clear: both; display: block; float: left; margin: 1em 0 2em 0; } ul.pagination { margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; position: relative; font-size: 80%; line-height: 1em; list-style-type: none; } .pagination li { float: left; vertical-align: middle; background-color: #fff; margin-right: 1px; } .pagination span, .pagination a { float: left; border: 1px #ccc solid; padding: 3px 9px 4px 9px; text-decoration: none; width: auto; color: #999; } .pagination a:hover, .pagination a:focus {color: #fff; background-color: #ccc;} .pagination .current{padding: 3px 9px 4px 9px; color: #fff; background-color: #ccc; border: 1px #ccc solid;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {float:right;width: 100%; max-width: 748px; display: block; max-height:452px;} .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%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider {margin: 0 0 20px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); *zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {*zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat top left; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {opacity:0.5; background-position: -30px 0px; right: 3%;} .flex-direction-nav .flex-prev {opacity:0.5;left: 3%;} .flexslider:hover .flex-next {display:block;opacity: 0.8; right: 3%;} .flexslider:hover .flex-prev {display:block;opacity: 0.8; left: 3%;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -15px; text-align: right;} .flex-control-nav li {margin: 0 6px; display: inline-block; *display:inline; *zoom: 1; } .flex-control-paging li a {width: 11px; height: 11px; text-align:center;display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} /* FLEXSLIDER CUSTOM STYLES */ #flexislider { margin-bottom:3em;} #flexislider .container {margin:0 auto;max-width:1040px; }/*max-width:1040px;*/ .flexslider { background: none; border: none!important;/*border:12px solid #fff*/ padding: 0px!important; margin-bottom: 0!important; border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -moz-border-radius: 0!important; /*box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -o-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important;*/ box-shadow: 0 0px 0px rgba(0,0,0,0)!important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0)!important; -moz-box-shadow: 0 0px 0px rgba(0,0,0,0)!important; -o-box-shadow: 0 0px 0px rgba(0,0,0,0)!important; } .flexslider .slides {background:#fff;box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important; -o-box-shadow: 0 1px 4px rgba(0,0,0,.6)!important;} .flex-caption {display: none; position: absolute; top: 2%; right: 2%; color:#0C264A;padding: 0 0 0 5%;font-size: 1em; text-transform: uppercase; text-align: right; width:40%;} .flex-caption span { font-size:1.7em; font-family: 'Michroma', sans-serif; } .flexslider .slides img {float:right;width: 100%; max-width: 1040px; display: block; max-height:570px;} #sliderside {display:none;} #sliderside p { font-size:0.7em; padding-top: 2em; padding-bottom:1.2em; text-align:center;} #sliderside h4 {padding-top: 30px; text-align:center;} #sliderside h3 {padding-bottom: 1em; text-align:center;} #sliderside h6 {font-size:0.8em; text-align:center; margin-bottom:2em;} .flexslider img {width:auto; height:auto; max-width:100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*.flex-direction-nav li .next {right: -17px!important;} .flex-direction-nav li .prev {left: -17px!important;}*/ .flexslider .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: right; right: 1%;display:none;/*hide from smaller viewports*/} /* Fix for FlexSlider */ .flexslider .slides img {height: auto;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - CUSTOM LIGHTBOX STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div.peFlareLightbox div.peFlareLightboxControls{margin-top:30px;} div.peFlareLightbox div.peFlareLightboxControls>div{width:140px;}/*was 200px*/ div.peFlareLightbox div.peFlareLightboxControls a { display: block; float: right; width: 40px; height: 40px; opacity: .65; } div.peFlareLightbox div.peFlareLightboxControls a { display: block; float: right; margin: 5px 5px 5px 0; z-index: 1000; } div.peFlareLightbox div.peFlareLightboxControls a#peFlareLightboxControlClose {background:url("images/lightbox/close40.png") no-repeat 0 0;} div.peFlareLightbox div.peFlareLightboxControls a#peFlareLightboxControlNext {background: url("images/lightbox/next40.png") no-repeat 0 0;} div.peFlareLightbox div.peFlareLightboxControls a#peFlareLightboxControlPrev {background: url("images/lightbox/prev40.png") no-repeat 0 0;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Single post - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .entry-content {} .footer-meta {margin: 0 0 1em 0; } /*was 1em top*/ blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin: 1.5em 0; padding-left: 2em; border-left: 1px #ccc solid; font-style: italic; color: #333; line-height: 1.4em; border-left-color: #EFEFEF; border-left-width: 10px; } ul.footer-tags {margin-bottom:2em;} .footer-tags li { float: left; text-transform: uppercase; margin: 0px 1px 0 0; padding-top:2px; font-size: 0.6em; line-height:17px; } .footer-tags li a:link, .footer-tags li a:visited { padding: 2px 10px; background: #1ab6c1; text-decoration: none; color: #fff; } .footer-tags .highlight { background: #333333; padding: 2px 20px; color: #fff; } .footer-tags li a:hover, .footer-tags li a:focus { background: #0B5191; } /* RELATED */ /*h1#recent {text-transform: uppercase; font-weight: 100; margin: 0 0 1em 50px;} #related {background: #eaeaea; padding: 50px;}*/ #related ul {margin-bottom:2em;} /*#related ul li {width: 31.91489361702128%; float: left; margin-right: 2.127659574468085%;} #related ul li:last-child { margin-right: 0;}*/ #related ul li a {text-decoration: none; color: #333333;/*!!!!!!!!#13777d;#f05023;!!!!!!!!!!!#0B5191!!!!!!!!!! #1ab6c1 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */} #related .entry-title {color: #333333;} #related ul li article { padding: 20px; margin-top:0; margin-bottom:1em; border: 1px #333333 solid; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } #related ul li a:hover article, #related ul li a:focus article { background: #EFEBE8; } #related .theExcerpt { margin-top: 1em; } /* 404 page */ /* Notices */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Image Attachments - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .image-attachment .entry-header {margin-left: 0; width: 100%; float: none;} .image-attachment div.entry-meta {float: left; font-size: .9em;} .image-attachment nav {float: right; margin: 0 0 1em 0; font-size: .9em;} .image-attachment .previous-image {margin-right: 10px;} .image-attachment .next-image {margin-left: 10px;} .image-attachment .entry-content {clear: both;} .image-attachment .entry-content .entry-attachment {margin: 0 0 1em; padding: 1em; text-align: center;} .image-attachment .entry-content .attachment {display: block; margin: 0 auto; text-align: center;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Images - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachement img, #sidebar img, .wp-caption, a img { width:auto; max-width:100%; /*when images are too wide for containing elemetns, force them to fit.*/ height: auto; /*override height to match resized with for correct aspect ratio.*/ } img.aligncenter, .wp-caption.aligncenter { margin:0 auto 1.5em auto; width:auto; max-width:100%; height:auto;} a img {border: none;} p img { margin-bottom: 1em;} img.alignleft, .wp-caption.alignleft {margin-right: 1.5em; margin-bottom: 1.5em; margin-top: 5px;} img.alignright, .wp-caption.alignright {margin-left: 1.5em; margin-bottom: 1.5em; margin-top: 5px;} img.aligncenter, .wp-caption.aligncenter {margin: 0 auto 1.5em auto; height: auto;} .wp-caption {padding: 0px; text-align: center;}/*was- - - 10px; border: 1px #ccc solid;*/ .wp-caption img {margin: 0;} .wp-caption .wp-caption-text {margin: .5em; font-size: 80%;} .gallery-caption {} .wp-smiley {margin: 0;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Forms - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #searchform label {display: none;} #searchform input#s {width: 60%;} input[type=text],input[type=email], input#s {margin: 0 0 .5em 0; width: 99%;}/*was 60%; margin: 0 1em .5em 0;*/ textarea {width: 99%;} /* Class for labelling required form items */ .required {color: #cc0033;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Comments - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #comments-title { text-transform: uppercase; margin-top: 1em;} #reply-title {text-transform: uppercase; margin-top: 2em;}/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!margin-left: 34.04255319148936%;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ article.comment { margin-bottom: 1em; margin-top:0em; padding-bottom: .2em; border-bottom: 1px dashed #333333; }/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!margin-left: -51.61290322580645%; width: 48.38709677419355%;float: left;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .comment-footer {font-size: 0.8em; line-height: 1.3em;} /*.left-content {float: left; margin-right: 10px;}*/ .comment-author {text-transform: uppercase; color: #333333;} /* Custom style for post author */ .bypostauthor {} .commentlist .children {margin-left: 60px;} .comment-footer a:link, .comment-footer a:visited { font-size: 90%; color:#13777d;}/* WAS color: #333333; text-decoration: none;*/ .comment-footer a:hover, .comment-footer a:focus {color: #0B5191;} .comment-footer .reply a:link, .comment-footer .reply a:visited { width: 48px; border: 1px #333333 solid; display: block; text-transform: uppercase; font-size: 70%; text-align: center; padding: 0; } .comment-footer .reply a:hover, .comment-footer .reply a:focus { }/* WAS border-color: #999;*/ .comment-footer .children li {margin-left: 60px;} /* COMMENT FORM */ #commentform {margin-bottom: 2em;} #commentform input:focus, #commentform textarea:focus {outline: 1px solid #333333;} #commentform label { display: inline-block; *display:inline; *zoom:1; margin-bottom: 0.4em; font-size: 90%;} #commentform input, #commentform textarea {padding: 5px;} /* COMMENT NOTES */ .comment-notes {font-size: 80%;}/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!margin-left: -51.61290322580645%; width: 38.38709677419355%; color: #999;float: left;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .form-allowed-tags {font-size: 80%; /*color: #999;*/} #respond input[type=text] {display: block;/* width: 60%;*/} #respond textarea {display: block; margin: 0 0 1em;/* width: 80%;*/} #respond .form-allowed-tags {clear: both;/* width: 80%;*/} #respond .form-allowed-tags code {display: block;} #commentform input#submit { margin: 1em 0 0 0; border: 1px solid #333333; color: #fff; padding: 3px 2em; background: #333333; font-size: 70%; text-transform: uppercase; } #commentform input#submit:hover, #commentform input#submit:focus { border-color: #0B5191; background:#f05023; cursor: pointer;}/*WAS color: #333;*/ .pingback { margin: 0 0 2em 0;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Widgets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .widget {display: block;} #sidebar .widget_search {overflow: hidden;} #sidebar .widget_search input {float: left;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Feature item - Customise to suit - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .feature { background: #0B5191 ; color: #f9efde; padding-top:1.5em;padding-bottom:1.5em; } .feature h2 {font-family: 'Anton', sans-serif; font-size: 2.3em; letter-spacing:3px;margin-top:.5em;margin-bottom:0;text-transform:uppercase;} .feature p, .feature h1, .feature h2, .feature h3, .feature h4 {color: #f9efde;} .feature2 {background: #EFEBE8;} .feature3 {background: #333333; padding-top:1.5em;padding-bottom:0; color: #f9efde;} .feature3 p, .feature3 h1, .feature3 h2, .feature3 h3, .feature3 h4 {color: #f9efde;} /* ============================================================================= Footer ========================================================================== */ #pageFooter { padding: 0; background-color: #333333; color: #FFF; font-size: 0.9em; text-align:center; } #footer-sidebar ul {padding-top: 2em; list-style:none;} #footer-sidebar ul li { margin-bottom:2em;}/* WAS padding-bottom:2em;*/ #footer-sidebar ul ul, #footer-sidebar ul ul li {margin: 0; padding: 0; float: none; width: 100%;} #footer-sidebar .widget-title { color: #fff; font-size: 1.2em; text-transform: uppercase; font-weight:bold; margin-top: 0; line-height: 1.3em; word-wrap: break-word; } #footer-sidebar ul ul li a { text-decoration: none; display: block; padding: 5px 0; font-size: 90%; line-height: 1.3em; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; } #footer-sidebar ul ul li a:hover, #footer-sidebar ul ul li a:focus { background-color: #0061c7; text-decoration: none; padding: 5px; } /* FOOTER SOCIAL BUTTONS */ #footer-sidebar ul ul#social-links, #footer-sidebar ul ul#social-links li { margin: 0; padding: 0; float: none; display: inline-block; *display:inline; *zoom:1; text-align:center; width: auto; line-height:1em; } #footer-sidebar ul ul#social-links li {float: none; display:inline; margin-right: 3px; margin-top: 8px; font-size: 1em;} #footer-sidebar ul ul#social-links li a:link, #footer-sidebar ul ul#social-links li a:visited { color: #ccc; font-size: 2em; line-height: 1.3em; display:inline; padding:0; } #footer-sidebar ul ul#social-links li a:hover, #footer-sidebar ul ul#social-links li a:focus { color: #fff; padding-left:0px; background:none; } /* SPECIAL CASE: RECENT COMMENTS */ #footer-sidebar ul#recentcomments li {padding: 10px 0;} #footer-sidebar ul#recentcomments li:hover, #footer-sidebar ul#recentcomments li:focus {} #footer-sidebar ul li.recentcomments a:link, #footer-sidebar ul li.recentcomments a:visited {border-style: none; color: inherit; text-decoration: none; line-height: 1.2em;} #footer-sidebar ul li.recentcomments a.url {font-weight: normal; font-style: italic; text-transform: none;} #footer-sidebar ul li.recentcomments a:hover, #footer-sidebar ul li.recentcomments a:focus {background-color: transparent; background-image: none; text-decoration: underline;} /* END RECENT COMMENTS */ /* FOOTER SEARCH FORM */ #pageFooter #searchform div {/*text-align: right;*/ position: relative;} #pageFooter input:focus {outline: 1px solid #0B5191;} #pageFooter #searchform {line-height:1em; display:block; /*clear:both;*/} #pageFooter #searchform label {display:none;} #pageFooter #searchform input#s {width:97%;height:12px; font-size:12px;/*display:block;*/} #pageFooter input#s {border: 1px solid #0a4783; padding: 3px 1% 5px 1%; margin: 0 0 0 0; color: #1b519c; background: #fff; font-size: 0.7em;} #pageFooter #searchsubmit {width: 14px; height: 14px; text-indent: -9999px; position: absolute; background:#0B5191; right: 5px; top: 4px; } /* END FOOTER FORM */ #footer-content { padding: 20px 7% 50px 7%; text-align: center; font-size: 70%; text-transform: uppercase; position:relative; /* enables us to absolutely position footer graphic and return to top button */ } #footer-content p {margin: 0 0 10px 0;} #site-generator p{text-align:center;padding-right:2%;} #pageFooter a:link, #pageFooter a:visited { color: #fff; text-decoration: none;} #pageFooter a:hover, #pageFooter a:focus {text-decoration: underline;} .video {margin: 0 0 1em 0;} video {width: 100%; height: auto;} #returnToTop { display:block; height:2em; width:2em; font-size:2em; line-height:2em; vertical-align:middle; overflow:hidden; position: absolute; right:20px; bottom:25px; z-index:900; } #pageFooter #returnToTop a {display:block; text-decoration:none; background: #0B5191 url("images/arrowUp.png") no-repeat center; font-weight:bold; font-size:1em; text-align:center; /* transition */ -webkit-transition: background-color .7s; -moz-transition: background-color .7s; -o-transition: background-color .7s; transition: background-color .7s; } #pageFooter #returnToTop a:hover { text-decoration:none; background: #EFEBE8 url("images/arrowUp.png") no-repeat center} .mynav2 {position:absolute;right:20px; bottom:25px; z-index:900;}/* is overriddent by js script which applies the fixed2 class or fixed position*/ .fixed2 { position:fixed;}/*fixes the item with the mynav class via js script */ .moreinfo { border-bottom: 1px dotted #000000; outline: none; cursor: help; text-decoration: none; position: relative; } a.moreinfo:hover{text-decoration: none;} .moreinfo span { display: none; position: absolute; background: #EEE; text-indent:0; border:1px solid #666666; color: #333; margin-top:-1em; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: opacity 1s, margin-top 1s, transform 1s; -webkit-transition: opacity 1s, margin-top 1s, -webkit-transform 1s; /* Safari */ } .moreinfo:hover span { position: relative; margin-top:0; display:block; line-height:1.3em; z-index: 999; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .classic { padding: 0.8em 1em; } *a.moreinfo:hover { background: transparent; } #pageFooter {clear:both;/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! MAY HAVE TO REMOVE FOOTER FROM THIS RULE IF USED ELSEWHERE IN SITE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! display:block;width:100%;*/} /* ==|======================================================================= CUSTOM OVER-RIDES GO HERE. ========================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Custom Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #site-header { background: #666 url(images/RoadBW.jpg) no-repeat top center; background-size: cover; }/* background colour goes in here */ #header-title{padding-top:1em; } #header-title figure { text-align:center;} #site-title {font-family: "Michroma", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:none; font-weight:normal;padding-top:.25em; font-size:1.56em;} #site-description {font-size: 0.6em;padding-top:.5em;} #header_image img {margin-bottom:0px;margin-top:0px;max-width: 100%;} #sub-access a { vertical-align: baseline; color:#fff; text-transform: uppercase;} #header_image{padding-top:0px;} /* - - - - - - - - - - - - - - - - - - - - Header Navigation TOP - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #access {display: block; margin-top: 20px;margin-bottom:10px;} #access ul {list-style: none; padding-left: 0; text-align:center; clear:left;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Custom Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .entry-content h2 {margin-bottom: 0.4em; margin-top: 1.7em; font-weight:bold;} #submenu ul { text-align:center;} #submenu .widget-title {text-align:center;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Custom Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #pageFooter {background:#0C264A; position:relative;} #menu-footer-menu { text-transform:uppercase;} #footer-sidebar .textwidget {padding-top:0px;} .footerDecoration{ position:absolute; bottom:0px; right:0px; max-width:120px;} /*positions footer image */ #footer-sidebar ul ul#footlist li a, #pageFooter a.facebook,#pageFooter a.twitter, #pageFooter a.letters,#pageFooter a.maps { padding: 8px 8px 8px 38px;display:inline;line-height:25px;background-image:url('images/iconsprite.png');background-repeat:no-repeat;-webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pageFooter a.facebook,#pageFooter a.twitter {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #footer-sidebar ul ul#footlist li {display:block;margin-bottom:1em;} .social2 p {margin-bottom:.5em;} a.letters {background-position:-1px -210px;} a.facebook {background-position:-1px -0px;} a.twitter {background-position:-1px -70px;} a.maps {background-position:-1px -140px;} a.maps:hover, a.maps:focus {background-position:-1px -175px;} a.letters:hover, a.letters:focus {background-position:-1px -245px;} a.facebook:hover, a.facebook:focus {background-position:-1px -35px;} a.twitter:hover, a.twitter:focus {background-position:-1px -105px;} #footer-sidebar ul ul#footlist li a:hover, #footer-sidebar ul ul#footlist li a:focus { padding: 8px 8px 8px 42px;background-color:#004A88; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - MENU STYLES GO HERE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Misc - Helper Classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Alignment NOTE overwritten in media query to move to left or right etc*/ /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! THIS IS THE ORIGINAL VERSION PROBABLY CAN REMOVE/REPLACE THIS WITH ALIGNLEFT, ALIGN RIGHT ETC !!!!!!!!!!!!!!!!!!!!!*/ .left { float: left;} .txtLeft {text-align:right;} .imgLeft { display:block;float: none;} .right {float: right;} .txtRight {text-align:right;} .imgRight { display:block;float: none;} .alignleft {display: block;float: none;} .alignright {display: block;float: none;} .aligncenter {display: block;margin: 0 auto;} .textShaddow{text-shadow: 1px 1px 0px #250a00;filter: dropshadow(color=#250a00, offx=1, offy=1);} .pd{ text-align:center;display:block;position:relative; font-weight:bold;} .featureQuote { background:#CC0000;color:#f2efe6;margin:1em 0;padding:1em 7%; font-style:italic; font-size:1.4em; line-height:1.2em;} .icon {width:40%; margin-bottom: 0em;} .large{font-size:1.8em;padding-top:1em;} .rndCorners{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .rndCircle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .rule {border-top: 2px dotted #b6aba3;padding-top:1em;} .noRule{border:none;} .oneThirdRule {border-top: 2px dotted #b6aba3;padding-top:1em;} .noRule{border:none;} /*- - - - - - - - - - - - - - - - Bug fixing helpers- - - - - - - - - - - - - - */ .test {background-color: #FC6}.test2 {background-color: #9F6} /*- - - - - - - - - - - - - section details - - - - - - - - - - - - */ .deliveryD {display:none;} .no-js .deliveryD{display:block;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Button Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 6px 11px 6px; margin: 0.4em 0.2em; font-family: 'Didact Gothic', Helvetica, Arial, sans-serif; line-height: 1.6em; color: #d7d2d3; text-align: center; vertical-align: middle; background-color: #0C264A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; *margin-left: .3em; } .btn a {color: #d7d2d3;} .btn:visited a, .btn:hover a { color:#0B5191;} .btn:visited, .btn:hover {color:#d7d2d3; text-decoration: none; background-color: #d7d2d3;} input[type="submit"].btn:hover { border-color: #cccccc;} /*========================================================= IE FIXES ==========================================================*/ /* - - - - - - - - - - - Typography - - - - - - - - - - - - - */ .lt-ie9 #main{text-align:left;} .lt-ie9 .home p, .lt-ie9 .home article ul, .lt-ie9 .home form { font-size:.9em; line-height:1.3em;} .lt-ie9 p, .lt-ie9 ul, .lt-ie9 form { font-size:.9em; line-height:1.3em;} .lt-ie9 h1, .lt-ie9 h2, .lt-ie9 h3, .lt-ie9 h4, .lt-ie9 h5, .lt-ie9 h6, .lt-ie9 p {text-align:left;} .lt-ie9 h1 {font-size:2em;} .lt-ie9 .page-header h1 {font-size: 1em} /* - - - - - - - - - - - Layout General structure - - - - - - - - - - - - - */ .lt-ie9 article header{position:relative;} .lt-ie9 figure {text-align:left;} .lt-ie9 .spanHalf {width:48%; margin-right:3.999%;float:left;} .lt-ie9 .spanThird {width: 30.666%; margin-right: 3.999%;float:left;} /*altered to come in just under 100% as last child doesn't work on ie8 and below*/ .lt-ie9 .spanTwoThirds {width: 65.332%; margin-right: 3.999%;float:left;} .lt-ie9 .spanFifth{width:16.8%;margin-right:3.999%;float:left;} .lt-ie9 .spanQuarter{width:22%;margin-right:3.999%;float:left;} .lt-ie9 .spanTwoFiths{width:37.6%;margin-right:3.999%;float:left;} .lt-ie9 .spanThreeFiths{width:58.4%;margin-right:3.999%;float:left;} .lt-ie9 .spanFourNinths{width:42.222%;margin-right:3.999%;margin-left:0;float:left;} .lt-ie9 .spanFiveNinths{width:53.777%;margin-right:3.999%;margin-left:0;float:left;} .lt-ie9 #pageFooter{text-align:left;} .lt-ie9 figure {text-align:left;} .lt-ie9 .grid-image{width:40%;} .lt-ie9 .floatRight {margin-right:0;float:right;} .lt-ie9 .container [class*="span"]:first-child {margin-left: 0;} .lt-ie9 .container [class*="span"]:last-child {margin-right: 0;} .lt-ie9 .last, .lt-ie8 .last, .lt-ie-7 .last, .last {margin-right:0;} /* - - - - - - - - - - - General - - - - - - - - - - - - - */ .gt-ie8 .gradient, .gt-ie8 nav.mainNav ul li a {filter:none;} .gt-ie8 .textShaddow, .lt-ie9 .textShaddow{ height: 0px;filter: none;} .lt-ie9 .boxShaddow {border: 1px solid #cccccc;} /*in place of a drop shaddow for ie browsers older than v9*/ .lt-ie9 #wrapper {/*background: #f2efe6 url(../adminImg/speckSmallBG.gif) repeat top center;*/} /* - - - - - - - - - - - header images - - - - - - - - - - - - - */ .lt-ie9 #header_image img {width:auto; height:auto; max-width: 100%;} .lt-ie9 #header_image {padding-top:0px;} /* - - - - - - - - - - - Main Navigation - - - - - - - - - - - - - */ /*================= MENU FIXES GOES HERE ==================*/ /* - - - - - - - - - - - - - - - - - - - - Header Navigation TOP - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lt-ie9 #access {display:block; margin-top: 10px; float:right;} .lt-ie9 #access ul {list-style: none; padding-left: 0;} .lt-ie9 #access li { float: left;display: inline-block; *display:inline; *zoom:1; position: relative; margin: 0 .5em;}/*float: left;*/ /* - - - - - - - - - - - - - - - - - - - - Header Navigation BELOW CUSTOM HEADER IMAGE- - - - - - - - - - - - - - - - - - - - */ /* Special in case of custom header image */ .lt-ie9 .mynav { position:relative;} .lt-ie9 #sub-access ul {text-align: center; list-style: none; padding-top: 10px; padding-bottom: 9px;} .lt-ie9 #sub-access li { float: none; display: inline-block; *display:inline; *zoom:1; position: relative; background:none; line-height: 35px; margin-bottom:0; margin: 5px; } .lt-ie9 #sub-access a { display: inline-block; *display:inline; *zoom:1; padding: 5px 10px; text-decoration: none; color: #0C264A; text-transform: uppercase; font-size: 1em; } .lt-ie9 #sub-access ul li:last-child {border-right:none;} /* - - - - - - - - - - - Buttons - - - - - - - - - - - - - */ .lt-ie9 a.button, .lt-ie9 a.button:link, .lt-ie9 a.button:visited {margin:.5em auto 0 0;float:left;filter:none;} .lt-ie9 #multipleBtns a.button, .lt-ie9 #ourProducts a.button {margin:0 1em 0 0; float:left;} .lt-ie9 #rightBtn{position:absolute; top:0; right:0;} /* - - - - - - - - - - - Slider - - - - - - - - - - - - - */ .lt-ie9 #banner hgroup{padding:0 55% 0 0; position:absolute; z-index:1020; text-align:left;} .lt-ie9 #banner h1{padding:40px 0 0px 0;font-size:3.5em;} .lt-ie9 #banner h2 {font-size:1.8em;} /*.lt-ie9 .flex-direction-nav .flex-next { opacity:0; background-position: 100% 0; }display:none; right: -36px; */ /*.lt-ie9 .flex-direction-nav .flex-prev {opacity:0;}display:none; left: -36px; */ .lt-ie9 .flex-direction-nav a {top: 50%;} .lt-ie9 .flexslider .flex-control-nav {display:block;} /*.lt-ie9 #flexislider {background: #ffffff url(images/bannerBackground.jpg) repeat-x center top;}*/ /* - - - - - - - - - - - Index - Masonry - - - - - - - - - - - - - */ .lt-ie9 #masonry-index .imgRight { display:block;float: none;width:100%;margin:0;} /* - - - - - - - - - - - Index - Traditional - - - - - - - - - - - - - */ .lt-ie9 #regular-index .index-title, .lt-ie9 #regular-index .index-content {margin: 0;} .lt-ie9 #regular-index .index-name-date{margin:0.7em 0 0 0;} /* - - - - - - - - - - - Main Content - - - - - - - - - - - - - */ .lt-ie9 .localbut { display:inline;margin:0;} .lt-ie9 .index-title {margin: 0;} /* - - - - - - - - - - - Feature item Styles - - - - - - - - - - - - - */ .lt-ie9 .feature h2 {font-size: 2.5em;} /* - - - - - - - - - - - Comments - - - - - - - - - - - - - */ .lt-ie9 .left-content {float: left; margin-right: 10px;} /* - - - - - - - - - - - Gallery - - - - - - - - - - - - - */ .lt-ie9 .gallery-columns-8 .gallery-item {width:16.666%; float:left;} /* - - - - - - - - - - - Button Styles - - - - - - - - - - - - - */ .lt-ie9 a.button, .lt-ie9 a.button:link, .lt-ie9 a.button:visited {margin:.5em auto 0 0;float:none;} /* - - - - - - - - - - - Helper Classes - - - - - - - - - - - - - */ .lt-ie9 .alignleft {display: inline;float:left;margin-right:4%;}/*margin previously 1.8em*/ .lt-ie9 .alignright {display: inline;float: right;margin-left:4%;}/*margin previously 1.8em*/ .lt-ie9 .aligncenter {display: block;margin: 0 auto;}/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! may not need the below as the above replaces it !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ .lt-ie9 .imgLeft { display:inline;float: left; margin-right:4%;}/*previously 1.8em*/ .lt-ie9 .imgRight { display:inline;float: right; margin-right:0; margin-left:4%; width:42.222%;}/*previously 1.8em*/ .lt-ie9 .pd{ display:inline;} /* - - - - - - - - - - - Footer - - - - - - - - - - - - - */ .lt-ie9 #pageFooter {text-align:left;} .lt-ie9 #returnToTop {position: fixed;} /* ==|======================================================================= CUSTOM OVER-RIDES GO HERE. ========================================================================== */ /* - - - - - - - - - - - - - - - - - - - - Header Navigation BOTTOM - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lt-ie9 .fixed { position:fixed; top:0; width:100%;}/*fixes menu to top of screen when used with mynav class and js script */ .lt-ie9 #access {margin-bottom:0px;} .lt-ie9 #sub-access ul{padding-right:100px;} /*- - - - - - - - - - - - - - - - - - - - - - - Custom content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lt-ie9 #intro {padding-bottom:1em;} .lt-ie9 .home #intro figure {padding-top:3em;} .lt-ie9 #intro p img {max-width:70%;} /* - - - - - - - - - - - - - - - - - - - - Custom footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lt-ie9 #footer-sidebar ul li { border-bottom: none; }/*NOTE: this replaces last child ....which doesn't work in ie7*/ .lt-ie9 #footer-sidebar ul {margin-right:0;background:none;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! don't think i need this??? !!!!!!!!!!!!!!!!!!!!!!*/ .lt-ie9 #footer-sidebar ul ul, .lt-ie9 #footer-sidebar ul ul li {border-bottom: none; background:none;width:93%;} /* - - - - - - - - - - - Contact Form - - - - - - - - - - - - - .lt-ie9 #contactform form label { display:block; float:left; width:20%;text-align:right;}.lt-ie9 #contactform input.inpt, .lt-ie9 #contactform textarea, .lt-ie9 #contactform select {width: 75%;}*/ /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Text meant only for screen readers !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); *****IE6, IE7***** clip: rect(1px, 1px, 1px, 1px); }*/ /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }