/**/ /* IF PAGE IS TO BE ALIGNED CENTER, place tags from to for Firefox reasons */ body { text-align: center; /* To Make Content Centered */ font: 0.7em Lucida Grande, LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin: 0px 0 0px; /* Edit {{page_background:background-image: URL(XXX);:This is the image that appears in the background of your site, repeats on the X axis and is fixed. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(/image/back-page.png); /* Edit {{page_background_attach:background-attachment: XXX;:You have 2 options here, fixed or scroll. Depending on how/if you want the image to sit on the background, is which repeat option you should use.;}} << */ background-attachment: scroll; /* Edit {{page_background_repeat:background-repeat: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */ background-repeat: repeat-y; /* Edit {{page_background_position:background-position: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */ background-position: center; /* Edit {{page_background_color:background-color: XXX;:This is the background color of the main page. Use the HEX value or spell it out;}} << */ background-color: #ffffff; /* Edit {{page_font_color:color: XXX;:This is default color of the throughout your site. Use the HEX value or spell it out.;}} << */ color: #333333; } #bodyIndent { /* Edit {{indent_height:height: XXX;:This is the height of the area that sits outside of the content area and up top of the background of the page. This measurement should be in pixels. Default is set at 180px;}} << */ height: 194px; /* Edit {{indent_strip:background-image: URL(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page, repeats on the X axis. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(/image/indent-image.png); /* Edit {{indent_background_attach:background-attachment: XXX;:You have 2 options here, fixed or scroll. Depending on how/if you want the image to sit on the background, is which repeat option you should use.;}} << */ background-attachment: scroll; background-repeat: repeat-x; /* Edit {{indent_background_color:background-color: XXX;:This is the background color of the banner area. Use the HEX value or spell it out;}} << */ width: 100%; position: absolute; top: 0; left: 0; } #banner { position: relative; /* Edit {{banner_height:height: XXX;:This is the height of the image you have in the banner area. This measurement should be in pixels. Default is set at 180px;}} << */ height: 194px; /* Edit {{banner_background_color:background-color: XXX;:This is the background color of the banner area. Use the HEX value or spell it out;}} << */ background-color: #ffffff; /* Edit {{banner_image:background-image: URL(XXX);:This is the image that appears as an extension of your banner OUTSIDE of the main area of your page. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(/image/banner-image.png); background-repeat: no-repeat; background-position: center 0; } a:hover, a:active { text-decoration: none; } img { border: none; } /**/ /**/ .clearer { clear: both; } #container { /* Edit {{container_background_image:background-image: URL(XXX);:This is the image that appears in the background of the body of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(/image/content-back.png); background-color: #ffffff; background-repeat: repeat-y; background-position: left; top: 0px; position: relative; text-align: left; } #pageHeader { height: 0px; /* This is the space between the banner and the margin area below the top margin of the window */ /* Edit {{container_back_image:background-image: URL(XXX);:This is the image that appears in the background of the content area of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(none); /* Edit {{pageheader_back_repeat:background-repeat: XXX;:This is the image that appears in the background of the content area of your site. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-repeat: repeat; } #pageHeader H1, #pageHeader H2 { display: NONE; } #banner, #container, #footer { width: 900px; } #sidebarContainer { width: 195px; } #contentContainer { /* Edit {{content_area_width:width: XXX;:This can be either a pixel width (650px) or a percentage (65%).;}} << */ width: 650px; /* Edit {{content_area_padding:padding: XXX;:This should be a pixel width (10px).;}} << */ padding: 20px; /* Edit {{content_left_margin:margin-left: XXX;:This is the margin fromt he left side of the content area to the main container;}} << */ margin-left: 205px; /* Edit {{content_background_image:background-image: URL(XXX);:This is the background color of the banner area. Use the HEX value or spell it out;}} << */ background-image: URL(); } #contentContainer #content { padding: 8px; line-height: 1.5em; } #sidebarContainer #sidebar { padding: 0 10px 10px; } #sidebarContainer .sideHeader { color: #000000; font-size: 1.3em; font-weight: bold; padding: 10px 10px 3px; } #footer { color: #ffffff; position: relative; /* Edit {{footer_width:width: XXX;:This is the width of the footer area.;}} << */ width: 100%; /* Edit {{footer_background:background-image: URL(XXX);:This is the image that appears in the background of your site, repeats on the X axis and is fixed. Choose an image that is one of our stock photos, or one of your own that you have previously uploaded.;}} << */ background-image: URL(/image/back-footer.png); /* Edit {{footer_background_attach:background-attachment: XXX;:You have 2 options here, fixed or scroll. Depending on how/if you want the image to sit on the background, is which repeat option you should use.;}} << */ background-attachment: scroll; /* Edit {{footer_background_repeat:background-repeat: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */ background-repeat: repeat-x; /* Edit {{footer_background_position:background-position: XXX;:You have 3 options here, no-repeat, repeat-x or repeat-y. Depending on how/if you want the image to tile, is which repeat option you should use.;}} << */ background-position: bottom; /* Edit {{footer_background_color:background-color: XXX;:This is the background color of the main page. Use the HEX value or spell it out;}} << */ background-color: #000000; /* Edit {{page_font_color:color: XXX;:This is default color of the throughout your site. Use the HEX value or spell it out.;}} << */ color: #333333; height: 80px; overflow: hidden; } #footer p { /* Edit {{footer_text_align:text-align: XXX;:Text alignment;}} << */ text-align: center; /* Edit {{footer_margin:margin: XXX;:This is the margin of the footer area;}} << */ margin: 0; /* Edit {{footer_padding:padding: XXX;:This is the margin of the footer area;}} << */ padding: 0px; } #footer a:link, #footer a:visited { color: #ffffff; } #footer a:hover, #footer a:active { text-decoration: none; } /**/ /**/ /**/ /**/ /* Toolbar Styles */ #navcontainer img { /* just positions the arrow bullet */ margin-top: 5px; } #navcontainer { margin-top: 50px; margin-bottom: 10px; position: relative; z-index: 99; /* Edit {{linkbar_background:background-image: URL(XXX);:This is the image that appears in the background of the linkbar. Choose an image that you have uploaded, or a stock image.;}} << */ background-image: URL(); } #navcontainer #current { color: #ffffff; } #navcontainer .currentAncestor { color: #ffffff; } /* Parent - Level 0 */ #navcontainer ul { list-style: none; margin: 0px; padding: 0; } #navcontainer li { position: relative; padding-bottom: 0px; } #navcontainer a { /* Edit {{linkbar_link_fontsize:font-size: XXX;:This is the size of the font in the first level of your linkbar. You can use point size (pt), pixel size (px) or (em) or percentages (150%).;}} << */ font-size: 9pt; margin-top: 0; display: block; /* Edit {{linkbar_link_color:color: XXX;:This is the color of the link text in the main part of your linkbar. Use the HEX value or spell it out;}} << */ color: #dddddd; text-decoration: none; /* Edit {{linkbar_link_padding:padding: XXX;:This is the padding with the link itself. You should use pixel size, whether you use 1,2,3 or 4 pixels settings. Default=(7px 10px);;}} << */ padding: 7px 10px; /* Edit {{linkbar_link_height:height: XXX;:This is the pixel height of the individual link. You should use pixel size. Default=(15px);;}} << */ height: 20px; /* Edit {{linkbar_link_background_image:background-image: URL(XXX);:This is the image that appears in the background of the individual main link. Choose an image that you have uploaded, or a stock image.;}} << */ background-image: URL(); /* Edit {{linkbar_link_background_color:background-color: XXX;:This is the background color of the link in the main part of your linkbar. Use the HEX value or spell it out;}} << */ border-bottom: 1px #aaa solid; font-weight: bold; } #navcontainer a:hover { /* Edit {{linkbar_link_background_on_hover:background-image: URL(XXX);:This is the image that appears in the background of the individual main link when you HOVER over it. Choose an image that you have uploaded, or a stock image.;}} << */ background-image: URL(/image/linkback-o.png); /* Edit {{linkbar_link_hover_color:color: XXX;:This is the color of the font of the linkbar link, on mouse over. Choose a color or type the hex value.;}} << */ color: #000000; } /* Fix IE. Hide from IE Mac */ * html #navcontainer ul li { height: 1%; } * html #navcontainer ul li a { height: 20px; } /* End */ /* Child - Level 1 */ /* All browsers will use this code, it will make the pop out menus work */ #navcontainer ul ul { /* Edit {{linkbar_flyout_width:width: XXX;:Description Here;}} << */ width: 170px; position: absolute; /* Edit {{linkbar_flyout_left_position:left: XXX;:Description Here;}} << */ left: 195px; /* Edit {{linkbar_flyout_text_alignment:text-align: XXX;:Description Here;}} << */ text-align: left; margin-bottom: 0px; top: 0; /* border-left: #Ccc 1px solid; border-right: #333 2px solid; border-bottom: #333 3px solid; */ } #navcontainer UL UL a { /* Edit {{linkbar_flyout_text_color:color: XXX;:Description Here;}} << */ color: #333300; /* Zdit {{linkbar_flyout_link_height:height: XXX;:Description Here;}} << SKIP THIS FOR NOW */ height: 14px; /* Edit {{linkbar_flyout_link_background_color:background-color: XXX;:Description Here;}} << */ background-color: #ffffff; /* Edit {{linkbar_flyout_link_background_image:background-image: URL(XXX);:Description Here;}} << */ background-image: URL(/image/linkback-fly.png); /* Edit {{linkbar_flyout_font-weight:font-weight: XXX;:Description Here;}} << */ font-weight: bold; } #navcontainer UL UL a:hover { /* Edit {{linkbar_flyout_font_color:color: XXX;:Description Here;}} << */ color: #000000; /* Edit {{linkbar_flyout_background_hover_color:background-color: XXX;:Description Here;}} << */ background-color: #808000; /* Edit {{linkbar_flyout_background_hover_image:background-image: URL(XXX);:Description Here;}} << */ background-image: URL(); } * html #navcontainer ul UL li a { height: 15px; } div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{ display:none; } div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{ display:block; } /**/ /**/ blockquote { background: #573940; } /**/ #container, #footer, .blog-archive-headings-wrapper, .blog-archive-entries-wrapper { } /* This is the default float side for this theme. We only have this file as we need to set a default css file for the theme variations. */ #sidebarContainer { float: LEFT; }