/* 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/ */ .custom #title_area {background:#ffffff; padding:1em 0 0.5em; border-bottom:0px;} .custom #header {border-bottom:none; height:145px; padding-top:0; padding-bottom:0; background:url(http://www.GetRidofHighCholesterol.com/blog/wp-content/themes/thesis_151/custom/images/logo_banner.jpg) center left no-repeat;} .custom #header #logo {padding: 1em 0em 0.2em 4em; border:0; margin:0;} .custom #header #logo a {font-family:"Tahoma"; font-size: 1.2em; font-weight:600; color: #0049DA;} .custom #header #tagline {font-family:"Arial"; font-size: 2em; padding: 0em 0em 0em 7.5em; border:0; margin:0; font-weight:400; color: #3aa366;} .custom .comment_time { visibility: hidden; } .custom #multimedia_box { background:#fff; margin:0; padding:0; border:0; } .custom #image_box, #video_box, #custom_box { background:#fff; margin:0; padding:1em 0em 1em 0em; border:0; text-align:center; } .flashit { border: none; } .send_button { border: none; background: transparent; width: 213; height: 91; } input { -moz-border-radius: 5px; /* rounded corners in Mozilla browsers, adjust to a higher value for more roundness */ -webkit-border-radius: 5px; /* works in Webkit based browsers */ font: 14px Arial, Verdana, sans-serif; } .custom h1 {font-weight: bold; color: #302e2e;} /*---:[ Set 6: image of ocean water that slides into a tranquil blue-green color ]:---*/ body.custom { background: #f1f5fe url('images/bluegradient.jpg') repeat-x; } .custom #container { margin-top: 2em; margin-bottom: 2em; } .custom #page { background: #fff; } /*---[ end Set 6 ]:---*/ .custom .comments_closed p {display: none ;} .mediumtext { FONT-SIZE: 1.2em; COLOR: #262626; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: none } .subheadred { FONT-SIZE: 1.6em; FONT-WEIGHT: bold; COLOR: #CC0000; FONT-FAMILY: Tahoma, Arial; TEXT-ALIGN: center } .subheadblack { FONT-SIZE: 1.6em; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: Tahoma, Arial; TEXT-ALIGN: center } .indent { padding-left: 40pt; padding-right: 40pt; } .indent2 { padding-left: 80pt; padding-right: 80pt; } .widget_box_yellow { background: #FFFBCC; border-style: solid; border-color: #E6DB55; padding: .5em; } /*===========================*/ /* Freebies page MLN 09/12/09*/ /*===========================*/ /*------------------------------------*/ /* UNIVERSAL VALUES */ /*------------------------------------*/ /* define text styles */ /* black text */ .black_txt, #nav_bar_line, #body_txt, #banner_txt, .bottom_form_txt, #bottom_form_privacy, #colin_widget_txt, .blue_widget_title, .blue_widget_txt { color: #000000; } /* red text */ .red_txt, #banner_box, #colin_widget_header { color: #CC0000; } /* gray text */ .bottom_form_input, #bottom_menu_attribution, .colin_widget_input, .blue_widget_header { color: #888888; } /* other styling */ .bold_txt { font-weight: bold; } .italic_txt { font-style: italic;} .underline_txt { text-decoration: underline; } /* Tahoma, Arial, sans-serif */ #nav_bar_line, #banner_box, #body_txt, #banner_txt, #bottom_form_privacy, #bottom_menu_attribution, #colin_widget_header, #colin_widget_txt, #colin_widget_txt_1, .blue_widget_header, .blue_widget_title, .blue_widget_txt { font-family: Tahoma, Arial, sans-serif; } /* Arial, sans-serif */ .bottom_form_txt, .bottom_form_input, .colin_widget_txt, .colin_widget_input { font-family: Arial, sans-serif; } /*------------------------------------*/ /* TOP OF SCREEN */ /*------------------------------------*/ /* top navigation placement */ #top_menu { position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; } /* top nav bar line*/ #nav_bar_line { width: 520px; height: 20px; position: relative; top: -22px; right: 0px; bottom: 0px; left: 0px; float: right; text-align: right; font-size: 1.2em; } /* banner wording*/ #banner_box { width: 670px; height: 150px; /*border: 1px solid #000000;*/ position: relative; top: -150px; right: 0px; bottom: 0px; left: 105px; text-align: center; font-weight: bold; font-size: 2.7em; } /*------------------------------------*/ /* PAGE BODY */ /*------------------------------------*/ /* box for video arrow */ #video_arrow { width: 250px; height: 59px; position: relative; top: 0px; right: 0px; bottom: 0px; left: 170px; } /* body list definition */ #body_list { list-style-position: inside; list-style-type: square; } ul#body_list li { margin-bottom: 2em; } /* body text styling */ #body_txt { text-align: left; font-size: 1.5em; line-height: 1.7em; } #body_txt p { margin-bottom: 2em;} /* banner in body text*/ #banner_txt { text-align: center; font-weight: bold; font-size: 2em; margin-top: 1em; margin-bottom: 1em; } /*------------------------------------*/ /* BOTTOM EMAIL FORM */ /*------------------------------------*/ /* arrow for email form at bottom */ #bottom_form_arrow { width: 78px; height: 86px; position: relative; top: -150px; right: 0px; bottom: 0px; left: 255px; float: left; } /* bottom email form box */ #bottom_form { width: 300px; height: 200px; position: relative; top: -50px; right: 0px; bottom: 0px; left: 77px; float: left; } /* bottom email form text styling */ .bottom_form_txt { text-align: left; font-size: 1.4em; padding-left: 18px; } /* bottom email form input boxes */ .bottom_form_input { width: 180px; margin: 0px 0px 2px 0px; text-align: left; font-size: 1em; } /* email form send button */ #send_button_bottom { border: none; position: relative; top: 0px; right: 0px; bottom: 0px; left: 27px; } /* bottom email form privacy statement */ #bottom_form_privacy { text-align: center; font-size: 1.2em; } /*------------------------------------*/ /* FOOTER */ /*------------------------------------*/ /* bottom navigation placement */ /*#bottom_menu { position: relative; top: 150px; right: 0px; bottom: 0px; left: 0px; }*/ /* bottom menu line at end */ /*#bottom_menu_txt { width: 520px; height: 20px; position: relative; top: 128px; right: 0px; bottom: 0px; left: 0px; float: right; text-align: right; font-size: 1.2em; font-family: Tahoma, Arial, sans-serif; color: #000000; }*/ /* bottom Thesis attribution box */ #bottom_menu_attribution { position: relative; top: -10px; right: 0px; bottom: 0px; left: -10px; float: right; text-align: right; font-size: 1em; } /* yellow footer box */ #yellow_footer_box_def { width: 275px; height: 175px; border: 1px solid #E2DF59; background: #FDFDCD; position: relative; top: -210px; right: 0px; bottom: 0px; left: 275px; float:right; } /*------------------------------------*/ /* WIDGETS */ /*------------------------------------*/ /* colin widget body table */ #colin_body_table { padding: 5px 5px 5px 5px; border: 3px solid #DDDDDD; } /* colin widget body table 1*/ #colin_body_table_1 { padding: 2px 2px 2px 2px; border: 3px solid #DDDDDD; } /* colin widget header */ #colin_widget_header { text-align: center; font-size: 1.2em; font-weight: bold; } /* colin widget colin's photo */ #colin_widget_photo { float: left; margin: 0px 5px 0px 0px; } /* colin widget text */ #colin_widget_txt { text-align: center; font-size: 1em; padding-left: 5px; } /* colin widget text 1 */ #colin_widget_txt_1 { text-align: center; font-size: 1em; padding-left: 2px; } /* colin widget arrow */ #colin_widget_arrow { width: 78px; height: 86px; position: relative; top: 0px; right: 0px; bottom: 0px; left: 96px; } /* colin widget form box */ #colin_widget_form { width: 300px; height: 200px; position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; /*float: left;*/ } /* colin widget email form text */ .colin_widget_txt { text-align: left; font-size: 1em; } /* colin widget email form input boxes */ .colin_widget_input { width: 180px; margin: 0px 0px 0px 0px; text-align: left; font-size: 1em; } /* colin widget email form send button */ #send_button_id { border: none; position: relative; top: 0px; right: 0px; bottom: 0px; left: 13px; } /* blue widget testimonials box*/ #blue_widget_box { padding: 5px 5px 5px 5px; border: 1px solid #B0DDE5; background: #E4F0F2; } /* blue widget testimonials header*/ .blue_widget_header { text-align: left; font-size: 1em; line-height: .1em; padding-left: 5px; } /* blue widget testimonials title */ .blue_widget_title { text-align: left; font-size: .9em; font-weight: bold; padding: 0px 5px 0px 5px; } .blue_widget_title p { margin-bottom: .5em; } /* blue widget testimonials body text */ .blue_widget_txt { text-align: left; font-size: 1em; padding: 0px 5px 0px 5px; } .blue_widget_txt p { margin-bottom: 1em; } /* blue widget testimonials separator line */ #blue_widget_line { width: 225px; margin-bottom: 1.2em; } /* yellow widget doctor testimonial box*/ #yellow_widget_box { padding: 5px 5px 5px 5px; border: 1px solid #E2DF59; background: #FDFDCD; } /* This is to move Nav Bar to the right to be flush with text*/ /* .custom .menu { padding: 0 1.1em; } */ /* This is to make Nav Bar text bold ... can be combined with above code*/ .custom .menu { font-weight: bold; } .custom #header { padding-top: 0; } .custom #footer { padding-bottom: 0; } /* This is to put space between each Nav Bar tab*/ /*.custom .menu .tab { margin-right: 1em; }*/