body { margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } /* General Links */ a:link { text-decoration : none; border: 0px;} a:active { text-decoration : underline; border: 0px;} a:visited { text-decoration : none; border: 0px;} a:hover { text-decoration : underline; border: 0px;} img { padding: 0px; margin: 0px; border: none;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } input { font-family: 'Verdana'; color: #2f2928; font-size: 11px; } textarea { font-family: 'Verdana'; color: #2f2928; font-size: 12px; } select { font-family: 'Verdana'; color: #2f2928; font-size: 11px; } h1, h2, h3 { font-family: "Trebuchet MS" ;} h4 { font-family: 'Verdana'} #bgcontain { background: #fff; width: 900px; margin: 0 auto; text-align: left; } /* IE min height hack */ * html #container { height: 250px;} #container { padding: 0; float: left; width: 100%; clear: both; min-height: 250px; padding-top: 21px; margin-top:2px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header { width: 900px; position: relative; } .header h1 { font-size: 32px; letter-spacing: -2px; font-weight: normal; font-family: "Trebuchet MS"; padding: 0px 0px 20px 0px; margin: 0px; text-transform: lowercase;} /* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #menu { position: absolute; top: 125px; left: 8px;} #menu ul { padding: 0px; margin: 0px;} #menu li { float: left; display: block; list-style: none; font-size: 11px; letter-spacing: -1px; font-weight: bold; } #menu li a { display: block; float: left; text-decoration: none; padding: 0px 0px 0px 10px; margin-right: 2px;} #menu a span { padding: 10px 10px 9px 0px; display: block; float: left; } #menu a:hover span { } #menu a:hover { background-position: 0% -32px; text-decoration: none;} #menu a:hover span { background-position: 100% -32px; cursor: pointer; } DIV#menu ul li a { z-index: 100 } DIV#menu ul li a:hover { z-index: 100 } DIV#menu ul li:hover { z-index: 100 } DIV#menu ul li.over { z-index: 100 } DIV#menu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;} DIV#menu ul li { position: relative} DIV#menu ul li ul { padding: 2px 0px; display: none; z-index: 150; left: 0px; margin: 0px; width: 150px; position: absolute; top: 100%;} DIV#menu ul li:hover ul { display: block} DIV#menu ul li.over ul { display: block} #menu li li a { font-size: 10px; letter-spacing: normal; width: 130px; padding: 2px 10px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .leftwrap { float: left; width: 685px; margin-right: 15px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .content { float: right; width: 470px; padding: 15px 0px;} /* BreadCrumb */ .content .BreadCrumb { font-size: 10px; margin: 0px 0px 15px 0px; padding:7px; } .content .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; background: url(../Images/BreadCrumbIcoUl.png) no-repeat left center;} .content .BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;} .content .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;} .content .BreadCrumbGreater { padding:4px; } .content h1 { font-size: 18px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;} .content h2 { font-size: 16px; letter-spacing: -1px;padding: 5px 0px; margin: 0px 0px 5px 0px; } .content h3 { font-size: 14px; padding: 5px 0px; margin: 0px 0px 5px 0px; } /* article */ .content .PostItem {display: block; clear: both;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Articles { margin: 20px 0px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Featured { margin: 20px 0px;} .Featured h1 { padding-left: 25px; background: url(../Images/FeaturedIcoHeading.png) no-repeat left center; margin-bottom: 10px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .RecentArticles { margin: 20px 0px;} .RecentArticles h1 { padding-left: 25px; background: url(../Images/SummaryIcoHeading.png) no-repeat left center; margin-bottom: 10px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Categories {} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Blogs {} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* IE min height hack */ * html .Authors { height: 150px;} .Authors {min-height: 150px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Pages {} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .News {} .News h1 { padding-left: 25px; background: url(../Images/NewsIcoHeading.png) no-repeat left center; margin-bottom: 10px;} .News h2 { font-size: 11px; letter-spacing: -1px; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } .News .Post { padding: 5px 0px;} .News .Post .PostInfo { padding: 2px; margin: 0px; font-size: 9px; } .News .Post .PostContent { font-size: 11px; color:#333; line-height: 15px; } .News .Post .PostContent p { padding: 4px 0px; margin: 4px 0px; font-size: 11px;} .News .Post .readmore { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SearchResults {} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Recent Blogs */ .RecentBlogs { float: right; padding: 10px; margin: 5px 0px 10px 20px; width: 215px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid; } .RecentBlogs h3 { padding: 3px; margin: 0px 0px 10px 0px;} .RecentBlogs h4 { font-size: 11px; padding: 0px; margin: 0px; padding-top:3px;} .RecentBlogs em {font-size: 10px; font-weight: normal; display: block; padding: 2px 0px; padding: 0px 0px 5px 0px; font-style: normal;} .RecentBlogs em a { font-weight: normal; text-decoration: underline; } .RecentBlogs em a:visited { text-decoration: underline; } .RecentBlogs em a:hover { text-decoration: underline; } .RecentBlogs a { text-decoration: underline; font-weight: normal; } .RecentBlogs a:visited { text-decoration: underline; font-weight: normal;} .RecentBlogs a:hover { text-decoration: underline; font-weight: normal; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Post */ .Post { padding: 0px; margin: 0px;} /* Post Author left side from the article */ .Post .PostAuthorDetails { float: right; padding: 10px; margin: 0px 0px 10px 20px; width: 200px; font-size: 11px; border-bottom: #fff 10px solid; border-left: #fff 10px solid; } .Post .PostAuthorDetails h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: normal; padding: 0px 0px 5px 0px; margin: 0px;} .Post .PostAuthorDetails p { font-size: 10px; padding: 3px 0px; margin: 0px; } .Post .PostAuthorDetails img { margin: 0px 10px 0px 0px; padding: 1px; border: solid 1px #ccc; float: left;} /* Post Head */ .Post .PostHead {} .Post .PostHead h1 { padding: 2px 0px; margin: 0px;} .Post .PostHead h2 { padding: 2px 0px; margin: 0px; } /* Post Info/Details */ .Post .PostInfo { padding: 2px 0px; margin: 0px 0px 10px 0px; font-size: 10px; color:#999; } .Post .PostInfo li { padding: 0px; margin: 0px; display: inline; list-style-type: none;} .Post .PostInfo a { color: #666; text-decoration: underline;} .Post .PostInfo .Author { border-right: solid 1px #999; padding: 0px 5px 0px 0px;} .Post .PostInfo .Time { border-right: solid 1px #999; padding: 0px 5px 0px 5px;} .Post .PostInfo .Categ { border-right: solid 1px #999; padding: 0px 5px 0px 5px;} .Post .PostInfo .Rating {padding: 0px 0px 0px 5px;} /* Post Content */ .Post .PostContent { color: #666b71; margin: 0px; padding: 10px 0px; font-size: 12px; line-height: 16px;} .Post .PostContent img { margin: 0px 10px 10px 0px; padding: 1px; border: solid 1px #ccc;} .Post .PostContent p { font-size: 12px; line-height: 16px;} /* Post Content -Single Page */ .Post .PostContentSingle { color: #383f48; margin: 0px; padding: 10px 0px; font-size: 11px; line-height: 15px;} .Post .PostContentSingle img {} .Post .PostContentSingle h1 { padding: 10px 0px; margin: 0px 0px 5px 0px;} .Post .PostContentSingle p { font-size: 11px; line-height: 15px; padding: 6px 0px; margin: 6px 0px;} /* Post Bottom - Printer Version + Full story + Visit Site */ .Post .PostBottom { padding: 5px 0px 15px 0px; margin: 0px;} .Post .PostBottom li { padding: 2px 0px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; font-size: 10px; } .Post .PostBottom li a { text-decoration: underline; } .Post .PostBottom li a:visited { text-decoration: underline; } .Post .PostBottom li a:hover { text-decoration: underline;} .Post .PostBottom .FullStory { background: url(../Images/icon_FullStory.png) no-repeat left center; padding-left: 17px;} .Post .PostBottom .VisitSite { background: url(../Images/icon_VisitSite.png) no-repeat left center; padding-left: 17px;} .Post .PostBottom .PrinterVersion { background: url(../Images/icon_PrinterVersion.png) no-repeat left center; padding-left: 17px;} .Post .PostBottom .EditArticle { background: url(../Images/icon_EditArticle.png) no-repeat left center; padding-left: 17px;} /* Article More Related Info */ .Post .PostMore { padding: 0px; margin: 5px 0px 5px 0px;} .Post .PostMore h1 { font-size: 23px; padding: 5px 0px; margin: 0px; } /* Article Comments */ .Post .PostMore .Comment { padding: 7px 0px;} .Post .PostMore .Comment .Details { font-size: 11px; padding: 4px 3px; margin: 0px;} .Post .PostMore .Comment .Content { font-size: 11px; padding: 5px 0px; margin: 0px;} /* Article Submit Comments*/ .PostSubmitComments { font-size: 10px;} /* Article Navigation */ /* IE min height hack */ * html .ArtNav { height: 15px;} .ArtNav {font-size: 11px; line-height: 13px; background: #f8f8f8; padding: 6px; min-height: 15px;} .ArtNav strong { letter-spacing: -1px;} .ArtNavLeft { float: left } .ArtNavRight { float: right } /* Paging */ .Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;} .Paging strong { letter-spacing: -1px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Category Top ( Only on the Category page) */ .Category { padding: 0px; margin: 10px 0px 10px 0px; position: relative;} .Category h1 { font-size: 25px; } .Category .Desc { font-size: 11px; font-family: 'Georgia'; } .Category .rss { position: absolute; right: 0px; top: 15px;} .Category .SubCategory ul { padding: 15px 0px 5px 0px; margin: 0px;} .Category .SubCategory li { background: url(../Images/SubCategoryIcon.png) no-repeat left center; padding: 2px 0px 2px 15px; margin: 0px; font-size: 11px; list-style-type: none;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Authors A-Z - ( Only on the Author page) */ .AZ { padding: 0px; margin: 15px 0px; position: relative; font-size: 11px; font-weight: bold;} .AZ ul { padding: 5px 0px; margin: 0px;} .AZ li { padding: 0px; margin: 0px; list-style-type: none; display: inline;} .AZ a { padding: 0px 3px; margin-right: 1px;} .AZ a:visited { padding: 1px 3px;} .AZ a:hover { padding: 1px 3px; } .ListAuthors {} .ListAuthors ul { margin: 0px; padding: 0px 0px 0px 20px; } .ListAuthors li { line-height: 16px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* PageForms */ .PageForms {font-size: 10px;} .PageForms form {} .PageForms td { padding: 10px; } .PageForms th { padding: 10px 2px 10px 10px; text-align: left; font-size: 13px; font-family: "Trebuchet MS"; font-weight: normal;} .PageForms td table td { padding: 3px; font-size: 11px; } .PageForms td table td input { padding: 3px; } .PageForms td table td input.keyfield { border: inset 1px #ccc; padding: 3px; } .PageForms td table td textarea { border: inset 1px #ccc; padding: 5px; } .PageForms td table td select { border: inset 1px #ccc; padding: 2px; } .PageForms .Button { font-size: 10px; padding: 2px 5px; font-weight: bold;} .PageForms .Required { color:#FF0000;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Message */ .Message { color: #FF0000; background: url('../Images/warning.gif') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;} .ErrorMessage { color: #FF0000; background: url('../Images/exclamation.png') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;} .SuccessMessage { color: #FF0000; background: url('../Images/success.png') no-repeat left center; font-size: 11px; padding-left: 20px; line-height: 16px;} /* tabs styles */ #tabnav { height: 26px; margin: 0px 0px 10px 0px; padding-left: 6px; background: url('../Images/tab_bottom.gif') repeat-x bottom;} #tabnav li { margin: 0; padding: 0; display: inline; list-style-type: none;} #tabnav .navlinks {margin: 0; padding: 0; display: inline; list-style-type: none; float: right;} .tablink { float: left; } #tabnav .tablink a:link, #tabnav .tablink a:visited { float: left; font-size: 10px; line-height: 14px; font-weight: bold; padding: 5px 10px 5px 10px; margin: 0px 4px 0px 0px ; text-decoration: none;} #tabnav .tablink a:link.active, #tabnav .tablink a:visited.active {} #tabnav a:hover {} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ViewAll { background: url(../Images/ico_view_all.png) no-repeat left center; padding-left: 13px; font-size: 10px; font-weight: bold;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .left { float: left; width: 200px; } .left .categories { padding: 0px 10px 10px 10px; margin-bottom: 10px; float: none;} .left .categories h2 { font-size: 14px; padding: 5px 0px 5px 7px; margin: 0px; } .left .categories ul { padding: 10px; margin: 0px;} .left .categories li { background: url(../Images/categories_ico_arrow.png) no-repeat left center; padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none;} .left .categories li a { font-size: 11px; letter-spacing: -1px; font-weight: bold; } .left .categories li a:hover { } .left .search {} .left .search h2 { font-size: 14px; display: block; height: 20px; padding: 10px; margin: 0px;} .left .search form { padding: 0px 10px 10px 10px; margin: 0px;} .left .search input { margin-bottom: 4px;} .left .search select { margin-bottom: 4px;} .left .search .input { border: inset 1px #ccc; font-size: 11px; padding: 2px;} .left .search .arrow { width: 22px; height: 20px;} .left .search .arrow:hover {} .left .search .arrowIE { width: 22px; height: 20px;} /*\ IE/Win min height hack */ * html .searcharrow { margin: -25px 0px 0px 150px; } /* */ .searcharrow { padding: 0px 5px 0px 0px; margin: -24px 0px 0px 150px; top: 0px; background: none; float: right;} .left .search p { padding: 5px 0px; margin: 0px; font-size: 10px;} .left .search p a { padding-left: 15px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .right { float: left; width: 200px; padding-top: 15px;} .right ul { padding: 10px 10px 0px 10px; margin: 0px; } .right li { padding: 0px; margin: 0px; list-style-type: none;} .right h2 { background: url(../Images/right_bkg_h2.gif) no-repeat left top; padding: 10px 10px 0px 10px; font-size: 14px; margin: 0px;} .right li a { font-size: 11px;} .right li a:visited { } .right .SiteMenu { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;} .right .SiteMenu li { font-size: 11px; letter-spacing: -1px; font-weight: bold;} .right .SiteMenu li a { padding: 2px 0px; display: block; border-bottom: solid 1px #e9e9e9; } .right .SiteMenu li a:visited {padding: 2px 0px;} .right .SiteMenu li a:hover {padding: 2px 0px;} .right .ArticleOptions { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px; } .right .ArticleOptions ul { padding: 5px 10px; margin: 0px;} .right .ArticleOptions li { padding: 2px 0px;} .right .ArticleOptions .EmailToFried { padding-left: 15px; background: url(../Images/ArticleOptionsEmail.png) no-repeat left center;} .right .ArticleOptions .PrintArticle { padding-left: 15px; background: url(../Images/ArticleOptionsPrint.png) no-repeat left center;} .right .ArticleOptions .RemoveFavorites { padding-left: 15px; background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;} .right .ArticleOptions .AddToFavorites { padding-left: 15px; background: url(../Images/ArticleOptionsFavorites.png) no-repeat left center;} .right .ArticleOptions .ArticlesToRead { padding-left: 15px; background: url(../Images/ArticleOptionsRead.png) no-repeat left center;} .right .ArticleOptions .RemoveRead { padding-left: 15px; background: url(../Images/ArticleOptionsRead.png) no-repeat left center;} .right .PopularArticles { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;} .right .PopularArticles li { } .right .PopularArticles li a { font-size: 10px; display: block; padding: 2px 2px; margin: 0px; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #fff;} .right .PopularArticles li a:visited { padding: 2px 2px; margin: 0px;} .right .PopularArticles li a:hover { padding: 2px 2px; margin: 0px; text-decoration: none;} .right .RightArticleHistory { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;} .right .RightArticleHistory li { } .right .RightArticleHistory li a { font-size: 10px; display: block; padding: 2px 2px; margin: 0px; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #fff;} .right .RightArticleHistory li a:visited { padding: 2px 2px; margin: 0px;} .right .RightArticleHistory li a:hover { padding: 2px 2px; margin: 0px; text-decoration: none;} .right .FavoriteArticles { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px; } .right .ArticlesToRead { background: #f8f8f8 url(../Images/right_bkg_bottom.gif) no-repeat left bottom; margin-bottom: 10px; padding-bottom: 10px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .footer { padding: 10px 0px 10px 220px; width: 680px; margin: 0 auto; background: #f8f8f8; clear: both; color:#61614e;} .footer p { padding: 0px; margin: 0px; font-size: 10px;} /* Paging */ .Paging { text-align: right; padding: 6px; margin: 5px 0px; font-size: 10px; line-height: 15px;} .Paging strong { letter-spacing: -1px;} .Paging a { display: inline; padding: 2px 5px; } .Paging a:visited {} .Paging a:hover { text-decoration: none;} .PagingDisabled { display: inline; padding: 2px 5px;} .PagingCurrentPageNumber { display: inline; font-weight: bold; padding: 2px 5px;} .msgWarning { background-image: url('../Images/warning.gif'); background-repeat: no-repeat; background-position: 6px 7px; font: normal 11px/18px Tahoma; padding: 5px; margin-bottom: 15px; padding-left: 25px; border: dotted 1px #C0C0C0; background-color: lightyellow; color: #333333; text-decoration: none; display: ''; z-index:1000; width: 220px; } /* Spread the Word */ .SpreadTheWord { } .SpreadTheWord ul { padding: 0px; margin: 0px; } .SpreadTheWord li { padding: 0px 2px; margin: 0px; list-style-type: none; display: inline; font-size: 10px; line-height: 18px;} .ArticleExtraContent { font-size: 11px;} .ArticleExtra ol, .ArticleExtra ol li { font-size: 11px;} .ArticleExtra ul, .ArticleExtra ul li { font-size: 11px;} .ArticleExtra ul { padding-top: 0px; padding-bottom: 0px; margin:0px; list-style-type: none; padding-left: 20px;} .ArticleExtra li {list-style-type: none;} .ArticleExtra ul li a { font-size: 11px; display: block; padding-left: 20px;}