/* 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/ */ /*---:[ glossary ]:---*/ .alpha_nav { width: 456px; font-weight: bold; text-align: left; margin: 0 0 1.0em 0; padding: 0; line-height: 120%; float: left; } .alpha_nav ul { margin: 0; padding: 0; line-height: 120%; float: left; } .alpha_nav li { margin: 0; padding: 3px 0; font-size: 83%; line-height: 120%; display: inline; list-style-type: none; float: left; } .alpha_nav li a { color: #259dd9; background-color: #F6E3BB; text-decoration: none; padding: 2px 3px; margin-right: 5px; border: 1px solid #ccc; } .alpha_nav li#current a { color: #fff; background-color: #259dd9; border: 1px solid #259dd9; } .alpha_nav li a:hover { color: #fff; background-color: #E8A62B; border: 1px solid #E8A62B; } #archive_wrap .post h3.alpha_section { font-size: 1.2em; color: #765; margin: 1.5em 0 1.0em 0; } .entry dl { margin: 0 0 1.0em 0; } .entry dt { font-weight: bold; font-family: Tahoma, Helvetica, sans-serif; margin: 0 0 0.5em 0; } .entry dd { margin: 0 0 1.0em 2.0em; line-height: 140%; } .glossary-nav { float:left; margin: 15px 0 15px; } .glossary-nav ul.glossary-alpha li, ul li.none { float:left; display:inline; margin: 0 10px 0 0; padding: 0; list-style-type: none; } ul.glossary-alpha li a { background-color: #e1edf6; border: 1px solid #303c71; padding: 3px; display: block; } ul.glossary-alpha li a:hover { background-color: #303c71; color: #fff; text-decoration:none; } .glossary { clear:both; margin: 0; padding:0; } .readmore-product { padding: 10px 0; } .readmore-rclp { margin-left: 10px; } .readmore a, .readmore-rclp a, .readmore-product a { border-bottom: 1px dotted; clear:both; } .readmore-noclear a { border-bottom: 1px dotted; } .tp, .tp2 { padding: 10px 0 10px 0; clear:both; background-image: url(images/top-arrow.gif); background-position: right 10px; background-repeat: no-repeat; text-align: right; width:100%; height: 18px; } .tp a { padding-right: 15px; } .tp2 { width:944px; } .tp a, .tp2 a { padding-right: 15px; } /*---:[ core layout elements ]:---*/ .custom #header { position: relative; height: 100px; padding: 0 1em; background: url('images/header_bg.gif') repeat-x; border: none; } /*---:[ header image ]:---*/ .custom #header #logo { position: absolute; width: 400px; height: 100px; top: 0px; left: 0px; } .custom #header #logo a { display: block; width: 400px; height: 100px; background: url('images/daily-add-head.gif') no-repeat; text-indent: -9999px; outline: none; } /*nav bar*/ .custom #tabs ul { border-top:6px solid #E8A62B; border-bottom:1px solid #F6E3BB; padding:5px 10px; width:100%; /* you can use the exact width of your site in pixels as well */ } .custom #tabs a { padding:2px 5px /* you can change this depending on how wide you want the block */ color: #000000 /* The color of your menu font */ } .custom #tabs a:hover { background:#FFFFFF /* again, you can adjust this color */ } .custom ul#tabs { background:#F6E3BB none repeat scroll 0 0; }/*preceeding text extended nav bar color to end of header*/ .custom ul#tabs li {margin:0; border:0; background: #F6E3BB; color: #FFFFFF;} .custom ul#tabs li a { text-transform: none;} /*turns off all caps in nav*/ /*---:[ turn off comments closed on posts ]:---*/ .custom .comments_closed { display: none; } /*---:[ change color of horizontal and vertical rules ]:---*/ .custom .post_box, .custom .teasers_box { border-top: 1px solid #259DD9; } .custom #footer { border-top:3px double #259DD9; clear:both; color:#888888; text-align:right;}