/* Theme Name: solo theme Theme URI: http://www.mimoymima.com/ Description: based on mym WordPress Shell ... Version: 2.14 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: Oct 11, 2008 ## www.mimoymima.com ## brent@mimoymima.com - - - Color References - - - content_bkg: #f7df9e; pagewrapper_bkg: #e6dfc8; font_color: #9E785D; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ body { color: #9E785D; background: #e6dfc8 url(images/bkg_pagewrapper.png) top repeat-x; } /* Links */ a:link, a:visited { color: #F16522; } a:hover, a:focus, a:active { color: #A07352; } /* Forms */ /* form colors - right now set globally */ .TextInput, textarea, select { font-size: 1.2em; color: #666; background: #F7F5EB; } .TextInput:focus, .TextInput:hover, textarea:focus, textarea:hover, select:focus, select:hover { color: #390; background: #FFC; } dl.InputForm { margin-top: 1.5em; } dl.InputForm dd { margin-bottom: 1em; } #author {} #email {} #url {} #comment {} #Submit { margin-left: 2em; } /* Hide These Elements */ #Masthead h2, #Accessibility { position: absolute; left: -999em; } /* PAGE DIVISIONS - - - - - - - - - - - - - - - - */ /* PageWrapper */ #PageWrapper { font-size: 1.3em; position: relative; width: 918px; margin: 0 auto; } /* Masthead */ #Masthead { margin: 20px 5px 8px 35px; } /* Image Replacement Technique */ #Masthead #MainLogo { width: IMG_WIDTHpx; height: IMG_HEIGHTpx; position: relative; overflow: hidden; } #Masthead #MainLogo span { width: IMG_WIDTHpx; height: IMG_HEIGHTpx; background: url("URL-OF-IMAGE.png") top left no-repeat; display: block; position: absolute; left: 0; top: 0; z-index: 1; } /* MainNav */ #MainNav { position: absolute; top: 40px; left: 230px; } #MainNav .Active a { color: #A07352; } #MainNav ul li { padding-right: 50px; } #MainNav ul li a { font-size: 1.2em; font-weight: bold; text-decoration: none; } /* Page Name Image */ #about #PageNameImage { width: 192px; height: 53px; background: url(images/pagename_aboutus.png) top center; position: absolute; top: -10px; left: 36px; } #news #PageNameImage { width: 205px; height: 54px; background: url(images/pagename_solonews.png) top center; position: absolute; top: -10px; left: 36px; } #why-pilates #PageNameImage { width: 262px; height: 64px; background: url(images/pagename_whypilates.png) top center; position: absolute; top: -10px; left: 30px; } #classes #PageNameImage { width: 163px; height: 54px; background: url(images/pagename_classes.png) top center; position: absolute; top: -10px; left: 36px; } #contact #PageNameImage { width: 235px; height: 49px; background: url(images/pagename_contactus.png) top center; position: absolute; top: -10px; left: 36px; } /* Register Online and Printable Schedule Button */ #Content #PageButtons { position: absolute; top: 35px; right: 58px; } #Content #PageButtons a { padding-left: 10px; } /* Content */ #Content { position: relative; line-height: 150%; padding-top: 80px; padding-bottom: 1em; margin-top: 0; background: url(images/bkg_content.png) top repeat-y; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } #Content #SearchForm { margin-bottom: 2em; } /* Min Height Hack For Background Image */ #Content .Entry { min-height: 500px; height: auto !important; height: 500px;} #Content .Entry h2 { color: #DD8228; font-family: 'trebuchet ms', helvetica, sans-serif; font-size: 2em; line-height: normal; font-weight: bold; } #Content .Entry h3 { color: #DD8228; font-family: 'trebuchet ms', helvetica, sans-serif; font-size: 1.4em; line-height: normal; font-weight: bold; } #Content .Entry p { font-family: 'trebuchet ms', helvetica, sans-serif; font-size: 1.1em; line-height: 1.8em; } #ContentTopCap { height: 33px; background: url(images/content_topcap.png) top left no-repeat; margin-top: 0px; } #ContentBottomCap { height: 37px; background: url(images/content_bottomcap.png) no-repeat; margin-bottom: 0px; } /* Sidebar*/ #Sidebar { padding: 20px 10px 10px 30px; padding-bottom: 325px; padding-right: 40px; width: 222px; float: left; clear: both; background: url(images/solo_woman.png) bottom no-repeat; } #Sidebar ul { list-style-type: none; } #Sidebar h4, #Sidebar h2 { font-size: 1.4em; margin-top: 2em; } #Sidebar h4 img { margin-left: .5em; } /* Search */ #SearchForm { width: 200px; } #SearchForm label { font-size: 1.4em; } #SearchForm #s { width: 166px; } #SearchForm #SearchSubmit { float: right; margin-right: 30px; } /* Newsletter */ #NewsletterForm { width: 200px; margin-bottom: 3em; } #NewsletterForm label { font-size: 1em; } #NewsletterForm .TextInput { width: 160px; margin: 5px; } #NewsletterForm #NewsletterSubmit { float: right; margin-right: 30px; } #Sidebar ul li { margin-top: .5em; } #Sidebar ul li ul { } #Sidebar ul li ul li { } #NewsletterForm label { padding-left: 5px; margin-left: 5px; } #Footer { clear: both; background: url(images/fit_to_the_core.png) 750px 5px no-repeat; padding-bottom: 2em; padding-top: 8px; } /* Min Height Hack For Background Image */ #Footer { min-height: 50px; height: auto !important; } #Footer #mYmCredit { font-size: .9em; float: right; } #Footer .vcard dt, #Footer .vcard dd { display: inline; } #Footer .vcard dt { padding-left: 30px; } #Footer .vcard dd { padding-left: 20px; } /* Wordpress Templates - - - - - - - - - - - */ /* General */ .ErrorMsg, .Page, .Single { width: 570px; padding-left: 5px; position: relative; overflow: hidden; } /*clear both fixes firefox and safari*/ /* 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; } /* Posts */ .Post h2 a { font-size: 1.4em; } .PostDate { font-size: .9em; margin-bottom: .5em; } .Entry {} .Entry p {} .PostMetaData {} .utw {} .Navigation { width: 420px; text-align: right; white-space: nowrap; } .Post_nav {} /* Page */ .Page {} /* Single */ #WPSocial h4 { color: #999; font-size: .9em !important; } #WPSocial a { margin-right: 2px; } /* Comments */ #Comments li { list-style-type: none; clear: both; margin: 2em 0 !important; } .Highlight { background: #EFEFEF; } /*class for author highlight */ #CommentsFormWrapper { clear: both; } #CommentsForm {} .AddComment { padding: 0 0 0 1.6154em; margin-right: 1em; background: url('images/icon_comment.png') 0 50% no-repeat; font-weight: bold; } #AllowedTags { color: #666; float: left; font-size: .7em; width: 200px; } #PostMetaComments, #TrackbackLink { font-size: .9em; clear: both; } #comments-locked {} #respond {} ol#trackbacks {} ol#trackbacks li {} #CommentsHeader { margin-top: 3em !important; } ol#comments {} .highlight {}/*class for author highlight */ .comment-meta { margin-bottom: 1em; } .comment-author { font-size: 1.6em; } .comment-date {} .comment-text {} .avatar { float: left; margin-right: 15px; } .odd {} .even {} #Credits { margin: 5em 3em; } /* Individual Pages - - - - - - - - - - - */ /* About Us */ #about #Content .Entry { padding-right: 250px; background: url(images/img_studio01.png) top right no-repeat; } /* Classes */ #classes #prices { margin-top: 20px; } #classes table#prices th { padding: 5px; color: #f6f3eb; } #classes table#prices td { padding: 5px; color: #5e4b22; text-align: center; } #classes table#prices .text { text-align: left !important; } #classes table#prices th { background:#c4a86d; } #classes table#prices td { background:#dabb7b; padding: 15px 8px; border-top: 1px dotted #c4a86d; } /* Why Pilates */ #why-pilates #Content .Entry { padding-right: 250px; background: url(images/img_studio02.png) top right no-repeat; } /* Solo News */ #news #Content .Page { padding-bottom: 20px; } #news #Content .Post { width: 500px; padding: 20px 0px 25px 0px; border-bottom: 1px dotted #dabb79; } #news #Content .Post h2 { color: #DD8228; font-family: 'trebuchet ms', helvetica, sans-serif; font-size: 1.4em; line-height: normal; font-weight: bold; } /* Contact */ #contact #Content .Entry { padding-right: 250px; background: url(images/img_studio03.png) top right no-repeat; }