/* -------------------------------------
/* 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;
}