/* THEME NAME: VYG_theme THEME URI: http://www.visualiseyourgoals.com/ DESCRIPTION: OrangePeel Systems - WordPress Theme VERSION: 1.0 AUTHOR: Digital Visions Queenstown AUTHOR URI: http://www.dvq.co.nz */ @import url(assets/css/reset.css); /* RESET CSS */ @import url(assets/css/prettyPhoto.css); /* PHOTO VIEWER CSS */ /* BASE ---------------------------- */ body { background: rgb(220,212,203) url(assets/img/ui/bg-repeat.gif) 0 0 repeat; color: rgb(20,20,20); font: 75%/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif; } /* FONTs ---------------------------- */ p { font: 102% Arial, "Helvetica Neue", Helvetica; margin: 0 0 1.5em 0; } p1 { font: 90%/1.5em Arial, Helvetica, sans-serif; color: rgb(0,0,0); font-weight: bold; margin-bottom: 0.5em; } p2 { font: 105%/1.5em Arial, Helvetica, sans-serif; color: rgb(0,0,0); font-weight: bold; margin-bottom: 0.5em; } strong { color: rgb(0,0,0); font-weight: bold; } em, i { } h2 { font: 180%/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif; color: rgb(73,69,65); font-weight: bold; margin-bottom: 0.5em; } h3 { font: 130%/1.5em Arial, Helvetica, sans-serif; color: rgb(109,104,98); font-weight: bold; margin-bottom: 0.5em; } h4 { font: 110%/1.5em Arial, Helvetica, sans-serif; color: rgb(109,104,98); font-weight: bold; text-transform: uppercase; margin-bottom: 0.5em; } h5 { font: 90%/1.5em Arial, Helvetica, sans-serif; color: rgb(109,104,98); font-weight: bold; margin-bottom: 0.5em; } h6 { } blockquote{ margin: 1em; padding: 1em; border: 1px solid #DDD; background:#edf1f4; } blockquote { font-style: normal; } pre { white-space: pre; } pre, code { font: 1em 'Andale Mono', 'Lucida Console', Monospace; line-height: 1.5em; margin: 1.5em 0; display: block; } /* LINKS ------------------------------------------------------------------ */ a, a:visited { outline: none; color: rgb(251,77,0); text-decoration: none; } a:hover { color: rgb(157,180,0); text-decoration: none; } a:active, a:focus { color: rgb(251,12,0); } #main-content a { border-bottom: 1px solid rgb(216,210,202); } #main-content a:hover { border-bottom: 1px dotted rgb(232,196,86); } /* IMGs / VIDEOs ---------------------------- */ img { padding: 5px; border: 1px solid rgb(255,255,255); -moz-border-radius: 4px; -webkit-border-radius: 4px; } .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .aligncenter { margin: 0 auto 10px auto; display: block; } /* LISTs ---------------------------- */ ul, ol { margin-bottom: 1.5em; list-style: none; } ul li { background: url(assets/img/ui/bullet-arrow.gif) 0.5em 0.5em no-repeat; padding-left: 1.7em; margin-bottom: 0.2em; } ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 0.2em; } ul li ul, ol li ol { margin: 0.2em 0 0 0; } ol li ol li { margin-left: 1.7em; } /* - CONTENT START ----------------------------------------------------------------------------------------------------- */ /* BGs ---------------------------- */ #bg-top-repeat { width: 100%; background: url(assets/img/ui/bg-top-repeat.gif) 0 0 repeat-x; } #bg-center-home { width: 100%; background: url(assets/img/ui/bg-center-page.jpg) 50% 0 no-repeat; } #bg-white-home { width: 100%; background: #FFF; float: left; } #bg-center-page { width: 100%; background: url(assets/img/ui/bg-center-page.jpg) 50% 0 no-repeat; } /* CONTAINERs ---------------------------- */ .container { width: 960px; margin: 0 auto; } /* HEADER ---------------------------- */ #branding { height: 145px; margin: 0 auto 65px auto; position: relative; } #logo { background: url(assets/img/ui/logo.gif) 50% 50% no-repeat; width: 157px; height: 140px; padding: 5px; float: left; text-indent: -9999px; display: block; } #tagline { background: url(assets/img/ui/tagline.gif) no-repeat 0 0; width: 650px; height: 64px; float: right; margin: 67px -2px 0 0; text-indent: -9999px; display: block; } /* TOP NAV ---------------------------- */ #top-nav { float: right; margin: 13px 0 0 0; font-size: 100%; z-index: 99; } #top-nav ul li { float: left; background: none; padding: 0; margin: 0 0 0 15px; } #top-nav ul li a { display: block; color: rgb(256,256,256); color: rgba(256,256,256,0.8); text-shadow: 0px 1px 1px #000; } #top-nav ul li a:hover { color: rgb(256,256,256); color: rgba(256,256,256,1); } #top-nav ul li a.dropdown-link { cursor: default; } #top-nav ul li.dropdown { background: url(assets/img/ui/drop-down-arrow.gif) no-repeat 100% 50%; padding-right: 12px; position: relative; } .sf-menu { float: right; } .sf-sub-indicator { display: none; } #top-nav .dropdown-nav { width: 230px; display: block; padding: 10px 0px 8px 0px; background: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #a26a12; -webkit-box-shadow: 0 0 5px #a26a12; position: absolute; top: 22px; left: -20px; z-index: 100; } #top-nav .dropdown-nav li { clear: both; padding: 0; margin: 0; line-height: 2em; } #top-nav .dropdown-nav li a { clear: both; width: 190px; display: block; color: #606060; text-shadow: none; padding: 2px 20px; } #top-nav .dropdown-nav li a:hover { color: #222; background: #efefef; } #top-nav .dropdown-nav-last { width: 150px; } #top-nav .dropdown-nav-last li a { width: 110px; } #top-nav .dropdown-nav .dropdown-nav-arrow { width: 17px; height: 9px; position: absolute; top: -9px; left: 33px; background: url(assets/img/ui/dropdown-nav-arrow.gif) no-repeat 0 0; } /* CONTENT ---------------------------- */ #main-content { width: 620px; float: left; padding: 10px 20px 20px 20px; font-size: 110%; } /* MAIN BUTTONS ---------------------------- */ #main-buttons-wrapper { width: 932px; margin: 0 auto 46px auto; padding: 14px 0 18px 0; } #main-button-left{ width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/vbs_overview.gif) no-repeat 0 0; float: left; } #main-button-center { width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/vbs_features.gif) no-repeat top right; float: left; padding-left: 88px; } #main-button-right { width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/people_saying.gif) no-repeat 0 0; float: right; } /* POST ---------------------------- */ .post { } .entry-meta { } /* POST NAVIGATION ---------------------------- */ /* COMMENTS ---------------------------- */ ol.comment-list { } ol.comment-list li { } ol.comment-list li.alt { } ol.comment-list li.bypostauthor { } ol.comment-list li.byuser { } ol.comment-list li.comment-author-admin { } ol.comment-list li.comment { } ol.comment-list li div.comment-author { } ol.comment-list li div.vcard { } ol.comment-list li div.vcard cite.fn { } ol.comment-list li div.vcard cite.fn a.url { } ol.comment-list li div.vcard img.avatar { } ol.comment-list li div.vcard img.avatar-32 { } ol.comment-list li div.vcard img.photo { } ol.comment-list li div.vcard span.says { } ol.comment-list li div.commentmetadata { } ol.comment-list li div.comment-meta { } ol.comment-list li div.comment-meta a { } ol.comment-list li div.comment-content { } ol.comment-list li p { } ol.comment-list li ul { } ol.comment-list li div.reply { } ol.comment-list li div.reply a { } ol.comment-list li ul.children { } ol.comment-list li ul.children li { } ol.comment-list li ul.children li.alt { } ol.comment-list li ul.children li.bypostauthor { } ol.comment-list li ul.children li.byuser { } ol.comment-list li ul.children li.comment { } ol.comment-list li ul.children li.comment-author-admin { } ol.comment-list li ul.children li.depth-2 { } ol.comment-list li ul.children li.depth-3 { } ol.comment-list li ul.children li.depth-4 { } ol.comment-list li ul.children li.depth-5 { } ol.comment-list li ul.children li.odd { } ol.comment-list li.even { } ol.comment-list li.odd { } ol.comment-list li.parent { } ol.comment-list li.pingback { } ol.comment-list li.thread-alt { } ol.comment-list li.thread-even { } ol.comment-list li.thread-odd { } /* PINGBACKS ---------------------------- */ ol.commentlist li.pingback { } ol.commentlist li.pingback div.comment-author { } ol.commentlist li.pingback div.vcard { } ol.commentlist li.pingback div.vcard cite.fn { } ol.commentlist li.pingback div.vcard cite.fn a.url { } ol.commentlist li.pingback div.vcard span.says { } ol.commentlist li.pingback div.commentmetadata { } ol.commentlist li.pingback div.comment-meta { } ol.commentlist li.pingback div.comment-meta a { } ol.commentlist li.pingback * { } ol.commentlist li.pingback div.reply { } ol.commentlist li.pingback div.reply a { } ol.commentlist li.pingback ul.children { } ol.commentlist li.pingback ul.children li { } ol.commentlist li.pingback ul.children li.alt { } ol.commentlist li.pingback ul.children li.bypostauthor { } ol.commentlist li.pingback ul.children li.byuser { } ol.commentlist li.pingback ul.children li.comment { } ol.commentlist li.pingback ul.children li.comment-author-admin { } ol.commentlist li.pingback ul.children li.depth-2 { } ol.commentlist li.pingback ul.children li.depth-3 { } ol.commentlist li.pingback ul.children li.depth-4 { } ol.commentlist li.pingback ul.children li.depth-5 { } ol.commentlist li.pingback ul.children li.odd { } /* COMMENTS FORM ---------------------------- */ /* SIDEBAR ---------------------------- */ #sidebar { width: 280px; float: right; } /* TESTIMONIAL BOX ---------------------------- */ #testimonial-cycler { margin-bottom: 10px; background: none; display: inline; float: left; width: 100%; } #testimonial-box { width: 260px; height: 110px; background: none; display: inline; float: left; padding: 30px 10px 0px 10px; font-size: 90%; overflow: hidden; } #testimonial-box img { border: 0; background: rgb(223,110,4); padding: 4px; margin-bottom: 0; } #testimonial-box .testimonial-content { color: rgb(256,256,256); color: rgba(256,256,256,0.9); text-shadow: 1px 1px 0px #b75703; margin: 0 0 3px 0; } #testimonial-box .testimonial-author { color: rgb(255,233,156); color: rgba(255,233,156,0.9); text-shadow: 1px 1px 0px #b75703; margin: 0; } /* SIDEBAR SIGN UP BOX ---------------------------- */ #sidebar-sign-up-box { float: left; width: 260px; padding: 10px; margin: 20px 0; background: rgb(44,44,44); -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #cecece; -webkit-box-shadow: 0 0 5px #cecece; text-shadow: 1px 1px 0px #000000; } #sidebar-sign-up-box p { display: block; padding: 4px 10px; margin: 0 -10px 6px -10px; background: #2c2c2c; color: rgb(256,256,256); font-weight: bold; } #sidebar-sign-up-box label { color: rgb(202,202,202); font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; } #sidebar-sign-up-box input#sidebar-sign-up-box-input { font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 4px; background: rgb(256,256,256); -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; color: rgb(105,98,90); } #sidebar-sign-up-box input#sidebar-sign-up-box-input:hover, #sidebar-sign-up-box input#sidebar-sign-up-box-input:focus { -moz-box-shadow: 0px 0px 4px #afafaf; -webkit-box-shadow: 0px 0px 4px #afafaf; outline: none; } /* SIDEBAR CATEGORIES BOX ---------------------------- */ #sidebar-categories-box { color: rgb(158,148,134); } /* FOOTER ---------------------------- */ #footer { background: url(assets/img/ui/footer-bg-repeat.gif) 0 0 repeat-x; width: 100%; padding: 0px 0 30px 0; float: left; } /* HOME SUB CONTENT ---------------------------- */ #home-sub-content-wrapper { width: 100%; background: url(assets/img/ui/sub-content-bg.gif) no-repeat 50% 0; padding-bottom: 10px; float: left; } /*#home-demo-button a { float: left; width: 592px; height: 192px; background: url(assets/img/ui/home-demo-button.gif) no-repeat 50% 50%; padding: 24px 14px; display: block; text-indent: -9999px; } */ #pp_full_res img {padding: 0; margin: 0; background: none; border: 0;} /* DEMO BOX ---------------------------- */ #demo-cycler { margin-bottom: 10px; background: none; display: inline; float: left; width: 100%; } #demo-box { width: 592px; height: 192px; background: none; display: inline; float: left; overflow: hidden; padding: 24px 14px; } a#home-saying-button{ float: right; width: 280px; height: 62px; background: url(assets/img/ui/home-saying-button.gif) no-repeat 0 0; margin: 64px 0 0 0; display: block; text-indent: -9999px; } a#home-vbs-button{ float: right; width: 280px; height: 62px; background: url(assets/img/ui/home-vbs-button.gif) no-repeat 0 0; margin: 21px 0 0 0; display: block; text-indent: -9999px; } /* FOOTER CONTENT ---------------------------- */ #footer-inner-wrapper { width: 100%; background: url(assets/img/ui/footer-divider.gif) 50% 0 no-repeat; padding-top: 22px; float: left; } #footer img { padding: 0; margin: 0 6px 0 0; border: 0; background: none; float: left; } #footer p { margin: 0; color: #766b62; text-shadow: 1px 1px 0px #efebe7; line-height: 45px; float: left; } /* FOOTER NAV ---------------------------- */ #footer-nav { float: right; width: 280px; height: 45px; } #footer-nav ul { background: url(assets/img/ui/footer-icons.gif) no-repeat 0 0; height: 45px; } #footer-nav ul li { float: left; background: none; padding: 0; margin: 0 20px 0 0; } #footer-nav ul li a { display: block; text-indent: -9999px; height: 45px; } #footer-nav ul li#facebook a { width: 39px; } #footer-nav ul li#twitter a { width: 42px; } #footer-nav ul li#youtube a { width: 44px; } #footer-nav ul li#visionlounge { margin: 0; float: right; } #footer-nav ul li#visionlounge a { width: 83px; } /* - CONTENT END ----------------------------------------------------------------------------------------------------- */