/****************************************************************** Theme Name: PRUnderground 2.0 Theme URI: http://www.prunderground.com Description: A custom theme based on Bones. Author: PRU Author URI: Version: 0.01 Template: bones-responsive Tags: html5, css3, development, responsive, media queries, mobile, h5bp */ @font-face { font-family: 'nevisBold'; src: url('fonts/nevis-webfont.eot'); src: url('fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/nevis-webfont.woff') format('woff'), url('fonts/nevis-webfont.ttf') format('truetype'), url('fonts/nevis-webfont.svg#nevisBold') format('svg'); font-weight: normal; font-style: normal; } /* text alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* highlighting search term on search page */ mark, .search-term { background: #EBE16F; } /* contact button */ .contact-button { display: none; position: fixed; right: 20px; bottom: 35px; border-radius: 50%; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); border: 1px solid rgba(102,102,102,.4); cursor: pointer; z-index: 9000000; background-position: center center; background-size: 40px 40px; background-color: rgb(219, 10, 91); width: 60px; height: 60px; min-height: 0; min-width: 0; background-repeat: no-repeat; background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2021.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2072.9%2086.6%22%20style%3D%22enable-background%3Anew%200%200%2072.9%2086.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%23FFFFFF%3Benable-background%3Anew%20%20%20%20%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22XMLID_2_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M66%2C65.7c-0.2%2C1-0.1%2C3.7%2C0.3%2C6.5c3.7-5%2C6-11.1%2C6.6-17.7C71.3%2C58.5%2C69%2C62.3%2C66%2C65.7z%22%2F%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M62%2C78.5c-4.2-1.5-8.8-2.7-10.2-2.6c-4.7%2C1.9-9.6%2C2.9-14.7%2C2.9c-14%2C0-26.2-7.5-32.9-18.6%0A%09%09%09C8%2C75.3%2C21.7%2C86.6%2C38%2C86.6c4.8%2C0%2C9.4-1%2C13.6-2.7c2.5-1%2C12.6%2C2.6%2C12.6%2C2.6s-0.7-4.1-0.8-7.4L62%2C78.5z%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cpath%20id%3D%22XMLID_3_%22%20class%3D%22st1%22%20d%3D%22M69.9%2C34.9c0%2C9-3.4%2C17.1-8.9%2C23.3c-1.7%2C1.9%2C0.1%2C11.5%2C0.1%2C11.5S51%2C66.1%2C48.5%2C67.2%0A%09%09c-4.2%2C1.8-8.8%2C2.7-13.6%2C2.7c-19.3%2C0-35-15.7-35-35S15.7%2C0%2C35%2C0S69.9%2C15.6%2C69.9%2C34.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); } footer > div.clearfix:after { content: "" !important; } /* alerts & notices */ .help, .info, .error, .success { margin: 10px 0; padding: 5px 18px; border: 1px solid #cecece; } .help,.info { background-color: #04aef4; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62cffc), to(#04aef4)); background-image: -moz-linear-gradient(#62cffc, #04aef4); background-image: -ms-linear-gradient(#62cffc, #04aef4); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62cffc), color-stop(100%, #04aef4)); background-image: -webkit-linear-gradient(#62cffc, #04aef4); background-image: -o-linear-gradient(#62cffc, #04aef4); background-image: linear-gradient(#62cffc, #04aef4); border-bottom-color: #049cdb; color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-weight: bold; } #package-high-volume { padding-bottom: 20px; } .error { background-color: #D83A2E; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#E4776F), to(#D83A2E)); background-image: -moz-linear-gradient(#E4776F, #D83A2E); background-image: -ms-linear-gradient(#E4776F, #D83A2E); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4776F), color-stop(100%, #D83A2E)); background-image: -webkit-linear-gradient(#E4776F, #D83A2E); background-image: -o-linear-gradient(#E4776F, #D83A2E); background-image: linear-gradient(#E4776F, #D83A2E); border-bottom-color: #B32B21; color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-weight: bold; } .success { border-color: #c6d880; background-color: #62bc62; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#97d397), to(#62bc62)); background-image: -moz-linear-gradient(#97d397, #62bc62); background-image: -ms-linear-gradient(#97d397, #62bc62); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97d397), color-stop(100%, #62bc62)); background-image: -webkit-linear-gradient(#97d397, #62bc62); background-image: -o-linear-gradient(#97d397, #62bc62); background-image: linear-gradient(#97d397, #62bc62); border-bottom-color: #46a546; color: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-weight: bold; } /****************************************************************** BASE MOBILE STYLES Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. ******************************************************************/ body { font: 14px/21px Arial, "Helvetica Neue", Helvetica, sans-serif; background: #e9ebea; /* Old browsers */ background: -moz-linear-gradient(top, #e9ebea 0%, #ffffff 48%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9ebea), color-stop(48%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e9ebea 0%,#ffffff 48%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e9ebea 0%,#ffffff 48%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9ebea 0%,#ffffff 48%); /* IE10+ */ background: linear-gradient(top, #e9ebea 0%,#ffffff 48%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ebea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #container { margin:0 auto; padding:0; background-image: url('images/header-nav-bg.jpg'); background-repeat: repeat-x; background-position-y: 0; } nav { background: #000; display:block; width:100%; float:left; font-family: "nevisBold", Arial, "San-serif"; } nav .responsive { margin: 1em; width: 1em; float: left; } ul#menu-main { display: none; } ul#menu-account { width:25%; float:right; } ul#menu-account li { float: right; border-right:2px solid #000; margin: 5px 10px 0 0; padding: 0px 5px 0px 5px; } ul#menu-account a:link, ul#menu-account a, ul#menu-account a:visited { color: #fff; text-decoration: none; text-transform: uppercase; font-size: .9em; min-height:15px; min-width:30px; padding: 5px 5px 5px 5px; display: block; } /*ul#menu-account li:active { margin-top:6px; margin-bottom:4px; }*/ #logo { width: 100%; height: 45px; background: transparent url('images/masthead-mobile.gif') no-repeat top center; } #logo a { display: block; width: 100%; height: 45px; } #package-wrapper { margin: 0 auto; width: 100%; padding: 1em 0; text-align: center; float: left; padding: 5px 0 30px; } .page-template-page-plans-php #main, .page-template-page-fullwidth-php #main, .pod-page-newsrooms-w #main, .pods #main { width: 100%; padding-right: 0; } .blog #main, .archive #main { padding-top: 20px; } #package-wrapper .package { width: 206px; } #package-wrapper .package ul { margin: 10px 0 10px 10px; } #sidebar1 .package { float: right; text-align: center; width: 270px; background: url(images/sidebar-package-bg.png) no-repeat; } .package { padding: 5px 20px 5px 20px; float:left; border:1px solid #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background:white url('images/package-header-bg.png') no-repeat; } h3#package-title { margin:3px 0; padding-bottom:0px; color:#000; text-transform: uppercase; border-bottom:1px #000 solid; font-size: 18px; } .package-subtitle { color:#000; display: block; margin: 0 0 30px; font-size: 13px; } .package-price { font-size: 25px; margin: 10px 0; text-shadow: 2px 2px 5px #ccc; color: #e50105; font-family: "nevisBold",Arial,"San-serif"; background:transparent url('images/price-bg.gif') no-repeat; } .package-action { padding: 10px 0; } .package-action .pru-button { font-size: 15px; padding: 7px 30px; } #package-wrapper .featured { width: 209px; border:1px solid #1c77d5; position: relative; top: -20px; } #package-wrapper .featured .package-price { margin: 20px 0; } #package-wrapper .featured .pru-button { background: url(images/pru-button-blue.png) repeat-x; } ul.package-features { list-style: none; margin: 30px 0 10px 0; padding: 0; text-align: left; font-size: 13px; } .post_content ul.package-features li,.sidebar ul.package-features li { background: url(images/checkmark-green.png) left 3px no-repeat; padding: 0 0 0 25px; margin: 0 0 5px; list-style-type: none; } table.features { color: #000; clear: both; } .features th { font-size: 14px; padding: 10px; text-align: center; } .features th.first { text-align: left; } .features td { text-align: center; border-left: 1px solid #ccc; width: 12%; } .features td.first { border: none; width: 52%; text-align: left; } #feature-callout strong { color: #1c77d5; font-size: 20px; } #feature-callout { font-size: 15px; padding: 30px 0 10px; } #feature-callout span { border-right: 1px solid #ccc; padding: 0 20px 0 0; margin: 0 10px 0 0; } #feature-callout .pru-button { float: right; } /********************* GRID & LAYOUT STYLES *********************/ .wrap { width: 90%; margin: 0 auto; } /********************* LINK STYLES *********************/ a, a:visited { color: #f01d4f; } a:hover, a:focus { color: #f05e81; } a:active {} /* on click */ a:link { color: #ff0000; -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ } a#payment-type { display: inline; clear:both; } #content a { /*margin-right: 3px;*/ } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "nevisBold",sans-serif; font-weight: normal; color: #E50101; text-tranform: uppercase; } th { font-weight: normal; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } h1, .h1 { font-size: 2.5em; line-height: 1.333em; } h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } h3, .h3 { font-size: 1.125em; } h4, .h4 { font-size: 1.1em; } h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* HEADER SYTLES *********************/ header[role=banner] {} #logo {} /********************* NAVIGATION STYLES *********************/ nav[role=navigation] {} nav[role=navigation] .menu { margin: 0em 0; } nav[role=navigation] .menu ul {} nav[role=navigation] .menu ul li {} nav[role=navigation] .menu ul li a {} nav[role=navigation] .menu ul li a:hover { } nav[role=navigation] .menu ul li:first-child a {} nav[role=navigation] .menu ul li.current-menu-item a, nav[role=navigation] .menu ul li.current_page_item a, nav[role=navigation] .menu ul li.current-page-ancestor a {} nav[role=navigation] .menu ul li ul.sub-menu, nav[role=navigation] .menu ul li ul.children {} nav[role=navigation] .menu ul li ul li a {} nav[role=navigation] .menu ul li ul li a:hover {} nav[role=navigation] .menu ul li ul li:last-child a {} nav[role=navigation] .menu ul li:hover ul { } nav[role=navigation] .menu ul li ul li ul.sub-menu { } nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { } /********************* POSTS & CONTENT STYLES *********************/ #pru-wrap { background: #e8e8e8; border:1px solid #d9d9d9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding: 20px; } #pru-nav { float:left; border-right:1px solid #d9d9d9; } #pru-nav ul { list-style: none; margin:0; } #pru-nav ul li { list-style-image: none; margin:0px; padding:15px 20px; border-bottom: 1px solid #d9d9d9; } #pru-nav ul li a, #pru-nav ul li a.link { color: black; text-transform: uppercase; font-family: "nevisBold", Helvetica, Arial, "San-Serif"; text-decoration: none; } #pru-nav ul li.current-nav a,#pru-nav ul li.current-nav a.link { color: #E50102; } #pru-action { float:left; padding: 0 20px; width: 70%; } #pru-action h2 { margin: 10px 0; } #pru-wrap .dashboard-arrow { background: transparent url('images/arrow-right.gif') 0px 15px no-repeat; } #pru-wrap .newsrooms-arrow { background: transparent url('images/arrow-right.gif') 0px 65px no-repeat; } #pru-wrap .releases-arrow { background: transparent url('images/arrow-right.gif') 0px 115px no-repeat; } #pru-wrap .profile-arrow { background: transparent url('images/arrow-right.gif') 0px 165px no-repeat; } /*Steppers*/ ul#release-stepper { list-style: none; list-style-image: none; padding:0; margin:0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding: 15px 0; margin: 0 10px 20px 10px; width:100%; height: 50px; } ul#release-stepper li { float:left; padding: 10px; font-size: 16px; color: #999; width: 22%; text-transform: uppercase; font-family: "nevisBold",Arial,"San-serif"; font-size: 2em; } #pru-action ul#release-stepper li { font-size: 16px; } ul#release-stepper li:hover, ul#release-stepper li.selected { color: #E50101; } ul#release-stepper li a,ul#release-stepper li a:link { color:inherit; text-decoration: none; float:left; display: block; } ul#release-stepper li .num { background: #999; color: white; padding: 5px; border-radius: 20px; width: 25px; text-align: center; height: 25px; float: left; margin-right: 10px; } ul#release-stepper li.selected .num,ul#release-stepper li:hover .num { background:#e50105; } /** Tables **/ table { padding:5px; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 20px 0; } tbody { width:inherit; } thead tr, tr.header, legend { background: transparent url('images/tbl-header-bg.png'); } th { font-size: 0.8em; text-transform: uppercase; font-family: "nevisBold",Arial,San-Serif; padding: 5px 10px; text-align: left; } tr { padding: 5px; border-bottom: 1px solid #CCC; } td { padding: 10px; } td.bordered { border-right:1px solid #CCC; } td.bold { font-weight: bold; } td.red { color: red; } td.caps { text-transform: uppercase; } td.break { white-space: normal; } table a:link,table a,table a:visited, table a:active { color: #E50102; text-decoration: none; } a.red:link,a.red:visited { color:red; } td.first,th.first { width:40%; } tbody { background: transparent; border-bottom:1px solid #D9D9D9; } table .title { width:40%; } a.pru-button,input[type=submit] { background: transparent url('images/pru-button-bg.gif') repeat-x; color: #fff; font-family: "nevisBold",Arial, "San-Serif"; text-transform: uppercase; text-shadow: 1px 1px 4px #333; -moz-text-shadow: 1px 1px 4px #333; -webkit-text-shadow: 1px 1px 4px #333; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; white-space: nowrap; border:1px solid #666; padding: 7px 15px; font-size: 13px; } a.blue { background: url(images/pru-button-blue.png) repeat-x !important; } a#add-newsroom { font-size: .8em; float: right; padding: 5px 10px; margin: 10px 0 10px 15px; } a#add-large { font-size: .9em; padding: 5px 10px; margin:10px 0; } table a.pru-button { font-size: .9em; padding: 5px; } .button { padding: 10px; } /*forms*/ fieldset { margin:0; padding:0 0 10px 0; } legend { width: 44em; padding: 5px; border-bottom: 1px solid #ccc; } #release-form legend,#newsroom-form legend { width: 89%; } .fieldset-wrapper { padding: 10px; } #toggle-fieldset { font-size: 16px; font-family: "nevisBold",Arial,San-serif; margin-bottom:10px; text-decoration: none; } #toggle-fieldset a, #toggle-fieldset a:link { text-decoration: none; } .collapsible .fieldset-legend { display: block; margin-right: 10px; background: url(images/arrow.png) right center no-repeat; } .collapsible .open, .expanded .fieldset-legend { background: url(images/arrow-down.png) right center no-repeat !important; } .expanded .open { background: url(images/arrow.png) right center no-repeat !important; } /** Receipts **/ .profile_field,.option-field { float:left; clear:both; width:100%; } #simplr-form .left { float:left; width:30%; } #simplr-form .right { float:right; width: 60%; } #simplr-form label,.option-field label { float:left; font-weight: bold; width: 100%; } #content { margin-top: 2.2em; } .clear { clear: both; } .hentry {} .single-title, .page-title {} .single-title {} .page-title {} .archive_title { display: none; } /* want to style individual post classes? Booya! */ .post-id {} /* post by id (i.e. post-3) */ .post {} /* general post style */ .page {} /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky {} /* sticky post style */ .hentry {} /* hentry class */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /* post meta */ .meta {} .meta time {} /* post content */ .post_content {} .post_content p {} .post_content ul, .post_content ol, .post_content table, .post_content dl {} .post_content ul, .post_content ol { margin: 10px 20px; } .post_content li { margin: 5px 0; } .post_content ul li { list-style-type: disc; } .post_content ol li { list-tyle-type: decimal; } #pru-nav li { list-style-type: none; } .post_content blockquote {} .post_content blockquote:before {} /* this adds the quote before the blockquote */ .post_content dl {} .post_content dt {} .post_content dd {} .post_content img { margin: 0 0 1.5em 0; max-width: 100%; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } #cwrap img.alignleft {margin-top: 5px;} .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .post_content video { max-width: 100%; } .post_content object { max-width: 100%; } .post_content pre, .post_content code {} .wp-caption {} .wp-caption img {} .wp-caption p.wp-caption-text {} /* image gallery styles */ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .hentry footer {} /********************* SIDEBARS & ASIDES *********************/ #sidebar1 { padding-top: 40px;margin-left: 0; } .home #sidebar1 .widget { border-bottom: 1px solid;padding: 0 0 0 40px;margin: 0 0 20px; } #sidebar1 .widget { margin-bottom: 50px; clear:both;} #sidebar1 .gform_wrapper { margin-bottom: 30px; } #sidebar1 .widget h2.widgettitle { padding: 0 0 10px;margin: 0 0 20px;background: url(images/border.png) left bottom repeat-x;} .widget li {} .widget li ul li a {} .widget li ul li:last-child, .widget li:last-child {} .widget li:first-child {} .widget li ul li:first-child {} .widget li a {} .widgettitle {} #sidebar1 #searchform #s {} /********************* FOOTER STYLES *********************/ footer[role=contentinfo] {} footer[role=contentinfo] nav {} .footer-links ul {} .footer-links ul li {} .footer-links ul li a {} .footer-links ul li:last-child a {} .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {} .footer-links ul li ul.sub-menu {} .attribution {} #copy { float: left; } #inner-footer { line-height: 1.2;font-size: 11px;color: #848484; } #inner-footer .first, #inner-footer .second, #inner-footer .third { float: left;background: url(images/footer-border-vertical.png) repeat-y; } #inner-footer .first, #inner-footer .second { } #inner-footer h2.widgettitle { font-size: 11px; } #inner-footer a { color: #848484;text-decoration: none; } #inner-footer .menu li { margin: 0 0 2px;text-transform: uppercase;font-size: 10px; } /********************* Forms *********************/ form#release-form input[type="text"], form#release-form input[type="email"], form#release-form input[type="password"], form#release-form .post-title, form#release-form textarea.youtube-embed, form#newsroom-form input[type="text"], form#newsroom-form input[type="email"], form#newsroom-form input[type="password"], form#newsroom-form .post-title, form#newsroom-form textarea.youtube-embed { padding: 5px; float:left; clear:both; display: block; width:90%; border:1px solid #666; border-radius: 4px; box-shadow: inset 1px 1px 5px #ccc; } form#simplr-reg input[type="text"], form#simplr-reg input[type="password"], form#simplr-form input[type="text"], form#simplr-form input[type="email"], form#simplr-form input[type="password"] { float:right; padding: 5px; width: 60%; border:1px solid #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: inset 1px 1px 5px #ccc; -moz-box-shadow: inset 1px 1px 5px #ccc; -webkit-box-shadow: inset 1px 1px 5px #ccc; } .form-right form#simplr-form input[type="text"], .form-right form#simplr-form input[type="email"], .form-right form#simplr-form input[type="password"] { float:none; padding: 5px; } .simplr-clr { clear:both; } form#simlr-reg .option-field,.simplr-field,form#simplr-form .option-field { clear:both; margin:10px 0; } form#simplr-reg label,form#simplr-form label { float: left; font-weight: bold; width: 20%; } form#simplr-reg .simplr-field,form#simplr-form .simplr-field { width:100%; } .form-comment,.comment { float:left; clear:both; font-size: 11px; color:#666; font-style:italic; margin: 5px 0; } #counting { position: relative; top: -20px; right: 30px; color: #666; font-style: italic; font-size: .8em; } .option-field,.simplr-field { float:left; margin:10px 0; } /****************************************************************** iPAD & BELOW STYLES Anything as small or smaller than ipad ******************************************************************/ @media only screen and (max-width: 780px) { #pru-title { text-align: center; } img, #banner .left img { max-width: 100% !important; } #package-wrapper .package { margin: 10px auto; float: none; } #package-wrapper .featured { position: static; } #banner .left { margin-right: 0; width: 100%; overflow: hidden; } #banner .right { width: 100%; } #banner .right .widget { margin-left: 20%; width: 60%; } #bottom .left, #bottom .middle, #bottom .right, #copy, #inner-footer .first, #inner-footer .second, #inner-footer .third { float: none; width: 100%; border-right: none; } #banner .right { float: none; margin: 0 auto; } #bottom .right img { display: block; margin: 0 auto; float: none; } #gform_fields_16 input { margin: 0 0 10px; } #scroll-panel, #panels .panel { width: 100%; } .newsroom-releases h4 { font-size: 12px; } .slidenav { display: none; } #works { text-align: center; } #works ul li { float: none; } #main-footer { text-align: center; } #inner-footer .logo h5 { margin: 40px auto 0; } } /* End first ipad and below media query */ /****************************************************************** iPAD & TABLET STYLES These is your iPad styles. They will be visible to anyone who resizes their browser from the smallest size to the next break point. ******************************************************************/ @media only screen and (min-width: 480px) { body {} /********************* POSTS & CONTENT STYLES *********************/ #content { margin-top: 2.2em; } .hentry { } /* post meta */ .meta {} .meta time {} /* post content */ .post_content {} .post_content p {} .post_content ul, .post_content ol, .post_content table, .post_content dl {} .post_content ul, .post_content ol {} .post_content li {} .post_content ul li {} .post_content ol li {} .post_content blockquote {} .post_content blockquote:before {} /* this adds the quote before the blockquote */ .post_content dl {} .post_content dt {} .post_content dd {} .post_content img {} .post_content video {} .post_content object {} .wp-caption {} .wp-caption img {} .wp-caption p.wp-caption-text {} /* image gallery styles */ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .hentry footer {} /********************* SIDEBARS & ASIDES *********************/ #sidebar1 { } .widget {} .widget li {} .widget li ul li a {} .widget li ul li:last-child, .widget li:last-child {} .widget li:first-child {} .widget li ul li:first-child {} .widget li a {} .widgettitle {} #sidebar1 #searchform #s {} /********************* FOOTER STYLES *********************/ footer[role=contentinfo] {} footer[role=contentinfo] nav {} .footer-links ul {} .footer-links ul li {} .footer-links ul li a {} .footer-links ul li:last-child a {} .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {} .footer-links ul li ul.sub-menu {} .attribution {} } /* end of media query */ /****************************************************************** DESKTOP & JUST BIGGER THAN AN iPAD This is your standard iPad size or average tablet size. It's also a decent size for desktop users. ******************************************************************/ @media only screen and (min-width: 768px) { body {} #pru-header { width:100%; border-bottom:1px solid #ccc; } #pru-action h1,h1#pru-title { float:left; font-weight: normal; font-family: Arial, Helvetica, "San-serif"; font-size: 2em; margin-bottom: 10px; margin-top:0em; } #pru-nav { width: 20%; } #pru-header .subtitle { float:right; margin: .7em 0 0 0; } #pru-action h2 { float:left; font-size: 1.6em; color: #000; font-weight: normal; font-family: Arial, Helvetica, "San-serif"; margin:10px 0 10px 5px; display: block; } .page { margin: 0; } nav .responsive { display:none; } ul#menu-main { display: block; width: 50em; } /****************************************************************** WORDPRESS BODY CLASSES want to style a page via body class? go ahead ******************************************************************/ .rtl {} .home {} /* home page */ .blog {} .archive {} /* archive page */ .date {} /* date archive page */ .date-paged-1 {} /* replace the number to the corresponding page number */ .search {} /* search page */ .search-results {} /* search result page */ .search-no-results {} /* no results search page */ .search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ .error404 {} /* 404 page */ .single {} /* single post page */ .postid-1 {} /* individual post page by id (i.e. body.postid-73) */ .single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ .attachment {} /* attatchment page */ .attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ .attachment-mime-type {} /* style mime type pages */ .author {} /* author page */ .author-nicename {} /* user nicename (i.e. body.author-samueladams) */ .author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ .category {} /* category page */ .category-1 {} /* individual category page (i.e. body.category-6) */ .category-paged-1 {} /* replace the number to the corresponding page number */ .tag {} /* tag page */ .tag-slug {} /* individual tag page (i.e. body.tag-news) */ .tag-paged-1 {} /* replace the number to the corresponding page number */ .page-template {} /* custom page template page */ .page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ .page-paged-1 {} /* replace the number to the corresponding page number */ .page-parent {} .page-child {} .parent-pageid-1 {} /* replace the number to the corresponding page number */ .logged-in {} /* if user is logged in */ .paged {} /* paged items like search results or archives */ .paged-1 {} /* individual paged (i.e. body.paged-3) */ .wrap { width: 975px; } /***** Grid Options down here, where they are usable ******/ /* layout options ( all have margins right & left of 1%) */ .col60 { width: 6.3829787%; } /* width 60px / grid_1 */ .col140 { width: 14.893617%; } /* width 140px / grid_2 */ .col220 { width: 23.404255%; } /* width 220px / grid_3 */ .col300 { width: 31.914894%; } /* width 300px / grid_4 */ .col380 { width: 40.425532%; } /* width 380px / grid_5 */ .col460 { width: 51.06383%; } /* width 460px / grid_6 */ .col540 { width: 57.446809%; } /* width 540px / grid_7 */ .col620 { width: 65.957447%; } /* width 620px / grid_8 */ .col700 { width: 74.468085%; } /* width 700px / grid_9 */ .col780 { width: 82.978723%; } /* width 780px / grid_10 */ .col860 { width: 91.489362%; } /* width 860px / grid_11 */ .col940 { width: 100.0%; } /* width 940px / grid_12 */ /* layout & column defaults */ .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; position: relative; margin-left: 1.0638298%; margin-right: 1.0638298%; } /* floats */ .left { float: left; } .right { float: right; } /* default styles & fixes */ .first { margin-left: 0; } /* fixes alignment */ .last { margin-right: 0; } /* fixes alignment */ /********************* HEADER SYTLES *********************/ header[role=banner] {} #logo {} /********************* NAVIGATION STYLES *********************/ nav[role=navigation] {} nav[role=navigation] .menu { margin: 0; } nav[role=navigation] .menu ul {} nav[role=navigation] .menu ul li {} nav[role=navigation] .menu ul li a {} nav[role=navigation] .menu ul li a:hover { } nav[role=navigation] .menu ul li:first-child a {} nav[role=navigation] .menu ul li.current-menu-item a, nav[role=navigation] .menu ul li.current_page_item a {} nav[role=navigation] .menu ul li ul.sub-menu, nav[role=navigation] .menu ul li ul.children {} nav[role=navigation] .menu ul li ul li a {} nav[role=navigation] .menu ul li ul li a:hover {} nav[role=navigation] .menu ul li ul li:last-child a {} nav[role=navigation] .menu ul li:hover ul { } nav[role=navigation] .menu ul li ul li ul.sub-menu { } nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { } /****************************************************************** PAGE NAVI STYLES (Special Feature) ******************************************************************/ /* page navigation */ .page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; } .page-navigation, .wp-prev-next { background: transparent; } .bones_page_navi, .wp-prev-next ul { } .bones_page_navi li { float: left; margin-left: 10px; } .bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; } .bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; } .bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */ .bones_page_navi li.bpn-current:hover {} .bones_page_navi li.bpn-prev-link { } /* previous link */ .bones_page_navi li.bpn-prev-link a { padding: 0; } .bones_page_navi li.bpn-prev-link a:hover { background: none; } .bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */ .bones_page_navi li.bpn-next-link a { padding: 0; } .bones_page_navi li.bpn-next-link a:hover { background: none; } .bones_page_navi li.bpn-last-page-link {} /* last page link */ .bones_page_navi li.bpn-last-page-link a {} .bones_page_navi li.bpn-last-page-link a:hover { background: none; } .bones_page_navi li.bpn-first-page-link {} /* first page link */ .bones_page_navi li.bpn-first-page-link a {} .bones_page_navi li.bpn-first-page-link a:hover { background: none; } /* fallback previous & next links */ .wp-prev-next {} .wp-prev-next ul {} .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; } /****************************************************************** COMMENT STYLES ******************************************************************/ #comments { }/* h3 comment title */ #comments span { } /* number of comments span */ .comment-nav {} .comment-nav ul {} .comment-nav ul li {} .commentlist { } .commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; } .commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; } .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } .commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; } .commentlist li.depth-2 {} .commentlist li.depth-3 {} .commentlist li.depth-4 {} .commentlist li.depth-5 {} .commentlist li:last-child { margin-bottom: 0; } .commentlist li ul.children li {} .commentlist li ul.children li.alt {} .commentlist li ul.children li.byuser {} .commentlist li ul.children li.comment {} .commentlist li ul.children li.depth-1 {} /* change number for different depth */ .commentlist li ul.children li.bypostauthor {} .commentlist li ul.children li.comment-author-admin {} .commentlist li ul.children .alt {} .commentlist li ul.children .odd {} .commentlist li ul.children .even {} .commentlist .alt {} .commentlist .odd { background: #eee; } .commentlist .even { background: #fefefe; } .commentlist .parent {} .commentlist .comment {} .commentlist .children { border-left: 2px solid #6ac8d3; } .commentlist .pingback {} .commentlist .bypostauthor {} .commentlist .comment-author {} .commentlist .comment-author-admin {} .commentlist .thread-alt {} .commentlist .thread-odd {} .commentlist .thread-even {} .commentlist .vcard { margin-left: 55px; } .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; } .commentlist .vcard time { float: right; } .commentlist .vcard time a { color: #999; text-decoration: none; } .commentlist .vcard time a:hover { text-decoration: underline; } .commentlist .vcard img.photo {} .commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; } .commentlist .vcard cite.fn a.url {} .commentlist .comment-meta {} .commentlist .comment-meta a {} .commentlist .commentmetadata {} .commentlist .commentmetadata a {} .commentlist li .comment_content { margin-left: 55px; } .commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } .commentlist li ul { margin: 0; } .commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; } .commentlist a.comment-reply-link:hover { opacity: 1; } /****************************************************************** COMMENT FORM STYLES ******************************************************************/ .respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; } #comment-form-title { margin: 0 0 1.1em; } #cancel-comment-reply {} #cancel-comment-reply a {} .respond-form form[method=post] { margin: 0.75em 0; } .comments-logged-in-as {} .respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } .respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; } .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; } .respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; } .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; } #allowed_tags { margin: 1.5em 10px 0.7335em 0; } .respond-form textarea { resize: none; width: 97.3%; height: 150px; } #submit {} /* form validation */ .respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /****************************************************************** SIDEBARS & ASIDES ******************************************************************/ #sidebar1 { } .widget { padding: 0 10px 0 0; margin: 0 0 2em; } .widget li { margin-bottom: 0.75em; } .widget li ul { margin-top: 0.75em; padding-left: 1em; } .widgettitle { margin-top: 0; margin-bottom: 0.75em;font-size: 16px;text-transform: uppercase; } #sidebar1 .widgettitle { color: #141414; } /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* calendar widget */ .widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {} #wp-calendar caption {} #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} /********************* FOOTER STYLES *********************/ footer[role=contentinfo] {} footer[role=contentinfo] nav {} .footer-links ul {} .footer-links ul li {} .footer-links ul li a {} .footer-links ul li:last-child a {} .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {} .footer-links ul li ul.sub-menu {} .attribution {} } /* end of media query */ /****************************************************************** AVERAGE VIEWING SIZE This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. ******************************************************************/ @media only screen and (min-width: 800px) { body.home { background: #fff url('images/home-bg.jpg') repeat-x; } body { background: #fff url('images/page-bg.png') repeat-x; } .nav-inner { margin:0px auto; max-width: 1140px; } .wrap { width: 1300px; padding-left: 20px; padding-right: 20px; } .select-nav { display:none; } #logo { height:80px; background: transparent url('images/masthead.gif') no-repeat top center; margin:20px 0 0 0 ; } #logo a { display: block; width: 100%; height: 80px; } #sidebar1 { width: 330px; } .page-id-7691 #sidebar1, .page-template-page-registration-php #sidebar1 { width: 312px; float: right; clear: none; } .page-template-page-registration-php .package-price, .page-id-7691 #sidebar1 .package-price { background: url(images/sidebar-price-bg.png) center center no-repeat; } .home #main { border-right: 1px solid #030303; } #main { float: left; width: 613px; padding-right: 50px; } .pod-page-my-account-payment #main { float: left; clear: none; width: 600px; padding-top: 10px; } .page-template-page-registration-php #main { clear: none; float: left; } .page-id-7691 #sidebar1 { float: right; clear: none; padding: 0; } #bottom .middle { width: 291px; padding: 20px 20px 0; } #bottom .right { width: 311px; padding: 0 0 0 20px; } #bottom .left { width: 311px; padding: 0 20px 0 0; } #copy { width: 440px; } #inner-footer .first { width: 210px;padding: 40px 0 0 20px; } #inner-footer .second { width: 135px;padding: 40px 0 0 20px; } #inner-footer .third { width: 150px;padding: 40px 0 0 20px; } #bottom .left, #bottom .middle { border-right: 1px solid #030303; } #banner .left, #banner .right { float: left; } .newsroom-info { width: 700px;float: left; } .newsroom-info .twitter_button { display: none; } .newsroom-titles h2 { float: right;width: 240px;border-left: 1px solid #cdcbcb;padding: 20px 0 20px 50px; } .newsroom-contact { border-left: 1px solid #cdcbcb;width: 240px;float: right;padding: 0 0 0 50px; } #scroll-panel, #panels .panel { width: 975px; } #scroll-panel { height: 340px; } .panel .left-releases { float: left; width: 45%; margin-right: 10%; } .panel .right-releases { float: left; width: 45%; } #scroll-panel #panels { width: 20000em; position:absolute; } #panels .panel { float:left; } .newsroom-releases h4 { font-size: 18px; } #works { width: 868px; margin: 0 auto; } #works ul li { float: left; } #works ul li h3 { width: 285px; float: left; clear: none; } #works ul.diagrams li { text-align: center; width: 160px; margin: 0 27px 70px; } #banner .left { width: 420px; padding: 20px 0 0 30px; } #banner .right { width: 530px; } .home-widgets .widget { margin: 0 100px 0 0; } #inner-footer .logo h5 { margin: 40px 0 0; } } /* end of media query */ /****************************************************************** SUPER LARGE MONITORS STYLES This is for super wide monitors for the l33t people. If you worked in a good base in the previous styles, this should work pretty seamlessly. ******************************************************************/ @media only screen and (min-width: 1382px) { body { } } /* end of media query */ /****************************************************************** RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES This is for the high res phones or devices. ******************************************************************/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* insert styles here */ } /* end of media query */ /****************************************************************** Homepage ******************************************************************/ #banner { /*background: url(images/banner-bg.png) no-repeat;*/ float: left; width: 100%; } .widget_sp_image h2.widgettitle { display: none; } #banner .right ul { font-size: 18px; font-style: italic; } #banner .right ul li { background: url(images/checkmark.png) left 8px no-repeat; padding: 6px 0 6px 40px; } #banner .right h2.widgettitle { color: #010101; border: none; margin: 0; padding: 20px 0 20px 0; font-size: 20px; } #btn-plans { text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; background: url(images/btn-plans.png); width: 255px; height: 51px; margin: 20px 0 0; } #partners { position: relative; padding-bottom: 5px; } #partners .logos { height: 100px; position: relative; overflow: hidden; } #partners .logos .widget { position: relative; width: 5000px; } #partners .slide-left, #partners .slide-right { position: absolute; text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; background: url(images/btn-slide-left.png); width: 23px; height: 23px; top: 40px; left: -20px; } #partners .slide-right { background: url(images/btn-slide-right.png); right: -20px; left: auto; } #partners ul li { float: left; margin: 0 7px; line-height: 100px; width: 150px; text-align: center; } #partners ul li img { vertical-align:middle; } #testimonials .icon { border-bottom: 1px solid #010101; overflow: visible; } #testimonials .icon h3 { text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; background: url(images/icon-quote.png) no-repeat; width: 47px; height: 47px; margin: 0 auto; position: relative; top: 25px; } #quotes { position: relative; margin: 30px 0; } #quotes li { position: absolute; left: 0; top: 0; list-style-type: none; float: left; width: 100%; } #quotes li .thumb { float: left; margin: 0 2% 0 0; width: 10%; } #quotes li .thumb img { max-width: 100%; height: auto; } #quotes li blockquote { font-size: 20px; font-style: italic; line-height: 1.4; margin: 0; float: left; width: 88%; } #quotes li blockquote p { margin: 0; } #quotes li .author { color: #1c77d5; font-family: "nevisBold", Arial, "San-serif"; font-size: 14px; text-transform: uppercase; font-weight: normal; font-style: normal; } #bottom .left, #bottom .middle, #bottom .right { float: left; padding-top: 20px; } #bottom { clear: both; background: url(images/bottom-bg.png) repeat-x; float: left; width: 100%; text-align: center; padding: 3px 0 0; } #bottom .widget { margin: 0; padding: 0 0 40px; float: left; width: 100%; } #bottom .widget_Twidget { padding: 0; } .bottom-wrap { clear: both; padding: 50px 0 0; } .home .bottom-wrap { padding: 0; } #bottom h2.widgettitle { background: url(images/checker-bg.png); border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; color: #010101; padding: 10px 0; margin: 20px 0; } #bottom .widget_sp_image h2.widgettitle { display: block; } #main-footer { clear: both; background: #010101; } .home-widgets { padding-top: 20px; } .home-widgets .widget { padding: 0 0 20px; background: url(images/border.png) left bottom repeat-x; } .home-widgets h2.widgettitle { font-size: 16px; text-transform: uppercase; border: none; margin: 20px 0 0; padding: 0; } .home-widgets p { margin: 0 0 10px; font-size: 13px; line-height: 1.4; } .home-widgets .widg-wrap { padding: 0 0 0 100px; min-height: 55px; } #text-9 .widg-wrap { background: url(images/icon-rank.png) left center no-repeat; } #text-10 .widg-wrap { background: url(images/icon-google.png) left center no-repeat; } #text-11 .widg-wrap { background: url(images/icon-case.png) left center no-repeat; } .text-12 .widg-wrap { background: url(images/icon-target.png) left center no-repeat; } .text-13 .widg-wrap { background: url(images/icon-link.png) left center no-repeat; } .text-14 .widg-wrap { background: url(images/icon-arrows.png) left center no-repeat; } .text-15 .widg-wrap { background: url(images/icon-pdf.png) left center no-repeat; } .text-15 { background: transparent!important; } #main { margin-right: 0; } #partners, #testimonials { clear: both; float: left; width: 100%; background: url(images/bottom-bg.png) left bottom repeat-x; } #sidebar1 #text-14, #text-18 { float: left; width: 100%; padding: 0 0 30px; } .home #sidebar1 #text-14 h2.widgettitle, .home #text-14 .textwidget { margin-left: 40px; } #text-14 ul li, #text-18 ul li { float: left; margin: 0 5px 5px 0; } #text-14 ul li a, #text-18 ul li a { text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; width: 43px; height: 40px; } #text-14 li.facebook a, #text-18 li.facebook a { background: url(images/btn-facebook.png); } #text-14 li.twitter a, #text-18 li.twitter a { background: url(images/btn-twitter.png); } #text-14 li.linkedin a, #text-18 li.linkedin a { background: url(images/btn-linkedin.png); } #text-14 li.digg a, #text-18 li.digg a { background: url(images/btn-digg.png); } #text-14 li.google_plus a, #text-18 li.google_plus a { background: url(images/btn-gplus.png); } #text-14 li.stumble a, #text-18 li.stumble a { background: url(images/btn-stumble.png); } #text-14 li.youtube a, #text-18 li.youtube a { background: url(images/btn-youtube.png); } #text-14 li.rss a, #text-18 li.rss a { background: url(images/btn-rss.png); } #text-14 li.posterous a, #text-18 li.posterous a { background: url(images/btn-posterous.png); } #text-14 li.technorati a, #text-18 li.technorati a { background: url(images/btn-technorati.png); } #text-14 li.delicious a, #text-18 li.delicious a { background: url(images/btn-delicious.png); } #text-14 li.friendfeed a, #text-18 li.friendfeed a { background: url(images/btn-friendfeed.png); } #text-14 li.yelp a, #text-18 li.yelp a { background: url(images/btn-yelp.png); } #sidebar1 #gform_widget-3 { clear: left; border: none; } #sidebar1 .gform_widget h2.widgettitle { background: url(images/logo-google.png) no-repeat; padding: 5px 0 10px 100px; margin: 0; } #sidebar1 .gform_widget .gform_heading { background: url(images/border.png) left bottom repeat-x; padding-bottom: 20px; margin-bottom: 20px; } #sidebar1 .gform_widget form label { display: none; } #sidebar1 .gform_widget .gform_body input { border: 1px solid; width: 100%; padding: 10px; color: #959595; -moz-box-shadow: inset 0 0 8px #ccc; -webkit-box-shadow: inset 0 0 8px #ccc; box-shadow: inset 0 0 8px #ccc; } #sidebar1 .gform_widget .gform_button { font-size: 13px; padding: 5px 15px; } #inner-footer .logo h5 { text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; background: url(images/logo-sm.png); width: 252px; height: 36px; } #inner-footer .logo { background: url(images/footer-border.png) left bottom repeat-x; padding: 0 0 20px; margin: 0 0 20px; } #copy p { text-transform: uppercase; font-size: 10px; } #twitter_update_list li a { display: block; text-decoration: none; text-transform: uppercase; color: #333; font-size: 11px !important; margin: 5px 0 0; } #twitter_update_list li span a { display: inline; text-transform: none; color: #ff0000; } #twitter_update_list li span { font-size: 14px; font-weight: bold; color: #ff0000; } #bottom .more { background: url(images/more-arrow.png) right center no-repeat; padding-right: 10px; font-weight: bold; text-decoration: none; font-size: 11px; text-transform: uppercase; } #recent-posts li, #twitter_update_list li { padding: 0 0 20px; margin: 0 0 20px; background: url(images/border.png) left bottom repeat-x; } #recent-posts li h3 { margin: 0; } #recent-posts li p { margin: 5px 0; text-transform: uppercase; font-size: 11px; } /****************************************************************** Newsroom Detail View ******************************************************************/ .newsroom-titles { padding: 20px 0; float: left; width: 100%; border-bottom: 1px solid #cdcbcb; } .newsroom-titles h1, .newsroom-titles h3, .newsroom-titles img { margin: 0; padding: 0; } .newsroom-titles img { max-height: 70px; } .newsroom-titles h1, .newsroom-titles h3 { float: left; } #newsroom-detail h3 { text-transform: uppercase; font-size: 13px; } #newsroom-detail { font-size: 13px; } .newsroom-about { line-height: 1.5; padding-right: 30px; } .newsroom-titles h2 { color: #010101; font: normal 20px Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0; } .newsroom-info h1 { margin-bottom: 0; } p.industry { margin-top: 0; } .newsroom-contact dl dt { float: left; width: 60px; font-weight: bold; text-transform: uppercase; } .newsroom-contact dl dt, .newsroom-contact dl dd{ margin: 0 0 8px; } .newsroom-contact .widget { margin-bottom: 50px; } #main-release h3 { text-transform: uppercase; } #main-release article { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px; } .industry, .industry a { color: #696868; text-decoration: none; } .newsroom-contact dl { font-size: 12px; } .newsroom-contact .social-icons { float: left; width: 100%; padding: 0 0 50px; margin: 0; } .newsroom-info { position: relative; overflow: visible; } .single-titles { position: relative; } #share-buttons { position: absolute; left: -90px; top: -130px; border: 1px solid #cdcbcb; width: 55px; padding: 5px; } #wdsb-service-facebook { clear: both; padding-top: 5px; } .single-titles #share-buttons { top: 0; } #share-buttons .st_facebook_vcount, #share-buttons .st_twitter_vcount, #share-buttons .st_email_vcount, #share-buttons .st_sharethis_vcount, #share-buttons .st_fblike_vcount, #share-buttons .st_plusone_vcount { display: block; margin: 0 auto; text-align: center; } #newsroom-detail .info-contact { border-bottom: 1px solid #cdcbcb; float: left; width: 100%; padding: 30px 0; } .fb-like { display: block; margin: 0 0 0 3px; } #___plusone_0 { display: block !important; margin-left: 2px !important; float: left !important; } .fb-send { margin: 10px auto; } ul.social-icons li { float: left; list-style-type: none; margin: 0 5px 5px 0; } ul.social-icons li a { text-indent: -9999px; font-size: 1%; overflow: hidden; display: block; width: 35px; height: 32px; } ul.social-icons li.facebook a { background: url(images/btn-facebook-sm.png); } ul.social-icons li.twitter a { background: url(images/btn-twitter-sm.png); } ul.social-icons li.linkedin a { background: url(images/btn-linkedin-sm.png); } ul.social-icons li.google_plus a { background: url(images/btn-gplus-sm.png); } ul.social-icons li.youtube a { background: url(images/btn-youtube-sm.png); } .newsroom-releases { padding: 20px 0 0; } .newsroom-releases h4 { color: #231f20; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; margin: 0 0 3px; } .newsroom-releases .pru-button { font-size: 10px; padding: 3px 12px; } .newsroom-releases .release-date { color: #696868; text-transform: uppercase; font-size: 12px; margin-left: 5px; } .release-wrap { margin: 0 0 40px; } .newsroom-website iframe { border: 1px solid; } #scroll-panel { position:relative; overflow:hidden; } a.disabled { visibility:hidden !important; } .slidenav { border-bottom: 1px solid #cdcbcb; float: left; width: 100%; padding: 0 0 10px; margin: 0 0 30px; } .slidenav a { color: #7b7b7b; text-decoration: none; text-transform: uppercase; font-family: "nevisBold",Arial,"San-serif"; font-size: 11px; } .slidenav .next { float: right; background: url(images/next-bg.png) right 1px no-repeat; padding-right: 10px; } .slidenav .prev { float: left; background: url(images/prev-bg.png) left 1px no-repeat; padding-left: 10px; } /****************************************************************** FAQ Page ******************************************************************/ #post-82 dl dt { font-weight: bold; margin: 20px 0 10px 0; } #post-82 dl dd { margin: 0 0 10px; } /****************************************************************** Indiviual Public Press Releases ******************************************************************/ #release-head { position: relative; overflow: visible; } #release-head #share-buttons { top: 20px; } .release-body { float: left; width: 100%; padding: 30px 0 0; } .release-body h1 { color: #231f20; font: bold 25px Arial, "Helvetica Neue", Helvetica, sans-serif; } .company-gallery li { float: left; } .company-gallery li.odd { margin-right: 10px; } .newsroom-contact .images { float: left; width: 100%; } p.summary { font-size: 16px; font-style: italic; } p.region { font-size: 15px; font-weight: bold; margin-bottom: 5px; } /****************************************************************** How it Works Page ******************************************************************/ #works h3 { background: url(images/bottom-bg.png) repeat-x; color: #010101; font-size: 16px; padding: 10px 0; clear: both; margin: 35px 0 15px; } #works .headers { width: 100%; float: left; background: url(images/bottom-bg.png) repeat-x; } #works .headers h3 { background: transparent; padding: 0; margin: 15px 0; } #works ul { list-style: none; } #works img { display: block; margin: 0 auto; clear: both; } #works h2 { text-align: center; margin: 20px auto; } #post-40 #pru-header { padding: 15px 0; } #works .pru-button { margin: 40px auto 0; display: block; width: 150px; padding: 7px 10px; text-align: center; } /****************************************************************** Create Account/Registration page ******************************************************************/ #registration-steps { border-bottom: 1px solid #CCC; float: left; width: 100%; padding: 20px 0 20px; } #registration-steps .step { color: #545353; background: transparent url('images/pru-button-bg-gray.gif') repeat-x; font-family: "nevisBold",Arial, "San-Serif"; text-transform: uppercase; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; white-space: nowrap; border: 1px solid #a1a0a0; padding: 0; width: 325px; margin: 0 3px 0 0; float:left; display: block; text-align:center; height: 35px; line-height: 35px; } #registration-steps .selected { color: #fff; border: 1px solid #a40027; background: transparent url('images/pru-button-bg.gif') repeat-x; } .page-template-page-registration-php h1#pru-title { margin: 0; line-height: 1; } .page-template-page-registration-php .comment { font-style: normal; font-size: 13px; margin: 0; } .page-template-page-registration-php #pru-header { float: left; padding: 0 0 20px; margin: 40px 0 0; } .page-template-page-registration-php #simplr-reg label,form#simplr-form label { font-weight: normal; width: 150px; display: block; padding: 10px 0 0; } #simplr-form #submit { padding: 5px 10px; } .page-template-page-registration-php #simplr-reg div input, form#simplr-form input { padding: 10px; float: left; } #simplr-form .submit input { padding: 5px 10px; } #simplr-reg #payment-choice label { font-size: 16px; float: none; width: auto; font-weight: bold; padding: 10px 0; } #post-7682 h4 { text-transform:uppercase; } #payment-choice .choice { clear: both; width: 95%; margin-right: 5%; float: left; border-bottom: 1px solid #CCC; margin-bottom: 10px; } #payment-choice .choice input { position: absolute; left: -9999px; } .radio-btn { display: block; background: url(images/radio-bg.png) no-repeat; width: 18px; height: 18px; float: left; margin: 5px 5px 0 0; } #payment-choice .radio-on { background-position: -18px 0; } #post #simplr-form { border-right: 1px solid #CCC; } #post #simplr-form .checkbox-wrap { border-top: 1px solid #CCC; padding: 20px 0; margin-top: 40px; width: 95%; margin-right: 5%; } #post #simplr-form .checkbox-wrap input { float: left; margin-right: 5px; } #payment-choice { padding-bottom: 20px; float: left; width: 100%; } #payment-choice .choice input { float: left; margin: 8px 8px 0 0; } #payment-choice .choice img { float: left; } #payment-choice .choice span { display: block; float: left; line-height: 2.6; margin: 0 0 0 10px; } .page-template-page-registration-php #simplr-reg .option-field, .page-template-page-registration-php #simplr-reg .simplr-field { margin: 2px 0; } form#simplr-form p.description { float: right; width: 60%; text-align: left; margin: 10px 20px; color: #666; font-style: italic; } .form-left #simplr-form label { margin: 0 0 5px; } .form-left #simplr-form label, .form-left #simplr-form input[type="text"], .form-left #simplr-form input[type="password"] { float: none; width: 100%; } .form-right { width: 30%; } .pod-page-my-account #loginform label { display: block; font-weight: bold; margin: 0 0 5px; } .pod-page-my-account #loginform { float: left; width: 44%; margin: 0 5%; border-right: 1px solid #ccc; } .pod-page-my-account #login-sidebar { float: left; width: 35%; margin: 0 5%; } .pod-page-my-account #loginform #user_login, .pod-page-my-account #loginform #user_pass { width: 80%; padding: 5px; border:1px solid #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: inset 1px 1px 5px #ccc; -moz-box-shadow: inset 1px 1px 5px #ccc; -webkit-box-shadow: inset 1px 1px 5px #ccc; } ul#menu-main li { float:left; display: block; border-right:2px solid #000; margin: 0 10px 0 0; border-top:2px solid #000000; padding: 0; z-index: 100; position: relative; } ul#menu-main a { display: block; } ul#menu-main li:hover { border-top:2px solid #ff0000; background: #000; cursor: pointer; } ul#menu-main a:link, ul#menu-main a, ul#menu-main a:visited { color:white; text-decoration: none; text-transform: uppercase; font-size: .9em; padding: 10px 5px 13px 5px; display: block; float: left; } ul#menu-main a:hover,ul#menu-main a:active { color: #ff0000; } ul#menu-main li ul.sub-menu { display: none; position: absolute; left: 0; top: 35px; background: #000; } ul#menu-main li ul.sub-menu li { width: 200px; } ul#menu-main li ul.sub-menu li:hover { border-top: 2px solid #000; } .tags { margin: 10px 0; font-size: 1.1em; } #confirm-submit p { font-size:1.4em; } #banner .left img { border: 1px solid #fff; } .checkbox-wrap { margin:10px 0 !important; } #simplr-form input[type=checkbox] { margin-right: 5px; } .archive .post_content img { float: left; margin: 0 10px 10px 0; } /*-----------Some Special Css classes added- Taqi-----------*/ .spcial_four_columns, .spcial_four_columns li { margin: 0!important; padding: 0!important; list-style-type: none!important; } .spcial_four_columns { border: 0 solid #CCCCCC; } .spcial_four_columns li { padding: 0!important; border-bottom: 1px dashed #ccc; clear: both; } .special_link { padding: 5px; } .special_link a{ color: #000; font-size: 16px; line-height: 18px; font-weight: bold; } h2.special { text-align: left; } .special_buttons { padding: 5px 8px!important; font-size: 12px!important; float: right; text-decoration: none; margin-bottom: -15px; } .author-box { background-color: #F5F5F5; margin: 0 0 40px; overflow: hidden; padding: 10px; margin-top: 5px; } .author-box img{ float: left; margin-right: 20px; padding: 3px; background: #fff; border: 1px solid #959595; } .warning { font-size: 80%; font-style: italic; font-weight: bold; background-color: #18DCFF; border: 1px dashed #ccc; padding: 10px 15px; } .search-form input.text { padding: 7px 5px; float: left; clear: both; display: block; width: 70%; border: 1px solid #666; border-radius: 4px; box-shadow: inset 1px 1px 5px #ccc; margin-right:10px; } .no_display { display: none; } ul.social-icons li.instagram a { background: url(images/btn-instagram-sm.png); } .pods-pagination-paginate { display: block !important; text-align: center !important; margin: 0 auto !important; }