/* Theme Name: bend and bloom YOGA Theme URI: http://www.mimoymima.com/ Description: jump into the water but test it first Version: 5 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: June 03, 2009 ## brent@mimoymima.com - - - Color References - - - blue: #558699; trail: #98AFC7; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { color: #496079; background: #98AFC7; } /* Sets fonts, page width & margins */ body { min-width: 980px; font: 300 1.5em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } /* serif text - switch this out with the font listing above and change the class name to SansSerif if the site is a serif based site */ .Serif { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #2e4864; } h2 { font-size: 1.3em; padding-bottom: .5em; } /* Links */ a:link, a:visited { color: #0e5098; text-decoration: underline; } a:hover, a:active, a:focus { color: #003366; text-decoration: none; } /* Forms */ /* labels */ label { color: #85C3D6; text-decoration: underline; } label:hover, label:focus { color: #F90; text-decoration: none; } /* text inputs */ input, select, textarea, button { padding: 3px; margin-right: 5px; vertical-align: middle; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } input, select, textarea { color: #CCC; border: 3px solid #a6d0e8; background: #F6F6F6; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #666; background: #EDEDED; border-color: #39C; } /* buttons */ input[type='submit'], button { background: #a6d0e8; border: 0; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; padding: 5px 8px; } input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #39C; } /* Tables */ .DataTable { font-size: 80%; text-align: center; line-height: 135%; } .DataTable strong { font-weight: bold; } .DataTable td, .DataTable th { padding: 4px; text-align: center; width: 20%; color: #e8f0f7; } .DataTable caption { margin-bottom: 0; font-weight: bold; padding-top: 1em; } .DataTable thead th { background: #5a738d; font-size: 1.4em; } .DataTable tbody th { background: #5a738d; vertical-align: bottom; text-align: center; border: 1px solid #98afc7; padding: 8px 4px; } .DataTable tbody td { border: 1px solid #a8bdd3; background-color: #c3d5e8; color: #5a738d; } /* List */ .BulletList { margin: 0 0 2em 0; } /* Quotes */ blockquote { margin: 20px 0 !important; } blockquote cite { font: normal 1.2em cambria, baskerville, cochin, georgia, times, serif; padding: 1em 0 .5em 0; display: block; text-align: right; } /* Hide These Elements but keep them accessible */ #Accessibility, #Footer .vcard { position: absolute; left: -999em; } /* For WP built in editor */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */ /* ÷+÷+÷ HEADER ÷+÷+÷ */ #Header { clear: both; margin: 0 auto; position: relative; width: 980px; height: 290px; } #Header #MainLogo { float: left; margin: 30px 40px 0 30px; } /* MainNav01 */ #MainNav01 { position: absolute; left: 50%; margin-left: -465px; z-index: 10; } #MainNav01 li { text-align: center; } /* Links*/ #MainNav01 a { color: #FFF; font-size: 1.1em; font-weight: bold; text-decoration: none; display: inline; line-height: 1.8em; margin: 16px 12px 3px 12px ; padding: 0 12px; } #MainNav01 a:hover, #MainNav01:active, #MainNav01:focus { color: #2e4864; text-decoration: underline; } /* DownStates*/ #MainNav01 .Active a { color: #bddaee !important; background: url(/images/bkg_nav.png) 0 -400px repeat-x !important; } /* Masthead */ #Masthead { position: relative; margin: 0 auto; padding-top: 50px; height: 240px; width: 980px; background: url(images/alt_header_classes.jpg) bottom left no-repeat; z-index: 5; } #Home #Masthead { position: relative; margin: 0 auto ; height: 400px; width: 980px; background: url(images/alt_header_home.jpg) bottom left no-repeat; } #classes #Masthead { background: url(images/alt_header_classes.jpg) bottom left no-repeat; } #membership #Masthead { background: url(images/alt_header_membership.jpg) bottom left no-repeat; } #studio-tour #Masthead { background: url(images/alt_header_studio_tour.jpg) bottom left no-repeat; } #about-bb #Masthead { background: url(images/alt_header_about.jpg) bottom left no-repeat; } #find-us #Masthead { background: url(images/alt_header_find_us.jpg) bottom left no-repeat; } #new-to-yoga #Masthead { background: url(images/alt_header_new_to_yoga.jpg) bottom left no-repeat; } #kids-program #Masthead { background: url(images/alt_header_kids_program.jpg) bottom left no-repeat; } #prenatal-postnatal #Masthead { background: url(images/alt_header_prenatal.jpg) bottom left no-repeat; } #events-workshops #Masthead { background: url(images/alt_header_events_workshops.jpg) bottom left no-repeat; } #Masthead #SignUpBtn { position: absolute; top: 320px; left: 45px; } /* MainNav02 */ #MainNav02 { } #MainNav02 li { text-align: center; } /* Links*/ #MainNav02 a { color: #99CCFF; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; text-decoration: none; display: inline; line-height: 1.8em; margin: 10px; padding: 0 10px; } #MainNav02 a:hover, #MainNav02:active, #MainNav02:focus { color: #CCC; text-decoration: underline; } /* DownStates*/ /* Search */ #Header #SearchForm { float: right; margin-right: 37px; } #SearchForm input[type='text'] { width: 150px; } /* ÷+÷+÷ CONTENT ÷+÷+÷ */ #ContentWrapper { margin: 0 auto; width: 980px; position: relative; } #ContentWrapper .PageTitle { margin-left: 230px; margin-top: 30px; } #Content { margin: 0 0 20px 210px; line-height: 150%; clear: both; padding: 28px; background-color: #a8bdd3; } #Content p { margin-bottom: 1.5em; } #Content em { font-family: cambria, baskerville, cochin, georgia, times, serif; } /* Posts */ .post { clear: both; padding: 2em 0 3em 0; } .Entry { } .PostDate { color: #999; font-size: .9em; margin-bottom: .5em; } .Entry p {} .utw {} .Post_nav {} .post-edit-link { margin-left: 1em; } .PostMetaData { float: right; } .stbutton { float: left; } /* share this button */ /* Page */ .page {} /* Single */ .Single {} /* Comments */ /* Alternating color highlighting */ .commentlist .thread-even .vcard { background: #FF0; } /* Default - Even */ .commentlist .thread-odd .vcard { background: #0FF; } /* Default - Odd */ /* author highlighting */ .commentlist .thread-even .bypostauthor .vcard {} /* Author - Even */ .commentlist .thread-odd .bypostauthor .vcard {} /* Author - Odd */ /* General Comment Styles */ .commentlist { margin: 0 0 3em 0; } .commentlist .comment { clear: both; list-style-type: none; margin-left: 70px; margin-top: 1em; padding-bottom: 2em; position: relative; } .commentlist .says { display: none; } #respond #comment { width: 90%; } /* Depth 1 Formatting */ .commentlist .depth-1 { margin-left: 0; } /* don't indent the first level of comments */ /* vcard & meta-data */ .commentlist .vcard { height: 63px; color: #000; padding: 0; margin-bottom: 20px; z-index: 1; position: relative; } .commentlist .vcard .avatar { background: #000; border: 2px solid #000; float: left; margin: 0; } .commentlist .vcard .fn { font-size: 1.8em; position: absolute; z-index: 2; top: 15px; left: 80px; } /* commenter's name */ .commentlist .comment-meta { font-size: .9em; line-height: 100%; position: absolute; z-index: 2; top: 40px; left: 80px; } /* date of comment */ /* vcard links */ .commentlist .vcard a, .commentlist .comment-meta a { color: #000; text-decoration: none; } .commentlist .vcard a:hover, .commentlist .comment-meta a:hover, .commentlist .vcard a:focus, .commentlist .comment-meta a:focus { text-decoration: underline; } /* Reply Buttons */ .commentlist li .reply { position: absolute; z-index: 1; top: 40px; right: 7px; } .commentlist li .reply a { text-decoration: none; text-transform: uppercase; margin-top: -1em; vertical-align: middle; display: inline-block; line-height: 150%; height: 14px; font-size: .7em; letter-spacing: 1px; padding: 2px 10px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; } /* even colors */ .commentlist .thread-even .reply a { color: #000; background: #FF0; } .commentlist .thread-even .reply a:hover, .commentlist .threadeven .reply a:focus { color: #FF0; background: #000; } /* odd colors */ .commentlist .thread-odd .reply a { color: #000; background: #0FF; } .commentlist .thread-odd .reply a:hover, .commentlist .threadodd .reply a:focus { color: #0FF; background: #000; } /* Comment awaiting moderation message */ .commentlist .comment div > em { text-align: center; color: #FFF; border: 2px dashed #9DD880; font-family:'myriad pro', 'Neue Helvetica', helvetica, arial, sans-serif !important; font-size: .8em !important; letter-spacing: 2px; font-style: normal; display: block; margin: 1em; padding: 1em 1.5em; line-height: 120%; } .commentlist .comment div > em + br { display: none; } /* Pingbacks */ .commentlist li.pingback {} .commentlist li.pingback.parent {} /* ÷+÷+÷ SIDEBAR ÷+÷+÷ */ #Sidebar { position: absolute; top: 5px; left: 2px; width: 208px; list-style-type: none; margin: 0; padding: 0; } #Sidebar h2 { margin: 2em 0 .5em 0; } #Sidebar ul { list-style-position: inside; } #Sidebar ul li { margin-bottom: 1em; } #Sidebar #SignUpBtn { padding: 0 0 60px 40px; } #Sidebar #SubNav { list-style: none; padding-bottom: 25px; } #Sidebar #SubNav li a { font-weight: bold; } #Sidebar .SoicalLinks { margin-top: 25px; } /* Facebook Code */ #Sidebar iframe { width: 200px !important; margin-top: 50px; } /* Calendar */ #Sidebar #calendar caption { background: #CCC; padding: 5px 0px; } #Sidebar #calendar table { width: 170px; border: solid 1px #CCC; } #Sidebar #calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px; } #Sidebar #calendar table td { text-align: center; padding: 3px 0px; font-size: .8em; } #Sidebar #calendar table td a { font-weight: bold; } #Sidebar #calendar h2 { padding-bottom: 8px; } /* ÷+÷+÷ FOOTER ÷+÷+÷ */ #Footer { margin: 0 auto; top: 900px; height: 300px; width: 100%; line-height: 150%; clear: both; } #Footer #FooterContent { position: absolute; right: 0; width: 675px; height: 183px; background: url(images/bkg_footer.png) top right no-repeat; } /* Footer Links */ #Footer #FooterText { float: left; text-align: right; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CADCE5; font-size: 12px; padding-top: 50px; } #Footer .Address { list-style: none; } #Footer #Copyright { color: #E8E8E8; margin-bottom: .3em; } #Footer a { font-size: 1.4em; } #Footer a:link, #Footer a:visited { color: #E8E8E8; text-decoration: none; } #Footer a:hover, #Footer a:active, #Footer a:focus { color: #E8E8E8; text-decoration: underline; } #Footer a.Active { color: #E8E8E8; } /* mYmCredit */ #Footer #mYmCredit { font-size: 12px; margin: 205px 20px 0 0; float: right; padding: 17px 25px 10px 20px; width: 155px; text-align: right; } #Footer #mYmCredit a { font: 12px 'myriad pro', 'Helvetica Neue', helvetica, arial, sans-serif; letter-spacing: 1px; color: #CADCE5; } #Footer #mYmCredit a#Cred:link, #Footer #mYmCredit a#Cred:visited { text-decoration: none; color: #CADCE5; } /* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */ /* Loading Animation */ .Loading { display: none; position: absolute; left: 10px; top: 10px; background: url(/images/loading.gif); width: 32px; height: 32px; text-indent: -9999em; } /* Show-Hide Content */ .MakeLink { color: #06F !important; text-decoration: none; margin-bottom: .5em; } .MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #C60; text-decoration: underline; } ul.Hide { margin: 0 0 0 1em !important; padding: 0 !important; } /* Indicators */ .Indicator { position: absolute; z-index: 10; text-align: right; left: 0; width: 7em; } .Indicator a { background-color: #FF0; display: block; font-weight: bold; font-size: 12px !important; text-transform: uppercase; color: #09C; text-decoration: none; padding: .5em 1em; } .Indicator a:hover, .Indicator a:focus { background-color: #FFF; text-decoration: underline; cursor: pointer; } #JSInd { top: 30em; } /* SPECIFIC PAGES - - - - - - - - - - - - - - - - */ /* Home Page */ #Home #Header { position: relative; margin: 0 auto ; height: 450px; width: 980px; } #Home #Content { margin: 0 auto; width: 980px; line-height: 150%; clear: both; padding: 0; background-color: #98AFC7; } #Home .Benton { text-transform: uppercase; } #Home #Col1 { position: relative; float: left; width: 490px; } #Home #Col2 { position: relative; float: left; width: 490px; } #Content #News .ReadMore, #Content #Events .ReadMore { margin: 1em 0; } #HomeSocial { position: relative; width: 340px; padding: 20px 20px 10px 20px; margin: 10px 23px 5px 85px; overflow: visible; } #HomeSocial .SoicalLinks { margin-top: 25px; } #Content #News { position: relative; width: 340px; padding: 20px 20px 10px 20px; margin: 60px 23px 5px 85px; overflow: visible; } #Content #News p { letter-spacing: 1px; line-height: 150%; } #Content #News a { letter-spacing: 1px; line-height: 150%; } #Content #Col1 .tagline { margin-left: 245px; } #Content #Col2 .tagline { margin-left: 175px; } #Content #Events { position: left; padding: 20px 20px 10px 20px; width: 340px; margin: 60px 75px 5px 23px; overflow: visible; } #Content #Events p { letter-spacing: 1px; line-height: 150%; } #Content #Events a { letter-spacing: 1px; line-height: 150%; } #Content .ReadMore { text-align: right; } #Home .PostTitle a:link, #Content .PostTitle a:visited { font-size: 16px; text-decoration: none; } #Home #Content h3 { font-size: 18px; margin-top: -50px; padding-bottom: 20px; color: #FFFFFF; } /* Studio Tour */ #studio-tour #Content { background: none !important; padding: 0; } #studio-tour .GallerySet { background-color: #a8bdd3; padding: 20px 16px 15px 21px; margin-bottom: 25px; } #studio-tour .lightview img { padding: 0; border: 2px solid #d8d8d8; margin: 3px; } /* Pricing and Membership */ #membership table /* Category Pages and Events Page*/ .category #Content, .events-workshops #Content { background: none !important; padding: 0; } .category h1, .events-workshops h1 { margin-left: 12px; } #Content .post { background-color: #a8bdd3; padding: 30px 50px; margin: 5px 0 20px 0; } #Content .post h2 a:link, #Content .post h2 a:visited { text-decoration: none; } #Content .post .PostDate { color: #8195ac; font-size: 14px; font-weight: bold; } #Content .post .entry { font-size: 14px; } /* Single Posts */ .single #Content { background-color: none !important; padding: 0; margin-top: 50px; } /* 404 Page */ .page404 #Content { padding: 40px; } .Error404 h1 { padding-bottom: 3em; } .Error404 #SearchForm { padding-bottom: 3em; } /* About Us */ .contactinfo { width: 220px; text-align: right; padding-right: 30px; }