/* File: custom.css Description: Custom styles for the Almost Spring that you define Use: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them Why this works: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! */ /* Fancy background - http://diythemes.com/thesis/custom-backgrounds/ */ body.custom { background: #478FAA; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 82%; } /* Standard body links */ .custom a { text-decoration: none; } .custom a:link { color: #000000; } .custom a:visited { color: #555555; text-decoration: line-through; } .custom a:hover, .custom a:active { color: #000000; text-decoration: underline; } /* Header backgrounds */ .custom #header { padding: 2px 0 5px 0px; background-color: #FF699F; border-bottom: 2px #F3F3F3; } /* Header Styles */ .custom #header h1 { margin: 0; font-size: 1.4em; padding: 5px 0px 0px 5px; } .custom #header h1 a { text-decoration: none; /* color: #5F90C2; */ color: #FFF; } .custom #header h1 a:hover { text-decoration: underline; font-weight: bold; color: #E61577; background-color: #FFC658; } /* Top header links */ /* Header Bottom */ .custom #headerbottom { /* background: #FFFFFF url(images/logo.jpg); height: 118px; width: 382px;*/ margin: 0px; padding: 0px 0px 0px 0px; } .custom #headertitlebottom { text-align: left; float: left; margin: 0px; padding: 50px 0px 0px 0px; } /* Header Right */ .custom #headerright { /* width: 400px; */ float: top; text-align: right; margin: 0px; padding: 5px 0px 5px 0px; font-family: Arial; } .custom #headerright li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } .custom #headerright ul { margin: 0px; padding: 0px; } .custom #headerright a, .custom #headerright a:visited { color: #64707B; font-weight: normal; margin: 0px; padding: 6px 6px 6px 6px; text-decoration: none; } .custom #headerright a:hover { font-weight: bold; text-decoration: underline; background-color: #000000; } /* Header Left */ .custom #headerleft { /* background: #FFFFFF url(images/logo.jpg); */ color: #000000; font-size: 3.0em; font-weight: normal; font: "Arial" float: bottom; text-align: left; letter-spacing: -2px; } .custom #headerleft li { display: inline; list-style-type: none; margin: 0px; padding: 0px; } .custom #headerleft ul { margin: 0px; padding: 0px; } .custom #headerleft a, #headerleft a:visited { color: #FFFFFF; margin: 0px; padding: 6px 6px 6px 6px; text-decoration: none; } .custom #headerleft a:hover { color: #FFFFFF; text-decoration: underline; } /* Header tagline just below the header graphics */ .custom #headertagline { font-size: 1.3em; font-weight: normal; font: verdana; text-indent: 10px; letter-spacing: -2px; } /* Top most site border & menu */ .custom #TopMostSiteMenuBorder { padding: 0px 0px 0px 0px; background-color: #FFC75A; /* background-color: #FFC75A; light version */ border-bottom: 1px solid #FFEFF7; border-top: 1px solid #FFEFF7; } /* TopMostSiteMenuBorder Styles */ .custom #TopMostSiteMenuBorder a { font-family: Verdana, Tahoma; font-size: 1.6em; font-weight: bold; text-decoration: none; text-align: left; color: #E71473; /* color: #E71473; light version */ } .custom #TopMostSiteMenuBorder a:link { text-decoration: none; color: #E71473; /* color: #E71473; light version */ } .custom #TopMostSiteMenuBorder a:hover { text-decoration: underline; color: #E71473; /* color: #E71473; light version */ } .custom #TopMostSiteMenuBorder a:visited { text-decoration: underline; color: #E71473; /* color: #E71473; light version */ } .custom #TopMostSiteMenuText { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; margin: 1.2em 0; font-family: "sans-serif"; margin: 0 0; font-size: .92em; font-style: normal; font-weight: bold; background-color: #FFC75A; /* background-color: #FFC75A; */ color: #000000; vertical-align: left; } /* Menu found below the header text, this is a set of links */ .custom #hHeaderMenu { padding: 0px 0px 0px 14px; background-color: #E6E6E6; border-bottom: 1px dotted #BBBBBB; border-top: 1px solid #999999; border-left: 1px solid #555555; border-right: 1px solid #555555; } /* hHeaderMenu Styles */ .custom #hHeaderMenu a { margin: 0; text-decoration: none; font-family: Verdana, Tahoma; color: #222222; } .custom #hHeaderMenu a:hover { text-decoration: underline; color: #FF0C7B; background-color: FFE52F; } .custom #hHeaderMenuText { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; margin: 1.0em 0; font-family: "sans-serif"; margin: 0 0; font-size: 1.0em; font-weight: normal; background-color: #E6E6E6; color: #000000; vertical-align: middle; } .custom #hHeaderAds { padding-top: 0px; padding-bottom: 0px; padding-left: 40px; margin: 1.2em 0; font-family: "sans-serif"; margin: 0 0; font-size: .92em; font-style: normal; font-weight: bold; background-color: #FF699F; color: #000000; vertical-align: middle; } /* h1..h4 menu */ custom.h1, custom.h2, custom.h3, custom.h4, custom.h5, custom.h6 { margin: 1.2em 0; font-family: Arial, "Ms Trebuchet", "Lucida Grande", Tahoma, sans-serif; color: #5F90C2; } custom.h1, custom.h2 { font-size: 1.4em; } custom.h3 { font-size: 1.3em; } custom.h4 { font-size: 1.2em; } custom.h5 { padding-top: 2px; margin: 1.2em 0; font-family: "Tahoma, Arial, sans-serif"; margin: 0 0; font-size: 1.05em; background-color: #F4D8A4; width: 175px; height: 20px; color: #7C317E; text-indent: .32em; font-weight:bold; text-align: left; vertical-align: middle; } custom.h6 { margin: 0 0; text-indent: 0em; text-align: left; font-size: 1.0em; background-color: #FCFCFC; } custom. #h7 { padding-top: 2px; margin: 1.2em 0; font-family: "Tahoma, Arial, sans-serif"; margin: 0 0; font-size: 1.05em; background-color: #D9ECDF; width: 468px; height: 20px; color: #000000; text-indent: .32em; font-weight:bold; text-align: left; vertical-align: middle; } custom. #h8 { background-color: #FFFFFF; color: #FFFFFF; width: 468px; height: .1px; font-weight: normal; } custom. #h9 { background-color: #FFFFFF; color: #FFFFFF; font-size: 1.65em; width: 468px; height: .1px; font-weight: normal; } /* SideBar Menu for Column 2*/ .custom #sidebar2 h2 { color: #C60D07; } /* SideBar Menu for Column 1*/ .custom #sidebar h2 { color: #FF2406; } /* Border sides for the blog */ .custom #wrapper { border-left: 2px solid #CFDBE8; border-right: 2px solid #CFDBE8} /* Blog content */ .custom #content { border-right: 0px dotted #41627e; } /* Blog Post title */ .custom .posttitle { overflow: none; } .custom .posttitle a:hover, .custom .posttitle a:active { background: #FCFCFC; color: #000000; } /* Blog Post read more entry */ .custom #postreadmore { color: #FF0000; } .custom #postreadmore a:link, #postreadmore a:visited { color: #FF0000; } /* Blog Post author */ .custom .postmeta { color: #FF0000; font-family: georgia font-style: italic; font-weight: bold; font-size: .8em; padding-left: 5px; } .custom .postmeta a, .custom postmeta a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #eee; } .custom postmeta a:hover { color: #111; } /* Blog post quotes */ .custom blockquote { margin: 0 20px; padding: 0 20px; border-left: 4px dotted #78B939; font-size: 0.9em; background-color: #F1F5FA; } /* Boxes */ .custom #BoxesStandard { font-color: #E61577; color: #E61577; background-color: #FEEEF6; border-left: 1px #000000; border-right: 1px #000000; border-top: 2px #000000; border-bottom: 2px #000000; padding-left: 1px; } /* Header Left */ .custom #headertitleleft { text-align: left; float: left; margin: 0px; padding: 0px 0px 0px 0px; } .custom #topsidebarheadlines { float: left; padding: 1.8em 20px 0 10px; font-size: 0.9em; voice-family: "\"}\""; voice-family: inherit; width: 340px; } /* topsidebarheadlines Styles */ .custom #topsidebarheadlines img { width: 330; height: 193; } .custom #topsidebarheadlines h2 { display: inline; margin: 1.2em 0 0.6em 0; padding: 0 10px 0 0; background-image: none; font-size: 1.1em; font-family: "Ms Trebuchet", "Lucida Grande", Tahoma, sans-serif; color: #FF0000; letter-spacing: -1px; } .custom #topsidebarheadlines ul { margin: 0; padding: 0; list-style-type: none; } .custom #topsidebarheadlines ul li { } .custom #topsidebarheadlines ul ul { margin: 1.2em 0; border-top: 1px solid #E8E7D0; background-color: #FDFDFD; } .custom #topsidebarheadlines ul ul li { padding: 0 0 0 10px; border-bottom: 1px solid #E8E7D0; } .custom #topsidebarheadlines ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; voice-family: "\"}\""; voice-family: inherit; width: 340px; } html>body .custom #topsidebarheadlines ul ul li a { width: 340px; } .custom #topsidebarheadlines ul ul li a:hover { background-color: #FCFCFC; } /* Nested lists? */ .custom #topsidebarheadlines ul ul ul { margin: 0; border: none; } .custom #topsidebarheadlines ul ul ul li { margin: 0 0 0 -10px; padding: 0 0 0 25px; border-bottom: none; border-top: 1px solid #E8E7D0; } .custom .custom #topsidebarheadlines ul ul ul li a { margin: 0 0 0 -25px; padding: 2px 10px 0 25px; voice-family: "\"}\""; voice-family: inherit; width: 330px; } html>body .custom #topsidebarheadlines ul ul ul li a { width: 330px; } /* Featured found below the header text menu, this is a set of articles */ .custom #FeaturedArticle { padding: 0px 0px 0px 34px; background-color: #EBE9DC; font-family: Palatino Linotype, Verdana, Tahoma; color: #3B3E35; font-size: 1.2em; border-bottom: 1px dotted #BBBBBB; border-top: 1px solid #999999; border-left: 1px solid #FCFCFC; border-right: 1px solid #FCFCFC; } /* hHeadlineArticles Styles */ .custom #FeaturedArticle a { margin: 0; text-decoration: none; color: #144CAA; } .custom #FeaturedArticle a:hover { text-decoration: underline; background-color: FFE52F; } .custom .FeaturedArticleTitle a:hover, .custom .FeaturedArticleTitle a:active { background: #E6E6E6; color: #000000; } /* Headlines found below the header text menu, this is a set of articles */ .custom #TopStoryHeadlines { /* padding: 0px 0px 0px 34px; background-color: #FCFCFC; color: #000000; font-size: .8em; border-bottom: 1px dotted #BBBBBB; border-top: 1px solid #999999; border-left: 1px solid #FCFCFC; border-right: 1px solid #FCFCFC; */ display: block; padding: 0 10px 0 36px; float:left; background: url(images/arrow.gif) no-repeat center right; font-size: 1.0em; letter-spacing: 1px; font-family: "Ms Trebuchet", "Lucida Grande", Tahoma, sans-serif; color: #666666; /* 1079CE */ width: 240px; } /* TopStoryHeadlines Styles */ .custom #TopStoryHeadlines a { margin: 0; text-decoration: none; } .custom #TopStoryHeadlines a:hover { text-decoration: underline; background-color: FCFCFC; } .custom .TopStoryHeadlines ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; voice-family: "\"}\""; voice-family: inherit; width: 240px; } .custom .TopStoryHeadlines a:hover, .custom .TopStoryHeadlines a:active { background: #FCFCFC; color: #000000; } .custom #TopStoriesHeader { padding-top: 5px; padding-bottom: 0px; padding-left: 34px; float:left; margin: 0 0; font-family: Palatino Linotype, Verdana, Tahoma; margin: 0 0; font-size: 1.9em; font-weight: normal; background-color: #FCFCFC; color: #FF0000; text-align: left; } .custom #mid-col-1 { position:relative; padding: 0 0 0 0px; top:0; float:left; left:0; width:35%; } .custom #mid-col-2 { position:relative; padding: 0 0 0 0px; top:0; float:left; left:15%; width:35%; } .custom #mid-col-3 { position:relative; padding: 0 0 0 0px; top:0; float:left; left:262px; width:130px; } .custom #mid-col-4 { position:relative; padding: 0 0 0 0px; top:0; float:left; left:360px; width:120px; } .custom #TopStoryHeadlinesColumns { float: left; padding: 2px 2px 2px 2px; margin: 10px 0 0 10px; font-size: 0.9em; voice-family: "\"}\""; voice-family: inherit; width: 250px; } html>body .custom #TopStoryHeadlinesColumns { width: 190px; } /* Top Story Columns Styles */ .custom #TopStoryHeadlinesColumns h2 { display: inline; margin: 1.2em 0 0.6em 0; padding: 0 10px 0 0; font-size: 1.1em; letter-spacing: -1px; font-family: "Ms Trebuchet", "Lucida Grande", Tahoma, sans-serif; color: #009438; } .custom #TopStoryHeadlinesColumns ul { margin: 0; padding: 0; list-style-type: none; } .custom #TopStoryHeadlinesColumns ul li { } .custom #TopStoryHeadlinesColumns ul ul { margin: 1.2em 0; border-top: 1px solid #E8E7D0; background-color: #FDFDFD; } .custom #TopStoryHeadlinesColumns ul ul li { padding: 0 0 0 10px; border-bottom: 1px solid #E8E7D0; } .custom #TopStoryHeadlinesColumns ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; voice-family: "\"}\""; voice-family: inherit; width: 170px; } html>body .custom #TopStoryHeadlinesColumns ul ul li a { width: 170px; } .custom #TopStoryHeadlinesColumns ul ul li a:hover { background-color: #FCFCFCf; } /* Nested lists? */ .custom #TopStoryHeadlinesColumns ul ul ul { margin: 0; border: none; } .custom #TopStoryHeadlinesColumns ul ul ul li { margin: 0 0 0 -10px; padding: 0 0 0 25px; border-bottom: none; border-top: 1px solid #E8E7D0; } .custom #TopStoryHeadlinesColumns ul ul ul li a { margin: 0 0 0 -25px; padding: 2px 10px 0 25px; voice-family: "\"}\""; voice-family: inherit; width: 155px; } html>body .custom #TopStoryHeadlinesColumns ul ul ul li a { width: 155px; }