body { background: #f6f8eb url("images/bg_ul.jpg"); color: #707070; font: normal 16px/22px Arial, sans-serif; margin: 0px; padding: 0px; text-align: center; } html, body { } * { margin: 0px; padding: 0px; border: 0px; } a:link { color: #25a6d0; text-decoration: none; } a:visited { color: #25a6d0; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:active { color: #25a6d0; text-decoration: none; } a:hover img { background-color: transparent; } h1 { color: #25a6d0; font: normal 24px/24px Arial, serif; margin: 0 0 0 0; } h1 span { background-color: #738fb6; padding: 2px; } h2 { color: #000; font: normal 21px/24px Arial, serif; } h2 span { background-color: #f0f0f0; } h3 { font: normal 14px/14px Arial, sans-serif; color: #798e50; text-transform: lowercase; font-weight: bold; padding-bottom: 8px; } h4 { font: normal 11px/14px Arial, sans-serif; text-transform: uppercase; margin-bottom: 6px; } .clearfloats { clear: both; } #siteContainer { width: 960px; background: #fff; font: normal 16px/22px Arial, sans-serif; color: #707070; text-align: left; margin-left: auto; margin-right: auto; } #siteLogo { font: normal 28px/28px Arial, sans-serif; color: #000; padding: 20px 0 20px 20px; text-transform: uppercase; background: #fff; } #siteLogo a { color: #000; text-decoration: none; } #contentArea { width: 810px; float: left; } #adArea { width: 130px; padding: 30px 20px 0 0; float: left; } #navContainer { padding: 0; height: 37px; font: normal bold 18px/18px Arial, sans-serif; width: 100%; list-style-type: none; background: #90c722; } #navList li { float: left; margin: 0; padding: 0; width: auto; display: block; } #navList li a, #navList li a:link { background: #90c722; color: #fff; text-decoration: none; padding: 9px 20px 10px 20px; display: block; } #navList li a:hover { color: #fff; background: #586048; } #navList li a#current, #navlist li a#current:link { color: #fff; background: #586048; } #navList li a#current:hover { color: #fff; background: #586048; } #homeArea { width: 920px; padding: 20px; background: #fff; } .homeLeft { width: 690px; padding-right: 20px; float: left; } .homeRight { width: 210px; float: left; } #contentLeft { width: 500px; padding: 20px 20px 20px 20px; background: #fff; float: left; } #contentRight { width: 230px; padding: 30px 30px 20px 10px; float: left; } .secHighlight { font: normal 10px/10px Arial, sans-serif; background: #ff0000; color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 3px; display: inline; width: 50px; white-space: nowrap; } .blogEntry { margin-bottom: 15px; } .entryDate { font: normal 10px/10px Arial, sans-serif; background: #ff0000; color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 3px; display: inline; width: 50px; white-space: nowrap; } .entryTitle { color: #25a6d0; padding: 8px 0; } .entryTitle a { color: #25a6d0; } .entryMedia { padding-bottom: 15px; } .entryContent { font: normal 16px/22px Arial, sans-serif; color: #707070; padding-bottom: 15px; } .entryInfo { padding: 5px 5px; font: normal 10px/10px Arial, sans-serif; text-transform: uppercase; border-bottom: 3px solid #d7d7d7; background: #f2f2f2; margin-bottom: 2px; color: #707070; } .entryInfo a { color: #707070; text-decoration: none; } .entryFound { padding: 5px 0px; font: normal 10px/10px Arial, sans-serif; text-transform: uppercase; margin-bottom: 2px; color: #586048; } .entryFound a { color: #586048; text-decoration: none; } .entryComments { font: normal 18px/22px Arial, sans-serif; color: #707070; font-weight: bold; } .genNavArea { width: 230px; padding: 0px 0px; background: #fff; color: #707070; font: normal 10px/14px Arial, sans-serif; margin-bottom: 15px; } .genNavArea .header { font: normal 14px/14px Arial, sans-serif; color: #798e50; text-transform: lowercase; font-weight: bold; } .genNav { margin-left: 0; padding-left: 0; list-style: none; font: normal 16px/18px Arial, sans-serif; } .genNav li { margin: 2px 0 0px 0px; padding-left: 10px; background: url(/images/bullet.gif) no-repeat 0 .4em; } .genNav a:link { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .genNav a:visited { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .genNav a:hover { font: normal 14px/18px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } .genNav a:active { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .genNav a.current { font: normal 14px/18px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } .arcNavArea { width: 100%; padding: 0px 0px; background: #fff; color: #707070; font: normal 10px/14px Arial, sans-serif; margin-bottom: 15px; } .arcNav { margin-left: 0; padding-left: 0; list-style: none; font: normal 16px/18px Arial, sans-serif; } .arcNav li { margin: 2px 0 0px 0px; padding-left: 10px; background: url(/images/bullet.gif) no-repeat 0 .4em; } .arcNav a:link { font: normal 16px/22px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .arcNav a:visited { font: normal 16px/22px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .arcNav a:hover { font: normal 16px/22px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } .arcNav a:active { font: normal 16px/22px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .arcNav a.current { font: normal 16px/22px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } .arcCaption { background: #ededed; padding: 10px; font: normal 12px/12px Arial, sans-serif; color: #666666; font-style: italic; } .arcCaption .arcMissedDate { color: #999999; } .readCaption { background: #ededed; padding: 10px; font: normal 12px/12px Arial, sans-serif; color: #666666; font-style: italic; } .readCaption .arcMissedDate { color: #999999; } /* SEARCH */ .inputSsarch { width: 370px; font: normal 24px/24px Arial, sans-serif; padding: 10px; border: 1px solid #999999; } #subsNavArea { width: 230px; padding: 0px 0px; background: #fff; color: #707070; font: normal 10px/14px Arial, sans-serif; margin-bottom: 15px; } #subsNavArea .header { font: normal 14px/14px Arial, sans-serif; color: #798e50; text-transform: lowercase; font-weight: bold; } .subsNav { margin-left: 0; padding-left: 0; list-style: none; font: normal 16px/18px Arial, sans-serif; } .subsNav li { margin: 2px 0 0px 0px; padding-left: 0px; } .subsNav a:link { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .subsNav a:visited { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .subsNav a:hover { font: normal 14px/18px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } .subsNav a:active { font: normal 14px/18px Arial, sans-serif; color: #25a6d0; text-decoration: underline; } .subsNav a.current { font: normal 14px/18px Arial, sans-serif; color: #62bbd8; text-decoration: underline; } #navMissed { width: 230px; padding: 0px 0px; background: #fff; color: #707070; font: normal 10px/14px Arial, sans-serif; margin-bottom: 15px; } #navMissed .header { font: normal 14px/14px Arial, sans-serif; color: #798e50; text-transform: lowercase; font-weight: bold; padding-bottom: 8px; } .missedImgArea { width: 81px; padding: 0 20px 20px 0; float: left; } .missedImg { width: 75px; height: 75px; border: 3px solid #eeeded; } .commentsName { font: normal 10px/10px Arial, sans-serif; color: #707070; text-transform: uppercase; } .commentsName a:link { font: normal 10px/10px Arial, sans-serif; color: #fff; text-decoration: none; background: #25a6d0; padding: 1px 3px; } .commentsName a:visited { font: normal 10px/10px Arial, sans-serif; color: #fff; text-decoration: none; background: #25a6d0; padding: 1px 3px; } .commentsNamea:hover { font: normal 10px/10px Arial, sans-serif; color: #fff; text-decoration: none; background: #25a6d0; padding: 1px 3px; } .commentsName a:active { font: normal 10px/10px Arial, sans-serif; color: #fff; text-decoration: none; background: #25a6d0; padding: 1px 3px; } .commentsName a.current { font: normal 10px/10px Arial, sans-serif; color: #fff; text-decoration: none; background: #25a6d0; padding: 1px 3px; } .commentsDate { font: normal 10px/10px Arial, sans-serif; color: #707070; text-transform: uppercase; } .commentsText { background: #707070; font: normal 16px/20px Arial, sans-serif; color: #fff; padding: 7px; margin: 2px 0 20px 0; } .currentCat { background: #939f7b; font: normal 18px/18px Arial, sans-serif; color: #fff; border-right: 5px solid #586048; text-transform: uppercase; padding: 10px 10px 10px 20px; display: inline; width: 50px; white-space: nowrap; margin-left: -20px; } .currentCat a { color: #fff; } .aboutImage { width: 100px; margin-right: 10px; float: left; } .aboutDesc { width: 390px; float: left; } #pagination { text-align: left; clear: both; margin: 0 0 0.5em 0; padding: 0px 0 1em 0; font: normal 14px/18px Arial, sans-serif; } #pagination a { border: 1px solid #999; text-decoration: none; background: #fff; } #pagination a:hover { background: #586048; color: #fff; } #pagination a, #pagination span { padding: 0.3em 0.5em; } #pagination a.pn { border: 1px solid #fff; } #pagination a.pn b { font-weight: normal; } #pagination a.pn:hover { border: 1px solid #999; } #pagination p { color: #999; } /* BANNERS */ .bannerImg { width: 120px; border: 5px solid #eeeded; margin-bottom: 15px; } .userIcon { border: 5px solid #eef0ef; } .lgDivider { background: #eef0ef; height: 5px; } /* Footer */ #footerContainer { background: #f2f2f2; padding: 25px 17px 25px 17px; text-align: left; font: normal 11px/13px Arial, sans-serif; text-transform: none; color: #707070; margin: 0px 20px; } #footerNav { padding-bottom: 8px; text-transform: none; } #footerNav a:link { font: normal 11px/13px Arial, sans-serif; color: #25a6d0; text-decoration: none; text-transform: uppercase; } #footerNav a:visited { font: normal 11px/13px Arial, sans-serif; color: #25a6d0; text-decoration: none; text-transform: uppercase; } #footerNav a:hover { font: normal 11px/13px Arial, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } #footerNav a:active { font: normal 11px/13px Arial, sans-serif; color: #25a6d0; text-decoration: none; text-transform: uppercase; } #footerNav a.subcurrent { font: normal 11px/13px Arial, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } #copyright { color: #707070; padding-bottom: 6px; font: normal 11px/13px Arial, sans-serif; color: #707070; } /* Form Properties */ .labelXl { width: 637px; margin-bottom: 8px; } .labelLg { width: 480px; margin-bottom: 8px; } .labelSm { width: 233px; float: left; } .labelMiddle { width: 14px; float: left; } .inputSm { width: 220px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .inputLg { width: 440px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .selectSm { width: 222px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .selectNoSize { font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .selectLg { width: 440px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .textAreaLg { width: 468px; font: normal 13px/13px Verdana, sans-serif; margin: 4px 0; border: 1px solid #abadb3; } .largeTextForm { width: 440px; font: normal 24px/24px Georgia, serif; margin: 4px 0; height: 30px; border: 1px solid #abadb3; } .formRequired { background-color: #fffbd1; display: inline; } .inputHelper { font: normal 11px/16px Verdana, sans-serif; font-style: italic; } .btnSubmit { padding: 4px; background: #8dc63f; color: #fff; } .errorArea { background-color: #f1f1f1; color: #333333; padding: 20px; width: 85%; margin-bottom: 20px; font-size: 12px; border: 1px solid #666; } .errorText { color: #ff0000; text-transform: uppercase; } .errorArea ul { margin-left: 15px; } /* Bigger Form Fields */ .xlLabelLg { width: 500px; margin-bottom: 15px; color: #000; font: normal 16px/18px Verdana, sans-serif; } .xlLabelLg .formHint { color: #838383; } .xlInput { width: 488px; padding: 5px; margin-top: 5px; font: normal bold 16px/18px Arial, sans-serif; border: 1px solid #898989; } .xlTextarea { width: 488px; padding: 5px; margin-top: 5px; font: normal bold 16px/18px Arial, sans-serif; border: 1px solid #898989; } .xlFile { width: 488px; padding: 5px; margin-top: 5px; font: normal bold 16px/18px Arial, sans-serif; border: 1px solid #898989; } .underForm { font: normal 10px/10px Arial, sans-serif; text-transform: uppercase; } /* Loading */ .loadTopSpace { margin-top: 150px; } /* NEW NEW NEW */ #featContainer { width: 680px; border: 5px solid #eef0ef; } #featInfo { color: #fff; position: absolute; z-index: 20; margin-left: 20px; margin-top: 300px; } #featImg { width: 680px; position: relative; z-index: 19; } #featAuthor { margin-bottom: 8px; position: relative; z-index: 22; } #featAuthor a { color: #fff; font: normal normal 12px/12px Arial, sans-serif; background: #25a6d0; padding: 5px 10px; } #featTitle { position: relative; z-index: 21; } #featTitle a { padding: 10px 10px 5px 10px; color: #fff; font: normal normal 24px/24px Arial, sans-serif; background: #25a6d0; } #moreInfo { width: 200px; height: 400px; background: #e2e2e2; color: #666; border: 5px solid #eef0ef; } .mediaContainer { width: 210px; float: left; margin-right: 30px; margin-bottom: 20px; font: normal normal 10px/12px Arial, sans-serif; color: #666; text-transform: uppercase; } .imgArea { width: 200px; margin-bottom: 5px; border: 5px solid #eef0ef; } .imgContainer { width: 200px; height: 200px; position: relative; z-index: 19; } .mediaBox { width: 180px; padding: 10px; background: #90c722; color: #fff; position: absolute; z-index: 20; margin-top: 156px; } .medialoves { width: 100px; padding-right: 10px; float: left; text-align: left; } .mediacomments { width: 100px; float: left; text-align: right; } .medialoves img { vertical-align: middle; } .mediacomments img { vertical-align: middle; } .mediaBox a { color: #fff; text-decoration: underline; } .adboxLink { width: 200px; text-align: left; } .adboxLink img { vertical-align: middle; }