/* THEME NAME: Primafact THEME URI: http://www.ellsworthmedia.com DESCRIPTION: A custom WordPress theme developed by Ellsworth Media for Primafact VERSION: 0.5 AUTHOR: Shawn Ellsworth AUTHOR URI: http://www.ellsworthmedia.com TAGS: n/a */ /* Import Master Reset */ @import url(reset.css); /* HTML Elements */ body,html { min-height:101%; } body, select, input, textarea { font: 100% Helvetica, Arial, Tahoma, Verdana, Sans-Serif; color: #444;} body { background:#fff; border-top: solid 8px #585859;} a, a:visited { text-decoration:none; color:#333; font-weight: bold;} a:hover, a:active { text-decoration:underline; } a img { border:none; } /* block skype phone numbers */ span.skype_pnh_container {display:none !important;} span.skype_pnh_print_container {display:inline !important;} /* GENERAL STYLING */ .alignleft { float:left; } .alignright{ float:right; } p { color:#444; line-height:1.3; margin-bottom:1em; } em {font-style: italic;} strong { font-weight:800; } .clear { clear:both; font-size:1px; height:1px; border:none; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* OVERALL STRUCTURE ***************/ .container {width:980px; margin:0 auto; } /* HEADER SECTION */ #header { height:105px; padding-top:20px; } #header #logo { float:left; text-align:center; padding-top: 3px; } #header #contact-info { float:right; text-align:right; margin-top:0; } #header #contact-info .telephone { line-height:1.3; margin-bottom:5px; padding-right:42px; background:url(images/tel-icon.jpg) right center no-repeat; } #header #contact-info .email { padding-right:42px; background:url(images/email-icon.jpg) right center no-repeat; height: 28px;} #header #contact-info .email a { font-size:20px; } #header p { font-size:20px; margin-bottom:0; } /* content area */ #wrapper {border: solid 1px #ccc; margin-bottom: 20px; position: relative;} /* nav */ #nav { height:40px; background: #2EB4E8; position: relative; z-index: 99;} #nav ul li { float:left; height:40px; position: relative;} #nav ul li#menu-item65 {background: url(images/nav.png) no-repeat left bottom;} #nav ul li#menu-item66 {} #nav ul li#menu-item67 {} #nav ul li#menu-item69 {} #nav ul li#menu-item79 {} #nav ul li#menu-item70 {} #nav ul li a { text-transform: uppercase; color:#fff; font-weight: normal; font-size:17px; text-decoration:none; height:29px; padding-top:11px; display:block; padding:0 28px 0 28px; line-height: 40px; } #nav ul li:hover { background: #79BA83 !important; } #nav ul li:hover a { color: #fff; } #nav ul .current-menu-item, .container #nav ul .current-menu-item:hover, #nav ul .current-page-parent, #nav ul .current-category-ancestor { background: #E5EFF7 !important; color: #666;} #nav ul .current-menu-item a, #nav ul .current-page-parent a, .current-category-ancestor a {color: #666 !important; } .container #nav ul .current-menu-item a:hover { background: #E5EFF7; color: #666;} #nav ul ul { display: none; background: #AFD6B5; position: absolute; top: 40px; left: 0; float: left; width: 158px; z-index: 99999; overflow: hidden; } #nav ul ul li {min-width: 180px; border: none; padding: 0; margin: 0;} #nav ul ul a { background: #AFD6B5; border-bottom: solid 1px #96DEF7; padding: 0 10px; height: auto; margin: 0; width: 138px; color: #fff !important; font-size: 13px; } #nav ul ul .current_page_item a {background: #79BA83 !important; color: #fff !important;} #nav ul ul :hover > a, #nav ul ul .current_page_item a:hover {color: #fff !important; background: #79BA83 !important;} #nav ul li:hover > ul {display: block;} /* main content */ #wrapper #main {width: 940px; /*width:615px;*/ float:left; padding:25px 20px; min-height: 600px; position: relative;} .category #wrapper #main, .single #wrapper #main, .page #wrapper #main, .error404 #main, .archive #wrapper #main, .tag #wrapper #main {width:620px;} .page-template-template-product-php #wrapper #main {width:940px;} #wrapper #main h2, #wrapper #main h2 a { font-size:26px; margin-bottom:15px; color: #333;} #wrapper #main h3 { font-size:19px; margin:15px 0 5px 0; color: #2EB4E8; text-transform: uppercase;} #wrapper #main li h3 { margin:5px 0 5px 0;} /* SIDEBAR SECTION */ #wrapper #sidebar { width:300px; float:left; margin: 20px 20px 0 0;} #sidebar .sidebar-widget {list-style: none; background: #99DBEF; margin-bottom: 20px;} #wrapper #sidebar .sidebar-widget h2 { font-size:20px; color:#FFF; background: #00AEEA; padding:10px 15px; font-weight: 400; } #wrapper #sidebar .sidebar-widget .box, #menu-product { background-color:#99DBEF; padding:15px 15px 15px 15px; } #wrapper #sidebar .sidebar-widget .box h3 a { font-size:18px; font-weight: normal; line-height:1.2; text-transform: uppercase;} #wrapper #sidebar .sidebar-widget p { font-size:15px; padding: 15px 20px; color: #444;} #wrapper #sidebar .sidebar-widget li p { font-size:15px; padding: 5px 0; color: #444;} #wrapper #sidebar .sidebar-widget .more { float:right; font-size:16px; font-weight:800; } #wrapper #sidebar #menu-product li {padding-bottom: 10px;} #wrapper #sidebar #menu-product li a { font-size:16px;} #wrapper #sidebar ul { padding: 0 20px 20px 20px; font-size: 15px;} #wrapper #sidebar ul li { padding-left:23px; padding-bottom: 5px; background:url(images/sidebar-icon.jpg) 5px 4px no-repeat;} /* beige */ #wrapper #sidebar #sidebar-buynow .box, #wrapper #sidebar #sidebar-tags .box { background-color: #E1E5BB !important;} #wrapper #sidebar #sidebar-buynow, #wrapper #sidebar #sidebar-tags { background-color: #E1E5BB !important;} #wrapper #sidebar #sidebar-buynow h2, #wrapper #sidebar #sidebar-tags h3 { font-size:18px; color:#FFF; background: #D4D891; padding:10px 15px; font-weight: bold; text-transform: uppercase;} /* blue */ #wrapper #sidebar #sidebar-categories .box, #wrapper #sidebar #sidebar-news .box, #wrapper #sidebar #sidebar-blog .box { background-color: #C7EAFA !important;} #wrapper #sidebar #sidebar-categories h3, #wrapper #sidebar #sidebar-news h2, #wrapper #sidebar #sidebar-blog h2 { line-height: 1; font-size:18px; color:#FFF; background: #00AEEA; padding:10px 15px; font-weight: bold; text-transform: uppercase;} #wrapper #sidebar #sidebar-categories ul li {background: none; padding-left: 0;} #wrapper #sidebar #sidebar-news .read-more, #wrapper #sidebar #sidebar-blog .read-more {display: block; line-height: 36px; background: #BDE7F9; padding: 0 15px; border-top: solid 1px #fff; font-weight: normal;} /* green */ /*#wrapper #sidebar #sidebar-tags .box { background-color: #E1EBAF !important;} #wrapper #sidebar #sidebar-tags h3 { line-height: 1; font-size:18px; color:#FFF; background: #BBD540; padding:10px 15px; font-weight: bold; text-transform: uppercase;} */ /* gray */ #wrapper #sidebar #sidebar-archives .box { background-color: #D1D3D4 !important;} #wrapper #sidebar #sidebar-archives h3 { line-height: 1; font-size:18px; color:#FFF; background: #373535; padding:10px 15px; font-weight: bold; text-transform: uppercase;} #wrapper #sidebar #sidebar-archives ul li {background: none; padding-left: 0;} /* flags */ body #wrapper #sidebar .sidebar-widget li.flag-Canada {padding-left: 23px; background: url(images/flags/flag-ca.png) left 1px no-repeat; list-style: none !important;} body #wrapper #sidebar .sidebar-widget li.flag-USA {padding-left: 23px; background: url(images/flags/flag-us.png) left 1px no-repeat; list-style: none !important;} /* FOOTER SECTION */ #footer { clear: both; text-align:center; width: 100%; background: #585859;} #footer p { padding: 20px; color: #fff; font-size:13px; font-weight:normal; } /* TEMPLATE SPECIFIC ***************/ /* secondary pages */ #secondary-top {width:940px; padding: 20px 20px 12px 20px; background: #E5EFF7; border-bottom: 5px solid #19ADE6;} #secondary-top h1 {font-size:36px; margin-bottom:5px;} #wrapper #main p {font-size: 16px; line-height: 1.25;} #wrapper #main a {font-size: 16px; } #wrapper #main ul {margin: 10px 0;} #wrapper #main ul li {font-size: 16px; list-style: square; margin-left: 20px; padding: 3px; line-height: 1.25;} #wrapper #main ol {margin: 10px 0;} #wrapper #main ol li {font-size: 16px; list-style: decimal; margin-left: 20px; padding: 3px; line-height: 1.25;} #wrapper #main table {margin: 15px 0; border-bottom: solid 1px #ccc;} #wrapper #main table th {padding: 5px 8px; font-weight: bold; font-size: 15px; background: #ccc;} #wrapper #main table td {padding: 5px 8px; font-weight: normal; font-size: 14px; border-top: solid 1px #ccc;} #wrapper #main table td ol li {font-size: 14px;} /* titles */ /*.category-5 #secondary-top h1#cat5, .category-5 #secondary-top h1#cat5 { text-indent: -5000px; height: 50px; background: url(images/text/h1-news-events.png) no-repeat; }*/ .category-9 #secondary-top h1, .category #secondary-top h1#blog-title, .single #secondary-top h1#blog-title, .archive #secondary-top h1#blog-title, .tag #secondary-top h1#blog-title { text-indent: -5000px; height: 56px; background: url(images/text/h1-blog.png) no-repeat; } .page-id-2 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-about-us.png) no-repeat;} .page-id-16 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-our-product.png) no-repeat;} .page-id-112 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-features.png) no-repeat;} .page-id-40 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-jump-start.png) no-repeat;} .page-id-42 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-testimonials.png) no-repeat;} .page-id-31 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-resources.png) no-repeat;} .page-id-12 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-contact-us.png) no-repeat;} .page-id-46 #secondary-top h1 {text-indent: -5000px; height: 50px; background: url(images/text/h1-support.png) no-repeat;} /* news */ #wrapper #main h2.entry-title a, #wrapper #main h2.entry-title {margin: 10px 0 8px 0; font-weight: normal; color: #2EB4E8; font-size: 28px;} #wrapper #main h3.entry-title a, #wrapper #main h3.entry-title {font-size: 19px; color: #2EB4E8; margin: 10px 0 5px 0; font-weight: normal; } .entry-meta, #wrapper #main .entry-meta a {font-size: 12px; margin: 0; padding: 0;} .entry-meta {padding-bottom: 5px !important;} .post {border-top: solid 1px #ccc; padding-top: 15px;} .entry-summary {padding: 10px 0 10px 0;} .entry-content {padding: 0 0 10px 0;} /* HOMEPAGE SECTION */ #main-top { z-index: 25; position: relative; background: url(images/home-banner.jpg) no-repeat left bottom; width:980px; height:322px; padding: 0;} #main-right {z-index: 50; position: absolute; top: 39px; right: 0; float: right; padding: 0; margin: 30px 20px 15px 0; width: 300px; height: 277px; background: url(images/main-right-bg.png);} #main-right:hover, .read-more:hover {opacity: 0.8; filter:alpha(opacity=80);} .home #wrapper #main {width:620px;} /* VIDEO TESTIMONIALS */ #wrapper #main .video-container { margin-top: 20px; height: 580px;} #wrapper #main .video-container .video-caption { width:615px; height:386px; } #wrapper #main .video-container .video-caption .tab li { list-style: none; float:left; width:195px; height:47px; padding:11px 5px 0 5px; text-align:center; font-size:13px; font-weight:normal; cursor:pointer; color:#666; margin: 0; } #wrapper #main .video-container .video-caption .tab li h3 {font-weight: bold; font-size: 15px; margin: 10px 0 0 0; padding: 0; color: #555;} #wrapper #main .video-container .video-caption .tab li:hover > h3 {color: #26B9EB !important;} #wrapper #main .video-container .video-caption .tab li:hover > img {border-color: #26B9EB;} #wrapper #main .video-container .video-caption .tab li img {border: solid 5px #ccc;} #wrapper #main .video-container .video-caption .tab li.active h3 {color: #26B9EB !important; } #wrapper #main .video-container .video-caption .tab li.active, #wrapper #main .video-container .video-caption .tab li:hover {color: #26B9EB !important; } #wrapper #main .video-container .video-caption .tab li.active img, #wrapper #main .video-container .video-caption .tab li img:hover {border-color: #26B9EB;} #wrapper #main .video-container .video-caption .tab-content { display:none; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;} #wrapper #main .video-container .video-caption #first-tab-content { display:block; } #wrapper #main .video-container .video-caption .blockquote { font-size:20px; } #wrapper #main .video-container .video-caption p { font-size:16px; } #wrapper #main .features-container { position: relative; z-index: 2;} #wrapper #main .features-container .tab { float: left; width: 163px;} #wrapper #main .features-container .tab li { list-style: none; border-bottom: solid 1px #18B6EC; width:153px; padding:15px 5px 15px 5px; text-align: left; font-size:16px; font-weight:bold; cursor:pointer; margin: 0; } #wrapper #main .features-container .tab li#tab5 {border-bottom: none;} #wrapper #main .features-container .tab li.active, #wrapper #main .features-container .tab li:hover { background:none; color:#18B6EC; } #wrapper #main .features-container .tab-content { display:none; float: right; width: 450px;} #wrapper #main .features-container .tab-content img {border: solid 1px #18B6EC;} #wrapper #main .features-container .tab-content p {text-align: center; font-size: 14px; padding-top: 5px; line-height: 1.25;} #wrapper #main .features-container #tab1-content { display:block; } /* misc */ .photoright {margin-left: 20px; border: solid 1px #18B6EC; background: #F1FAFE; padding: 5px;} /* tables */ /* feature grid */ #wrapper #main .feature-grid {/*border-top: solid 1px #96def7*/} #wrapper #main .feature-grid h2 {margin: 15px 0 5px 0; padding: 0;} #wrapper #main .feature-grid h3 {clear: both; font-size: 19px; font-weight: normal; margin: 15px 0 0 0 !important; padding: 0;} #wrapper #main .feature-grid td {vertical-align: top; font-size: 14px; padding: 15px 30px 25px 0; line-height: 1.1;} #wrapper #main .feature-grid td .feature-image {text-align: center; /*border: solid 2px #ccc;*/ margin: 0 0 15px 0; padding: 10px;} #wrapper #main .feature-grid td .feature-image a {font-weight: normal !important;} #wrapper #main .feature-grid td .feature-image img {border: solid 1px #ccc; margin-bottom: 15px;} #wrapper #main .feature-grid td .feature-image img:hover {opacity: 0.8; filter:alpha(opacity=80);} #wrapper #main .feature-grid td p {font-size: 15px; margin: 0; padding: 0; line-height: 1.1;} #wrapper #main .feature-grid td ul {margin-left: 15px;} #wrapper #main .feature-grid td ul li {font-size: 15px; margin: 0; padding: 0 0 10px 0; line-height: 1.1;} /* skype */ span.skype_pnh_container {display:none !important;} span.skype_pnh_print_container {display:inline !important;}