/* 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 ========================================================================== */ /* Special Elite @import url(http://fonts.googleapis.com/css?family=Special+Elite); */ /* 'Open Sans' @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600); */ /* 'Open Sans' @import url(http://fonts.googleapis.com/css?family=Paytone+One|Anton|Plaster|Six+Caps);*/ /* 'Open Sans Condensed' @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300); */ /* FontAwesome font for social icons. Full source at http://fortawesome.github.com/Font-Awesome/ USED FOR THE GLYPHS*/ @import url(FontAwesome/css/font-awesome.css); /* ============================================================================= 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: #000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } body { margin: 0;padding: 0; width: 100%;font-size: 1em; line-height: 1.3; vertical-align:baseline; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background: #fff;/* Old browsers */ /*!!!!!!!!!!!!!!!!! color: #000 !!!!!!!!!!! */} /* * 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: #aed4db; color: #fff; text-shadow: none; } ::selection { background: #aed4db; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #ed1f24; text-decoration:none;} a:visited { color: #ed1f24; text-decoration:none;} a:hover { color: #ed1f24; text-decoration:underline; } a:focus { color: #ed1f24; 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 #b6aba3;margin:0; padding:0 0 1em 0;} header hr, footer hr, .thickRule { height: 2px; border: 0; border-top: 2px dotted #b6aba3; 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 0 0.5em 0; padding:0; font-weight: bold; text-rendering: optimizelegibility; text-align:center; line-height:1em; text-transform: uppercase; color: #ed1f24; } h1{font-size:2em;} h2{font-size:1.8em; line-height:1.2em;} h3{font-size:1.2em; line-height:1.1em;} h4{font-size:1.6em;} h5{font-size:1.4em; line-height:1.2em;} h6{font-size:1.2em; line-height:1.2em;} p {margin: 0 0 1em 0;} #main {font-size:1em; line-height:1.4em; 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 { max-width:1040px; padding-left:7%;padding-right:7%; 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;} #main ul.imageList {list-style:none;margin-left:0;text-align:center;} 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: url(***yourbackgroudimagehere***.png) repeat top center; display: block; max-width: 100%; margin: 0 auto; background: #fff; */ #main ul {text-align:left;} /* NOT BEING USED */ /*.container .twoThirds, .container .oneThird, .container .half {margin-left:0; margin-right:0;} #gallery .oneThird {width:30%; display:inline; margin-left:0; float:left; margin-right:3.333%;} .last{margin-right: 0;} .first{margin-left:7%;margin-right:7%;} */ /*END OF NOT BEING USED */ /* ============================================================================= Header ========================================================================== */ /* PRE-HEADER */#pre-header{display:none;}/*!!!!!!!!!!!!!!!!!!! REMOVE THIS FOR DEFAULT TEMPLATE !!!!!!!!!!!!!!!!!!!!!!!*/ #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; } /* END PRE-HEADER */ #site-header {position: relative;} #header_margin {padding-top:1em; }/* 40px 50px;*/ #header_image img {display: block;max-width: 80%;height: auto;margin-left:auto;margin-right:auto;} #header_image{padding-top:28px;} .header-container {}/*margin-left:34.0245%;*/ /*--------------NOTE ADD .HEADER-CONTAINER MARGIN-LEFT OF =TO ONETHIRD IN THE MEDIA QUERY FILE-----------------*/ #header-title {}/*margin-left:-51.6%; float:left;width:48.4%;*/ #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: #fff;} #site-description {font-size: 0.8em; font-weight: normal; text-transform: uppercase; color: #fff; margin: 0.2em 0; } /* Conditional if header image is present */ #header-title.header-image-true {width: 100%;} /* -------------------- Header Navigation TOP ---------------------------- */ /* Header menu */ #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 1em;}/*float: left; margin: 0 0 0 2em;*/ #access a {display: block; padding: 5px 0 8px 0; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 0.8em; border-bottom: solid 1px rgba(255,255,255,0);} .sf-sub-indicator {display: none;} #access a:hover, #access a:focus {color: #fff; border-bottom: 1px solid #fff;} /* 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: #fff;*/ } /* -------------------- Header Navigation BELOW CUSTOM HEADER IMAGE ---------------------------- */ /* Special in case of custom header image */ .mynav { position:fixed; top:0; width:100%;} #sub-access {background: #000; background-image:url("images/over.png"); background-repeat: repeat;padding:.5em 0;} #sub-access ul { text-align: center; list-style: none; padding-top: 10px; padding-bottom: 9px; } #sub-access li { float: none; position: relative; background:#fff; display:block; line-height:35px; margin-bottom:.5em; } /*Was display block line-height: 35px;*/ #sub-access a { display: inline-block; *display:inline; *zoom:1; padding: 10px 25px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 1em; }/*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-position: 30px 0px; background-image: url('images/arrowUp.png'); margin-left: 10px; background-repeat: no-repeat; } /*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: #ed1f24;} #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-image: url('images/arrowLeft.png'); background-position: 0 8px; background-repeat: no-repeat; 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 { } /* -------------------- BREADCRUMBS ---------------------------- */ p.breadcrumbs img{margin-bottom:.2em; padding:0;} .breadcrumbs {vertical-align:middle;font-size:75%;line-height:1em;padding:0;} /* END Header */ /* ============================================================================= 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;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! no longer in use !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /*.full {padding-left:7%; padding-right:7%;}WAS 50px*/ /*.post-container { margin-left:34.04255319148936% ; }!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*!*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /*.entry-header { margin-left:-51.61290322580645%; float:left; width: 48.38709677419355%; }!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .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 { text-transform: uppercase; margin-top: 0; line-height: 1em; word-wrap: break-word; color:#ed1f24; }/*line height was 1.3em; font-weight: 100;*/ .name-date { font-size: 0.8em; text-transform: uppercase; /* margin-top: 1.5em; */} .entry-meta { clear: both; display: block; } .index-meta { margin: 0 0 .5em 0; } /*was 1.5em top*/ .footer-meta h5 {margin:0 0 .2em 0;line-height:1em;} .footer-meta ul {margin: 0;} .index-meta li { display:inline;/*float: left;*/ margin: 0 1px 0 0; text-transform: uppercase; line-height: 17px; } 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: #b51518;/*!!!!!!!!#000;#ed1f24;!!!!!!!!!!!#aed4db!!!!!!!!!! #b51518 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ text-decoration: none; line-height: 17px; color: #fff; } .index-meta ul ul li a:link, .index-meta ul ul li a:visited { /* padding: 2px 10px; */} .index-meta li.theComments a:link, .index-meta li.theComments a:visited { background: #000;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } .index-meta li a:hover, .index-meta li.theComments a:hover, .index-meta li a:focus, .index-meta li.theComments a:focus { background: #ed1f24;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } 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 { line-height: 1.4em; /* margin-bottom: 2em; */} .entry-content li { font-size: 0.9em; margin: 0 0 1em 2em; line-height: 1.3em; } .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: 1.6em; line-height:1.2em; text-transform: uppercase; margin: 20px 0 0 0; word-wrap: break-word; } .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;/*20px*/ } .index-name-date a { text-decoration: none; } .index-name-date a:hover, .index-name-date a:focus { text-decoration: underline; } .index-content { margin: 0;/*20px*/ } .more-link { text-align: right; } .more-link a:link, .more-link a:visited { font-size: 0.6em; padding: 2px 20px; background: #b51518; text-decoration: none; text-transform: uppercase; line-height: 17px; color: white; } .more-link a:hover, .more-link a:focus { background-color: #ed1f24; } .page-header { /*!!!!!!!!!!!!!!!!!!!!!!!!background: #EAEAEA;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } .page-header h1 { text-transform: uppercase; font-size: 1em; margin: 0; padding: 20px 0; } /* -------------------------------------------------------------- Index - Traditional -------------------------------------------------------------- */ /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! WIDTH ETC NEEDS CHANGING TO CORRECT SETUP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!float: left; margin: 0 -320px 0 0; width: 100%;!!!!!!!!!!!!!!!!!!!!!! */ #regular-index { } /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! WIDTH ETC NEEDS CHANGING TO CORRECT SETUP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! margin: 0 320px 0 0; !!!!!!!!!!!!!!!!!!!!!!!!! */ #regular-content { } #regular-index { width: 100%; border: none; float: none; margin: 0 0 50px 0; }/*.index-post-container*/ #regular-index .the-thumbnail { display: inline; } #regular-index .index-title, #regular-index .index-content { margin: 0 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; } /*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;} /* position: relative; margin: 10px;text-align: center;*/ .gallery img { width:auto; height:auto; max-width:90%; padding:5% 5% 15% 5%; background: #DED4AE url("images/polo.jpg") repeat top center; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666; } /*.gallery-columns-2 .gallery-item { width: 50%; }*/ /*.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }*/ .gallery .gallery-caption { /* color: #888;*/ 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; } /* END PAGINATION */ /* * 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; display:none;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../adminImg/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 80%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0;opacity: 1; right: 0; } .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .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 */ .flexslider { border: 1px solid #ccc!important; padding: 10px!important; margin-bottom: 60px!important; border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -moz-border-radius: 0!important; -webkit-box-shadow: none!important; } .flex-direction-nav li .next { right: -16px!important; } .flex-direction-nav li .prev { left: -17px!important; } /* END FLEXSLIDER CUSTOM STYLES */ /* Fix for FlexSlider */ .flexslider .slides img { height: auto; } /* -------------------------------------------------------------- Single post -------------------------------------------------------------- */ .entry-content { } .footer-meta { margin: 0 0 1em 0; } /*was 1em top*/#000;#ed1f24;!!!!!!!!!!!#aed4db!!!!!!!!!! #b51518 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: #b51518; text-decoration: none; color: #fff; } .footer-tags .highlight { background: #000; padding: 2px 20px; color: #fff; } .footer-tags li a:hover, .footer-tags li a:focus { background: #ed1f24; } /* 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: #000;/*!!!!!!!!#000;#ed1f24;!!!!!!!!!!!#aed4db!!!!!!!!!! #b51518 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ } #related .entry-title {color: #000;} #related ul li article { padding: 20px; margin-top:0; margin-bottom:1em; border: 1px #000 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: #aed4db url("images/over.png") repeat; } #related .theExcerpt { margin-top: 1em; } /* END RELATED */ /* 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: 10px; text-align: center; 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; } /* END Images */ /* -------------------------------------------------------------- Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 60%; } input[type=text], 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; } /* END Forms */ /* -------------------------------------------------------------- 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 #000; } /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!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: #000; } /* Custom style for post author */ .bypostauthor { } .commentlist .children { margin-left: 60px; } .comment-footer a:link, .comment-footer a:visited { /* color: #000; text-decoration: none; */ font-size: 90%; color:#000; } .comment-footer a:hover, .comment-footer a:focus { color: #ed1f24; } .comment-footer .reply a:link, .comment-footer .reply a:visited { width: 48px; border: 1px #000 solid; display: block; text-transform: uppercase; font-size: 70%; text-align: center; padding: 0; } .comment-footer .reply a:hover, .comment-footer .reply a:focus { /* border-color: #999; */} .comment-footer .children li { margin-left: 60px; } /*!!!!!!!!!!!!!!!!!!!!!!!COMMENT FORM !!!!!!!!!!!!!margin-left: 34.04255319148936%;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ #commentform { margin-bottom: 2em; } #commentform input:focus, #commentform textarea:focus { outline: 1px solid #000; } #commentform label { display: inline-block; *display:inline; *zoom:1; margin-bottom: 0.4em; font-size: 90%; } #commentform input, #commentform textarea { padding: 5px; } /*!!!!!!!!!!!!!!!!!!COMMENT NOTES!!!!!!!!!!!!!!!!!margin-left: -51.61290322580645%; width: 38.38709677419355%; color: #999; float: left;!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .comment-notes { font-size: 80%; } .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 #000; color: #fff; padding: 3px 2em; background: #000; font-size: 70%; text-transform: uppercase; } #commentform input#submit:hover, #commentform input#submit:focus { border-color: #ed1f24; background:#ed1f24; /* color: #333; */ cursor: pointer; } .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: #ed1f24 repeat; color: #fff; padding-top:0.5em;padding-bottom:0.5em; margin-top: 5em; margin-bottom: 2em; } .feature h2 {font-size: 1em;margin-top:.2em;margin-bottom:.2em;text-transform:uppercase; border-bottom:none;} .feature p, .feature h1, .feature h2, .feature h3, .feature h4 {color: #fff;} .feature2 {background: #aed4db url("images/over.png") repeat;} .feature3 {background: #000 url("images/over.png") repeat; padding-top:1.5em;padding-bottom:0; color: #fff; } .feature3 p, .feature3 h1, .feature3 h2, .feature3 h3, .feature3 h4 {color: #fff;} /* ============================================================================= Footer ========================================================================== */ #colophon { padding: 0; background-repeat: repeat; background-color: #ed1f24; color: #fff; font-size: 0.9em; text-align:center; } #footer-sidebar ul { padding-top: 2em; list-style:none; } #footer-sidebar ul li { padding-bottom:2em; margin-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.5em; text-transform: uppercase; 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: #ed1f24; text-decoration: none; padding: 5px; } /* 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-content { padding: 20px 50px 50px 20px; text-align: center; font-size: 70%; text-transform: uppercase; } #footer-content p { margin: 0 0 10px 0; } #site-generator p{text-align:center;padding-right:2%;} #colophon a:link, #colophon a:visited { color: #fff; text-decoration: none; } #colophon a:hover, #colophon a:focus { text-decoration: underline; } .video { margin: 0 0 1em 0; } video { width: 100%; height: auto; } #returnToTop { display:block; background: #ed1f24; height:20px; line-height:20px; vertical-align:middle; } #returnToTop a {background: url("images/up.png") no-repeat 3px 4px; padding:6px 25px 6px 25px;} .fixed2 { position:fixed; bottom:25px; right:0; z-index:900;}/*fixes menu to top of screen when used with mynav class and js script */ #colophon {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 -------------------------------------------------------------- */ /* Header menu Styles */ #site-header h2 {text-align: center;} #site-header img {display:block;margin:0 auto;} #headcontact {margin-top:20px;} #site-title, #site-description {border-bottom: 0px solid #666;} /* -------------------- Header Navigation TOP ---------------------------- */ /* -------------------- Header Navigation BOTTOM ---------------------------- */ .flex-caption {position:absolute; bottom:0; left:0; color:#FFF; padding: 0 0 0 5%; font-size:1.5em; font-weight:bold; text-transform:uppercase; text-shadow:2px 2px 8px #000000;} .flexslider .slides img {float:right;width: 100%; max-width: 1040px; display: block; max-height:600px;} .flexslider img {width:auto; height:auto; max-width:100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* FLEXSLIDER CUSTOM STYLES */ .flexslider { border: 0px solid #ccc!important; padding: 0px!important; margin-bottom: 60px!important; border-radius: 0!important; -webkit-border-radius: 0!important; -o-border-radius: 0!important; -moz-border-radius: 0!important; -webkit-box-shadow: none!important; } .flex-direction-nav li .next { right: -16px!important; } .flex-direction-nav li .prev { left: -17px!important; } .flexslider .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: right; right: 10px;} /* display:inline; */ #regular-index .the-thumbnail {display: block; text-align:center;} /* -------------------------------------------------------------- Custom Content -------------------------------------------------------------- */ .polaroid, .single-thumb img, .the-thumbnail img, .wp-post-image {width:auto; height:auto; max-width:96%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } h1, h2 {padding-bottom: 5px; border-bottom: 1px solid #666;} #regular-index h1.index-title { margin-left:15%; margin-right:15%; } .index-content ul { list-style-type:disc; padding-left:20px; } #derekgallery a {text-align:center; text-transform:uppercase; font-size:1.4em; background-color:#ed1f24; color:#FFF; padding: 10px 15px 10px 15px; } #derekgallery a:hover { background-color:#b51518; color:#FFF; padding: 10px 10px 10px 10px; } #derekgallery li {text-align:center; } /* -------------------------------------------------------------- Custom Footer -------------------------------------------------------------- */ #footer-sidebar h1.widget-title { color: #fff; font-size:2em;} #footer-sidebar ul li { border-bottom: 1px #fff dashed;} #footer-sidebar ul li:last-child {border-bottom: none;} #footer-sidebar ul ul, #footer-sidebar ul ul li { border-bottom: none; } #footer-sidebar ul ul li a {font-size: 110%;} #colophon .social2 a:link, #colophon .social2 a:visited, #colophon .social2 a:hover, #colophon .social2 a:focus {text-decoration: none;} .social2 img {padding:0 7px 10px 0;margin: 0;} .social2 img:last-child {margin-right:0;} /* NOT BEING USED .booknow img { display: block; margin:0 auto 0 auto; position:relative; } .booknow img:hover, .booknow img:focus {width:183px;}*/ /* NOT BEING USED*/ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /*these rules are to to control side padding while allowing bgs to go full width - note they over-ride previous rulse hence their position in the cascade*/ /*#mainContent, #contact, #milk .oneThird, #farm .oneThird, .topOne {margin-top:1em;} small alter to the margin of the articles at the top of each page .feature{background:url(***yourbackgroudimagehere***.jpg) repeat top center;}*/ /*#expanded {display:none; clear:left;}*/ /*footer p {padding-bottom:0;display:block;} #pageFooter{margin-top:2em;padding-top:30px;background: url(../adminImg/footerBG.png) repeat-x center top; color:#f2efe6; text-align:center;} #footGradient{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0NDM1MzEiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM0NDM1MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(68,53,49,0) 50%, rgba(68,53,49,1) 80%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(68,53,49,0)), color-stop(80%,rgba(68,53,49,1))); background: -webkit-linear-gradient(top, rgba(68,53,49,0) 50%,rgba(68,53,49,1) 80%); background: -o-linear-gradient(top, rgba(68,53,49,0) 50%,rgba(68,53,49,1) 80%); background: -ms-linear-gradient(top, rgba(68,53,49,0) 50%,rgba(68,53,49,1) 80%); background: linear-gradient(to bottom, rgba(68,53,49,0) 50%,rgba(68,53,49,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00443531', endColorstr='#443531',GradientType=0 ); }*/ /*#pageFooter .last{padding-bottom:1.5em;} .address a, .address a:link, .address a:visited {color:#FFF;} .address a:hover, .address a:active {color:#FFF; text-decoration:underline}*/ /* END General structure */ /*-------------Page Header and Nav -----------------*/ /*===================MENU STYLES GO HERE =================*/ /* ============================================================================= specific links margin:.5em auto 0 auto;float:none; ========================================================================== */ /*a.button, a.button:link, a.button:visited {display:block;margin:.5em auto 0 auto;float:none;text-align: center;font-size:16px; line-height:1em; font-weight:bold; font-style:normal;height:45px; color:#F6ecd7;text-shadow: 1px 1px 0px #250a00;filter: dropshadow(color=#250a00, offx=1, offy=1);} .cart {width:177px;padding:20px 0 0 40px;background: url(../adminImg/buttonBG.gif) no-repeat top center;} .base {width:183px;padding:20px 0 0 0; background: url(../adminImg/baseButtonBg.gif) no-repeat top left;} a.button:hover, a.button:active, a.baseButton:hover, a.baseButton:active {color:#fff; text-decoration:none;} #pageFooter a, #pageFooter a:link, #pageFooter a:visited {color:#efebe0;} #pageFooter a:active, #pageFooter a:hover {color:#efebe0; text-decoration:underline;}*/ /* -------------------------------------------------------------- Misc - Helper Classes -------------------------------------------------------------- */ /* Alignment NOTE overwritten in media query to move to left or right etc*/ .left { float: left;}.txtLeft {text-align:right;}.imgLeft { display:block;float: none;}/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! THIS IS THE ORIGINAL VERSION PROBABLY CAN REMOVE/REPLACE THIS WITH ALIGNLEFT, ALIGN RIGHT ETC !!!!!!!!!!!!!!!!!!!!!*/ .right {float: right;}.txtRight {text-align:right;}.imgRight { display:block;float: none;}/*!!!!!!!!!!!!!!!!!!!!!!!!! THIS IS THE ORIGINAL VERSION PROBABLY CAN REMOVE/REPLACE THIS WITH ALIGNLEFT, ALIGN RIGHT ETC !!!!!!!!!!!!!!!!!!!!!!!!*/ .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;} .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;} /*.boxShaddow, #gallery img {padding:3%; background:#FFF;-webkit-box-shadow: 0px 0px 8px 0px #cccccc;box-shadow: 0px 0px 8px 0px #cccccc;} #gallery figure{margin-top:0;margin-bottom:0;} img.boxShaddow, #gallery img{max-width:94%;}*/ .large{font-size:1.8em;padding-top:1em;} .rndCorners{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .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------------*/ /*#mainContent article article{width:30%; display:inline; float:left; margin-right:3%; }*/ .deliveryD {display:none;} .no-js .deliveryD{display:block;} /* -------------------------------------------------------------- Button Styles -------------------------------------------------------------- */ #colophon a.btn {color:#ed1f24; } /* this is custom overide for a button in the footer */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 6px 11px 6px; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-size: 12px; font-size: 1.2rem;*/ font-weight: bold; line-height: 1.5em; color: #404040; text-align: center; vertical-align: middle; background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-color: #d9d9d9; background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9); background-image: -ms-linear-gradient(top, #ffffff, #d9d9d9); background-image: -o-linear-gradient(top, #ffffff, #d9d9d9); background-image: linear-gradient(top, #ffffff, #d9d9d9); background-repeat: repeat-x; border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; *margin-left: .3em; } .btn:visited, .btn:hover { color: #404040; text-decoration: none; } input[type="submit"].btn:hover { border-color: #cccccc; } .btn:first-child { *margin-left: 0; } .btn-disabled { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: default; } .btn-info { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9edf7), to(#afd9ee)); background-image: -webkit-linear-gradient(top, #d9edf7, #afd9ee); background-color: #afd9ee; background-image: -moz-linear-gradient(top, #d9edf7, #afd9ee); background-image: -ms-linear-gradient(top, #d9edf7, #afd9ee); background-image: -o-linear-gradient(top, #d9edf7, #afd9ee); background-image: linear-gradient(top, #d9edf7, #afd9ee); background-repeat: repeat-x; border-color: #9acfea; border-bottom-color: #85c5e5; color: #247fad; } .btn-info:visited, .btn-info:hover { color: #247fad; } .btn-inverse { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414141), to(#272727)); background-image: -webkit-linear-gradient(top, #414141, #272727); background-color: #272727; background-image: -moz-linear-gradient(top, #414141, #272727); background-image: -ms-linear-gradient(top, #414141, #272727); background-image: -o-linear-gradient(top, #414141, #272727); background-image: linear-gradient(top, #414141, #272727); background-repeat: repeat-x; border-color: #1b1b1b; border-bottom-color: #0e0e0e; color: #ffffff; } .btn-inverse:visited, .btn-inverse:hover { color: #ffffff; } .btn-primary { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#181c20)); background-image: -webkit-linear-gradient(top, #2d353e, #181c20); background-color: #181c20; background-image: -moz-linear-gradient(top, #2d353e, #181c20); background-image: -ms-linear-gradient(top, #2d353e, #181c20); background-image: -o-linear-gradient(top, #2d353e, #181c20); background-image: linear-gradient(top, #2d353e, #181c20); background-repeat: repeat-x; border-color: #0d0f12; border-bottom-color: #020203; color: #ffffff; } .btn-primary:visited, .btn-primary:hover { color: #ffffff; } .btn-success { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#449b44)); background-image: -webkit-linear-gradient(top, #5bb75b, #449b44); background-color: #449b44; background-image: -moz-linear-gradient(top, #5bb75b, #449b44); background-image: -ms-linear-gradient(top, #5bb75b, #449b44); background-image: -o-linear-gradient(top, #5bb75b, #449b44); background-image: linear-gradient(top, #5bb75b, #449b44); background-repeat: repeat-x; border-color: #3c893c; border-bottom-color: #347834; } .btn-warning { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#f39106)); background-image: -webkit-linear-gradient(top, #faa732, #f39106); background-color: #f39106; background-image: -moz-linear-gradient(top, #faa732, #f39106); background-image: -ms-linear-gradient(top, #faa732, #f39106); background-image: -o-linear-gradient(top, #faa732, #f39106); background-image: linear-gradient(top, #faa732, #f39106); background-repeat: repeat-x; border-color: #da8205; border-bottom-color: #c17305; } .btn-extlarge { padding: 11px 22px; font-size: 21px; font-size: 2.1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } .btn-large { padding: 11px 22px; font-size: 14px; font-size: 1.4rem; line-height: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-small { padding: 6px 10px; font-size: 11px; font-size: 1.1rem; line-height: 16px; } .btn-mini { padding: 3px 5px; font-size: 11px; font-size: 1.1rem; line-height: 14px; } .btn-group { position: relative; *zoom: 1; *margin-left: .3em; margin-bottom: 1.5em; } .btn-group .btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group .btn:first-child { margin-left: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .btn-group .btn:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 2px; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; border-top-left-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .btn-group .btn.large:first-child { margin-left: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .btn-group .btn.large:last-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 4px; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .btn-toolbar { clear: both; margin-top: 0.75em; margin-bottom: 0.75em; } .btn-toolbar .btn-group { display: inline-block; *display: inline; *zoom: 1; } /*========================================================= 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:center;} .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:4%;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: 4%;float:left;} .lt-ie9 .spanQuarter{width:22%;margin-right:3.999%;float:left;} .lt-ie9 .spanTwoFiths{width:37.6%;margin-right:4%;float:left;} .lt-ie9 .spanThreeFiths{width:58.4%;margin-right:4%;float:left;} .lt-ie9 .spanFourNinths{width:42.222%;margin-right:4%;margin-left:0;float:left;} .lt-ie9 .spanFiveNinths{width:53.777%;margin-right:4%;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;*/} /* ----------- General ------------- */ .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 0 0 2em;}/*float: left;*/ /* -------------------- Header Navigation BELOW CUSTOM HEADER IMAGE ---------------------------- */ /* Special in case of custom header image */ .lt-ie9 .mynav{ position:relative;} .lt-ie9 #sub-access {background: #000; background-image:url("images/over.png"); background-repeat: repeat;padding:0;} .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; border-right: 4px solid #fff; } .lt-ie9 #sub-access a { display: inline-block; *display:inline; *zoom:1; padding: 5px 10px; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 1em; } .lt-ie9 #sub-access ul li:last-child {border-right:none;} /* END OF NAVIGATION */ /* ----------- 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; right: -36px; } .lt-ie9 .flex-direction-nav .flex-prev {left: -36px; opacity:0;} .lt-ie9 .flex-direction-nav a {top: 50%;} /* ----------- 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: 2em; text-align:center;} /* ----------- 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{ text-align:right;} /* ----------- Footer ------------- */ .lt-ie9 #colophon {text-align:left;} /* ==|======================================================================= CUSTOM OVER-RIDES FOR IE 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 */ /*----------------------- Custom content ------------------------------ .lt-ie9 #intro {padding-bottom:1em;} .lt-ie9 .home #intro figure {padding-top:3em;} .lt-ie9 #intro p img {max-width:70%;}*/ .lt-ie9 #intro h1 {text-align:left;} /* -------------------- Custom footer ---------------------------- */ .lt-ie9 #footer-sidebar ul li { border-bottom: none; background: url(images/dots.png) no-repeat top right;} /*DDDDDDDDDDDDDDD*/ /*NOTE: this replaces last child ....which doesn't work in ie7*/ .lt-ie9 #footer-sidebar ul #text-4 {margin-right:0;background:none;} .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%;}*/ /* END OF IE FIXES */ /* ==|== 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; } }