/* Theme Name: mYm Wordpress Shell 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/ */ /* ## last updated: Sept 22, 2009 by brent - - - Color References - - - */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { background: #C4CED5; color: #666; } /* Sets fonts, page width & margins */ body { position: relative; margin: 22px auto 30px; width: 980px; font: 300 1.3em "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; } .Clear { clear: both; height: 1px; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; } /* Links */ a:link, a:visited { color: #39C; text-decoration: underline; } a:hover, a:active, a:focus { color: #C33; text-decoration: none; } /* Forms */ /* labels */ label { color: #39C; 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 #85C3D6; 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: #85C3D6; border: 0; margin-top: 3px; color: #FFF; font-size: .8em; text-transform: uppercase; font-weight: bold; } input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #39C; } /* 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 { 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) - - - - - - - - - - - - - - - - */ /* +++++ CONTAINER +++++ */ #Container { background: #F0F1F4 url(images/bkg_content-tile.png); border: 3px solid #C66; padding: 50px; padding-top: 10px; } .adv #Container { padding-right: 20px; } .adv #gallery { height: 450px; } #border-fix { border: 4px solid #F7F7F7; } /* ÷+÷+÷ HEADER ÷+÷+÷ */ #Header { padding-top: 50px; clear: both; margin: 0 auto; float: left; } /* MainNav */ #MainNav { font-size: .9em; width: 155px; margin-bottom: 270px; } #SubNav { border-left: 3px dotted #ccc; font-size: .8em; width: 90px !important; margin-bottom: 270px; position: absolute; top: 137px; left: 135px; } #MainNav li, #SubNav li { display: block; float: none; } #SubNav { width: 180px; } #SubNav li { padding-left: 15px; } #SubNav ul.HorizList li.first { border-bottom: 3px dotted #ccc; } /* Links*/ #MainNav li a, #SubNav li a { float: none; } #MainNav a, #SubNav a { color: #005596; font-weight: bold; font-size: 1.2em; text-decoration: none; display: inline-block; line-height: 1.2em; padding: 7px 0; } #MainNav a:hover, #MainNav:active, #MainNav:focus, #SubNav a:hover, #SubNav:active, #SubNav:focus{ color: #C00; text-decoration: none; } /* DownStates*/ #MainNav .Active a, #SubNav .Active a { color: #C00 !important; } /* Search */ #SearchForm { width: 160px; margin-bottom: 30px; } #SearchForm input[type='text'] { width: 150px; } /* ÷+÷+÷ CONTENT ÷+÷+÷ */ #Container { position: relative; overflow: hidden; } #Content { width: 72%; float: left; padding-bottom: 10em; line-height: 150%; } #about #Content { margin-left: 60px; margin-bottom: -70px; } #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: #c9d4e2; } /* Default - Even */ .commentlist .thread-odd .vcard { background: #e8d3d2; } /* 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: #c9d4e2; } .commentlist .thread-even .reply a:hover, .commentlist .threadeven .reply a:focus { color: #c9d4e2; background: #000; } /* odd colors */ .commentlist .thread-odd .reply a { color: #000; background: #e8d3d2; } .commentlist .thread-odd .reply a:hover, .commentlist .threadodd .reply a:focus { color: #e8d3d2; 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 { float: right; width: 200px; list-style-type: none; margin-top: 100px; padding-bottom: 5em; padding-left: 0; padding-right: 0; } #Sidebar h2 { margin: 2em 0 .5em 0; } #Sidebar .sociable { margin-top: 40px; } /* ÷+÷+÷ FOOTER ÷+÷+÷ */ #Footer { clear: both !important; width: 980px; margin: 40px auto 40px; text-align: center; } /* Footer Links */ #Footer a { color: #FFF; font-size: 1.1em; text-decoration: none; display: inline-block; line-height: 1.8em; padding: 7px 0; position: relative; bottom: 26px; } #Footer a:link, #Footer a:visited { text-decoration: none; } #Footer a:hover, #Footer a:active, #Footer a:focus { color: #000; text-decoration: underline; } #Footer a.Active { color: #000; } /*SOB footer stuff*/ #Copyright { float: left; position: relative; bottom: 20px; left: 4px; } #footer-img { background: url(images/bkg_footer.png); position: absolute; z-index: 0; bottom: 0; left: 0; height: 178px; width: 966px; overflow: hidden; } #social-links { float: right; } #social-links a { margin-right: 15px; } /* 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: .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 { display: none; top: 30em; } /* SPECIFIC PAGES - - - - - - - - - - - - - - - - */ /* Advertising Page */ #advertising #Content { width: 500px; margin-left: 100px; margin-top: 50px; } #advertising #Content ul { list-style-position: inside; margin: 0 0 1em 2em; } #advertising #Content ul li { margin-bottom: .5em; } /* PR Page */ #public-relations #Content { width: 500px; margin-left: 100px; margin-top: 50px; } #public-relations #Content ul { list-style-position: inside; margin: 0 0 1em 2em; } #public-relations #Content ul li { margin-bottom: .5em; } /* Contact */ #contact #Content { font-size: 1.3em; width: 500px; margin-left: 100px; margin-top: 150px; } #contact #Content .street-address { display: block; } #contact #Content .adr { margin-bottom: 1em; } /* Client Logo page */ #clients #MainNav { margin-bottom: 330px; } #clients #Content { margin-top: 10px; margin-left: 60px; padding-bottom: 9em; width: 71%; } #clients .flashmovie { margin-left: 60px; } #client-logo { float: left; } /* Work Pages */ #loader { display: none; background: url(images/ajax-loader.gif) no-repeat; padding-top: 35px; background-position: top center; position: absolute; left: 480px; top: 300px; width: 50px; height: 50px; } #additional-clients { color: #005596; text-decoration: none; font-weight: bold; float: right; padding: 16px 24px; } #previous-clients { color: #005596; text-decoration: none; font-weight: bold; float: left; padding: 16px 24px; } #client-links { float: right; padding-top: 66px; } #client-links a { background: url(images/bullet_arrow_grey.png) right no-repeat; padding-right: 30px; float: right; text-align: right; display: block; width: 70px; padding-left: 30px; color: #005596; font-weight: bold; text-decoration: none; } #client-links a:hover { color: #C33; } #thumbs { width: 700px !important; } .pr p, .adv p { font-size: 1.1em; } .adv, .pr { margin-top: -20px; margin-left: 0 !important; } .adv .post, .pr .post { padding-top: 0; margin-bottom: 3em; } .adv h2, .pr h2 { font-size: 1.3em; color: #333; margin-bottom: .5em; clear: both; } .pr h2 { padding-top: 1em; } .image-wrapper { display: block; } .pr ul.thumbs, .adv ul.thumbs { list-style: none; margin: 20px 0; } .pr ul.thumbs li, .adv ul.thumbs li { height: 75px; float: left; margin: 10px 20px 20px 0; border: 2px solid #c00; } .adv #Content { width: 82%; } .adv .cgj_image img { width: 620px; } .pr .cgj_image img { width: 620px; } .pr h1 { margin-top: 30px; } .pr a.pdf { margin: 10px 10px 25px; background: url(images/icon_pdf.png) no-repeat; padding: 6px 0 12px 36px; } .pr a { float: left; display: block; padding-right: 30px; color: #005596; font-weight: bold; text-decoration: none; } .pr a:hover { color: #C33; } .client-box { float: left; border: 2px solid #f2f2f4; outline: 5px solid white; background: white; margin: 12px; padding: 8px; width: 156px; height: 156px; } .client-box:hover, .client-box:active { border-color: #c66; } /* logo breaking top of page fix */ #east-west-partners #client-logo { margin-top: 20px; } /* Opinion Page*/ #opinion #Content, .Blog { width: 480px !important; margin-top: 30px; margin-left: 0 !important; float: left !important; } .Blog { margin-top: 2em !important; } #opinion h1, .Blog h1 { line-height: 120%; font-size: 1.7em; } #opinion .Post { margin-bottom: 4em; } /* Our Story*/ .our-story #Content { width: 500px; padding-left: 50px; padding-bottom: 80px; margin-top: 50px; } .our-story .page { margin-bottom: 130px; } /* Meet The People */ /* Hide the frames at first */ #scrolling-people { visibility: hidden; } .meet-the-people #Header { margin-top: -20px; } .cgj_prev, .cgj_next { display: none; } #scrolling-people { float: left; } #person-container { display: none; } /* I removed padding bottom out of here and put it into PersonContent so you can put the padding on each person seperately below */ #person-container #PersonContent { padding-bottom: 60px; } #person-container .page { padding-left: 340px; } #person-container h2 { margin: 0 0 0 40px; display: block; color: #262626; text-decoration: none; padding-right: 12px; font-family: optima, myriad, arial, sans-serif; } #person-container h3 { margin-left: 40px; margin-bottom: 0 !important; padding-bottom: 0 !important; color: #bd000f; display: block; } #person-container .Entry img { z-index: 10; margin-right: 25px; position: absolute; bottom: 0; left: 250px; } #person-container .Entry { margin-left: 40px; margin-top: 0 !important; padding-top: 0 !important; } /*makes text dissappear and be consistant with ie*/ #Content, #PersonContent { margin-top: -20px; margin-left: 40px; width: 640px; float: none; line-height: 150%; } /*------Individual Styling of People-------*/ #person-container .amanda-irons .Entry img { bottom: -70px; } #person-container .andrea-cohen .Entry img { bottom: -20px; left: 284px; } #person-container .april-mason-nichols img { bottom: -50px; left: 210px; } #person-container .april-mason-nichols .page { padding-left: 360px !important; } #person-container .beth-leri img { bottom: -50px; left: 284px; } #person-container .bruce-jonas .Entry img { bottom: -32px; } #person-container .chris-spring .Entry img { bottom: -82px; left: 304px; } #person-container .colm-lynch .Entry img { bottom: -32px; left: 250px; } #person-container .david-m-kleinman .Entry img { bottom: -32px; left: 270px; } #person-container .jennifer-friedel .Entry img { bottom: -77px; left: 250px; } #person-container .john-t-mulqueen .Entry img { bottom: -27px; left: 280px; } #person-container .john-t-mulqueen .page { padding-left: 360px !important; } #person-container .judy-lee .Entry img { bottom: -37px; left: 290px; } #person-container .kit-mccracken .Entry img { bottom: -25px; left: 232px; } #person-container .larry-barkin .Entry img { bottom: -61px; left: 272px; } #person-container .lauren-kaufman .Entry img { bottom: -67px; left: 270px; } #person-container .linda-larrymore .Entry img { bottom: -31px; left: 293px; } #person-container .liz-opray .Entry img { bottom: -31px; left: 263px; } #person-container .marc-weinstein .Entry img { bottom: -31px; left: 273px !important; } #person-container .martin-elder .Entry img { bottom: -30px; left: 238px; } #person-container .marty-holland .Entry img { bottom: -50px; left: 238px; } #person-container .michael-goode .Entry img { bottom: -55px; left: 225px; } #person-container .nasikh-hasan .Entry img { bottom: -75px; left: 245px; } #person-container .nora-brossard .Entry img { bottom: -55px; left: 225px; } #person-container .nora-brossard .page { padding-left: 360px !important; } #person-container .oksana-poltavets .Entry img { bottom: -45px; left: 295px; } #person-container .robert-steward .Entry img { bottom: -47px; left: 293px; } #person-container .steven-lai .Entry img { bottom: -26px; left: 259px; } #person-container .ulku-erucar .Entry img { bottom: -51px; left: 296px; } #person-container .yin-moy .Entry img { bottom: -34px; left: 306px; } /* 404 page */ .error404 #Content { margin-top: 125px;}