/* ------------------------------------- /* html, body /* -------------------------------------*/ html { background: #999 url(page_top.gif) top left repeat-x; color: #666; font: 76% Arial, Helvetica, sans-serif; text-align: center; } html, body { margin: 0; padding: 0; } body { text-align: left; width: 925px; margin: 0 auto; line-height: 1em; } /* ------------------------------------- /* Baseline values for browser consistency /* -------------------------------------*/ p, div, h1, h2, h3, h4, ul, li, form, input, select, option { margin: 0; padding: 0; } img { margin: 0; padding: 0; border: 0; } ul { list-style: none; } a { outline: 0; } .alert { font-weight: bold; color: #990000; } /* ------------------------------------- /* Pagination /* -------------------------------------*/ .pagination { margin: 6px 0; border-top: 1px solid #D3D9DC; text-align: right; padding-top: 8px; } .pagination b{ border: 1px solid #9FCDE7; padding: 1px 4px; background-color: #D9FFD9; color: #339933; } .pagination a { font-size: 12px; padding: 0 2px; } /* ------------------------------------- /* default links /* -------------------------------------*/ a:link, a:visited { color: #249100; text-decoration: none; } a:hover { text-decoration: underline; } .clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; } /* ------------------------------------- /* Positioning and Size /* -------------------------------------*/ #searchBox { text-align: right; float: right; font-size: 10px; padding-top: 6px; width: 230px; margin-bottom: -10px; height: 32px; } .search_button { position: relative; left: 5px; top: -1px; float: left; } .textfield { width: 170px; color: #666; margin: 0; padding: 2px; font: 11px/11px verdana, arial,sans-serif; float: left; } /*------------------------------------- Header ---------------------------------------*/ #masthead { text-align: right; width: 925px; margin: 0 auto; } #header { clear: both; } #login { float: right; height: 74px; color: #249100; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 88px; } #login img { vertical-align: sub; padding-right: 3px; } #login .greeting { color: #fff; } #login a:link, #login a:visited { color: #fff; } #loginFormMiniMain { width: 200px; line-height: normal; padding: 8px; background: transparent url(login_bg.png) top left repeat; border: 1px solid #303f4a; position: relative; margin-left: -15px; margin-top: -80px; z-index: 10; color: #fff; display:none; } /*------------------------------------- SiteMap ---------------------------------------*/ #sm_outer { margin-bottom: 16px; background: transparent url(sitemap_bottom.gif) bottom left no-repeat; display: none; } #sm_inner { background: transparent url(sitemap_top.gif) top left no-repeat; } .sm_column { float: left; width: 155px; padding: 0px 15px 20px 15px; } .sm_column ul li { padding: 3px 0; } .sm_column ul li li { padding: 3px 0 3px 15px; } .sm_column h3 { font-size: 14px; padding: 25px 0 5px 0; } .sm_column h3 a:link, .sm_column h3 a:visited { color: #fff; } /*------------------------------------- SiteNav ---------------------------------------*/ #siteNav ul { margin-left: 15px; padding-top: 4px; z-index: 1; } #siteNav li { float: left; position: relative; top: 0; left: 0; } #siteNav li a { padding: 8px 12px 8px 12px; } #siteNav li.current a { margin-bottom: -1px; } #siteNav li ul { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } #siteNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #siteNav li ul li ul { position: relative; } #siteNav li ul li { width: 175px; } #siteNav li > ul { top: auto; left: auto; } #siteNav li:hover ul { display: block; } #siteNav li.current ul { padding-bottom: 1px; } #siteNav li { font-size: 12px; text-align: center; } #siteNav li li { text-align: left; } #siteNav li li li { text-indent: 10px; } #siteNav a { text-decoration: none; display: block; } #siteNav { background-color: #59783e; background-image: url(nav_bg.gif); background-repeat: no-repeat; background-position: left top; } #siteNav li { } #siteNav li a:link, #siteNav li a:visited { background: transparent url(site_nav_borders.gif) bottom right no-repeat; color: #c4ddad; } #siteNav li a:hover { color: #fff; background-color: #CCFF99; background-image: url(site_nav_hover_bg.gif); background-repeat: repeat-x; background-position: left bottom; } #siteNav li.current a:link, #siteNav li.current a:visited { background: #f0f5f8 url(site_nav_current_bg.gif) bottom left repeat-x; color: #37454e; border-bottom: 1px solid #d7e5ed; } #siteNav li ul, #siteNav li.current ul { border-left: 1px solid #bcd1df; border-bottom: 1px solid #bcd1df; border-right: 1px solid #bcd1df; } #siteNav li ul li ul, #siteNav li.current ul li ul { border: 0; } #siteNav li ul li a:link, #siteNav li ul li a:visited, #siteNav li.current ul li a:link, #siteNav li.current ul li a:visited { background: #d3e3eb url(site_nav_dropdown_bg.gif) top left repeat-x; color: #2c5267; } #siteNav li ul li a:hover, #siteNav li.current ul li a:hover { background-color: #baced7; color: #2c5267; } #siteNav li li li a:link, #siteNav li li li a:visited, #siteNav li.current li li a:link, #siteNav li.current li li a:visited { background-image: none; color: #58879b; } #siteNav li.over { color: yellow; border: 1px solid red; } /*------------------------------------- PageNav ---------------------------------------*/ #pageNav #contactButton { } #pageNav h3 { padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; color: #587788; background: transparent url(sidemenu_item_border.gif) bottom left no-repeat; padding-bottom: 3px; } #pageNav ul { margin-bottom: 40px; } #pageNav .smallMenu { padding: 0 25px; } #pageNav .smallMenu li { background: transparent url(sidemenu_item_border.gif) bottom center no-repeat; line-height: 26px; } #pageNav h3.smallMenu { margin: 0 25px; background: transparent url(sidemenu_item_border.gif) bottom center no-repeat; padding: 0; } #pageNav .subMenu li { background: transparent url(sidemenu_item_border.gif) bottom left no-repeat; } #pageNav .subMenu li a { display: block; padding-left: 25px; } #pageNav .smallMenu li a { display: block; } #pageNav .smallMenu li a:hover { background-image: none; } #pageNav li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 40px; } #pageNav li .icon { float: right; margin-top: 5px; } #pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover { text-decoration: none; } #pageNav li a:hover { background: #f1f5f7 url(sidemenu_hover_border.gif) top left repeat-y; } #pageNav li.current a { background: #fff url(sidemenu_current_border.gif) top left repeat-y; } #pageNav .quote { padding: 0 25px; margin-bottom: 25px; } #pageNav .quote .statement { margin-bottom: 10px; font-family: Georgia, serif; font-size: 14px; color: #526e80; line-height: 20px; } #pageNav .quote .author, #pageNav .quote .site { font-family: Georgia, serif; font-size: 12px; color: #7c919e; line-height: 16px; } #pageNav .widget ul { margin-bottom:20px; } #pageNav ul.feeds li { background: transparent url(rss-orange.gif) center left no-repeat; padding-left: 20px; display:block; } #pageNav .widget { background: url(ee_category_bg.gif) top left no-repeat; padding: 7px 10px 15px 10px;margin: 0 0 0 25px;} #pageNav .widget h4 { color: #fff;font-size: 12px;padding-bottom: 15px;text-shadow: 1px 1px 1px #688192; } #pageNav .widget ul { font-size: 12px;line-height: 16px;} #pageNav .widget li { padding:2px 0; margin:0; line-height:16px;width:200px;} #pageNav .widget li a { display: block; } #pageNav .widget li a:hover{ background:none;color: #035796;} #pageNav .widget .pageSearchBox { text-align: center; font-size: 10px; padding-top: 6px; width: 200px; height: 32px; margin-bottom: 16px; } #pageNav .widget .pageSearchBox .search_button { position: relative; left: 5px; top: -1px; float: left; } #pageNav .widget .pageSearchBox .textfield { width: 150px; color: #666; margin: 0; padding: 2px; font: 11px/11px verdana, arial,sans-serif; float: left; } #pageNav .twitterWrap { background: transparent url(speech_bubble_bottom.gif) bottom left no-repeat; margin: 0 0 0 25px; } #pageNav .twitterMeat { background: transparent url(speech_bubble_top.gif) top left no-repeat; padding: 12px 12px 30px 12px; width: 180px; font-weight: bold; color: #62696d; line-height: 15px; font-size: 11px; } #pageNav .twitterLinks { margin: 0 0 25px 25px; font-weight: bold; font-size: 11px; color: #999; } #pageNav .twitterLinks a { color: #38a8de; } /* order crucial here, these must be at the end of #pageNav section */ #pageNav .subMenu ul { margin: -10px 0 0 0; background: #fff url(sidemenu_current_border.gif) repeat-y scroll left top; padding-bottom: 10px; } #pageNav .subMenu ul li { padding: 4px 0 4px 0; margin: 0 0 0 50px; line-height: normal; background-image: none; font-size: 11px; } #pageNav .subMenu .subCurrent, #pageNav .subMenu .subNormal { background-image: none; } #pageNav .subMenu .subCurrent { background: transparent url(bg_submenu_current.gif) 0px 7px no-repeat; } #pageNav .subMenu .subCurrent a:link, #pageNav .subMenu .subNormal a:link, #pageNav .subMenu .subCurrent a:visited, #pageNav .subMenu .subNormal a:visited { background-image: none; background-color: transparent; color: #517992; padding: 0; } #pageNav .subMenu .subCurrent a:link, #pageNav .subMenu .subCurrent a:visited { padding-left: 15px; font-weight: bold; } #pageNav .subMenu .subCurrent a:hover, #pageNav .subMenu .subNormal a:hover { color: #85a6bb; } /*------------------------------------- WrapperWit ---------------------------------------*/ #wrapperWit { background: transparent url(wrapper_column.gif) top left repeat-y; border-top: 1px solid #fff; } #wrapperWit #content { width: 620px; padding-left: 25px; } #wrapperWit #pageNav { float: right; width: 255px; } #wrapperWit #gooey { background: transparent url(wrapper_column_bottom.gif) bottom left no-repeat; } #wrapperWitOut { background: #fff url(wrapper_column_top.gif) top left repeat-x; border-top: 1px solid #fff; } #wrapperWitOut #content { padding-left: 25px; padding-right: 25px; } #wrapperWitOut #gooey { background: transparent url(wrapper_solid_bottom.gif) bottom left no-repeat; } #wrapperWit #shell { background: transparent url(wrapper_column_top.gif) top left repeat-x; } /*------------------------------------- Content ---------------------------------------*/ #content { /* necessary to prevent the background image from spacing itself down from the top */ padding-top: 30px; color: #222; padding-bottom: 26px; } #content h2{ font: normal 25px/35px arial,georgia, serif; letter-spacing: -1px; padding: 0; margin: 0; color: #FF3A00; text-shadow: 0px 0px 0px #fff; } #masthead { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #gooey:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*------------------------------------- fullItem ---------------------------------------*/ .fullItem { margin-top: 10px; padding-bottom: 6px; } .fullItem h3 { margin-bottom: 6px; text-shadow: 0px 0px 0px #fff; } .fullItem h3.noIcon { margin-top: 25px; } .fullItem .icon { float: left; width: 70px; } .fullItem p { margin-bottom: 6px; font-size: 13px; line-height: 18px; } /*------------------------------------- Entry ---------------------------------------*/ .entry { margin-top: 25px; background: transparent url(blog_entry_divider.jpg) bottom center no-repeat; padding-bottom: 38px; } .entry h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; color: #111; margin-bottom: 12px; text-shadow: 0px 0px 0px #fff; } .entry .entryInfo { margin-bottom: 12px; } .entry .author { float: left; width: 100px; } .entry .body { margin-left: 125px; } .entry .body p { margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; } .entry .date { font-family: Georgia, serif; } .entry .body dl { margin: 10px 0 5px 0; padding: 10px; } .entry .body dt { font-weight: bold; margin: 0 0 10px 0; } .entry .body dd { margin-left: 24px; margin-bottom: 18px; margin-right: 24px; line-height: 18px; } /*------------------------------------- author ---------------------------------------*/ .author { font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 11px; } .author .picture { margin-bottom: 8px; } .author .name { font-weight: bold; margin-bottom: 2px; } .author .title { margin-bottom: 8px; } .author .title, .author .readMore { font-size: 10px; } .author a:link, .author a:visited { color: #222; text-decoration: none; } .author a:hover { color: #666; text-decoration: none; } /*------------------------------------- Footer ---------------------------------------*/ #footer { background: #fff url(footer_bottom.gif) bottom left no-repeat; font-size: 11px; margin-top: 16px; } #footer #elements { background: transparent url(footer_top.gif) top left no-repeat; } #footer #elements:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footer .one { width: 182px; } #footer .two { width: 180px; } #footer .three { width: 185px; } #footer .four { width: 215px; } #footer h4 { margin: 20px 0 0 0; height: 20px; } #footer .image { float: left; padding-right: 12px; } #footer ul#orderEE { margin-left: 60px; } #footer li { background: transparent url(footer_list_bullet.gif) 0 3px no-repeat; padding: 0 0 4px 12px; } #footer .details { min-height: 30px; } #footer ul#support li { float: left; } #footer ul#support li.groupOne { width: 100px; } #footer ul#support li.groupTwo { } #footer .item { float: left; padding: 0 20px 5px 20px; } #footer .item .details { line-height: 15px; } /* order important here - #footer .last gets no border */ #footer .last { background: transparent; } /*------------------------------------- Buttons ---------------------------------------*/ .buttonLinkMed, .buttonLinkLarge { clear: both; width: 171px; height: 21px; margin: 12px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; font-weight: bold; padding-left: 15px; } .buttonLinkMed { background: transparent url(button_med.gif) bottom left no-repeat; } .buttonLinkLarge { background: transparent url(button_large.gif) bottom left no-repeat;; width: 206px; } .buttonLinkMed a, .buttonLinkLarge a { display: block; text-shadow: 0px 0px 0px #fff; } .buttonLinkMed a:link, .buttonLinkMed a:visited, .buttonLinkMed a:hover, .buttonLinkLarge a:link, .buttonLinkLarge a:visited, .buttonLinkLarge a:hover { color: #66696b; text-decoration: none; } .buttonLinkMed a:hover, .buttonLinkLarge a:hover { color: #999; } /*------------------------------------- Copyright ---------------------------------------*/ #copyright { color: #85bc7b; margin: 25px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: center; } #copyright a:link, #copyright a:visited { color: #fff; } /*------------------------------------- 3 Columns - No Sidebar ---------------------------------------*/ .threeFullColumn { float: left; width: 270px; padding: 0 10px; margin: 20px 0 0 0; } .threeFullColumn .icon { float: left; margin-right: 6px; } .threeFullColumn h3 { margin-top: 2px; margin-bottom: 4px; } .threeFullColumn p { line-height: 18px; color: #666; } /*------------------------------------- 3 Columns - Sidebar ---------------------------------------*/ .threeColumn { width: 190px; float: left; padding-right: 24px; margin-top: 20px; } .lastColumn { padding-right: 0; } ul.features { margin-top: 5px; margin-left: 5px; } ul.features li { background: transparent url(list_arrow.gif) 0px 5px no-repeat; font-size: 12px; padding: 3px 0 2px 10px; } code { white-space: nowrap; } .codeblock { background-color: #fbfbfd; border: 1px solid #dae0e4; font-size: 11px; margin: 10px 4px; padding: 8px; width: 480px; overflow: auto; } abbr { border-bottom: 1px dotted #333; } .blogLists { list-style-image: url(http://expressionengine.combullet.gif); padding: 2px 0 5px 20px; margin-bottom: 12px; line-height:14px; }