/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + Style Sheet for Dr Gary Knouf's personal page + + Created by Harold Bradley III + +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ + created on: 9/22/08 + + updated on: 1/15/09 + + www.drgaryspeaks.com + +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Defaults */ * {margin: 0; padding: 0;} body {font-family: "times new roman", "times", "serif"; color: #353535; /* a dark grey for text */ background-color: #000000; /* black bkgrnd */ background-image: url(images/background.jpg); /* red-black gradient */background-repeat: repeat-x; text-align: center; /* Needed for compatibility with IE5&6. */ min-width: 800px;} a {color: #745d2a;} a:hover {color: #a67e21;} h1 {color: #000000; font-size: x-large; text-align: center; padding: 0;} h1 a {color: #000000; font-size: x-large; text-align: center; padding: 0; text-decoration: none;} h1 a:hover {color: #000000;}/* override the defalt hover */ h2 {color: #000000; font-size: large; text-align: center; padding: 0;} h2 a {color: #000000; font-size: large; text-align: center; padding: 0; text-decoration: none;} h2 a:hover {color: #000000;} h3 {color: #000000; font-size: medium; text-align: right; margin: 0 15px;} h3 a {color: #000000; font-size: medium; text-align: right; padding: 0; text-decoration: none;} h3 a:hover {color: #000000;} h4 {color: #350000; font-size: medium; text-align: center; margin: 0 15px} h4 a {color: #000000; font-size: medium; text-align: center; padding: 0; text-decoration: none;} h4 a:hover {color: #000000;} p {margin-bottom: 10px; text-indent : 40px;} blockquote {margin: 30px; text-align: justify; text-indent: 30px; font-style: italic;} /* Special Hacks */ /* <<<<<<<<<<<<<<<<<<< See if we can't get rid of some of these */ .h_hide_text {display:none;} .h_br {margin: 5px;} .h_float_right {float: right; border: none;}/*ioc home page*/ .h_float_left {float: left; border: none;}/*ioc home page*/ .h_center {text-align: center;} .h_box {border: 1px solid #a67e21;} .h_box_m {border: 1px solid #a67e21; padding: 10px;} /*ioc home page*/ .h_form_a {display: block; padding: 1px 0; border: 1px #f2f2f2; border-style: solid; color: #353535; font-size: small; text-decoration: none;} .h_form_a:hover {color: #000000; border: 1px #a67e21; border-style: solid;} /* Header */ #h_header {margin: 0 auto; width: 800px; height: 115px; background-image: url(images/header.jpg); background-repeat: no-repeat;} /* Wrapper */ /*REMEMBER TO ADD COMMENTS TO EMPTY DIVs (IE6 fix)*/ #h_wrapper {display: block; margin: 0 auto; padding: 0; width: 790px; /* Wrapper height depends on content*/ background-image: url(images/h_wrapper.gif); background-repeat: repeat-y; background-color: #f2f2f2; text-align: left;} #h_wrapper_top {margin: 0 auto; width: 790px; height: 10px; background-image: url(images/h_wrapper_top.gif); background-repeat: no-repeat;} #h_wrapper_bottom {margin: 0 auto; width: 790px; height: 5px; clear: both; /*IE-clear hack*/ background-image: url(images/h_wrapper_bottom.gif); background-repeat: no-repeat;} .h_wrapper_separator {margin: 0 auto; width: 790px; height: 5px; background-image: url(images/h_wrapper_bottom.gif); background-repeat: no-repeat;} /* Footer */ #h_footer {width: 770px; margin: 0 auto; color: #f2f2f2; font-size: x-small; text-align: center;} #h_footer a {color: #f2f2f2; font-size: small; text-decoration: none;} .h_img_validate {margin: 0 auto;} .h_img_validate img {margin: 0 5px; border: none;} /* Separators */ .s1_separator {width: 100%; height: 15px; background-image: url(images/s1_separator.gif); background-repeat: no-repeat; background-position: center;} .s2_separator {width: 475px; height: 15px; background-image: url(images/s2_separator.gif); background-repeat: no-repeat; background-position: center; clear: both;} .s3_separator {width: 425px; height: 15px; background-image: url(images/s3_separator.gif); background-repeat: no-repeat; background-position: center; clear: both;} /*check this width in wordpress theme^^^^^^^^^^^^^*/ .s4_separator {margin: 0 auto; padding: 0px; width: 175px; height: 15px; background-image: url(images/s4_separator.gif); background-repeat: no-repeat; background-position: center;} /* +++ MENU BAR (Animated Menus) +++ */ #h_menu_bar{margin: 0 auto; margin-bottom: 5px; padding: 0; width: 770px; height: 34px; background-image: url(images/menu_bar/menu_bar.jpg); background-repeat: no-repeat; text-align: right;} #h_menu_bar li{margin: 0; padding: 0; height: 34px; /*width is variable*/ float: right; overflow: hidden; list-style: none;} #h_menu_bar li a {padding-top: 35px; display: block;} /*Padding to remove text, block to be able to specify width.*/ #m_about a {background-image: url(images/menu_bar/menu_about.jpg); background-repeat: no-repeat; width: 81px; height: 34px;} #m_about a:hover {background-position: 0 -34px;} #m_about a:active {background-position: 0 -68px;} #m_about_dg a {background-image: url(images/menu_bar/menu_about_dr_gary.jpg); background-repeat: no-repeat; width: 156px; height: 34px;} #m_about_dg a:hover {background-position: 0 -34px;} #m_about_dg a:active {background-position: 0 -68px;} #m_about_us a {background-image: url(images/menu_bar/menu_about_us.jpg); background-repeat: no-repeat; width: 107px; height: 34px;} #m_about_us a:hover {background-position: 0 -34px;} #m_about_us a:active {background-position: 0 -68px;} #m_audio a {background-image: url(images/menu_bar/menu_audio.jpg); background-repeat: no-repeat; width: 77px; height: 34px;} #m_audio a:hover {background-position: 0 -34px;} #m_audio a:active {background-position: 0 -68px;} #m_bio a {background-image: url(images/menu_bar/menu_bio.jpg); background-repeat: no-repeat; width: 53px; height: 34px;} #m_bio a:hover {background-position: 0 -34px;} #m_bio a:active {background-position: 0 -68px;} #m_blog a {background-image: url(images/menu_bar/menu_blog.jpg); background-repeat: no-repeat; width: 65px; height: 34px;} #m_blog a:hover {background-position: 0 -34px;} #m_blog a:active {background-position: 0 -68px;} #m_books a {background-image: url(images/menu_bar/menu_books.jpg); background-repeat: no-repeat; width: 78px; height: 34px;} #m_books a:hover {background-position: 0 -34px;} #m_books a:active {background-position: 0 -68px;} #m_books_audio a {background-image: url(images/menu_bar/menu_books_audio.jpg); background-repeat: no-repeat; width: 139px; height: 34px;} #m_books_audio a:hover {background-position: 0 -34px;} #m_books_audio a:active {background-position: 0 -68px;} #m_books_mp3s a {background-image: url(images/menu_bar/menu_books_mp3s.jpg); background-repeat: no-repeat; width: 139px; height: 34px;} #m_books_mp3s a:hover {background-position: 0 -34px;} #m_books_mp3s a:active {background-position: 0 -68px;} .m_lone_button {margin: 0; margin-bottom: 5px; margin-top: 5px; padding: 0; overflow: hidden; height: 34px; list-style: none;} .m_lone_button a{padding-top: 35px; display: block;} .m_buy_now a{margin: 0 auto; background-image: url(images/menu_bar/menu_buy_now.jpg); background-repeat: no-repeat; width: 106px; height: 34px;} .m_buy_now a:hover {background-position: 0 -34px;} .m_buy_now a:active {background-position: 0 -68px;} #m_contact a {background-image: url(images/menu_bar/menu_contact.jpg); background-repeat: no-repeat; width: 94px; height: 34px;} #m_contact a:hover {background-position: 0 -34px;} #m_contact a:active {background-position: 0 -68px;} #m_contact_us a {background-image: url(images/menu_bar/menu_contact_us.jpg); background-repeat: no-repeat; width: 118px; height: 34px;} #m_contact_us a:hover {background-position: 0 -34px;} #m_contact_us a:active {background-position: 0 -68px;} #m_donate {background-image: url(images/menu_bar/menu_donate.jpg); background-repeat: no-repeat; width: 94px; height: 34px;} #m_donate:hover {background-position: 0 -34px;} #m_donate:active {background-position: 0 -68px;} .m_donate2 a{background-image: url(images/menu_bar/menu_donate2.jpg); background-repeat: no-repeat; width: 94px; height: 34px; padding-top: 35px;} .m_donate2 a:hover {background-position: 0 -34px;} .m_donate2 a:active {background-position: 0 -68px;} #m_home a {background-image: url(images/menu_bar/menu_home.jpg); background-repeat: no-repeat; width: 79px; height: 34px;} #m_home a:hover {background-position: 0 -34px;} #m_home a:active {background-position: 0 -68px;} #m_home_fst a {background-image: url(images/menu_bar/menu_home_fst.jpg); background-repeat: no-repeat; width: 79px; height: 34px;} #m_home_fst a:hover {background-position: 0 -34px;} #m_home_fst a:active {background-position: 0 -68px;} #m_ioc a {background-image: url(images/menu_bar/menu_ioc.jpg); background-repeat: no-repeat; width: 57px; height: 34px;} #m_ioc a:hover {background-position: 0 -34px;} #m_ioc a:active {background-position: 0 -68px;} #m_journal a {background-image: url(images/menu_bar/menu_journal.jpg); background-repeat: no-repeat; width: 88px; height: 34px;} #m_journal a:hover {background-position: 0 -34px;} #m_journal a:active {background-position: 0 -68px;} #m_products a {background-image: url(images/menu_bar/menu_products.jpg); background-repeat: no-repeat; width: 101px; height: 34px;} #m_products a:hover {background-position: 0 -34px;} #m_products a:active {background-position: 0 -68px;} /* +++ SIDE LINKS +++ */ #h_side_links {margin: 10px; padding: 5px 0; width: 210px; float: right; background-color: #f2f2f2; border: 1px #a67e21; border-style: solid; text-align: center; list-style: none; display:inline;/*IE6 bugfix*/} #h_side_links li {display: block; margin: 0 auto; width: 190px; padding: 0; list-style: none;} #h_side_links li a {display: block; padding: 5px; text-align: center; color: #000000; font-weight: bold; font-size: small; border: 1px #f2f2f2; border-style: solid; text-decoration: none;} #h_side_links li a:hover {color: #000000; border: 1px #a67e21; border-style: solid;} #h_side_links img {border-style: none;} /*Link Logos*/ #jfc_logo {text-align: center; margin: 0 auto; display: block; width: 170px; height: 64px; background-image: url(images/jfc_logo_sm.jpg); border-style: none;} #jfc_logo:hover {border-style: none; background-position: 0 -64px;} #jfc_logo:active {border-style: none; background-position: 0 -128px;} #ioc_logo {text-align: center; margin: 0 auto; display: block; width: 170px; height: 64px; background-image: url(images/ioc_logo_sm.jpg); border-style: none;} #ioc_logo:hover {border-style: none; background-position: 0 -64px;} #ioc_logo:active {border-style: none; background-position: 0 -128px;} /* Content */ #h_content{display: inline;/*IE6 bugfix*/ float: left; text-align: justify; width: 525px; margin: 10px; padding: 0px;} #h_content ul {margin: 25px; margin-top: 0;} /* specific content */ /*<<<<<<<<<<<