/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: 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 override *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! More information about styling your Thesis installation using this file can be found in the User\'s Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ body.custom { background: #CCCCCC; /* primary background color */ background-image: url(/images/afa_gradient_top4.png); /* top of screen gradient - comment out if using type 2 header! */ background-repeat: repeat-x; } .custom #page { background: #CCCCCC; background-image: url(/images/afa_gradient_top4.png); background-repeat: repeat-x; } .custom #header { /* the top of the page */ padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; background: #FFFFFF; /* really just for debugging for me */ border-bottom: none; } .custom #footer { /* the top of the page */ padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; background: #FFFFFF; /* really just for debugging for me */ border-top:none; } .custom #header_logo { /* logo in header - can be just left side or full width depending on type class */ float:left; background-repeat: no-repeat; } .custom #header #header_logo { /* a left side of the header logo */ height:85px; width:180px; background-image:url(/images/afa_gradient_top4.png); /* just put up the gradient and we\'ll put an image over it in the html */ background-repeat: repeat-x; } .custom #header #header_contact { /* contact info on right side of header */ height: 85px; width:180px; background-image:url(/images/afa_gradient_top4.png); background-repeat:repeat-x; background-position: right; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #660c12; text-align:center; float:right; } .custom #header #header_contact a { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #660c12; } .custom #header #header_contact a:hover { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #FFFF00; } .custom #header #header_contact a:link { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #660c12; } .custom #header #header_contact a:visited { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #660c12; } .custom #header #header_slogan { /* the slogan in the header */ font-size: 24px; font-weight:bolder; color: #660c12; /* Official Agile For All burgundy text color */ font-family:Verdana; text-align:center; height:85px; background-image:url(/images/afa_gradient_top4.png); background-repeat: repeat-x; } .custom #content_box { /* background: #50758E; */ background: #FFFFFF; } .boxtop { /* right side box top graphic */ background-image:url(/images/boxtop1.gif); width:300px; height:17px; } .boxmiddle{ /* right side box data area */ background-image:url(/images/boxmiddle.gif); background-repeat:repeat; padding: 0px 10px; } .boxmiddle h1 { color: #FFFFFF; } .boxmiddle p.quote { color: #FFFFFF; font-size: 14px; } .boxbottom { /* right side box bottom */ background-image:url(/images/boxbottom1.gif); width:300px; height:13px; } #boxseparation { /* When you want another box, separate them! */ height:.25em; } .custom #sidebars { width: 300px; border: 0; float: right; padding-top: 10px; padding-right: 10px; } .custom #footer { /* footer for pages */ padding: .3em 0; background-image:url(/images/footer1.jpg); /* nice burgundy\'ish graphic with rounded edges */ background-position: center; background-repeat: no-repeat; height: 62px; color: #FFFFFF; /* we can and do put text over the graphic */ font-family: Tahoma, Arial; font-weight: normal; font-size: 11px; text-align: center; } .custom #footer p { margin-top: 10px; line-height:1.2; font-size:12px; } .custom #footer a { text-decoration: none; } .custom #footer a:link { text-decoration: none; } .custom #footer a:hover { text-decoration:none; } .custom #sidebars h1 { color: #FFFFFF; font-weight: bold; font-size: 24px;} .custom #sidebars h2 { color: #FFFFFF; font-weight: bold; font-size: 24px;} .custom #sidebars h3 { color: #FFFFFF; font-size: 18px;} .custom .sidebar h3 { color: #FFFFFF; font-weight: bold; font-size: 20px;} .custom ul.sidebar_list a { color: #FFFFFF; text-decoration: none; } .custom ul.sidebar_list a:link { color: #FFFFFF; text-decoration: none; } .custom ul.sidebar_list a:hover { color: #FFFFFF; text-decoration: none; } .custom li.widget ul { list-style: disc; padding-left: 2.2em; color: #FFFFFF;} .custom .breadcrumb { font-size: 12px; padding-left: 12px;padding-top: 10px; padding-bottom: 10px; } .custom .comments_closed {display: none;} .custom ul#tabs { background: #EFEFEF; border: 1px solid #ddd; border-left: 0; padding-left: 0px;} .custom .headline_area #noheadline { display:none; } .custom .post_box { padding-top: 0; } .custom .headline_area { margin-bottom: 0; } .custom .format_text h1 { font-size: 2.2em; line-height: 1.2em; color: #660c12; font-weight:bold; padding-bottom:5px;} .custom .format_text h2 { font-size: 1.5em; line-height: 1.5em; color: #660c12; font-weight:bold;} .custom .format_text h2 a:link { font-size: 1.2em; line-height: 1.2em; color: #660c12; font-weight:bold;} .custom .format_text h2 a:visited { font-size: 1.2em; line-height: 1.2em; color: #660c12; font-weight:bold;} .custom .format_text h3 { color: #660c12; font-weight:bold;} .emphasize-note { font-size: 14px; color: #FFFF00; font-weight: bold; font-style: italic; } .boxmiddle a { color: #FFFF00; text-decoration: none; } .boxmiddle h2 a {color: #FFFFFF; } .newsletter td { font: normal 11px Tahoma, Arial; color: #000000; } .newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5 { color: #460a04; margin: 0px; } .newsletter h1 { font-size: 18px; } .newsletter h2 { font-size: 16px; } .newsletter h3 { font-size: 14px; } .newsletter h4 { font-size: 18px; color: white; text-decoration: none; } .newsletter a { font: normal 11px Tahoma, Arial; color: #FFFF00; text-decoration: none; } .newsletter a:hover { color: #660c12; text-decoration: none; } .newsletter a.white-link-underline { text-decoration: underline; color: #FFFFFF; } .newsletter .white-text{ color: #ffffff; } .newsletter .white-text a:link { text-decoration: none; color: #FFFF00; } .newsletter a:visited { text-decoration: none; color: #FFFFFF; } .newsletter .style11 { font-family: Tahoma; font-size: 14px; font-style: normal; font-weight: bold; color: #FFFF00; } .newsletter .style6 { font-size: 24px; font-weight: bold; color: #660c12; } .newsletter .style6 a:hover { font-size: 24px; font-weight: bold; color: #660c12; } .newsletter .style6 a:visited { font-size: 24px; font-weight: bold; color: #660c12; } .newsletter .style6 a:link { font-size: 24px; color: #660c12; font-weight: bold; } .newsletter .style7 {font-size: 18px; font-weight: bold; color: #660c12; } .newsletter .style8 { font-size: 14px; font-weight: bold; } .custom .course .onlygraphic{ width: 300px; text-decoration: none; display:none; } .custom .course #graphic1{ float: left; width: 150px; text-decoration: none; display:none; } .course #graphic2 { /* display:inline; */ text-decoration: none; width: 150px; display:none; } #sidebars .course h1 { padding: 10px 0px; font-size: 20px; color: #FFFFFF; font-weight: bold; } #sidebars .course h2 { padding: 10px 0px; font-size: 16px; color: #FFFFFF; font-weight: bold; } #sidebars .course p { color: #FFFFFF; font-size: 14px; } .custom .recentps ul li a { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .recentps ul li a:link { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .recentps ul li a:hover { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .recentps ul { list-style: disc; padding-left: 2.2em; color: #FFFFFF;} .custom .recentps h2.widgettitle { padding-bottom: 10px; text-align: center; } .custom .recentps .post-stats { font-size: 10px; font-weight: bold;} .custom blockquote { border: 0; background:url(/images/quote.gif) no-repeat top left; padding:0 0 0 60px; min-height:50px;} .custom .pop_posts ul li a { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .pop_posts ul li a:link { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .pop_posts ul li a:hover { font-size: 14px; color: #FFFFFF; text-decoration: none; } .custom .pop_posts ul { list-style: disc; padding-left: 2.2em; color: #FFFFFF;} .custom .pop_posts h2.widgettitle { padding-bottom: 10px; text-align: center; } .custom .pop_posts .post-stats { font-size: 10px; font-weight: bold;} .custom #sidebars .pop_posts h3 { padding: 10px 0px; font-size: 24px; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: underline;} .custom .pop_posts ul li {padding-top: 10px;}