/* 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: #44443f; } .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; } .custom #page { background: #fff; } /* List styling */ li.list_check {list-style-image: url(http://virtual-business-phone.com/wp-content/uploads/2009/01/v_bullet.gif);} /* Added by DC for table styling */ .divider { height: 20px; } .clear { clear: both; height: 0;} .subtitle_left { text-align: right; } .holder { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; color: #333; /* width: 950px; */ margin: 0 auto; } .gradient_stripe { background: #fff url(/myimages/gradient_stripe.png) repeat-x left center; height: 22px; margin-bottom: 20px; } .main_content { /* width: 600px; float: left; */ color: #393939; font-size: 14px; line-height: 18px; } .main_content a { color: #10679f; } .main_content h1 { font-size: 22px; color: #5c9300; margin: 0px 0px 10px 0px; } .main_content h2 { font-size: 20px; color: #5c9300; font-weight: normal; margin: 0px 0px 10px 0px; } .main_content h3 { font-size: 18px; font-weight: normal; margin-top: 20px; } .main_content h4 { font-size: 16px; font-weight: normal; line-height: 22px; } .main_content h4 span { font-weight: bold; color: #5c9300; } .big_ticks { font-size: 18px; font-weight: normal; list-style-type: none; padding: 0; margin: 0; } .big_ticks li { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 28px; background: url(/myimages/tick_big.png) no-repeat left center; height: 20px; } .small_ticks { list-style-type: none; padding: 0; margin: 15px 0px 0px 0px; } .small_ticks li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 24px; background: url(/myimages/tick_small.png) no-repeat left top; } /*Signup*/ .signup_table { border: solid 5px #bbb; font-size: 12px; margin-bottom: 40px; } .signup_table h2 { font-weight: bold; } .signup_table th { border-bottom: solid 1px #bbb; } .signup_table th, .signup_table td { padding: 7px; } .signup_table .pro, .signup_table .medium, .signup_table .mini { margin: 3px; } .signup_table .pro { color: #316d09; } .signup_table .medium { color: #7ca734; } .signup_table .mini { color: #9fc21e; } .signup_table .right { border-left: solid 1px #bbb; font-weight: bold; } .signup_table .row .last { border-bottom: solid 1px #bbb; } .signup_table tr.odd { background: #f3f3f3; } .signup_table .price { font-size: 20px } .signup_table sup { font-weight: normal; font-size: 13px; } .signup_table .left { width: 28%; } .subtitle_left { text-align: left; } a.signup_button2 { background: url(/myimages/button_signup.gif) left top; height:37px; width: 126px; float: left; margin: 4px 0px 4px 2px; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; line-height: 38px; } .signup_button2:hover { background: url(/myimages/button_signup.gif) left bottom; height:37px; width: 126px; float: left; color: #fff; } /* table styles */ table.supportmatrix, div.summary table { border: none; border-collapse: collapse; margin: 0; } table.fullmatrix { /*clear: right; margin: 0 0 20px 20px; float: right; */ } div.summary table { margin: 1px 0 5px 10px; float: right; } table.supportmatrix th, table.supportmatrix td, div.summary table th, div.summary table td, div.summary table caption { font-size: 0.85em; color: #666; padding: 2px 4px; } .section table.fullmatrix th, .section table.fullmatrix td { font-size: 1em; padding: 3px 6px; border: 1px solid #abc; } div.summary table caption { color: #99acca; min-height: 15px; /* Allows for 'expand' image */ } div.summary table caption img { vertical-align: top; } div.summary table.browsers caption { padding-left: 19px; } table.supportmatrix th, div.summary th { text-align: right; vertical-align: top; background: #fff; border: 1px solid #fff; } div.summary table th { border-top: 1px solid #c0d0e0; } div.summary table th, div.summary table td { text-align: center; } table.fullmatrix th { background: #f4f8fd; } table.supportmatrix td, div.summary td { text-align: center; border: 1px solid #fff; } td.full { background: #beb; } td.partial { background: #fdb; } td.none { background: #ccc; } td.buggy { background: #fbb; } td.info { background: #def; }