/* $Id: page.css,v 1.1.2.28 2009/06/12 15:44:26 jmburnz Exp $ */ /** * @file page.css * This stylesheet provides the page main styles for this theme. */ /** * Remove unused styles for performace. */ /********************************************************** * Section, Page and Body Classes **********************************************************/ /** * Normally you will use these in combination with other * selectors. I include them here for completedness. */ /** * Section Class * The section class takes the 2nd part of the URL and * builds a section-[arg] class from it. If you emulate * site sections using the Pathauto module this can be a * powerful way to style site sections. * * Look in body element for the section you want to style * to find the class to replace section-[arg]: */ /* .section-arg {} */ / /* Front or not front. */ .front {} .not-front {} /* Is the user logged in. */ .logged-in {} .not-logged-in {} /* Node type body classes. */ .node-type-book {} .node-type-blog {} .node-type-forum {} .node-type-page {} .node-type-poll {} .node-type-story {} /** * Warning! * The sidebar body classes are integral to how genesis * applies the layout - do not add margin, padding, borders, * or positioning styles to these classes! @see layout.css. */ .one-sidebar {} .two-sidebars {} .sidebar-right {} .sidebar-left { width:332px; } /** * Optional Region body classes * When any of the following regions are active a body class can be set. * To use you need to uncomment the conditional statements in * genesis_preprocess_page(), @see template.php. */ /* .leaderboard {} .header-blocks {} .secondary-content {} .tertiary-content {} .footer {} */ /** * Page Path Class * The page path class takes the entire URL and builds a page-[path] * class from it. See examplebelow. You need to use Firebug or view * source to find out what the actual class will be, and be aware * that this will change if your URL alias changes! * * Replace [example-node-path] with the path you want * to style. */ /* .page-example-node-path {} */ /********************************************************** * The wrapper divs * Be careful how you modify these, see layout.css **********************************************************/ /** * Width Setting * * Genesis supports Elastic, Fluid and Fixed width values. * Elastic layouts are dynamic and will expand or contract when * the font size is changed. Fluid widths change when the browser * is resized and fixed width layouts stay the same width even * when the broswer is resized or the font size is changed. * * Elastic layouts use ems, e.g. 80em * Fluid layouts use percentages, e.g. 85% * Fixed widths use pixels, e.g. 960px */ #container { width: 980px; /* Width for IE6 */ } body > #container { width: 100%; /* Width for all other browsers */ max-width: 970px; /* set a maximum width */ min-width: 970px; /* set a minimum width */ } /********************************************************** * Body **********************************************************/ body { color:#434343; margin-top: 0; font-family: Verdana,Arial,Helvetica,sans-serif; background-image:url("../images/bg_gradient.png"); background-color:#ffffff; background-repeat:repeat-x } /* Column wrappers */ #columns { position:absolute; top:137px; width:970px; } .columns-inner {} /* Content wrappers */ #content-column { position:inherit; } .content-inner { margin-top:0 330px 0 0; padding:0; } /* Main content wrappers*/ #main-content { background-color:#fff; position:inherit; } #content { } /********************************************************** * Regions **********************************************************/ /* Target all regions with this low specifity selector. */ .region {} .region-inner {} /** * Most regions have an .inner div to set paddings or other * design contingencies. */ /* Leaderboard is a full width region at the very top, ideal for displaying banners. */ #leaderboard {} /* Header blocks region is embedded in the header, floated between the logo/site_name and the search box. */ #header-blocks { float: left; margin-left: 2em; /* LTR */ } #header-blocks .region-inner {} /* Secondary content is a full width region between the header and the main columns. */ #secondary-content { position:absolute; top:90px; height:48px; } #secondary-content .region-inner {} /* Tertiary content is a full width region above the footer, below the main content. */ #tertiary-content {} #tertiary-content .region-inner {} /* Content top and bottom are above and below the main content, within the main content column. */ #content-top {} #content-bottom {} /********************************************************** * Sidebars **********************************************************/ /* Target both sidebars with this low specifity selector. */ .sidebar {} .sidebar-inner { } /* Target a specific sidebar, inner or sidebar-inner. */ #sidebar-left { width:330px; } #sidebar-left .sidebar-inner { } #sidebar-right {} #sidebar-right .sidebar-inner {} /********************************************************* * GPanel Regions **********************************************************/ .two-col-50 {} .two-col-50 .col-1 {} .two-col-50 .col-2 {} .two-col-50.with-nested {} #two-col-50-nested {} .two-col-50.with-nested .col-1 {} .two-col-50.with-nested .col-2 {} .two-col-50.with-nested #two-col-50-nested .col-1 {} .two-col-50.with-nested #two-col-50-nested .col-2 {} .three-col-33 {} .three-col-33 .col-1 {} .three-col-33 .col-2 {} .three-col-33 .col-3 {} .four-col-25 {} .four-col-25 .col-1 {} .four-col-25 .col-2 {} .four-col-25 .col-3 {} .four-col-25 .col-4 {} /********************************************************** * Skip navigation **********************************************************/ /** * To hide the skip-nav you can use: * * height: 0; * overflow: hidden; * * Do not use display:none as this hides it from screen readers! */ #skip-nav { text-align: right; /* LTR */ } /* Override default pseudo class styles */ #skip-nav a:link {} #skip-nav a:visited {} #skip-nav a:hover {} #skip-nav a:focus {} #skip-nav a:active {} /** * An alternative method is to position the skip-nav link offscreen * until the user tabs the link into focus. Uncomment the following to use. * * Adjust the style of the active/focused link to suit. */ /* #skip-nav { text-align: left; } #skip-nav a:link, #skip-nav a:hover, #skip-nav a:visited { height: 1px; overflow: hidden; position: absolute; top: -999em; } #skip-nav a:active, #skip-nav a:focus { background: #FFF; color: #C00000; height: 1.5em; overflow: visible; position: fixed; top: 0; right: 0; width: auto; z-index: 1000; } */ /********************************************************** * Header Elements **********************************************************/ /* #header wraps #branding, #search-box-top and #header-blocks. */ #header { height: 90px; } /* #branding wraps #logo, #site-name and #site-slogan. */ #branding { float: left; /* LTR */ } /* h1 is for the front page only, all others use the div. */ #branding h1 {font-size: 1em;} /* reset h1, do not change! */ /* Logo and site_name wrapper. */ .logo-site-name {} div.logo-site-name {} h1.logo-site-name {} /* DIV/strong combo when when title is set. */ div.logo-site-name strong {} /* Remove display:block if you want the site name inline with the logo. */ .logo-site-name span { display: block; } /* Logo. */ #logo { margin:0; } #site-name { font-weight: bold; /* Bold or else the line heights vary. */ font-size: 2em; line-height: 1.5; } /* Override default pseudo class styles. */ #site-name a:link {} #site-name a:visited {} #site-name a:hover {} #site-name a:focus {} #site-name a:active {} /* Site slogan. */ #site-slogan {} /********************************************************** * Search box, Advanced search form, Search results * For the search block see blocks.css **********************************************************/ /** * Search box */ /* Float the serch box right. */ #search-box { float: right; /* LTR */ } /* Reset form element margins. */ #search-theme-form { margin: 1.5em 0; } /* Use the child selector because the inner div has no class. */ #search-theme-form > div {} /* #search and .container-inline apply to the same div. */ #search-theme-form #search {} #search-theme-form .container-inline {} #search-theme-form label { color:#BBA08E; font-family:Helvetica; font-size:11px; } #search-theme-form inputinput { left:7px; position:relative; top:3px; } #search-theme-form .form-item {} #search-theme-form .form-submit { } #edit-search-theme-form-1 {} /* Override forms.css focus style */ #edit-search-theme-form-1:hover, #edit-search-theme-form-1:focus {} /** * Advanced search form */ /* Advanced search-form id. */ #search-form { margin-left:3em; } /* Use the child selector because the inner div has no class. */ #search-form > div {} #search-form .container-inline {} #search-form #edit-keys-wrapper {} #search-form label {} #search-form input {} #search-form .form-item {} #search-form .form-submit {} /* Override forms.css text field focus style. */ #search-form #edit-keys-wrapper input:hover, #search-form #edit-keys-wrapper input:focus {} /* Advanced search fieldset. */ fieldset #search-advanced {} /** * Search results */ /* Box styles for the results page. */ .section-search .box { margin:5em; } .section-search .box-inner {} .section-search .box-title {} /* Style the no results messages. */ .section-search .box ul {} .section-search .box ul li {} /* Search results document list. */ dl.search-results {} dl.search-results dt {} dl.search-results dd {} dl.search-results dd p {} dl.search-results dd .search-snippet {} dl.search-results dd .search-info {} /********************************************************** * Primary & Secondary Links **********************************************************/ /** * Implimentation of Primary and Secondary Links. * * Primary & Secondary Links are colored by default so you * can easily identify them. */ /** * #nav is the containing div for Primary & Secondary Links. */ #nav { position: absolute; top:91px; margin: 0; } /** * Primary Links Positioning */ /* FLOAT PRIMARY RIGHT */ /* #primary .primary-inner {float: right;} */ /* ALIGN PRIMARY CENTER */ /* #primary .primary-inner {display: table; margin: 0 auto; text-align: center;} */ /** * Primary Links Style * Example styles to get you started. */ #primary {} #nav .primary-links { font-family: Delicious, sans-serif; font-size:75%; clear: both; width: 970px; height: 45px; margin: 0; padding: 0; background: #E9B100 url(../images/menubg.png) repeat-x 0 -110px; line-height: 100%; } /* Modify the margin to set tab spacings. */ /*added code for dropdown Mike Ascroft 10.22.2010*/ #nav .primary-links ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0; } #nav .primary-links li{ text-transform:uppercase; float: left; list-style: none; margin: 1em 0; padding: 0; } #nav .primary-links li a { font-weight: bold; color: #E7E5E5; text-decoration: none; display: block; padding: 8px 20px; margin: 0; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; border-radius: 1.6em; text-shadow: 0 1px 1px rgba(0,0,0,0.3); } /* Set pseudo class styles. */ #nav .primary-links li a:hover, #nav .primary-links li a:active { background: #FCDB71 url(../images/buttonbg.png) repeat-x 0 -40px; color: #444; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4); box-shadow: 0 1px 1px rgba(0,0,0,0.4); text-shadow: 0 1px 0 rgba(255,255,255,1); border-top: 0px none #BBB; } #nav .primary-links li a:focus { color:#89593A; background-color: #FCDB71; } #nav .primary-links li a:active { color:#1F130D; background-color: #FCDB71; } #nav .primary-links li a:visited { color:#1F130D; } /* Primary first and last classes. */ #nav .primary-links li.first { margin-left:7em; } #nav .primary-links li.last {} /* Active trail classes. */ #nav .primary-links li.active {} #nav .primary-links li.active-trail {} #nav .primary-links li.active-trail a {} #nav .primary-links li li a, #nav .primary-links li li a:link, #nav .primary-links li li a:visited { background: #FFF url(../images/buttonbg.png) repeat-x 0 0; color: #666; min-width: 158px; font-size: 11px; margin: 0; padding: 6px 10px; border-left: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #EEE; #border-bottom: 1px solid #777; position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /*+placement:shift 14px 10px;*/ position: relative; left: 14px; top: 10px; color: #848484; text-shadow: none; } #nav .primary-links li li:first-child>a { -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-radius: 6px 6px 0 0; border-top: 1px solid #777; margin-top: -3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); } #nav .primary-links li li:last-child>a { -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius: 0 0 6px 6px; border-bottom: 1px solid #858585; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); } #nav .primary-links li li:only-child>a { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-bottom: 1px solid #858585; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); } #nav .primary-links ul li ul li ul.children li { /*+placement:shift 3px 8px;*/ position: relative !important; left: 3px !important; top: 8px !important; } #nav .primary-links ul li ul li ul.children li:first-child>a { -moz-border-radius: 6px 6px 0 0 !important; -webkit-border-radius: 6px 6px 0 0 !important; border-radius: 6px 6px 0 0 !important; margin-left: -9px; margin-top: 0px; } #nav .primary-links ul li ul li ul.children li>a { -moz-border-radius: 0px 0px 0 0 !important; -webkit-border-radius: 0px 0px 0 0 !important; border-radius: 0px 0px 0 0 !important; margin-left: -9px; } #nav .primary-links ul li ul li ul.children li:last-child>a { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; margin-left: -9px; } #nav .primary-links ul li ul li ul.children li:only-child>a { -moz-border-radius: 6px !important; -webkit-border-radius: 6px !important; border-radius: 6px !important; margin-left: -9px; } #nav .primary-links li li a:hover, #nav .primary-links li li a:active { background: #0077ff url(images/gradient.png) repeat-x 0 -110px; color: #fff; /*border-top-color: #ccc;*/ text-shadow: 0 1px 1px rgba(0,0,0,0.3) } #nav .primary-links li li a .sf-sub-indicator { top: 10px; } #nav .primary-links li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 180px; margin: 0 0 0 -1px; padding: 0; } #nav .primary-links li ul a { width: 160px; } #nav .primary-links li ul ul { margin: -33px 0 0 179px; } #nav .primary-links li:hover ul ul, #nav .primary-links li:hover ul ul ul, #nav .primary-links li.sfhover ul ul, #nav .primary-links li.sfhover ul ul ul { left: -999em; } #nav .primary-links li:hover ul, #nav .primary-links li li:hover ul, #nav .primary-links li li li:hover ul, #nav .primary-links li.sfhover ul, #nav .primary-links li li.sfhover ul, #nav .primary-links li li li.sfhover ul { left: auto; } #nav .primary-links li:hover, #nav .primary-links li.sfhover { position: static; } /** * Secondary Links Positioning */ /* FLOAT SECONDARY RIGHT */ /* #secondary .secondary-inner {float: right;} */ /* ALIGN SECONDARY CENTER */ /* #secondary .secondary-inner {display: table; margin: 0 auto; text-align: center;} */ /** * Secondary Links Style */ #secondary {} #nav .secondary-links { background: #EEE; /* Default gray for dev only. */ font-weight: bold; margin: 0; padding: 0; } /* Modify the margin to set tab spacings. */ #nav .secondary-links li { display: inline; line-height: 2; list-style: none; margin: 0 1em; padding: 0; } #nav .secondary-links li a { text-decoration: none; white-space: nowrap; } /* Set pseudo class styles. */ #nav .secondary-links li a:hover {} #nav .secondary-links li a:focus {} #nav .secondary-links li a:active {} #nav .secondary-links li a:visited {} /* Secondary first and last classes. */ #nav .secondary-links li.first {} #nav .secondary-links li.last {} /* Active trail classes. */ #nav .secondary-links li.active {} #nav .secondary-links li.active-trail {} #nav .secondary-links li.active-trail a {} /********************************************************** * Breadcrumb **********************************************************/ /** * Genesis places the breadcrumb directly below the header, * giving it the full width of theme to expand into. * You can eaisly drag the breadcrumb html to the main * content column if you need to. */ #breadcrumb { padding: 0 0 0.75em; } /********************************************************** * Mission **********************************************************/ #mission { font-weight: bold; margin: 0 0 1.5em; } /********************************************************** * H1 Page Title **********************************************************/ /* The main title on each page. */ h1#page-title { margin-left:3em; } /********************************************************** * Pager **********************************************************/ /* The first 2 classes provide the base pager styles. */ .item-list ul.pager {} .item-list ul.pager li { margin: 0; } /* Theme the various states of pager links. */ .item-list ul.pager li a:link {} .item-list ul.pager li a:visited {} .item-list ul.pager li a:hover {} /* Note: .pager-current is for the current page. */ .item-list ul.pager li.pager-item {} .item-list ul.pager li.first {} .item-list ul.pager li.last {} .item-list ul.pager li.pager-current {} .item-list ul.pager li.pager-first {} .item-list ul.pager li.pager-previous {} .item-list ul.pager li.pager-next {} .item-list ul.pager li.pager-last {} /********************************************************** * Footer, Footer Message **********************************************************/ #foot-wrapper { margin: 0.375em 0; } #footer {} #footer .region-inner {} #footer-message {} #footer a, #footer-message a {} /********************************************************** * RSS Feed Icon **********************************************************/ .feed-icon {} .feed-icon img { padding:0 0.5em; } #footer-message a.feed-icon {} /*************************************************************** * Views Slideshow ***************************************************************/ #views_slideshow_singleframe_teaser_section_Front_Page_Slides-default{ position:relative; top:-10px } #views_slideshow{ } #menu-323-2{ margin:0 0 0 8em; } #investor-info .views-field-title{ font-size:14px; font-weight:bold; margin-bottom:2em; margin-top:2em; } #investor-info{ font-size:90%; background-color:#fff; } #page-title{ visibility:hidden; } div.section-pic{ height:134px; width:640px; } div.section-pic2{ height:134px; width:640px; position:relative; top:-10px; } #section-submenu { margin-left:2em; } #section-submenu li a{ font-size:90%; color:#E0D4CB; text-decoration:none; } #section-submenu li a:hover{ color:#fff; } #section-submenu li{ list-style-image:none; list-style-position:outside; list-style-type:none; -moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:transparent; background-image:url("../images/list_style_square.gif"); background-repeat:no-repeat; background-position:left top; border-bottom-color:#453C37; border-bottom-style:dotted; border-bottom-width:thin; cursor:pointer; padding-bottom:7px; padding-left:18px; padding-top:4px; } #section-submenu li li a{ list-style-image:none; list-style-position:outside; list-style-type:none; -moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:transparent; background-image:url("../images/list_style_square.gif"); background-repeat:no-repeat; background-position:left top; border-top-color:#453C37; border-top-style:dotted; border-top-width:thin; cursor:pointer; padding-bottom:7px; padding-left:18px; padding-top:4px; } #f_projects .panel-display.panel-3col-33-stacked.clear-block{ width:640px; } #f_projects { position:absolute; top:353px; left:353px; width:640px; } .section-header2{ margin-top:1em; } .section-header{ margin:1em 0 0 1em; } #summit_map{ float:left; margin:10px; } ul.primary { position:absolute; top:-82px; } #page-title{ height:0px; margin:0px; visibility:hidden; } #investor-info-content{ padding:20px; } #featured_projects{ margin-top:.1em; } #block-block-2 .our-goal{ margin-top:.4em; } #new_developments{ padding-top:1.7em; } #Projects-summit{ padding:20px; } #Projects-summit span.views-field-title{ margin:5px; } #side-left-projects{ } .views-field-field-youtube-embed{ position:relative; left:4em; } .node.node-promoted.node-youtube_video{ margin:3em; } .node.node-promoted.node-youtube_video.node-inner.node-content.p{ float:right; } #webform-component-first-name{ float:left; } #webform-component-last-name{ position:relative; top:1em; } #webform-component-e-mail{ clear:both; } #webform-component-phone-number{ float:left; } #webform-component-company{ position:relative; top:1em; } #webform-component-message{ clear:both; } #webform-component-c-state{ clear:both; } #contact-us{ padding-left:80px; padding-top:40px; } #photo-submenu a{ font-size:90%; font-weight:bold; text-decoration:none; color:#78421E; } #photo-submenu { font-size:90%; font-weight:bold; text-decoration:none; color:#E9B100; margin:1em; } #photo-submenu a:hover{ font-size:90%; color:#C2A999; } #summit-photos .view-header a{ font-size:90%; font-weight:bolder; text-decoration:none; color:#C2A999; margin:1em; } #audio{ padding:20px; } #audio .node-inner{ margin:3em; } #audio h2{ visibility:hidden; } #audio p{ font-size:120%; font-weight:bold; } #audio .links{ visibility:hidden; } #audio .views-row-odd{ background-color:#EEEEEE; } #audio .views-field-view-node, #audio .views-label-view-node.field-content{ visibility:hidden; } #audio span.field-content{ margin:1.5em; padding:1.5em; } #content .profile{ margin:3em; } #menu-859-2{ margin-left:2em; } #content div.feed-wrapper{ margin:1.5em 0 1.5em 0; } #Projects-summit h2{ visibility:hidden; } #news{ padding:20px; } #news .views-row{ margin:1em 0 1em 0; } #news .views-field-field-suurl-url a{ color:#1878C9; font-size:11px; font-weight:bold; text-decoration:none; text-transform:none; } #news .views-field-field-suurl-url a:hover{ color:#E9B100; font-size:11px; font-weight:bold; text-decoration:none; text-transform:none; } #news .views-field-created{ font-style:italic; font-size:90%; font-weight:normal; padding-top:1px; } #Projects-summit div.feed-title a{ color:#1878C9; font-size:11px; font-weight:bold; text-decoration:none; text-transform:none; } #Projects-summit div.views-field-title{ font-size:11px; font-weight:bold; } #Projects-summit ul.pager{ visibility:hidden; } #Projects-summit div.feed-title a:hover{ color:#E9B100; font-size:11px; font-weight:bold; text-decoration:none; text-transform:none; } #Projects-summit .feed-content{ font-size:90%; } #frontpage{ background-color:#FFF; } #f_projects{ position:relative; top:-40px; left:-20px; background-color:#FFF; width:640px; padding:35px; } #footer-data{ position:relative; top:4em; font-size:75%; color:#9E9E9E; } #footer-data a{ color:#9E9E9E; font-weight:bold; text-decoration:none; text-transform:none; } #footer-data a:hover{ color:#E9B100; font-weight:bold; text-decoration:none; text-transform:none; } #front-page-spacer{ height:66px; background-color:#fff; } #content.box{ margin:5em; } #pic_left{ padding:5px; float:left; } #pic_right{ padding:5px; float:right; } #factsheet div.panel-panel.panel-col-first{ width:33%; } #factsheet div.panel-panel.panel-col-last{ width:67%; } #fact_sheet.h2{ color:#434343; font-size:120%; } #thanks div.rounded-corner { width:575px; } div.messages.error { visibility:hidden; } div.field.field-type-text.field-field-new-dev-text{ visibility:hidden; } div.field-label{ visibility:hidden; } div.field.field-type-link.field-field-new-dev-link{ visibility:hidden; } .node-terms{ visibility:hidden; } .locmap{ display: block; margin-left: auto; margin-right: auto; margin-bottom:30px; } .project_caption{ font-style:italic; font-weight:bold; font-size:10px; margin-bottom:40px; text-align:center; } .project_section_title{ display: block; margin-top:20px; margin-left: auto; margin-right: auto; font-weight:bold; font-size:13px; text-align:center; } .project_section_subtitle{ display: block; margin-top:30px; margin-bottom:5px; margin-left: auto; margin-right: auto; font-weight:bold; font-size:14px; } #Projects-summit div.views-field-field-position-value{ font-weight:normal; font-size:10px; }