/* Theme Name: Business lite Theme URI: http://cyberchimps.com/businesslite Description: Business lite: A Free WordPress Theme designed by CyberChimps.com featuring customizable theme options, a clean and professional design, a feature slider, dynamic header for custom logo, social icons, widgetized sidebar and footer, typography including Google Fonts, and multiple template choices. Author: CyberChimps Author URI: http://cyberchimps.com Version: 2.1 Tags: white, light, black, two-columns, fixed-width, custom-header, custom-menu, threaded-comments, sticky-post License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Body */ * { margin: 0; padding: 0; } body { font-size: 14px; } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ .error { font-size: 28px; text-align: center;} p { margin: 0 0 10px 0; line-height: 1.3em;} a { color: #777; text-decoration: none; } a:hover { color: #555; } a img {border: none; } .featured-image { margin: 4px 12px 10px 1px; } ul, ol { margin: 0 0 10px 0; } #crumbs { margin-bottom: 5px; margin-left: 8px; } th { padding-right: 30px; padding-bottom: 10px; } td { border-top: 1px solid #DDD; padding: 6px 10px 6px 0; } table {border-bottom: 1px solid #DDD;} dt {font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 26px; } dd {margin-bottom: 15px; margin-left: 26px; } pre {margin-left: 20px;} fieldset {border: none;} /* Headlines */ h1, h2, h3, h4, h5, h6 { margin-bottom: 4px; margin-top: 4px; } /* Header */ #header { width: 100%; display: block; background: #111 url(./images/header.png) repeat-x center bottom; border-bottom: 2px solid #ccc; } #headerwrap { margin: auto; width: 990px; position: relative; display: block; padding: 15px 0 5px 0; } #logo { } .sitename { font-size: 34px; font-weight: 400; } .sitename a{ color: #fff; } .sitename a:hover{ color: #ccc; } #description { height: 24px; } .description { font-size: 16px; font-weight: 300; margin-top: 5px; color: #fff; } /* Feature Page Layout */ #fp_slider { width: 100%; min-height: 380px; margin: auto; padding-top: 30px; background: #fff url(./images/sliderbg.png) no-repeat center top; } #fp_border { height: 1px; width: 990px; margin: auto;border-bottom: 1px dotted #ccc; } #fp_callout { width: 100%;min-height: 100px;background: #fff; } #fp_boxes { width: 100%;background: #fff;padding-top: 20px; } /* Search Form */ input[type=text] { width: 160px; } /* Search Bar */ #searchbar { width: 160px; text-align: right; margin-top: 7px; } .searchform { margin: 0px; text-align: right; } .s { background: #fff url(./images/search.png) no-repeat 0 1px; color: #3b3b3b; border-radius: 5px; -moz-border-radius: 5px; font-size: 12px; font-weight: normal; height: 18px; padding: 1px 0px 1px 20px; } .center .searchform { float:none; } .searchform .searchsubmit { display: none; } /* Content */ .pagetitle, .archivetitle, .datetitle, .tagtitle { margin-left: 5px; } #content_wrap { width: 990px; margin: auto; padding-top: 15px; } #content_left { float: left; width: 670px; } #content_fullwidth { width: 100%; } .content_padding { padding: 2px 8px 8px 2px; } /* Posts Styling */ hr { border: 1px dotted #dadada; border-style: none none dotted; } .post_container { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 10px; padding: 5px 5px 0px 5px; } .post_container ul { list-style: square; margin-left: 21px; list-style-position: inside; } ol { list-style-position: inside; margin-left: 21px; } .content-background { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; padding: 0px 5px 5px 5px; } .archive-contentbg { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; padding: 0px 5px 5px 5px; } .posts_title { font-size: 32px; font-weight: 300; margin-bottom: 5px; } .posts_title a{ font-size: 32px; font-weight: 300; margin-bottom: 5px; color: #000; } .posts_title a:hover{ font-size: 32px; font-weight: 300; margin-bottom: 5px; color: #666; } .post { font-size: 14px; } .entry p { clear: none; } .meta { color: #ababab; font-size: 12px; margin-bottom: 10px; } .post-edit-link { background-color: #757575; border: 1px solid #ccc; padding: 2px 3px; color: white; font-size: 10px; } .gplusone { margin-bottom: 6px; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.size-full { max-width: 640px; height: auto; } p { clear: both; } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 3px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; margin: 10px; padding-top: 4px; text-align: center; max-width: 620px; } .wp-caption img { border: 0 none; margin: 0; padding: 0; max-width: 610px; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } blockquote { background-color: #ccc; margin: 10px; padding: 10px; font-style: italic; } blockquote p { } .sticky { } .gallery-caption { } .navigation { margin-bottom: 50px; } .next-posts { float: left; } .prev-posts { float: right; } /* Posts Meta Styling */ #comments .navigation { padding: 0 0 18px 0; } .tags { font-size: 10px; padding-bottom: 2px; } label[for="comment"] {display: block;} /* Sharing Styling */ .share { padding-top: 1px; } .share a img { padding: 0px 1px 0px 1px; opacity:.5; } .share a:hover img { opacity:1; } /* Social Icons */ #social { padding-top: 5px; height: 35px; width: 335px; } .icons a img { opacity:.5;filter:alpha(opacity=50); } .icons a:hover img { opacity:1;filter:alpha(opacity=100); } /* Sidebar 300px */ #sidebar_right { float: right; width: 310px; height: 100%; display: block; margin-top: -5px; padding-top: 5px; } #sidebar { width: 300px; margin-top: 0px; margin-bottom: 10px; margin-left: 10px; } .sidebar-widget-title { color: #222; padding: 5px 0px 5px 0px; font-size: 18px; font-weight: 300; } .sidebar-widget-style { color: #222; background: #fff; margin: 0 5px 10px 5px; list-style-type: none; } .sidebar-widget-style li { list-style-type: square; list-style-position: inside; padding-left: 5px; } /* Footer */ #footer { min-height: 200px; background: #222 url(./images/footer.png) repeat-x center top; border-top: 2px solid #ccc; } #footer_wrap { margin: auto; width: 980px; } .footer-widgets { float: left; width: 178px; margin-top: 10px; margin-left: 18px; padding-bottom: 15px; color: #ccc; } .footer-widgets li { list-style-type: none; border-bottom: 0.09em solid #343434; padding-bottom: 4px; padding-top: 4px; } .footer-widgets a { color: #f5f5f5; font-size: 14px; } .footer-widgets a:hover { color: #ccc; } .footer-widget-title { color: #ccc; font-size: 18px; font-weight: 300; padding-bottom: 10px; } #search_footer { width: 160px; text-align: right; margin-top: 7px; } #social_footer { height: 35px; margin-top: -5px; width: 335px; float: left; } .footer-item ul { padding-left: 15px; } #afterfooter { width: 100%; background: #111; color: white; border-top: 2px solid #333; } #afterfooterwrap { width: 980px; height: 35px; margin: auto; margin-top: 10px; padding: 3px; } #afterfootercopyright { max-width: 200px; float: right; position: relative; } #afterfootermenu { float:left; position: absolute; width: 400px; } #afterfootermenu a { color: #F5F5F5; } #afterfootermenu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #afterfootermenu li { display: inline; } #credit { height: 24px; width: 148px; z-index: 99; margin: auto; } /* Twitter Section */ #twitterbar { background: none; width: 978px; border-top: 1px dotted #CCC; overflow: hidden; margin: auto; } .twittertext { padding: 10px; width: 978px; font-size: 14px; } /* ================ */ /* = The 1Kb Grid (http://www.1kbgrid.com/) = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */ /* ================ */ .grid_1 { width:60px; } .grid_2 { width:140px; } .grid_3 { width:220px; } .grid_4 { width:310px; } .grid_5 { width:380px; } .grid_6 { width:460px; } .grid_7 { width:540px; } .grid_8 { width:620px; } .grid_9 { width:700px; } .grid_10 { width:780px; } .grid_11 { width:860px; } .grid_12 { width:940px; } .column { margin: 0 0px; /* overflow: hidden;*/ float: left; display: inline; } .row { width: 990px; margin: 0 auto; overflow: hidden; } .row .row { margin: 0 -10px; width: auto; display: inline-block; zoom: 1; *display: inline; } /* Feature Slider */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 620px; padding: 10px 10px 10px 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } /* Menu Nav */ #navcontainer { display: block; float: right; } #sfwrapper { display: block; } /* Superfish Nav */ /* The container wrapping .sf-menu */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; margin-left: -1px; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 195px; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ color: #ccc; } .sf-menu li { float: left; position: relative; padding: 0px 10px 0px 10px; background: transparent; } .sf-menu a { /* Nav link color */ display: block; position: relative; background: transparent; font-size: 16px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 1001; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } .sf-menu li li { height: 35px; display: none; } .sf-menu li li:hover { height: 35px; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15.5em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** Custom Styles ***/ /* The container wrapping .sf-menu */ .sf-menu { float: right; position: relative; } .sf-menu li { background: transparent; z-index: 2000; } .sf-menu a { padding: 9px 10px 13px 10px; font-weight: 300; background: transparent; color: #fff; } .sf-menu a:hover{ padding: 9px 10px 13px 10px; font-weight: 300; background: transparent; color: #ccc; } .sf-menu ul li a { background: transparent; font-weight: 300; } .sf-menu li li { background: url(./images/dropdown.png) repeat-x left bottom; } .sf-menu li li li { background: url(./images/dropdown.png) repeat-x left bottom; } .sf-menu li.current_page_item a{ color: #ccc; } .sf-menu li:hover, .sf-menu li.sfHover { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: 0em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: none; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: transparent; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* Comment lists */ ol.commentlist { list-style: none; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; } ol.commentlist li.comment div.comment-author { } ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url { } ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; } ol.commentlist li.comment div.vcard img.avatar-32 { } ol.commentlist li.comment div.vcard img.photo { } ol.commentlist li.comment div.vcard span.says { } ol.commentlist li.comment div.commentmetadata { } ol.commentlist li.comment div.comment-meta { font-size: 10px; } ol.commentlist li.comment div.comment-meta a { color: #ccc; } ol.commentlist li.comment p { } ol.commentlist li.comment ul { } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } ol.commentlist li.comment ul.children li { } ol.commentlist li.comment ul.children li.alt { } ol.commentlist li.comment ul.children li.bypostauthor { } ol.commentlist li.comment ul.children li.byuser { } ol.commentlist li.comment ul.children li.comment { } ol.commentlist li.comment ul.children li.comment-author-admin { } ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-5 { } ol.commentlist li.comment ul.children li.odd { } ol.commentlist li.even { background: #fff; } ol.commentlist li.odd { background: #f6f6f6; } ol.commentlist li.parent { border-left: 5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } form { } textarea { margin-top: 10px; padding-bottom: 10px; width: 90% } @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: 'Cantarell', arial, serif; color: #000; background: none; font-size: 12pt; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.7; /* Overridden by captionOpacity setting */ width:100%; z-index:8; text-align: left; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ .nivo-controlNav { position:absolute; bottom:-45px; /* Put the nav below the slider */ margin-bottom: 10px; } /* Slider Thumbnail Nav Style */ .nivo-controlNav a { background: url(images/slider/bullets.png) no-repeat; display:block; width:22px; height:22px; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active {background-position:0 -22px;} } #slider .nivo-controlNav img { display:inline; /* Unhide the thumbnails */ position:relative; margin-right:10px; } /* End slider thumbs */ #slider { position:relative; margin:auto; -moz-box-shadow:0 0 5px #AAAAAA; -webkit-box-shadow:0 0 5px #AAAAAA; box-shadow:0 0 5px #AAAAAA; border: 1px solid white; background:url(images/slider/loading.gif) no-repeat 50% 50%; width: 640px; height: 330px; margin-bottom: 40px; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:inline; } #slider a.active img { border: 1px solid black; } .nivo-directionNav a { position:absolute; top:45%; display:block; width:30px; height:30px; background:url(images/slider/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-html-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.7; /* Overridden by captionOpacity setting */ width:100%; z-index:8; display:none; } .nivo-html-caption-right { position:relative; float:right; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.7; /* Overridden by captionOpacity setting */ width:250px; height: 330px; z-index:8; } .nivo-html-caption-left { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.7; /* Overridden by captionOpacity setting */ width:250px; height: 330px; z-index:8; } #customcaption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; }