/* Theme Name: mYm Wordpress Shell Theme URI: http://www.mimoymima.com/ Description: dream a little dream of me Version: 5 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: April 17, 2010 -- styling more news button ## brent@mimoymima.com - - - Color References - - - sand: #E8DCC5; grass green: #9CD41C; shade green: #3C9500; dark green: #007200; darker green: #030 link blue: #39C; highlight bkg yellow: #67ce00; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { color: #000; background: #FFF; padding-bottom: 200px; } /* Sets fonts, page width & margins */ body { margin: 90px 0 20px 0; font: 300 1.5em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } #BodyWrapper { min-width: 960px; max-width: 1400px; margin: 0 auto; } .Serif { font-family: cambria, baskerville, cochin, palatino, georgia, times, serif; } /* switch this out with the font listing above and change the class name to SansSerif if the site is a serif based site */ /* Text */ strong { font-weight: bolder; font-family: "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } blockquote { margin: 20px !important; border-left: 3px solid #67CE00; padding-left: 20px; } blockquote cite { font: normal 1.2em cambria, baskerville, cochin, palatino, georgia, times, serif; padding: 1em 0 .5em 0; display: block; text-align: right; } .Intro { font-size: 1.3em; line-height: 170%; color: #030; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: cambria, baskerville, cochin, palatino, georgia, times, serif; font-weight: normal; } h1 { color: #FFF; font-size: 2.4em; } /* for h1s with javascript off */ #Sidebar h3, .WorkPage #Content .post h3 { margin: 2em 0 .5em 0; text-transform: uppercase; font-size: 1.1em !important; padding-top: 50px; background: url(./images/bkg_lotsa-dots.png) -2px 0 no-repeat; } .post h2, .page h2 { line-height: 1.1em; padding-bottom: .5em; background: url(./images/bkg_lotsa-dots.png) -88px -100px no-repeat; margin: 1.5em 0 0 0; padding-left: 50px; font-size: 2.4em; letter-spacing: 1px; } .WorkPage #Content .post h3 { background-position: -2px -300px !important; } .cat_posts h2 { background-position: 0 -100px !important; } .widget_get_recent_comments h2 { background-position: 0 -300px !important; } h3 { font-size: 1.4em; margin: 1.5em 0 1em 0; } #pandoracom h2 { background-position: 0 -400px !important; } /* Links */ a:link, a:visited { color: #FF0; text-decoration: underline; } a:hover, a:active, a:focus { color: #FFF; text-decoration: none; } h2 a:link, h2 a:visited { text-decoration: none !important; } h2 a:hover, h2 a:active, h2 a:focus { text-decoration: underline !important; } /* button look */ .AltLink { line-height: 110%; margin-top: 1em; padding: 3px 10px; font-size: 80% !important; font-weight: bold; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 5px; border-radius: 3px; } .AltLink:link, .AltLink:visited { text-decoration: none; color: #000; background-color: #FF0; } .AltLink:hover, .AltLink:focus { color: #FF0 !important; background-color: #000; } .WorkPage .AltLink:link, .WorkPage .AltLink:visited { color: #000; background-color: #FFF; } .WorkPage .AltLink:hover, .WorkPage .AltLink:focus { color: #FFF !important; background-color: #000; } /* Lists */ ol { padding-left: 1.5em; } .LinkList { list-style-type: none; line-height: 120% !important; } .LinkList li a { padding: 5px 0 5px 0; } .LinkList li a:link, .LinkList li a:visited { text-decoration: none; } .LinkList li a:hover, .LinkList li a:active, .LinkList li a:focus { text-decoration: underline; } .page .BulletList, .post .BulletList { margin-left: 40px; } /* Forms */ /* labels */ label { } /* in Footer area*/ #Footer label { color: #39C; } /* in Content area */ #Content label { color: #FF0; } label:hover, label:focus { color: #F90; text-decoration: none; } /* text inputs */ input, select, textarea, button { padding: .4em; margin: .3em; vertical-align: middle; -moz-border-radius: .5em; -khtml-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; } /* in Content area */ #Content input, #Content select, #Content textarea { border: 2px solid #55BD00; color: #007200; background: #D8FF00; } #Content input:hover, #Content select:hover, #Content textarea:hover { color: #000; border: 2px solid #FF0; } #Content input:focus, #Content select:focus, #Content textarea:focus { color: #000; background: #FF0; border: 2px solid #D8FF00; } /* in Footer area */ #Footer input, #Footer select, #Footer textarea { color: #CCC; border: 3px solid #85C3D6; background: #F6F6F6; } #Footer input:hover, #Footer select:hover, #Footer textarea:hover, #Footer input:focus, #Footer select:focus, #Footer textarea:focus { color: #666; background: #EDEDED; border-color: #39C; } /* buttons */ input[type='submit'], button { border: 0; padding: 4px; display: -moz-inline-box; display: inline-block; overflow: visible; /* IE6 form button fix */ font-size: .9em; text-transform: uppercase; font-weight: bold; vertical-align: middle; overflow: visible; } /* in Content area */ #Content input[type='submit'], #Content button { color: #FF0; background: #3C9500; } #Content input[type='submit']:hover, #Content button:hover, #Content input[type='submit']:focus, #Content button:focus { cursor: pointer; color: #FFF; background: #007200; } /* in Footer area */ #Footer input[type='submit'], #Footer button { color: #FFF; background: #85C3D6; } #Footer input[type='submit']:hover, #Footer button:hover, #Footer input[type='submit']:focus, #Footer button:focus { background: #39C; } /* Tables */ .DataTable td, .DataTable th { padding: 20px; border-collapse: none !important; vertical-align: top; } .DataTable thead th { padding: 30px 20px !important; vertical-align: middle !important; text-align: center; color: #FFF; background: #3E7D0B url(./images/bkg_datatable_th-thead.png) repeat-x top; border-top: 1px solid #39730A; border-right: 1px solid #39730A; border-bottom: 2px solid #39730A; border-left: 1px solid #39730A; font-weight: normal; letter-spacing: 1px; } .DataTable tbody th { color: #FFF; font-weight: normal; text-align: right; background: #559C0C url(./images/bkg_datatable_th-tbody.png) repeat-x bottom; border-right: #39730A 2px solid; border-left: 1px solid #39730A; border-bottom: 1px solid #52A010; border-top: 1px solid #4F9A0F; } .DataTable th a { display: block; color: #B8FF5B; } .DataTable th a:hover { color: #FF0; } .DataTable td { color: #000; background: #79D91A; border-right: 1px dashed #65C114; border-bottom: #65C114 1px dashed; border-top: 1px dashed #65C114; } /* Hide These Elements */ #Accessibility, #Footer .vcard { position: absolute !important; left: -999em !important; } /* Hide these items when Javascript is active */ .jsActive #JSInd, .jsActive #home #ShortGrass, .jsActive .Hide { display: none; } /* For WP built in editor */ img.aligncenter { margin: 2em auto; display: block; } img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; } img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; } /* System Messages*/ .Error { background: #CF5A28 !important; color: #000 !important; } .Error h2 { margin-top: 0; background-position: -88px -500px !important; } .Error a:link, .Error a:visited { color: #F3D60A; } .Error a:hover, .Error a:active { color: #F3D60A; } /* Photos */ .Photo { background: #3C9500; } /* misc */ code { background-color: #2A410B !important; } .Highlight { display: block; background: #67CE00; } .Highlight:hover {background: #83D31A; } /* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */ /* - - - HEADER - - - */ #Header { position: absolute; top: 19px; left: 50%; margin-left: -404px; width: 805px; } #Header #mYmLogo { float: left; margin-top: -20px; } #Header #mYmLogo h2 { margin: 0 !important; } /* MainNav */ #MainNav { } #MainNav li { text-align: center; } #MainNav a { font: 500 1em "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; outline: none; border: none; text-decoration: none; cursor: pointer; white-space: nowrap; vertical-align: middle; display: -moz-inline-box; display: inline-block; overflow: visible; /* IE6 form button fix */ text-decoration: none; margin: 0 3px 3px 0; padding: 1em 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* MainNav Categories */ #MainNav .Main { width: 145px; color: #08BDE6; background: #CAF3FF url(./images/bkg_nav.png) 0 0 repeat-x; } /* MainNav SubCategories (contact and about) */ #MainNav .Sub { width: 110px; color: #4ABD62; background: #C0FAD0 url(./images/bkg_nav.png) 0 -300px repeat-x; } /* rollover states for both */ #MainNav .Main:hover, .Main:active, .Main:focus { color: #0084A3; background: #95E8FF url(./images/bkg_nav.png) 0 -150px !important; text-decoration: underline !important; } #MainNav .Sub:hover, .Sub:active, .Sub:focus { color: #2C8D5C; background: #98F0B3 url(./images/bkg_nav.png) 0 -450px !important; text-decoration: underline !important; } /* DownState and Downstate hover */ #MainNav .Active a { color: #C63 !important; background: #FFED66 url(./images/bkg_nav.png) 0 -750px repeat-x !important; } #MainNav .Active a:hover, #MainNav .Active a:focus { background: #FFED66 url(./images/bkg_nav.png) 0 -600px repeat-x !important; } /* - - - CONTENT - - - */ #Content { font-size: 100%; min-height: 400px; line-height: 150%; clear: both; } #Content p { margin-bottom: 1.5em; } #Content em { font-size: 110%; font-family: cambria, baskerville, cochin, palatino, georgia, times, serif; } /* Sidenote */ .SideNote { float: right; font-size: 80%; font-weight: normal; line-height: 140%; width: 50%; } .SideNote img.alignleft { margin: -10px 0px 2px 10px; } /* Topics List */ .Topics li { list-style: none; } .Topics a { text-decoration: none; } /* Next and Previous Links */ #Content .Navigation { clear: both; margin-top: 50px; } #Content .Navigation a { font-size: 1.6em; } /* Legacy PageNav */ #PageNav a { display: inline-block; padding: 1em; } /* PAGE TYPES - - - - - - - - - - - - - - - - - - - - - - - - */ /* General Page */ .page { display: block; padding: 1em 2em; } /* OneCol */ .OneCol { margin-left: 15%; margin-right: 15%; } /* TwoCol */ .TwoCol { margin-left: 7%; margin-right: 0; width: 93%; } .TwoCol .page, .TwoCol .post { width: 60%; float: left; } /* WorkPage -- pages that show our projects */ .WorkPage { background: #FFF url(./images/bkg_work_default.png) repeat-x top; } .WorkPage .post { width: 611px; float: left; } .WorkPage #Content { width: 920px !important; margin: 0 auto !important; display: block; padding-left: 60px; padding-top: 20px; } .WorkPage #Content a:link, .WorkPage #Content a:link { color: #222222; } .WorkPage #Content a:hover, .WorkPage #Content a:active, .WorkPage #Content a:focus, .WorkPage #Content a:visited { color: #000000; } .WorkPage .WorkDescription { width: 300px; } .WorkPage .flashmovie p, .WorkPage .flashmovie h3, .WorkPage .flashmovie h1, .WorkPage .sociable { margin-left: 20px; } /* Tall Grass */ .mYmTallGrass { background: #88D400 url(./images/bkg_fade_grass_tall.png) repeat-x top; } .mYmTallGrass #TallGrass { width: 100%; height: 71px; position: absolute; top: 420px; left: 0; background: transparent url(./images/bkg_grass_tall.png) repeat-x top; } /* Short Grass */ .mYmShortGrass { background: #55BD00 url(./images/bkg_fade_grass_short.png) repeat-x top; } .mYmShortGrass #Content { margin-top: 170px; } .mYmShortGrass h1 { text-align: center !important; position: absolute; top: 145px; width: 700px; margin-left: -350px; left: 50%; } .mYmShortGrass h1.sIFR-replaced { top: 140px !important; } .mYmShortGrass #ShortGrass { z-index: 100; width: 100%; height: 40px; position: absolute; top: 187px; left: 0; background: transparent url(./images/bkg_grass_short.png) repeat-x top; } /* Listing -- used to display project thumbnails and descriptions on the main nav index pages */ .Listing .ListingLink { text-decoration: none !important; display: block; padding: 1em 2em; margin-bottom: -1em; margin-top: 1em; } .Listing .ListingLink img.alignleft { padding: 0; border: 5px solid #9CD41C; } /*set on .alignleft so any images in the excerpt - like smilies - don't get the border*/ .Listing .ListingLink span { color: #004A00; font-size: 1.1em; line-height: 150%; } .Listing .ListingLink span strong { color: #FF0; display: block; font-family: cambria, baskerville, cochin, palatino, georgia, times, serif; font-weight: normal; text-transform: lowercase; font-size: 2em; margin: 0 0 .5em 0; } /* Listing link rollovers */ .Listing .ListingLink:hover span strong { color: #FFF; } .Listing .ListingLink:hover span { color: #000; } .Listing .ListingLink:hover, #Listing .ListingLink:active, .Listing .ListingLink:focus { background: #6EC500; cursor: pointer; }/* dark rollover? */ .Listing .ListingLink:hover img.alignleft, .Listing .ListingLink:active img.alignleft, .Listing .ListingLink:focus img.alignleft { border: 5px solid #d8f000; } /* ImgLink */ .ImgLink:hover img, .ImgLink:focus img, .ImgLink:active img { border: 5px solid #d8f000; } .ImgLink img { margin: 1em 0; padding: 0; border: 5px solid #9CD41C; } /* Posts */ .PostDate { font-size: .7em; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; } #Content .PostDate { margin-bottom: 0 !important; } .post-edit-link { margin-left: 1em; } .PostMetaData { float: right; } /* Sociable */ .sociable { margin: 4em 0 !important; padding-bottom: 4em !important; } .sociable_tagline strong { display: block; font-family: cambria, baskerville, cochin, palatino, georgia, times, serif; font-weight: normal; margin: 4em 0 .5em 0; text-transform: uppercase; font-size: 1.1em; padding-top: 50px; background: url(./images/bkg_lotsa-dots.png) -2px -400px no-repeat !important; } /* Comments */ /* hide pingbacks for now, they're not displaying correctly, maybe fix later */ .pingback { display: none; } .OneCol .commentlist, .OneCol #respond #comment { width: 80%; } .TwoCol .commentlist, .TwoCol #respond #comment { width: 90%; } /* 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: 0em; padding-bottom: 0; margin-bottom: 4em; position: relative; } .commentlist .says { display: none; } /* 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; margin: 0; } .commentlist .vcard .fn { font-size: 1.8em; position: absolute; z-index: 2; top: 15px; left: 80px; white-space: nowrap; } /* 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; } /* background color block for comment vcard - created with jquery */ .commentlist .spanBkg { position: absolute; top: 0; left: 0; width: 100%; } /* 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; font-weight: bold; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* 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; } /* Depth 1 Formatting */ .commentlist .depth-1 { margin-left: 0; } /* don't indent the first level of comments */ /* Comment awaiting moderation message */ .commentlist .comment div > em { text-align: center; color: #FFF; border: 2px dashed #9DD880; 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 { padding-left: 25px; list-style-type: none; width: 25%; float: left; } #Sidebar .kjgrcGravatar { float: left; margin-right: 10px; margin-bottom: 10px; } #Sidebar .LinkList li a, #Sidebar #SubNav li a { display: block; } #Sidebar .LinkList li:hover, #Sidebar .current_page_item { background-color: #67CE00; } #Sidebar .current_page_item a { background: none !important; } #Sidebar .current_page_item a:hover, #Sidebar .current_page_item a:focus { color: #fff !important; } #Sidebar #facebook body { background: none !important; } .WorkPage .LinkList .current_page_item { background-color: #000 !important; } .WorkPage .LinkList .current_page_item a { color: #FFF !important; } .WorkPage .LinkList li a:hover { background-color: #67CE00 !important; color: #FFF !important; text-decoration: none; } .WorkPage .LinkList li:hover a { color: #FFF !important; } .WorkPage ul.LinkList li a { background-position: 0px -91px !important; } /* Pandora CSS */ #Sidebar img.widget_pandora { width: 200px; } /* 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 Dots */ #FooterDots { border: none; position: absolute; margin-top: -20px; margin-left: -433px; left: 50%; height: 54px; width: 867px; background: url(./images/bkg_lotsa-dots.png) top left repeat-x; } /* Footer Wrappers*/ #FooterWrapper { clear: both; position: relative; margin-top: 20px;} #Footer { width: 510px; margin: 0 auto; padding-top: 100px; } /* Footer Columns */ #Footer .Col { margin-top: 100px; } #Footer .Gap { margin-right: 80px; } /* Footer Links */ #Footer a { font-size: 1.4em; } #Footer a:link, #Footer a:visited { color: #39C; text-decoration: none; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; } #Footer a:hover, #Footer a:active, #Footer a:focus { color: #F90; text-shadow: #FF0 0 0 16px; } #Footer li.Active a { color: #F90; text-shadow: #FF0 0 0 16px; text-decoration: underline; } #Footer ul li { margin-bottom: 1em; } #Footer #FacebookLink { padding-left: 26px; background: transparent url(./images/icon_facebook_sm.png) 0 3px no-repeat; } #Footer #TwitterLink { padding-left: 26px; background: transparent url(./images/icon_twitter_sm.png) 0 3px no-repeat; } /* Search Box */ #SearchArea { margin-top: 25px; position: absolute; width: 159px; top: 150px; left: 120px; margin-left: 50%; } #SearchArea img { margin-left: 5px; } .SearchForm input[type='text'] { width: 11.3em; -webkit-transition: all 150ms linear; -moz-transition: all 500ms linear; } .SearchForm input[type='text']:focus { -moz-box-shadow: 0 0 100px #FF0; -webkit-box-shadow: 0 0 100px #FF0; box-shadow: 0 0 100px #FF0; } /* footer search */ #Footer .SearchForm { font-size: .8em; position: relative; } #Footer .SearchForm label { position: absolute; left: 10px; bottom: 10px; } #Footer .SearchForm input { margin-top: -5px; } #Footer .SearchForm button { float: right; margin-top: 0px; } /* mYmCredit */ #Footer #mYmCredit { font-size: .9em; position: absolute; right: 5%; top: 450px; padding-bottom: 3em; } #Footer #mYmCredit a { font-size: .9em; letter-spacing: 1px; } #Footer #mYmCredit a#Cred:link, #Footer #mYmCredit a#Cred:visited { text-decoration: none; color: #A5540C; } /* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */ /* Show-Hide Content */ .MakeLink { color: #FFFF00 !important; text-decoration: underline; margin-bottom: .5em; } .MakeLink:hover, .MakeLink:focus, .MakeLink:active { cursor: pointer; color: #FFF; text-decoration: none; } 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 { font-size: .9em !important; background-color: #FF0; display: block; font-weight: bold; font-size: .9em; 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; } /* GENERAL GRAPHIC ELEMENTS - - - - - - - - - - - - - - - - */ /* SPECIFIC PAGES - - - - - - - - - - - - - - - - - - - - - */ /* About */ .about h1 { color: #FF0; font-size: 1.5em; display: inline-block; margin-left: 210px; } .about .page { background: url(./images/bkg_keep-reading.png) 104px 20px no-repeat; margin-top: 400px; } .jsActive .about .flashmovie { margin-top: -13px; position: absolute; left: 0; top: 100px; width: 100%; } .about #AboutBubble { position: absolute; z-index: 1; left: 45%; top: 130px; width: 630px; margin-left: -330px; height: 191px; background: transparent url(./images/img_about_bubble.png) no-repeat; } .about h2, .about p { margin-left: 60px; } .about .Intro { z-index: 2; top: 153px; left: 40%; position: absolute; font-size: .9em !important; line-height: 150%; color: #666; width: 305px; margin-left: -50px; } .about #mYmHeads { width: 700px; margin-left: -350px; height: 163px; position: absolute; left: 50%; top: 320px; background: transparent url(./images/img_mym-heads.png) no-repeat; } #tag #Content h2, #single #Content h2 { background: none !important; color: #000; font-size: 2em !important; } /* Contact */ .contact #Content { margin-top: 100px !important; } .contact #Content .Gap { margin-right: 40px; } .contact #Content .Two { margin-top: 20px; } .contact #FeedbackForm { width: 250px; } .contact #FeedbackForm .TextInput, #contact #FeedbackForm textarea { width: 250px !important; } .contact #FeedbackForm small { float: left; display: block; width: 150px; margin-left: 20px; color: #007200; font-family: helvetica, sans-serif; line-height: 120%; } .contact #FeedbackForm label { font-size: .9em; margin-left: 1em; margin-bottom: -5px; } .contact #FeedbackForm .Button { float: right; } .contact #Content .vcard { margin: 70px; } .contact #Content .vcard .fn { display: block; font-size: 1.4em; } .jsActive .contact { background-position: center 261px !important; } .jsActive .contact .flashmovie { margin-top: -13px; position: absolute; left: 0; top: 100px; width: 100%; } .jsActive .contact #Content { margin-top: 0 !important; } /* faq-wordpress */ .faq-wordpress .Description img { margin-top: -10px; } .faq-wordpress .Description { margin-top: 10px; margin-bottom: 10px; } .faq-wordpress #CMS { margin-bottom: 15px; } /* Help */ .turning-javascript-on-and-off .Topics { width: 48%; } .clear-cache .Topics { width: 60%; margin-left: 60px; } #help .Topics .Two { width: 48%; } #help .Topics .Gap { margin-right: 4%; } #help .page .LinkList { font-size: 1.2em; } .help #Content .LinkList { margin-left: 50px !important; } /* Home */ #home { background: #55BD00 url(./images/bkg_fade_grass_home.png) repeat-x top !important; } #home #Content { margin-top: 240px !important; } #home .flashmovie { margin-top: -13px; position: absolute; left: 0; top: 100px; width: 100%; } #home h1 { width: 400px !important; top: 80px; margin-left: -200px !important; } #home #mimoYmima { z-index: 0; top: 180px; left: 50%; margin-left: -120px; width: 342px; height: 146px; background: transparent url(./images/img_mimoymima.png) no-repeat; position: absolute; } #home #ShortGrass { top: 383px !important; } #home .PostDate { margin: 0; padding: 0; } /* Jobs */ .category-jobs .LinkList li { font-size: 1.4em; line-height: 150%; } .category-jobs .LinkList li a { background-position: 0 17px; } #jobs #Content .LinkList li a { font-size: 2em; background: none !important; } /* Map */ .map .OneCol { width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .map .page { width: 800px; margin: 0 auto; } /* Park Slope */ #park-slope h2 em { display: block; } /* Payments Page */ .jsActive .payments { background-position: center 261px !important; } .jsActive .payments .flashmovie { margin-top: -13px; position: absolute; left: 0; top: 100px; width: 100%; } .jsActive .payments #Content { margin-top: 0 !important; } /* Search Results Pages */ .SearchResults #Content { margin-top: 90px; } /* Team Page */ .jsActive .team { background-position: center 261px !important; } .jsActive .team .flashmovie { margin-top: -13px; position: absolute; left: 0; top: 100px; width: 100%; } .jsActive .team #Content { margin-top: 0 !important; } /* Testimonials*/ .testimonials #GoogleLink { text-align: center; margin: 2em 0 3em; 0 } .testimonials #GoogleLogo { margin-bottom: -20px; } /* Thanks */ .thanks #Content { margin-top: 90px !important; } /* 404 -- add this to all normal content -- write a style for this*/ .Error404 #Content { background: transparent url(./images/error_404.jpg) no-repeat; height: 620px; margin: 0 auto; width: 980px; position: relative; } .Error404 #Container { position: absolute; left: 100px; top: 50px; color: #FFF; } .Error404 .sIFR-flash { margin-left: -140px; } .Error404 .SearchForm { font-size: 1em; } .Error404 .SearchForm #s { border-color: #5EB5ED; background: #FF0; } .Error404 .SearchForm #s:hover, .Error404 .SearchForm #s:focus { border-color: #055E98; background: #FFF; } .Error404 .SearchForm button { background: #2A88C5 !important; } .Error404 .SearchForm button:hover, .Error404 .SearchForm button:focus { background: #055E98 !important; } .Error404 #FooterWrapper { margin-top: 0 !important;} .Error404 #Footer { padding-top: 0 !important; }