/* 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/ */ /* remove dotted line around images */ .custom a:focus, a:active { outline: 0 none; -moz-outline: 0 none; } .custom body { font-size: 11px; } .custom table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0px solid #ffffff; vertical-align: top; } ul.tribe-list { list-style-type:disc; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:13px; } #center-text { text-align: center; } #font-12 { font-size: 14px; } .testimonials p#testimonial { font-size: 12px; line-height: 16px; text-align: left; font-family:Verdana, Geneva, Tahoma, sans-serif; } .testimonials-box p#testimonial-box { font-size:13px; text-align:justify; border:thin black solid; padding:8px; font-family:Verdana, Geneva, Tahoma, sans-serif; background-color:#fef8e8; } .testimonials p#testifier { font-size: 13px; text-align: left; font-family:Verdana, Geneva, Tahoma, sans-serif; /*margin-top: -50px;*/ } .testimonials p#testifier_source { font-size: 13px; margin-top: -5px; text-align: left; font-family:Verdana, Geneva, Tahoma, sans-serif; } #list-padded { width: 450px; } #list-padded li { padding-bottom: 15px; } .main { font-family : Verdana; font-size : 21px; font-weight : normal; text-decoration : none; color : #000000; } .main-13 { font-family : Verdana; font-size : 18px; font-weight : normal; text-decoration : none; color : #000000; } .main-13-color { font-family : Verdana; font-size : 13px; font-weight : bold; text-decoration : none; color :orange; } .main-13-purple-bold { font-family : Verdana; font-size : 13px; font-weight : bold; text-decoration : none; color :purple; } .tribe-header { font-family : Verdana; font-size : 20px; font-weight : bold; text-decoration : none; color : #000000; } .tribe-header-purple { font-family : Verdana; font-size : 20px; font-weight : bold; text-decoration : none; color :purple; } .tribe-header-color { font-family : Verdana; font-size : 20px; font-weight : bold; text-decoration : none; color :orange; } .tribe-2nd-level { font-family : Verdana; font-size : 16px; font-weight : bold; text-decoration : none; color : #000000; } .tribe-2nd-level-color { font-family : Verdana; font-size : 16px; font-weight : bold; text-decoration : none; color :orange; } .format_text input { width: auto; } table.page-sidebar { margin: 0; padding: 0px 10px 0px 10px; vertical-align: top; width: 250px; } .page-sidebar { background-color: #ffffff; margin: 0; text-align: left; vertical-align: top; color: #000000; } .p-small { font-size: 10px; } .font-xx-small { font-size: 9px; font-family : Verdana; } .header-48-color { font-family : Verdana; font-size : 48px; font-weight : bold; text-decoration : none; color : orange; line-height : 49px; } .header-48-black { font-family : Verdana; font-size : 48px; font-weight : bold; text-decoration : none; color : #000000; line-height : 49px; } .header-48-purple { font-family : Verdana; font-size : 48px; font-weight : bold; text-decoration : none; color :purple; line-height : 50px; } .header-38-red { font-family : Verdana; font-size : 38px; font-weight : bold; text-decoration : none; color :red; line-height : 40px; } .header-37-color { font-family : Verdana; font-size : 37px; font-weight : bold; text-decoration : none; color : orange; line-height : 38px; } .header-37-black { font-family : Verdana; font-size :37px; font-weight : bold; text-decoration : none; color :#000000; line-height:38px; } .header-32-black { font-family : Verdana; font-size : 32px; font-weight : bold; text-decoration : none; color : #000000; line-height : 33px; } .header-32-red { font-family : Verdana; font-size : 32px; font-weight : bold; text-decoration : none; color :red; line-height : 33px; } .header-29-color { font-family : Verdana; font-size : 29px; font-weight : bold; text-decoration : none; color :orange; line-height : 30px; } .header-29-black { font-family : Verdana; font-size : 22px; font-weight : normal; text-decoration : none; color : #4f0079; line-height : 30px; } .header-26-red-bold { font-family : Verdana; font-size : 26px; font-weight : bold; text-decoration : none; color :red; line-height : 27px; } .header-24-color { font-family : Verdana; font-size : 24px; font-weight : normal; text-decoration : none; color: #cb0069; line-height : 32px; } .header-24-red-bold { font-family : Verdana; font-size : 24px; font-weight : bold; text-decoration : none; color :red; line-height : 25px; } .header-24-black { font-family : Verdana; font-size : 24px; font-weight : bold; text-decoration : none; color : #000000; line-height : 25px; } .main-22-black-bold { font-family : Verdana; font-size : 16px; font-weight :normal; text-decoration :none; color : #262626; } .main-22-black-normal { font-family : Verdana; font-size : 20px; line-height: 26px; font-weight :normal; text-decoration :none; color : #000000; } .main-22-purple-bold { font-family : Verdana; font-size : 22px; font-weight :bold; text-decoration :none; color :purple; } .main-20-black { font-family : Verdana; font-size : 20px; text-decoration : none; color : #000000; } .main-19-orange-italic { font-family : Verdana; font-size : 24px; line-height: 31px; font-weight : normal; text-decoration : none; color: #98863c; } .main-19-black-bold { font-family : Verdana; font-size : 19px; font-weight : bold; text-decoration : none; color : #000000; } .main-19-red-bold { font-family : Verdana; font-size : 19px; font-weight : bold; text-decoration : none; color :red; } .main-19-maroon-bold { font-family : Verdana; font-size : 19px; font-weight : bold; text-decoration : none; color :maroon; } .main-19-maroon { font-family : Verdana; font-size : 19px; text-decoration : none; color :maroon; } .main-19-black-italic { font-family : Verdana; font-size : 19px; font-style:italic; text-decoration : none; color : #000000; } .main-19-black { font-family : Verdana; font-size : 19px; text-decoration : none; color : #000000; } .main-17-black { font-family : Verdana; font-size : 17px; text-decoration : none; color : #000000; } .main-17-black-bold { font-family : Verdana; font-size : 17px; font-weight : bold; text-decoration : none; color : #000000; } .main-17-purple { font-family : Verdana; font-size : 17px; text-decoration : none; color :purple; } .main-16-black-normal { font-family : Verdana; font-size : 16px; font-weight :normal; text-decoration :none; color : #000000; } .main-15 { font-family : Verdana; font-size : 15px; font-weight : normal; text-decoration : none; color : #000000; } .main-14 { font-family : Verdana; font-size : 14px; font-weight : normal; text-decoration : none; color : #000000; } .SignUp { color: #df60a1; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; margin-top: 160px; margin-left: 8px; } .signupframe { border: 1px solid #000000; background: #fedb40; margin: -45px auto 0px auto; } .signupframe .required { font-size: 10px; } .buttonSubmit { color: white; background-color:#C7023B; font-size: 1.5em; border: 0; padding: 4px; -moz-border-radius-bottomleft: 8pt; -moz-border-radius-bottomright: 8pt; -moz-border-radius-topleft: 8pt; -moz-border-radius-topright: 8pt; -webkit-border-radius: 8px; -khtml-border-radius:8px border-radius: 8px; behavior: url(border-radius.htc); } .myButton input{ border:0; background: transparent url('http://breakthroughmiracles.com/wp-content/uploads/2011/05/SignUpNow-orange-150.png') no-repeat; width:150px; height:41px; vertical-align:top; } #form_container { background-color:blue; border: 0; margin:0 auto; text-align:left; width:272px; background: url('http://breakthroughmiracles.com/wp-content/uploads/2011/09/GurusSignUpForm_vert.png') no-repeat bottom center; /*('http://breakthroughmiracles.com/wp-content/uploads/2011/05/bluebox-325.png')*/ height:385px; color:#ffffff; font-weight:bold; font-family:Verdana, Geneva, Tahoma, sans-serif; padding:15px; } /* for Breakthrough Miracle Optin form - submit button and image for form */ input.BM { background-color: #faf8d2; color: #c6144e; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 22px; border-top: 2px solid #c6144e; border-left: 2px solid #c6144e; border-right: 2px solid #c6144e; border-bottom: 2px solid #c6144e; padding: 10px 17px !important; margin: 10px 0 0 0; } p.dislaimer { color: #df60a1; font-size: x-small; line-height: 1.0em !important; font-weight: normal; text-align: center; padding-top: 8px; } /*container for Youtube */ #BMform_container_left { padding:15px; } /*container for Optin box on Home page*/ #BMform_container { border: 0; margin: -30px auto; padding: 0; text-align:left; width:330px; background: url('http://breakthroughmiracles.com/wp-content/uploads/2014/03/SignUpForm_vert_03-04-14_3.png') no-repeat top center; /*('http://breakthroughmiracles.com/wp-content/uploads/2011/05/bluebox-325.png')*/ height:355px; color:#ffffff; font-weight:bold; font-family:Verdana, Geneva, Tahoma, sans-serif; } /*container for Optin box */ #BYBD-form_container { border: 0; margin:0 auto; text-align:left; width:272px; background: url('http://breakthroughmiracles.com/wp-content/uploads/2013/04/BYBDSignUpForm_vert.png') no-repeat bottom center; /*('http://breakthroughmiracles.com/wp-content/uploads/2011/05/bluebox-325.png')*/ height:385px; color:#ffffff; font-weight:bold; font-family:Verdana, Geneva, Tahoma, sans-serif; padding:10px; } /* for BirthYourBiggest Dreams Optin form - submit button and image for form */ input.BYBD { background-color: #ffc13a; color: #e40f81; font-weight:bold; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 24px; border-top: 2px solid #df60a1; border-left: 2px solid #df60a1; border-right: 2px solid #df60a1; border-bottom: 2px solid #df60a1; padding: 10px 20px !important; } .td-align-middle { vertical-align: middle; } /* commented out since it was affecting the 21 day signup box button from showing 9-3-12 pam neil .custom .format_text input, #commentform input, #commentform textarea { width:auto; } */ /* 8-guru-secrets and 8-gurus-bio-page */ .guru-hdr1 { color: #cb0167; font-size: 3.3em; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; border:0; margin: 25px 0 0 0; line-height: 1; padding: 0; } .guru-hdr2 { color: #5d1581; font-size: 1.9em; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dotted #5d1581; line-height: 29px; padding-bottom: 5px; margin: 0; } .guru-hdr3 { color: #b80361; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif line-height: 12px; padding: 0; margin: 0; } .gurus .menu {display:none;} .gurus .headline_area {display:none;} .gurus #footer {display:none;} /* end gurus */ .vip-day #content li {padding-bottom:15px;} .vip-day-table { background: transparent; border: 1px solid #000000; vertical-align: top; cellpadding: 20; cellspacing: 20; margin-top: 20; padding: 30; } .soul-reading #content li {padding-bottom:15px;} .soul-reading-table { background: transparent; border: 1px solid #000000; cellspacing: 30; cellpadding: 20; } /* redesign 02-15-12 */ .custom #header #logo { display:none; } .custom #header #tagline { display:none; } body.fullwidthpage .headline_area { position:absolute; top:-1500px; left:-1500px; } /* MENU */ .custom .menu { text-align:center; background: #ffffff url(http://breakthroughmiracles.com/wp-content/uploads/2013/02/YSG_2013_content-bg.jpg) repeat-y; height: 15px; } .custom .menu a { display: inline-block; height: 35px; background: none; text-align: left; width: 85px; Background: url(http://planetsark.com/wp-content/uploads/2011/11/NavSpacer.png) repeat-x; } .custom .menu li { float: none; display: inline; Background: url(http://planetsark.com/wp-content/uploads/2011/11/NavSpacer.png) repeat-x; } .custom .menu li a { float: none; display: inline; Background: url(http://planetsark.com/wp-content/uploads/2011/11/NavSpacer.png) repeat-x; } .custom .menu li ul a { color: #c7023b; position: relative; z-index: 100001; } .custom .menu li li a:hover { position: relative; z-index: 100001; display: inline; } .custom ul.menu a { border:none; font-weight: bold; color:#c7023b; letter-spacing:0px; } .custom ul.menu a:hover { background: #ffffff; } .custom ul.menu .current a { color:#232323; background: none; } .custom ul.submenu { margin-top: 23px; /* keeps submenu high enough to not drop-off from main nav */ padding: 10px; position: absolute; z-index: 100001; background: #ffffff; /* white-space: pre; */ text-align: left; display: inline; width: 165px; border: 1px solid #232323; } .custom ul.submenu a { font-size: 1.3em; margin: 0 0 10px 0; padding: 0 0 8px 0; color: #c7023b; } .custom .submenu li { display: block; margin: 0 0 10px 0; } .custom ul.submenu a:hover { font-size: 1.3em; margin-left: 10px; padding-bottom: 0; color: #c7023b; /* position: relative; z-index: 100001; */ } /* TEXT HEADERS */ .custom h1 { color: #232323; font-size: 28px; line-height: 34px; padding-bottom: 12px; margin: 0; } .headline_area h1 { display: none; } .custom h2 { color: #c7023b; font-size: 24px; line-height: 35px; padding-bottom: 15px; padding-bottom: 20px; margin: 0; } .custom h3 { font-size: 22px; color: #c7023b; } .custom blockquote { font-size: 14px; line-height: 21px; margin: 50px 50px; font-style: italic; padding: 15px 20px 0 25px; border: 1px dotted #98863c; color: #98863c; } /* PAGES AND POSTS */ .headline_area .post { } body.fullwidthpage #content_area .page { width: 820px; margin-left: 25px; } body.fullwidthpage #content_box #content { width: 820px; margin-left: 25px; float:none; } .fullwidthpage-table { background: transparent; border: 1px solid #000000; cellspacing: 20; cellpadding: 20; } .custom #header { border-bottom:none; height:235px; width: 940px; padding-top:0; padding-bottom:0; margin-left: -1px; margin-top: 18px; margin-bottom: 10px; background: #232323 url(http://breakthroughmiracles.com/wp-content/uploads/2015/01/Breakthrough_hdr_01-30-15.jpg) no-repeat; } .custom #page { width: 975px; /* reducing this makes entire site narrower */ padding-top: 0px; padding-bottom:0; margin-left: -50px; /* moves entire site left or right */ margin-top: 0px; margin-bottom: 0; background: #ffffff url(http://breakthroughmiracles.com/wp-content/uploads/2013/02/YSG_2013_content-bg.jpg) repeat-y; } .custom .post { border: 0px dotted #f7ab01; padding: 0; margin: 0 0 0 38px; width: 560px; /* affects posts on blog page only */ } #content_area .page { padding: 0; margin: 0; background: none; /* width: 600; doesn't seem to affect content width on any pg */ } .custom #content_box { background: none; width: 900px; /* moves sidebar hztl in content area, but not up */ padding-bottom:0px; margin-bottom: 0px; margin-top: 5px; /* adjusts space at top of content area */ margin-left: 50px; /* moves main content hztl, doesn't affect sidebar */ } .custom #content { width: 620px; /* changed from 870 */ /* padding:0 50px; margin: 30px 0 0 0px; */ } /* changed home pg width */ .custom #container { /* padding:0 50px; */ margin-bottom: 0; border-right: 1px dotted #f7ab01; width: 865px; /* moves entire site right */ } /* SIDEBAR */ .custom #sidebars { /* margin-right: 60px; */ padding-bottom: 0; padding-left: 15px; margin: 0 8px 0 0px; border-left: 2px dotted #232323; width: 215px; /* changed from 200 */ } /* FOOTER */ .custom #footer { border:none; color: #666666; height:80px; text-align: center; width: 939px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0; margin-left: 1px; background:#ffffff url(http://breakthroughmiracles.com/wp-content/uploads/2013/05/YSG_2013_www-ftr-2.jpg) bottom left no-repeat; } /* end of redesign 02-15-12 */ .fullContentPage #content { width: 860px; /* changed from 870 */ /* padding:0 50px; margin: 30px 0 0 0px; */ } /* changed home pg width */ /* change the background color of the Soulmate pages */ body.soulmate { background: #c7023b; } .soulmate #footer { padding-bottom: 0; border-top: 0em; } .soulmate #footer { display: none; } .soulmate #page { background: #ffffff; } /* great moms giveaway page */ body.great-mom-giveaway #header { border-bottom: medium none; height: 308px; width: 965px !important; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-top: 18px; margin-bottom: 10px; background: url('http://breakthroughmiracles.com/wp-content/uploads/2014/10/saskia-gift-page-banner965.jpg') no-repeat scroll 0% 0% #232323; } .custom.great-mom-giveaway #content { width: 870px; } .custom.great-mom-giveaway .menu { display: none; } .gmgintro { font-size: 18px; } .expertgift { text-align: center; max-width: 65em; padding-top: 1em; font-size: 18px; } .expertinfo { text-align: left; max-width: 85em; padding-top: 1em; font-size: 18px; } .expertphoto { float: left; max-width: 25em; text-align: center; margin-bottom: 4em; margin-right: 1em; padding-top: 1em; } .custom.great-mom-giveaway h2 { color: #FF0A58; font-size: 24px; line-height: 35px; padding-bottom: 20px; margin: 0px; text-align: center; } .custom.great-mom-giveaway .gmgintro h2 { color: #FF0A58; font-size: 36px; line-height: 35px; padding-bottom: 20px; margin: 0px; text-align: center; } .custom.great-mom-giveaway h4 { color: #000; font-size: 42px; font-family: 'Playball', cursive; line-height: 45px; padding-bottom: 20px; margin: 0px; text-align: center; } .custom.great-mom-giveaway h1 { color: #000; font-size: 36px; font-family: 'Playball', cursive; line-height: 39px; padding-bottom: 20px; margin: 0px; text-align: center; } .expertphoto img, .expertphoto img.aligncenter, { margin-top: 1em !important; margin-bottom: 1em !important; } #post-4993 .post_box { padding-top: 0em; }