/* Theme Name: NGV Espanol Theme URI: http://www.ngvglobal.com/ Description: Wordpress MU Theme for NGV Global Version: 1.0 Author: Matt @ Digital Visions Queenstown Author URI: http://www.dvq.co.nz/ * /* GLOBAL RESET ---------------------------- */ body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } acronym, abbr, fieldset, img { border: 0;} img { vertical-align: bottom; } :focus { outline: 0; } /* BASE STYLE ---------------------------- */ body { background: #DCDBC5 url(images/bg-repeat.gif) repeat 0 0; font: 0.85em/1.5em Arial, sans-serif; color: #86795f; } #bg-top-wrapper { background: url(images/bg-top.gif) repeat-x 0 0; width: 100%; height: 100%; } #bg-center-wrapper { background: url(images/bg-center.gif) no-repeat top center; width: 100%; height: 100%; padding-top: 20px; } .wrapper { width: 1000px; margin: 0 auto; } p { margin-bottom: 1em; } strong { font-weight: bold; } em { font-style: italic; } a { color: #e77417; text-decoration: none; } a:hover { color: #4a3f27; text-decoration: underline; } h2 { font: 210%/1.3em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #4a3f27; margin-bottom: 2px; } h2 a { color: #4a3f27; } h2 a:hover { color: #706244; text-decoration: none; } body.page h2, body.archive h2 { margin-bottom: 20px; } body.archive h2.category-title, body.archive h2.archive-title { font: 130% Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #86785c; background: url(images/tag-icon.gif) no-repeat 1% 50%; border: 3px solid #dedecc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 12px 8px 28px; margin: 2px 0 40px 0; } h3 { font: 130% Helvetica, Arial, sans-serif; color: #4a3f27; font-weight: bold; margin: 15px 0 6px 0; } blockquote p { border-left: 4px solid #b9ad95; padding: 5px 20px; margin: 10px 0 20px 21px; color: #a09378; } hr { color: #dedecc; background-color: #dedecc; border: 0; border-color: #dedecc; height: 1px; width: 100%; margin: 20px 0; } img { background: #FFF; border: 1px solid #dedecc; padding: 5px; vertical-align: bottom; } ul, ol { margin-bottom: 10px; } ul li { background: url(images/footer-bullet.gif) no-repeat 0.5em 0.5em; padding-left: 21px; margin-bottom: 3px; } ol li { list-style-type: decimal; list-style-position: inside; } ul li ul, ol li ol { margin: 0; } ol li ol li { margin-left: 21px; } /* COMMON STYLES ---------------------------- */ .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .aligncenter { margin: 0 auto 10px auto; display: block; } .bdr-none { background: none; border: none; padding: 0; } .wp-caption-text { font-size: 90%; color: #a09378; margin: 6px 6px 6px 0; } /* HEADER ---------------------------- */ #header { width: 1000px; height: 104px; background: #FFF url(images/header-bg.gif) no-repeat 0 0; margin: 0 0 20px 0; position: relative; } h1 a { float: left; width: 388px; height: 68px; background: url(images/logo.gif) no-repeat 0 0; display: block; text-indent: -9999px; position: absolute; top: 18px; left: 8px; } #header-ad-box { width: 468px; height: 60px; float: right; overflow: hidden; background: #FFF; border: 1px solid #eaeae0; padding: 3px; margin: 18px 8px 0 0; } #header-ad-box img { width: 468px; height: 60px; padding: 0; margin: 0; vertical-align: bottom; background: none; border: none; } /* TOP NAV ---------------------------- */ #top-nav-wrapper { width: 1000px; height: 42px; margin: 0 auto; padding-bottom: 3px; background: url(images/top-nav-bg.gif) no-repeat 0 0; position: relative; } ul#top-nav { float: left; font-size: 90%; padding: 0 0 0 16px; } ul#top-nav li { float: left; padding: 0 3px; margin: 11px 10px 0 0; background: none; } ul#top-nav li a { color: #b9ab90; } ul#top-nav li a:hover { color: #ebe3d4; text-decoration: none; } #top-nav li ul { margin: 4px 0 0 -15px; padding: 6px; position: absolute; visibility: hidden; width: 160px; background: #584B2E; -moz-box-shadow: #000 3px 3px 10px; -webkit-box-shadow: #000 3px 3px 10px; box-shadow: #000 3px 3px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #top-nav li ul li { float: left; background: none; width: 100%; margin: 0; font-size: 100%; } #top-nav li ul li a { display: block; color: ##B9AB90; padding: 0; margin: 0px 5px 5px 5px; border: none; } #top-nav li ul li a:hover { color: #ebe3d4; } #top-nav-rss-icon { width: 18px; height: 18px; position: absolute; top: 12px; right: 14px; background: url(images/top-nav-rss-icon.gif) no-repeat 0 0; display: block; text-indent: -9999px; } /* SUB NAV ---------------------------- */ #sub-nav-wrapper { width: 1000px; height: 85px; margin: 0 auto; background: url(images/sub-nav-bg.gif) no-repeat 0 0; } ul#sub-nav { float: left; background: url(images/sub-nav-arrow.gif) no-repeat 0.3em 0.4em; padding-left: 25px; font-size: 90%; margin: 22px 0 0 0; } ul#sub-nav li { float: left; padding: 0; margin: 0 15px 0 0; background: none; } ul#sub-nav li a { color: #9d8f74; text-transform: uppercase; font-weight: bold; } ul#sub-nav li a:hover { color: #62563f; text-decoration: none; } ul#sub-nav li#sub-nav-divider { color: #b4a78c; margin: 0 5px; padding: 0; } ul#sub-nav li#language-espanol { margin-left: 20px; padding-left: 22px; background: url(images/espanol-flag.gif) no-repeat 0 0.4em; } ul#sub-nav li#language-english { margin-left: 20px; padding-left: 22px; background: url(images/english-flag.gif) no-repeat 0 0.4em; } #sub-nav-cse { width: 273px; float: right; margin: 22px 0 0 0; } #sub-nav-cse input.gsc-input { background: #FFF; border: 1px solid #dddbc5; padding: 4px 6px; width: 180px; } .gsc-branding-img, .gsc-branding-text { display: none; } /* CONTENT ---------------------------- */ #content-wrapper { width: 727px; float: left; background: url(images/content-bg.gif) repeat-y 0 0; } #content-wrapper-footer { width: 100%; background: url(images/content-footer.gif) no-repeat bottom left; padding-bottom: 20px; } #content { width: 658px; padding: 0 0 0 20px; float: left; } /* POST ---------------------------- */ .post { padding: 0 0 40px 0; } .entry-date { font-size: 90%; margin: 0 0 20px 0; } .entry-meta { background: url(images/dotted-divider.gif) repeat-x 0 0; padding: 6px 0px; margin: 30px 0 0 0; font-size: 90%; } .meta-sep { padding: 0 5px; color: #dedecc; } #related-posts-wrapper { margin: 40px 0 0 0; } #bottom-ad { width: 468px; height: 60px; margin: 40px auto; } /* FEATURED POST ---------------------------- */ #featured-post { border-bottom: 3px solid #dedecc; padding: 0 0 30px 0; margin-bottom: 40px; } #featured-post h2 { font-size: 240%; } .featured-image { float: left; margin: 0 20px 10px 0; } .category-img { padding: 2px 5px 2px 0; margin: 0; background: none; border: none; } .featured-entry-meta { padding: 6px 0px; margin: 0 0 15px 0; font-size: 90%; } /* POST NAVIGATION ---------------------------- */ #nav-below { border-top: 3px solid #dedecc; padding: 20px 0 0 0; } .nav-previous { float: left; text-transform: uppercase; font-weight: bold; } .nav-next { float: right; text-transform: uppercase; font-weight: bold; } /* COMMENTS ---------------------------- */ ol.comment-list { background: url(images/dotted-divider.gif) top left repeat-x; padding: 2px 0 0 0; } ol.comment-list li { background: url(images/dotted-divider.gif) bottom left repeat-x; list-style: none; list-style-position: outside; padding: 10px 0 12px 0; } ol.comment-list li div.comment-wrapper { background: url(images/dotted-divider-vertical.gif) 82px 0 repeat-y; } ol.comment-list li ul.children li div.comment-wrapper { background: url(images/dotted-divider-vertical.gif) 78px 0 repeat-y; } ol.comment-list li ul.children ul.children li div.comment-wrapper { background: url(images/dotted-divider-vertical.gif) 74px 0 repeat-y; } ol.comment-list li ul.children ul.children ul.children li div.comment-wrapper { background: url(images/dotted-divider-vertical.gif) 68px 0 repeat-y; } 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-avatar { float: left; width: 60px; } ol.comment-list li .comment-edit-link { float: right; } ol.comment-list li div.comment-author { font-weight: bold; float: left; } 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 { font-weight: normal; color: #b3a380; } ol.comment-list li div.comment-meta { font-size: 90%; color: #b3a380; float: right; } ol.comment-list li div.comment-meta a { color: #b3a380; } ol.comment-list li div.comment-content { float: right; width: 84%; padding-left: 20px; } ol.comment-list li div.comment-text { float: left; width: 100%; margin: 20px 0 0 0; } ol.comment-list li p { } ol.comment-list li ul { } ol.comment-list li div.reply { text-align: center; margin: 6px 0 0 0; } ol.comment-list li div.reply a { } ol.comment-list li ul.children { padding: 20px; } ol.comment-list li ul.children li { border: 1px solid #d7ccb7; padding: 10px; } 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 { } ol.comment-list li div .moderation { float: left; width: 100%; font-weight: bold; color: #4a3f27; } /* 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 * { } - /*p, em, strong, blockquote, ul, ol, etc.*/ 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 ---------------------------- */ #respond { margin: 60px 0 0 0; } #respond .formcontainer #comment-notes { color: #b3a380; } #respond .formcontainer .form-label { width: 100%; margin-bottom: 5px; font-weight: bold; } #respond .formcontainer .form-input input { width: 250px; margin-bottom: 20px; padding: 6px 7px; color: #86795f; background: #f0ebe2; font: 100% Arial, sans-serif; border: none; } #respond .formcontainer .form-textarea { width: 100%; margin-bottom: 15px; background: #f0ebe2; } #respond .formcontainer .form-textarea textarea { width: 97%; color: #86795f; background: #f0ebe2; padding: 6px 3px 6px 8px; font: 100% Arial, sans-serif; border: none; } /* SIDEBAR ---------------------------- */ #sidebar { width: 273px; float: right; } /* SEARCH RESULTS ---------------------------- */ /* SIDEBAR ADS ---------------------------- */ #top-sidebar-ads { width: 251px; height: 240px; background: url(images/sidebar-ads-bg.gif) repeat 0 0; padding: 10px; border: 1px solid #c7c6a4; } #top-sidebar-ads img { padding: 0; background: none; border: none; } #top-left-ad { float: left; width: 120px; height: 240px; } #top-right-ad { float: right; width: 120px; height: 240px; } #bottom-sidebar-ads { width: 251px; background: url(images/sidebar-ads-bg.gif) repeat 0 0; padding: 10px; border: 1px solid #c7c6a4; margin-bottom: 30px; } #bottom-sidebar-ads img { padding: 0; background: none; border: none; } #bottom-left-ad { float: left; width: 120px; } #bottom-right-ad { float: right; width: 120px; } /* SPONSORS ---------------------------- */ #sponsors-wrapper { width: 100%; background: url(images/sponsors-bg.gif) repeat-y 0 0; margin-bottom: 30px; } #sponsors-top { width: 100%; background: url(images/sponsors-top.gif) no-repeat 0 0; padding-top: 20px; } #sponsors-bottom { width: 100%; background: url(images/sponsors-bottom.gif) no-repeat bottom left; padding-bottom: 20px; } #gold-sponsors { margin: 0px 0 40px 0; width: 100%; } /* SUBSCRIBE LINK ---------------------------- */ #subscribe-via-email-link { width: 273px; height: 59px; display: block;margin: 30px 0; } #subscribe-via-email-link img {border:none;padding:0;} /* SIDEBAR TABS ---------------------------- */ #tab-container { margin: 0 0 30px 0; } #tab-list { font-size: 90%; font-weight: bold; margin: 0; float: left; } #tab-list li { float: left; margin: 0 2px 0 0; padding: 0; } #tab-list li a { padding: 3px 6px; display: block; background: #c7c6a4; margin-right: 2px; border: 1px solid #c7c6a4; border-width: 1px 1px 0 1px; color: #9d8f74; } #tab-list li a:hover { text-decoration: none; color: #7b6d51; } #tab-list li a.selected { color: #7b6d51; background: url(images/sidebar-ads-bg.gif) repeat 0 0; } #tab-content-container { background: url(images/sidebar-ads-bg.gif) repeat 0 0; border: 1px solid #c7c6a4; border-width: 0 1px 1px 1px; float: left; width: 271px; } .tab-content { padding: 10px; } /* FOOTER ---------------------------- */ #footer-bg-repeat { width: 100%; float: left; background: url(images/footer-bg-repeat.gif) repeat 0 0; } #footer { width: 100%; background: url(images/footer-bg.gif) repeat-x 0 0; padding: 80px 0 25px 0; color: #7f725a; } #footer h3 { margin: 0 0 15px 0; } #footer a { color: #7f725a; text-decoration: none; } #footer a:hover { color: #5d523b; text-decoration: underline; } #footer ul { margin: 0; } #footer ul li { background: url(images/footer-bullet.gif) no-repeat 0.5em 0.5em; } #footer-left { width: 212px; float: left; margin: 0 30px 0 0; } #footer-left-2 { width: 212px; float: left; margin: 0 30px 0 0; } #footer-center { width: 212px; float: left; margin: 0 0px 0 0; } #footer-right { width: 273px; float: right; } #footer-right-cse { width: 273px; float: right; margin-bottom: 6px; } #footer-right-cse input.gsc-input { background: #FFF; border: 1px solid #dddbc5; padding: 4px 6px; width: 180px; } /* P.I.E. FLOAT CLEARING ---------------------------- */ .clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block; } .clearfix { display: block; }