/* Market Share 6 - topnotchthemes_1058 v1.1.2 04042009 */ /*****************************************/ /* TopNotchThemes CSS Stylesheet */ /* copyright 2008-2009 Collective Mind */ /* DO NOT DISTRIBUTE */ /*****************************************/ /***************************/ /* RESET MARGINS & PADDING */ /***************************/ html, body, div, span, p, blockquote, pre, code, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } img { border: 0; } /**************/ /* TYPOGRAPHY */ /**************/ body { background: #eeeae1; color: #444; font-family: Arial, Helvetica, Verdana, "Bitstream Vera Sans", sans-serif; /* web safe fonts */ font-size: 80%; font-weight: normal; line-height: 160%; } h1 { font-size: 1.718em; /* font sizes in ems for consistent sizing */ margin: 0 0 10px; } h2 { font-size: 1.562em; font-weight: normal; } h3 { font-size: 1.23em; font-weight: bold; } h4 { font-size: 1.1em; font-weight: bold; } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 0.8em; font-weight: bold; } /* for region labels on block admin page */ .block-region { color: #000; } /**********/ /* LAYOUT */ /**********/ html { background: #eeeae1; /* background & font color */ color: #444; } #wrapper { background: #fff url(images/page-bg.png) repeat-y center center; margin: 0 auto; width: 988px; } #page { margin: 0 auto; /* center page */ padding: 0 20px; width: 940px; } p { font-size: .93em; /* 12px */ font-weight: normal; line-height: 160%; margin: 0 0 1em 0; } /*********/ /* LISTS */ /*********/ ul, ul.menu { list-style-image: url(images/sidebar-arrow.png); list-style-position: inside; list-style-type: disc; } ol { list-style-position: inside; list-style-type: decimal; } .block ul { padding: 0 0 12px 0; } ul.links li { padding: 0 0 0 7px; } /* remove list styling on login block and taxonomy */ #user-login-form .item-list ul li, .terms ul li { list-style-type: none; margin: 0; } #header-top ul { float: right; margin: 0; padding: 0 8px; } #header-top ul li { background: transparent none repeat; border-left: 1px solid #CCC; display: inline; padding: 0 5px 0 9px; } #header-top ul li.first { border: none; } #header-top ul.links li { display: inline; } #preface-wrapper .block ul { font-family: "Arial Narrow", Helvetica, Arial, sans-serif; font-weight: bold; text-align: right; text-transform: uppercase; } #preface-wrapper .block ul li { font-size: 1.31em; /* 17px */ list-style-image: none; list-style-position: outside; list-style-type: none; line-height: 1.08em; } #preface-wrapper .block ul li a { color: #bec6d0; } #preface-wrapper .block ul li a:hover, #preface-wrapper .block ul li a:focus, #preface-wrapper .block ul li a.active, #preface-wrapper .block ul li.active-trail a { color: #eeeae1; text-decoration: none; } /* Sidebar */ #sidebar-first.sidebar ul.menu { margin: 0 -10px 0 -13px; } #sidebar-first.sidebar ul.menu ul.menu { margin: 0 -3px 0 0; } #sidebar-first.sidebar ul.menu ul.menu ul.menu { margin: 0; } .sidebar ul.menu li { background: url(images/sidebar-arrow.png) no-repeat .5em .65em; border-bottom: 1px solid #d4cdbd; list-style: none; list-style-image: none; padding: 2px 5px 2px 1.5em; } .sidebar ul.menu li a { color: #3a4e66; font-size: .93em; /* 11px */ font-weight: bold; text-decoration: none; } .sidebar ul.menu li a:hover, #sidebar-first.sidebar ul.menu li a:hover, .sidebar ul.menu li a.active { color: #bb2828 !important; text-decoration: none; } .sidebar ul.menu li:hover, .sidebar ul.menu li:focus, .sidebar ul.menu li.hover { background: #e4ddcf url(images/sidebar-arrow-active.png) no-repeat .65em .65em; } .sidebar ul.menu li.expanded { background: #e4ddcf url(images/sidebar-arrow-active-trail.png) no-repeat .5em .85em; } .sidebar ul.menu li ul.menu li { background: url(images/sidebar-dash.png) no-repeat .5em .85em; border-bottom: none; padding-bottom: 0; padding-top: 0; } .sidebar ul.menu li ul.menu li:hover, .sidebar ul.menu li ul.menu li:focus, .sidebar ul.menu li ul.menu li.hover { background: url(images/sidebar-dash-active.png) no-repeat .5em .85em; padding-left: 1.5em; } .item-list ul li, #content-top ul.menu li, #content-bottom ul.menu li, .book-navigation li.leaf { list-style-image: url(images/sidebar-arrow.png); list-style-position: outside; list-style-type: disc; margin: 0 0 0.25em 1.5em; padding: 0; } /* remove list styling on login block and taxonomy */ #user-login-form div.item-list ul li, div.terms ul li { list-style-type: none; list-style-image: none; margin: 0; } /* adjust openid link */ /* note: display set in openid.js */ html.js #user-login-form li.openid-processed, html.js #user-login li.openid-processed { list-style-type: none; margin-top: 15px; padding: 5px 0 0 18px; } #main-wrapper ul, #main-wrapper ol { font-size: .93em; /* 12px */ } #main-wrapper ul ul, #main-wrapper ol ol { font-size: 100%; /* 12px */ } /* Secondary menu */ #header-top #secondary-menu ul.links li { border: none; display: block; float: left; padding: 0 0 12px 0; } #header-top #secondary-menu ul.links li a { border-right: 1px solid #ccc; padding: 0 10px; } #header-top #secondary-menu ul.links li.first a { border-left: none; padding-left: 0; } #header-top #secondary-menu ul.links li.last a { border-right: none; padding-right: 0; } #header-top #secondary-menu ul.links li.active-trail { background: url(images/secondary-arrow.png) no-repeat center bottom; } /* Footer first */ #footer-first ul li { text-align: left; } /* Footer last */ #footer-last ul { margin: 0; padding: 0; } #footer-last ul li, #footer-last ul.menu li { background: url(images/footer-list-dash.png) no-repeat left center; border: none; display: inline; margin: 0; padding: 0 5px 0 12px; } #footer-last ul li.first, #footer-last ul.menu li.first { background: none; padding-left: 0; } #footer-last ul li a, #footer-last ul.menu li a { color: #fff; text-decoration: none; } #footer-last ul li a.active, #footer-last ul.menu li a.active { color: #99A3AF; } #footer-last ul li a:hover, #footer-last ul.menu li a:hover { color: #fff; text-decoration: underline; } /*****************/ /* BANNER REGION */ /*****************/ #banner { margin: 0 auto; width: 980px; } #banner-inner { padding: 15px; text-align: center; } /********/ /* MISC */ /********/ hr { height: 1px; border: 1px solid gray; } div.content a.feed-icon img, div.content th img { border: 0; /* remove image borders where we don't want them */ } /* format initial startup page list nicely */ #first-time strong { padding: 0; } #first-time p { clear: both; } #first-time ol li { margin: 0 0 1em 0; } #first-time ol { list-style-position: outside; margin: 0 0 1em 20px; } /********************/ /* ALL PAGE REGIONS */ /********************/ /******************/ /* HEADER REGIONS */ /******************/ #header-top { background: #595959; color: #fff; font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; font-size: 1em; margin: 0 auto; padding: 0; width: 980px; } #header-top-inner { padding: 10px; } #header-top-block { display: block; text-align: center; } #header-top a { color: #dde1e6; } #header-top a:hover, #header-top a:focus { color: #fff; text-decoration: underline; } #header-top a:active, #header-top a.active { color: #fff; text-decoration: none; } #header-top #site-url { color: #fff; } #header-bottom { height: auto; margin: 0; padding: 0; } #header-bottom h1 { /* site name link */ font-family: "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 2.77em; /* 36px */ font-weight: bold; letter-spacing: -2px; margin: 28px 0 0 0; } #header-bottom h1 a { /* site name link */ color: #bb2828; text-decoration: none; } #header-bottom #logo { /* logo postion. default image replaced if you upload your own */ float: left; margin: 0; padding: 0; } #header-bottom #slogan { /* site slogan */ color: #d6c9b2; font-family: "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 1em; /* 13px */ font-weight: bold; margin: 5px 0 0 0; text-indent: 15px; text-transform: uppercase; } #header-bottom-left { float: left; margin: 0; padding: 18px; width: 580px; } #header-bottom-right { float: right; margin: 0; padding: 10px 0 10px 10px; text-align: right; width: 300px; } #header-bottom-right #search-box { margin: 2em 0 1em 0; } /***************************************/ /* PREFACE, POSTSCRIPT & PANEL REGIONS */ /***************************************/ #preface-wrapper, .tnt-panel .panel-preface-wrapper, .tnt-panel .panel-postscript-wrapper { } #preface-wrapper #preface-first, #postscript-wrapper #postscript-first, .tnt-panel .panel-preface-first, .tnt-panel .panel-postscript-first { } #preface-wrapper #preface-middle, #postscript-wrapper #postscript-middle { } #preface-wrapper { background: url(images/preface-wrapper-bg.jpg) no-repeat; color: #fff; display: block; font-family: Arial Narrow, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.35em; height: 220px; margin: 0 0 20px 0; overflow: hidden; position: relative; width: 940px; } #preface-inner { padding: 4px 0 0 400px; } #preface-inner p { font-size: 1.08em; /* 14px */ } #preface-wrapper a { color: #BEC6D0; } #preface-wrapper a:hover { color: #EEEAE1; } #mission { background: transparent url(images/mission-bg.png); bottom: 10px; color: #fff; font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2.15em; /* 28px */ left: 15px; line-height: 90%; padding: 10px; position: absolute; width: 890px; z-index: 5; } #preface-wrapper #preface-last, #postscript-wrapper #postscript-last, .tnt-panel .panel-preface-last, .tnt-panel .panel-postscript-last { } #postscript-wrapper { float: left; margin: 0; padding: 20px 0; width: 100%; } #postscript-wrapper #postscript-first, #postscript-wrapper #postscript-last, #postscript-wrapper #postscript-middle { float: left; margin: 0 6px; } .layout-first-main #postscript-wrapper, .layout-first-main-last #postscript-wrapper { float: right; padding: 10px 2px; width: 76%; } /************************/ /* MAIN AREA WRAPPER */ /* (Sidebars + Content) */ /************************/ #main-wrapper { background: transparent; } /*******************/ /* SIDEBAR REGIONS */ /*******************/ #sidebar-first { float: left; } #sidebar-first a { color: #3E3E3E; margin: 0; padding: 0; text-decoration: none; } #sidebar-first a:active, #sidebar-first a:hover, #sidebar-first a:focus { color: #3E3E3E; text-decoration: underline; } #sidebar-first .menu { text-transform: uppercase; } #sidebar-last { float: right; } #search-box input#edit-search_theme_form_keys { width: 140px; } /*******************/ /* CONTENT REGIONS */ /*******************/ #content-wrapper { float: left; } #content-top { float: right; margin: 0 0 20px; padding: 0 0 10px; width: 100%; } #content-top .block { padding: 10px; } #content { margin: 0; /* default spacing between content regions */ padding: 15px; position: relative; } #content #mission { margin: 0 0 20px; } #content-inner { position: relative; } #node-bottom { margin: 30px 0 0; } #content-bottom { clear: both; } /*****************/ /* FOOTER REGION */ /*****************/ #footer { background: #595959; color: #fff; margin: 0 auto; padding: 10px 0 0 0; width: 980px; } #footer-inner { margin: 10px 20px; position: relative; } .withfooter-first #footer-inner { background: url(images/footer-first.png) repeat-y; margin: 10px 0 0 0; } #footer-first { background: #2b323b; float: left; font-size: 108%; margin: 0 0 0 20px; width: 300px; } #footer-first-inner { padding: 5px 15px 0 15px; } #footer-first .content { text-align: center; } #footer-first p { font-size: 1em; /* 13px */ } #footer-last { bottom: 0; float: right; font-size: 108%; left: 340px; padding: 10px 10px 10px 0; } .withfooter-first #footer-last { margin: 0 20px 0 0; width: 610px; } #footer-message { background: #2b323b; color: #8e939a; clear: both; font-size: .85em; /* 11px */ padding: 10px; } .withfooter-first #footer-message { padding-left: 335px; } #footer #closure, #footer #store-footer { text-align: left !important; } #footer .block h2.title { background: none; } #footer a { color: #fff; } #footer a:hover, #footer a:focus { color: #99A3AF; } #footer-last .block-menu { bottom: 10px; position: absolute; } /****************************************/ /* COLUMN LAYOUTS */ /* */ /* Classes for different column layouts */ /* that are applied to the tag. */ /****************************************/ /************************/ /* SINGLE COLUMN LAYOUT */ /* (Main Content) */ /************************/ .layout-main #content-wrapper { width: 940px; } .layout-main #content { background: #fff url(images/gradient.png) repeat-x top center; } .layout-first-main #content-top { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 20px 0; width: 940px; } /**************************/ /* TWO COLUMN LAYOUT */ /* (Sidebar:Main Content) */ /**************************/ .layout-first-main #sidebar-first { margin: 0 20px 0 0; width: 200px; } .layout-first-main #content-wrapper { width: 720px; } .layout-first-main #content { background: #fff url(images/gradient.png) repeat-x top center; } .layout-first-main #content-top { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 20px 0; width: 720px; } /**************************/ /* TWO COLUMN LAYOUT */ /* (Main Content:Sidebar) */ /**************************/ .layout-main-last #sidebar-last { margin: 0 0 0 20px; width: 200px; } .layout-main-last #content-wrapper { width: 720px; } .layout-main-last #content { background: #fff url(images/gradient.png) repeat-x top center; } .layout-main-last #content-top { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 20px 0; width: 720px; } /**********************************/ /* THREE COLUMN LAYOUT */ /* (Sidebar:Main Content:Sidebar) */ /**********************************/ .layout-first-main-last #sidebar-first { margin: 0 20px 0 0; min-height: 100px; width: 200px; } .layout-first-main-last #content-wrapper { width: 480px; } .layout-first-main-last #content { background: #fff url(images/gradient.png) repeat-x top center; } .layout-first-main-last #content-top { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 20px 0; width: 720px; } .layout-first-main-last #sidebar-last { margin: 0; width: 220px; } /**********************************/ /* PREFACE & POSTSCRIPT REGIONS */ /* (First:Middle:Last) */ /**********************************/ #preface-wrapper .column { float: left; height: 212px; overflow: hidden; } #preface-first { background: transparent url(images/preface-first-bg.png) repeat-y top left; width: 360px; } #preface-first .block-wrapper { padding: 0 10px; } .prefaces-1 #preface-first { width: 535px; } .prefaces-1 #preface-last { margin-left: 385px; } #preface-last { width: 145px; } .prefaces-2 #preface-first { margin-right: 15px; } #postscript-wrapper.postscripts-1 .column { float: right; width: 97%; } #postscript-wrapper.postscripts-2 .column { float: right; width: 45.5%; } #postscript-wrapper.postscripts-3 .column { float: left; width: 226px; } /*****************/ /* DEFAULT LINKS */ /*****************/ a { color: #bb2828; margin: 0; padding: 0; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; } /******************/ /* HELPER CLASSES */ /******************/ .hide { display: none; visibility: hidden; } .left { float: left; } .right { float: right; } .clear { clear: both; } .clearfix:after { /* add .clearfix class to clear floats after an element */ clear: both; /* (IE version is in ie6-fixes.css) */ content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } .cleardiv { clear: both; } /************/ /* HEADINGS */ /************/ h1.title { /* page titles */ color: #3a4e66; font-family: "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 2.77em; /* 36px */ font-weight: normal; letter-spacing: -1px; line-height: 90%; margin: 0 0 .5em 0; padding: 0; text-transform: uppercase; } h2.title { /* block titles, node titles */ color: #242b34; font-family: "Arial Narrow", Helvetica, Arial, sans-serif; } h2.title a:link, h2.title a:visited { color: #444; text-decoration: none; } h2.title a:hover, h2.title a:focus, h2.title a:active { text-decoration: underline; } .block h2.title { margin: 0; padding: 0; text-transform: uppercase; } .block h3 { color: #3a4e66; font-size: 1.08em; /* 14px */ font-weight: bold; } #header-top h2.title { color: #ccc; } #header-top h2.title span { color: #fff; } #footer h2.title { color: #ce3d3d; font-size: 1.69em; /* 22px */ margin: 0 0 .5em 0; } #footer-first h2.title { text-align: center; } #header-bottom h2.title { background: none; margin: 10px 0 0; padding: 0; } #preface-wrapper h2.title { color: #fff; font-size: 1.15em; /* 15px */ font-weight: normal; text-align: right; } #preface-wrapper h2.block-title { background: url(images/arrow-up.png) no-repeat top center; padding: 15px 0 0 0; } #preface-wrapper h2.title span { color: #fff; } #postscript-wrapper h2.title { background: transparent; padding: 2px 0; } #sidebar-first h2.title { color: #3a4e66; font-size: 1.15em; /* 15px */ font-weight: bold; margin: 0 0 0 0; } #sidebar-last .node h2.title, #sidebar-last .node h2.title a { background: transparent; color: #BB2828; font-size: 1.15em; margin: 0; padding: 0; text-transform: none; } #preface-wrapper h2.title a { color: #fff; } .panel-panel h2.title { color: #587E96; margin: 0 0 10px; padding: 2px 0; text-transform: uppercase; } /*********/ /* NODES */ /*********/ #main { } .node { border-bottom: 1px solid #eeeae1; margin-bottom: 20px; padding: 0 0 1em 0; } .full-node .node { border-bottom: none; } .node .links { margin: 10px 0 0 0; } #main-wrapper .links { font-size: .93em; /* 12px */ text-align: right; } #main-wrapper .links li { border-left: 1px solid #ccc; margin: 0 5px 0 0px; padding: 0 0 0 8px; } #main-wrapper .links li.first { border-left: none; } div.node ul.links.inline { border: none; } div.node .read-more a, div.node .more-link a, div.node .links a { font-size: 1em; } div.node ul.links li.comment_forbidden a { padding-right: 4px; } .submitted { /* styling for byline */ font-size: 0.9em; color: #6f6f6f; } .meta { margin: 0 0 .5em 0; } .terms { /* styling for tags */ font-size: 0.9em; } .terms ul.taxonomy li { display: inline; } .vocab-name { font-weight: bold; } .vocab-list { padding-right: 14px; } .vocab-term { padding-right: 2px; } .terms { line-height: 130%; } .terms ul.taxonomy li { list-style-image: none; margin: 5px 0; } .terms ul.taxonomy ul.vocab-list, .terms ul.taxonomy li.vocab-term { display: inline; } .submitted a:link { } .submitted a:visited, .submitted a:hover, .submitted a:focus, .submitted a:active { } .picture { float: left; margin-right: 10px; } blockquote { margin: 20px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-style: italic; padding: 5px 10px; } #sidebar-last .node { padding: 8px; } #sidebar-last .node.odd { background: #F7F7F7; } #sidebar-last .node .links { background: transparent; border: none; margin: -6px 0 0; padding: 0; } #sidebar-last .links .node_read_more { background: transparent; border: none; color: #699400; margin: 0; padding: 0 10px; } #sidebar-last .links .node_read_more a:hover, #sidebar-last .links .node_read_more a:focus { text-decoration: underline; } #sidebar-last .blog_usernames_blog, #sidebar-last .comment_add, #sidebar-last .comment_comments, #sidebar-last .comment_new_comments { display: none; } /**********/ /* BLOCKS */ /**********/ #sidebar-last .block-wrapper { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 2em 0; } #sidebar-last .block { padding: 20px 10px 10px 10px; } #postscript-wrapper .block-wrapper { background: #fff url(images/gradient.png) repeat-x top center; margin: 0 0 2em 0; } #postscript-wrapper .block { padding: 20px 10px 10px 10px; } .block .title .first-word { /* span for first word color */ color: #bb2828; } #footer .block .title .first-word { /* span for first word color */ color: #CE3D3D; } #sidebar-first .block .title .first-word { /* span for first word color */ color: #ac945f; } .block-wrapper { /* spacing between blocks */ margin: 10px 0; position: relative; overflow: hidden; } #header-top .block-wrapper { margin: 0; } #header-top .block ul { padding: 8px 10px 0; } #user-login-form .item-list ul li, .terms ul li { list-style-type: none; margin: 0; } #sidebar-first .block { background: #eeeae1 url(images/block-sidebar-first-bg.png) repeat-x top center; padding: 10px; } #header-bottom-region .block-wrapper { margin: 12px 0; } #sidebar-first .block-wrapper { margin: 0 0 30px 0; } #sidebar-first .more-link a, #postscript-wrapper .more-link a { font-weight: bold; padding: 0 10px; text-align: right; } #sidebar-last .more-link a { font-weight: bold; } #sidebar-first .more-link a:hover, #sidebar-first .more-link a:focus, #postscript-wrapper .more-link a:hover, #postscript-wrapper .more-link a:focus { text-decoration: underline; } /*****************************************/ /* ROUNDED CORNERS FOR BLOCKS (optional) */ /*****************************************/ .corner { display: block; height: 6px; position: relative; width: 6px; } .corner-top-left { left: 0; top: 0; } .corner-top-right { right: 0; top: 0; float: right; } .corner-bottom-left { left: 0; bottom: 0; } .corner-bottom-right { right: 0; bottom: 0; float: right; } /* Primary menu */ #navigation .corner-bottom-left { background: url(images/rounded-primary-menu.png) no-repeat bottom left; bottom: 0; position: absolute; left: 0; } #navigation .corner-bottom-right { background: url(images/rounded-primary-menu.png) no-repeat bottom right; bottom: 0; position: absolute; right: 0; } /* Footer first */ #footer-first .corner-top-left { background: url(images/rounded-footer-first.png) no-repeat top left; } #footer-first .corner-top-right { background: url(images/rounded-footer-first.png) no-repeat top right; } /* Sidebar first blocks */ #sidebar-first .corner-bottom-left { background: url(images/rounded-sidebar-block.png) no-repeat top left; bottom: 6px; } #sidebar-first .corner-bottom-right { background: url(images/rounded-sidebar-block.png) no-repeat top right; bottom: 6px; } /****************/ /* PRIMARY MENU */ /****************/ #navigation { clear: both; background: #2d3641 url(images/primary-menu-bg.png) repeat top left; display: block; line-height: 40px; margin: 0 0 1em 0; overflow: hidden; padding: 0 0 0 0; position: relative; white-space: nowrap; } #primary-menu { /* menu layout */ font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0; } #primary-menu ul.links { font-size: 1.23em; /* 16px */ margin: 0 10px; padding: 0; } #primary-menu ul.links li { /* text styling for the top (primary) menu */ margin: 0 -2px; padding: 0; } #primary-menu ul.links li.last { /* text styling for the top (primary) menu */ margin: 0; } #primary-menu ul.links li.first { /* .first and .last classes applied to first and last menu & list items */ border-left: none; } #primary-menu ul.links li.first a:link, #primary-menu ul.links li.first a:visited { background: none; } #primary-menu ul.links li.last { /* .first and .last classes applied to first and last menu & list items */ } #primary-menu ul.links li a:link, #primary-menu ul.links li a:visited { background: transparent url(images/primary-menu-bg-line.png) repeat-y center left; color: #fff; margin: 0; padding: 11px 20px 11px 20px; text-decoration: none; } #primary-menu ul.links li a:hover, #primary-menu ul.links li a:focus, #primary-menu ul.links li a:active, #primary-menu ul.links li a.active, #primary-menu ul.links li.active-trail a, #primary-menu ul.links li a.active-trail, #primary-menu ul.links li.active a.active, #primary-menu ul.links li a.active-trail a.active { background: #9f2323 url(images/primary-menu-active-bg.png) repeat-x top left !important; color: #fff; } /************************************/ /* PRIMARY MENU WITH DROPDOWNS */ /* - used with menu_tree theming of */ /* $primary_links in page.tpl.php */ /************************************/ #primary-menu ul.menu { font-size: 1.08em; /* 14px */ margin: 0; padding: 0 0 0 2px; } #primary-menu ul.menu li { /* top item layout */ display: block; float: left; position: relative; line-height: 4em; margin: 0 -2px; padding: 0; } #primary-menu ul.menu li a:link, #primary-menu ul.menu li a:visited { background: transparent url(images/primary-menu-bg-line.gif) repeat-y top left; color: #fff; margin: 0; padding: .85em 16px 9px 16px; text-decoration: none; } #primary-menu ul.menu li a:hover, #primary-menu ul.menu li a:focus, #primary-menu ul.menu li a:active, #primary-menu ul.menu li.active-trail a { background: #829D19 url(images/primary-menu-active-bg.png) repeat-x bottom left; } #primary-menu ul.menu li a.active { background: #829D19 url(images/primary-menu-active-bg.png) repeat-x bottom left; } #primary-menu ul.menu li:hover ul { display: block; left: auto; margin-top: -.93em; } #primary-menu ul.menu li ul li { background: #F3F3F3; float: left; height: auto; margin: 0; padding: 0; width: 175px; line-height: 100%; } #primary-menu ul.menu li ul { left: -999em; position: absolute; width: 75px; z-index: 2; background: #fff; border: 1px solid #808080; opacity: 0.90; padding: 2px; width: 175px; font-size: .93em; } #primary-menu ul.menu li ul li a, #primary-menu ul.menu li ul li a:link, #primary-menu ul.menu li ul li a:visited { background: transparent; color: #5E5E5E; display: block; margin: 0; padding: 10px 0 10px 20px; width: 155px; } #primary-menu ul.menu li ul li a:hover, #primary-menu ul.menu li ul li a:focus { background: #ACC85B; color: #fff; } /* Drop down menu items - 3rd level */ #primary-menu ul.menu li:hover ul ul { margin-left: -999em; } #primary-menu ul.menu li ul ul { border-left: 2px solid #f4f4f4; margin-left: -999em; opacity: 1; padding: 2px 2px 2px 0; } #primary-menu ul.menu li li:hover ul { margin: -2.8em 0 0 176px; } #primary-menu ul.menu li ul li ul li a, #primary-menu ul.menu li ul li ul li a:link, #primary-menu ul.menu li ul li ul li a:visited { background: transparent; color: #5E5E5E; display: block; margin: 0; padding: 10px 0 10px 20px; width: 155px; } #primary-menu ul.menu li ul li ul li a:hover, #primary-menu ul.menu li ul li ul li a:focus { background: #ACC85B; color: #fff; } /******************/ /* SECONDARY MENU */ /******************/ #secondary-menu { float: right; padding: 0; width: 700px; } /***************/ /* BREADCRUMBS */ /***************/ #breadcrumb { font-size: 1em; line-height: 100%; padding: 0 0 14px; } #breadcrumb a { color: #C74343; } /********/ /* TABS */ /********/ /* styling for node tabs (e.g., View, Edit) */ #content-tabs { background-color: transparent; float: left; margin: 20px 0; padding: 0; } #content-tabs ul.primary, #content-tabs ul.secondary { border-bottom: 1px solid #000; clear: both; float: left; margin: 0; padding: 0 10px; } #content-tabs ul.secondary { border-bottom: 1px solid #555; margin-top: 10px; text-transform: lowercase; } #content-tabs ul.primary li, #content-tabs ul.secondary li { border-style: none; display: inline; float: left; list-style: none; margin: 0 10px; padding: 0; } #content-tabs ul.primary li a:link, #content-tabs ul.primary li a:visited, #content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { background-color: transparent; border: none; color: #000; float: left; font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0; padding: 0 0 6px 0; text-decoration: none; white-space: nowrap; } #content-tabs ul.secondary li a:link, #content-tabs ul.secondary li a:visited { color: #555; font-size: 1em; line-height: 1.1em; } #content-tabs ul.primary li a.active:link, #content-tabs ul.primary li a.active:visited { border-bottom: 4px solid #000; color: #555; padding-bottom: 2px; } #content-tabs ul.secondary li a.active:link, #content-tabs ul.secondary li a.active:visited { border-bottom: 4px solid #555; color: #777; padding-bottom: 2px; } #content-tabs ul.primary li a:hover, #content-tabs ul.primary li a:focus, #content-tabs ul.secondary li a:hover, #content-tabs ul.secondary li a:focus { border-bottom: 4px solid #777; color: #777; padding-bottom: 2px; } /*********/ /* FORMS */ /*********/ form { margin: 0; padding: 0; } .form-item { max-width: 430px; } /* Right buttons (default) */ #search-box #edit-submit, .form-submit, .search_submit { background: transparent url(images/button-submit.png) no-repeat top right; border: none; border-left: 1px solid #242b34; color: #eeeae1; cursor: pointer; font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; /* 13px */ font-weight: bold; font-style: italic; height: 25px; margin: 0; padding: 0 10px 2px 10px; text-transform: uppercase; } #cart-form-buttons input#edit-checkout { background: transparent url(images/button-submit-save.png) no-repeat top right; border-right: none; border-left: 1px solid #242b34; } #cart-form-buttons input#edit-checkout:hover, #cart-form-buttons input#edit-checkout:focus, #cart-form-buttons input#edit-checkout.hover { background-position: bottom right; } form#user-login-form input#edit-submit { background: transparent url(images/button-submit.png) no-repeat top right; border-left: 1px solid #242b34; border-right: none; } input#edit-continue { background: transparent url(images/button-submit-save.png) no-repeat top right; } #search-block-form .form-submit { background: transparent url(images/button-submit.png) no-repeat top right; border-left: 1px solid #242b34; border-right: none; } #search-block-form .form-submit:hover, #search-block-form .form-submit:focus, #search-block-form .form-submit.hover { background-position: bottom right !important; } .order-review-table input#edit-submit { background: transparent url(images/button-submit-save.png) no-repeat top right; border-left: 1px solid #242b34; border-right: none; } .order-review-table input#edit-submit:hover, .order-review-table input#edit-submit.hover, .order-review-table input#edit-submit:focus, input#edit-continue:hover, input#edit-continue.hover, input#edit-continue:focus, form#user-login-form input#edit-submit:hover, form#user-login-form input#edit-submit.hover, form#user-login-form input#edit-submit:focus { background-position: bottom right; } /* Left buttons */ #cart-form-buttons input#edit-update { background: transparent url(images/button-submit.png) no-repeat top left; border-left: none; border-right: 1px solid #242b34; } #cart-form-buttons input#edit-update:hover, #cart-form-buttons input#edit-update:focus, #cart-form-buttons input#edit-update.hover { background-position: bottom left !important; } input#edit-submit, #comment-form input#edit-submit-1 { background: transparent url(images/button-submit-save.png) no-repeat top left; border-left: none; border-right: 1px solid #242b34; } input#edit-cancel, input#edit-back { /* default styling for all form buttons */ background-position: top left; border-left: none; border-right: 1px solid #242b34; } input#edit-submit:hover, input#edit-submit:focus, input#edit-submit.hover, input#edit-back:hover, input#edit-back:focus, input#edit-back.hover, input#edit-cancel:hover, input#edit-cancel:focus, input#edit-cancel.hover, #comment-form input#edit-submit-1:hover, #comment-form input#edit-submit-1:focus, #comment-form input#edit-submit-1.hover { background-position: bottom left; } #search-box #edit-submit:hover, #search-box #edit-submit:focus, #search-box #edit-submit.hover, .form-submit:hover, .form-submit:focus, .form-submit.hover, .search_submit:hover, .search_submit:focus, .search_submit.hover { background-position: bottom right; } .form-text, .form-item input, .form-item select, .form-item textarea { /* default styling for all text fields */ background: transparent url(images/text-area-bg.png) repeat-x bottom; border: 1px solid #DEDEDE; margin: 0; padding: 4px 2px; } .form-item .form-checkbox { padding: 2px; } fieldset { border: 1px solid #a19886; margin: 15px 0; padding: 10px;; } fieldset legend, fieldset legend a { color: #a19886; display: block; font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 116%; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 0 5px; text-decoration: none; text-transform: uppercase; } fieldset legend a { font-size: 100%; } #sidebar-first #edit-search-theme-form-keys { padding: 4px; width: 188px; } #search-box #edit-submit { float: right; } #header-bottom .form-item { margin: 0 0 4px 0; } #header-bottom .form-item label { display: inline; font-weight: bold; } #header-bottom #user-login-form { text-align: right; } #header-bottom .item-list { display: none; } /* limit width of form inputs */ textarea, .form-item input, .form-item select, #content-wrapper input.form-text { max-width: 95%; } html.js textarea { max-width: 100%; } /* adjust for collapsible fieldset differences */ fieldset.collapsible .resizable-textarea textarea { max-width: 101.5%; } fieldset.collapsible .resizable-textarea .grippie { width: 101%; } /* views form field width limit */ .views-edit-view input, .views-edit-view textarea { max-width: 95%; } /* theme settings form field width limit */ form#system-theme-settings select, form#system-theme-settings input.form-text { max-width: 95%; } /* keep theme select form visible */ #system-themes-form { position: relative; z-index: 1; } /* keep theme switcher visible */ .form-item select#edit-theme { max-width: none; } /* keep admin columns from dropping under */ div.admin .left, div.admin .right { margin-left: 1%; margin-right: 1%; } #user-login-form { text-align: inherit; } /******************/ /* SEARCH RESULTS */ /******************/ /**********/ /* PAGERS */ /**********/ .item-list ul.pager { background: url(images/pager-bg.png) repeat-x bottom; padding: 0 0 5px 0; } #footer .item-list ul.pager { background: none; } .item-list ul.pager li { border-right: 1px solid #dbd6cc; font-size: .93em; /* 11px */ font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; } #footer .item-list ul.pager li { border: none; padding: 5px; } .item-list ul.pager li.first { border-left: 1px solid #dbd6cc; } .item-list ul.pager li a { color: #3a4e66; padding: 5px 10px 5px 10px; } .item-list ul.pager li.pager-ellipsis { padding: 5px 10px 5px 6px; } .item-list ul.pager li a:hover, .item-list ul.pager li a:focus, .item-list ul.pager li.pager-current { color: #bb2828; padding: 5px 10px 5px 10px; text-decoration: none; } /*********/ /* VIEWS */ /*********/ div.view-style-node{ } div.view-style-teaser{ } div.view-style-list{ } #main-wrapper .views-admin-links .links { padding: 0; text-align: left; } div.view-style-table{ } div.view div.views-admin-links li { background: transparent !important; } /*********/ /* POLLS */ /*********/ .poll .bar { height: 1.5em; background: none; margin: 0 0 5px 0px; } .poll .bar .foreground { background: #E2D7C4; height: 1.5em; float: left; /* LTR */ } .pollpercentage { margin: 0 0 0 10px; } .text { font-weight: bold; } .total { padding: 2px 5px; border: 1px solid #ccc; width: 125px; margin: 0 auto; } /************/ /* COMMENTS */ /************/ .comment { border: 2px solid #DFDAD1; margin: 15px 0; padding: 10px; } #comments h2.title, #comments h2.comments { font-family: "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 1.23em; /* 16px */ text-transform: uppercase; } #comments h2.title { margin: 2em 0 0 0; } .comment h3.title { font-weight: bold; margin: 0 0 5px 0; } .comment .links a { font-size: 0.9em; text-align: right; } #comments .odd { background-color: #f1eee8; } #comments .even { background-color: #f9f7f6; } #comments div.comment-by-author { background: #fff; } .signature { border-top: 1px solid #ccc; clear: both; font-size: .85em; /* 11px */ margin: 10px 0 0 0; } #comments .new { float: right; } .comment-folded { margin: 1em 0 1em 1em; } .comment-folded .subject { padding-right: 5px; } .comment-folded .subject { font-style: italic; font-weight: bold; text-transform: uppercase; } .comment-folded .subject a { font-style: normal; font-weight: normal; text-transform: none; } /**********/ /* FORUMS */ /**********/ #forum .description { font-size: 0.9em; margin: 0.5em; } #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: nowrap; } #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager { text-align: center; } .forum-topic-navigation { padding: 1em 0 0 3em; border-top: 1px solid #888; border-bottom: 1px solid #888; text-align: center; padding: 0.5em; } .forum-topic-navigation .topic-previous { text-align: right; float: left; width: 46%; } .forum-topic-navigation .topic-next { text-align: left; float: right; width: 46%; } #forum table { margin: 10px 0 40px 0; } /*******************/ /* BOOK NAVIGATION */ /*******************/ .book-navigation .menu { border-top: 1px solid #ccc; padding: 1em 0 0 3em; } .book-navigation .page-links { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 0.5em; } /**********/ /* TABLES */ /**********/ table { border-collapse: collapse; width: 100%; } th { text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc; } tr { padding: 0.1em 0.6em; } td { padding: 3px; } th.active img { display: inline; } tr.even, tr.odd { border: none; } tr.even td { background-color: #f9f7f6; border-bottom: none; } tr.odd td { background-color: #f1eee8; border-bottom: none; } td.active { } tbody { border-top: 1px solid #ccc; } tbody th { border-bottom: 1px solid #ccc; } thead th { border-bottom: 3px solid #ccc; color: #a19886; font-size: 1.08em; /* 14px */ font-weight: bold; padding-right: 1em; text-align: left; text-transform: uppercase; } /*******************/ /* DRUPAL MESSAGES */ /*******************/ .node-unpublished { background-color: #eee; padding: 10px; border: 1px dashed #ccc; } .comment-unpublished { background-color: #eee; padding: 10px; border: 1px dashed #ccc; } .preview .node { background-color: #ffffea; } .description { } div.messages { background: #F9F7F4; border: 1px solid #8DC478; color: #000000; font-weight: bold; margin: 0 0 20px 0; padding: 10px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; } div.messages ul { list-style-position: inside; } div.error { border-color: #bb2828; } div.warning { background: #EEE6A7; border: 1px solid #000; } .status { } .help { } .help .more-help-link { } .marker { } .tips { } .warning { margin: 10px 0; } /************/ /* PROFILES */ /************/ .profile { clear: none; margin: 12px 0; } .profile h3 { border-bottom: 1px solid; color: #2B8099; font-size: 1em; margin-top: 15px; } .profile h2.title { margin-top: 15px; border-bottom: 1px solid; } .profile dt { float: left; margin-bottom: -10px; padding: 0 5px; text-align: right; width: 185px; } /************/ /* UBERCART */ /************/ #cart-form-products, .cart-review { border: 0; } #cart-form-buttons, #checkout-form-bottom, .review-button-row { border: 0; } #cart-form-products table th { border-bottom: 3px solid #dec2c3; } .display-price { color: #e3702a; } .product-image { border-left: 0; clear: left; float: none; margin-left: 0; padding-left: 0; } .product-image a { } .product-image img { margin: 0 10px 5px 0; } .product-field { } .add-to-cart { } .list-add-to-cart { margin: .5em 0; } #node-product .content, #node-product_kit .content { } #node-product #product-info, #node-product_kit #product-info { float: left; margin: 0 15px 20px 0; } #product-info .form-item label { display: inline; font-weight: normal; } .model { font-weight: normal; } .sell-price { color: #a19886; font-size: 1.85em; /* 24px */ margin: .5em 0 1em 0; } .add-to-cart .node-add-to-cart { background: url(images/button-cart.png) no-repeat top right; border: none; color: #bb2828; cursor: pointer; font-family: "Myriad Pro", Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; /* 13px */ font-weight: normal; text-transform: none; width: 100px; padding: 0 30px 0 5px !important; font-style: normal; margin: 5px 0; clear: left; } .full-node .node-add-to-cart { clear: none; display: block; float: none; } .node-add-to-cart:hover, .node-add-to-cart.hover, .node-add-to-cart:focus { color: #000; } /* Category grid products */ .category-grid-products table { background: url(images/gradient.png) repeat-x; border: none; clear: both; margin: 5px 0; table-layout: fixed; } .category-grid-products table tbody { border-top: none; } .category-grid-products td { background: none; border: none; padding: 5px; vertical-align: top; } .catalog-grid-title a, .category a { text-decoration: none; } .catalog-grid-title a:hover, .catalog-grid-title a:focus, .category a:hover, .category a:focus { text-decoration: underline; } .category-grid-products .catalog-grid-image { display: block; margin: 0 0 .5em 0; padding: 0; text-align: center; width: 100%; } .category-grid-products .catalog-grid-sell-price { color: #BB2828; font-weight: bold; line-height: 100%; } .category-grid-products #edit-qty-wrapper { display: block; } .category-grid-products .form-item label { display: inline; font-weight: normal; } .category-grid-products .form-item .form-text { margin: 0; width: 25px; } .category-grid-products .catalog-grid-title { display: block; font-size: 1.38em; /* 18px */ line-height: 120%; text-align: center; width: 100%; } .catalog-grid-title a { color: #444; display: block; padding: 10px; } /* Checkout */ #cart-form-products table td { padding: 5px; vertical-align: middle; } tr.pane-title-row td, tr.review-button-row td { background: #f1eee8; text-align: left; color: #a19886; font-weight: bold; text-transform: uppercase; padding: 5px; } tr.review-button-row td { text-align: right; } /* Shopping cart block */ .block-uc_cart h2.title a img { display: none; } .block-uc_cart #block-cart-title-image, /* removing UC's default icons */ .block-uc_cart #block-cart-title-bar-arrow { display: none; } #block-uc_cart-0 td.cart-block-summary-checkout { border-top: 1px solid #fff; } .block-uc_cart tr.odd td { background-color: transparent !important; } .cart-block-summary ul.links .cart-block-view-cart { border-right: none; } /* Caption */ .view-uc-products caption { font-weight: bold; text-align: left; } .view-uc-products caption a { text-decoration: none; } .view-uc-products caption a:hover, .view-uc-products caption a:focus { text-decoration: underline; } /* Image */ .view-uc-products td.views-field-field-image-cache-fid img { margin: 0 10px 0 0; } /* View product block */ .view-uc-products table td.views-field-title { line-height: 120%; } .view-uc-products table td.views-field-title a { text-decoration: none; } .view-uc-products table td.views-field-title a:hover, .view-uc-products table td.views-field-title a:focus { text-decoration: underline; } .view-uc-products table td.views-field-sell-price { color: #a19886; font-weight: bold; text-align: right; } #header-last .view-uc-products table td.views-field-sell-price, #header-bottom .view-uc-products table td.views-field-sell-price, #preface-first .view-uc-products table td.views-field-sell-price, #preface-last .view-uc-products table td.views-field-sell-price, #footer .view-uc-products table td.views-field-sell-price { color: #fff; } .view-uc-products table td.views-field-buyitnowbutton { text-align: right; } /***************/ /* PRINT STYLE */ /***************/ @media print { body { background: white; font-size: 10pt; } #header, #header-top, #header-wrapper, #header-bottom, #sidebar-first, #sidebar-last, #preface-wrapper, #content-tabs, #mission, #slogan, #postscript-wrapper, #footer-top, #footer, #primary-menu, #search-box, #logo { display: none; } #page, #main-wrapper, #content-wrapper, #content-top, #content, #content-bottom { background: transparent none; border: 0; color: black; float: none !important; margin: 0; padding: 0; width: auto; } #content-wrapper { margin: 0 3%; } } /*******************/ /* MAINTENANCE */ /*******************/ .in-maintenance { } /*********************/ /* Web Accessibility */ /*********************/ /*skip-link*/ #skip a, #skip a:hover, #skip a:visited { height: 1px; left: 0px; overflow: hidden; position: absolute; top: -500px; width: 1px; } #skip a:active, #skip a:focus { height: auto; position: static; width: auto; } /****************/ /* Banner Image */ /****************/ #banner-image { background: url(images/banner-image.png) no-repeat; display: block; height: 212px; left: 400px; position: absolute; top: 5px; width: 380px; z-index: 1; } div.views-field-list-price { text-decoration: line-through; color: red; } .main-product-image img { height: 200px; width: 200px; } .imagecache-uc_thumbnail img { height: 100px; width: 100px; } ---------- #prod_content { position:relative; width:460px; z-index:1; } #product_infos { float: right; width:220px; z-index:2; display: inline; } #prod_images { float: left; width:210px; height:316px; z-index:2; top: 0px; display: inline; } #main_image { float: left; text-align: center; width:220px; height:200px; z-index:1; left: 10px; top: 0px; } #small_image { float: left; width:95px; height:95px; z-index:2; top: 224px; left: 1px; } #small_image2 { float: right; width:95px; height:95px; z-index:3; top: 226px; } #was_price { float: left; width:240px; height:17px; z-index:1; font-size: small; text-decoration:line-through; } #now_price { float: left; width:240px; height:17px; z-index:2; left: 2px; top: 50px; font-size: large; } #sku_code { float: left; width:240px; height:17px; z-index:3; top: 100px; font-size: small; color:#666; } #order_button { float: left; width:100px; height:40px; z-index:4; top: 107px; } #prod_special { float: right; width:110px; height:40px; z-index:5; top: 112px; color: #900; } #prod_desc { float: left; width:240px; z-index:6; top: 160px; }