/* Theme Name: mYm Wordpress Shell Theme URI: http://www.mimoymima.com/ Description: jump into the water but test it first Version: 5.25 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: Mar 31, 2010 ## elisa@burningearmedia.com - - - Color References - - - orange: #BB4F13; brown: #642A0A; yellow: #DCAC51; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ html { color: #642A0A; background: #DCAC51; } /* Sets fonts, page width & margins */ body { background: url('./images/bkg-lrgImage.jpg') no-repeat scroll center -65px #DCAC51; height: 1400px; margin: 0 auto; font: 300 1.4em "Arial", "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; } /* Text */ strong { font-weight: bolder; font-family: "Arial", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; } 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; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Georgia"; color: #BB4F13; } h1 { text-transform: uppercase; margin-bottom: 15px; } h1 a { text-decoration: none !important; } h2 { font-size: 2.0em; } h3 { font-size: 1.2em; font-family: "Arial", "Helvetica Neue", "myriad pro", "myriad web pro", "myriad web", myriad, helvetica, sans-serif; color: #642A0A; padding-top: 10px; } /* Links */ a:link, a:visited { color: #BB4F13; text-decoration: underline; } a:hover, a:active, a:focus { color: #BB4F13; text-decoration: none; } /* Forms */ /* labels */ label { color: #F7E5CD; font: 1.2em "Georgia"; } label:hover, label:focus { color: #BB4F13; } /* text inputs */ input, select, textarea, button { margin-right: 5px; vertical-align: middle; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } input, select, textarea { color:#642A0A; border: 2px solid #923B0B; background: #F4DEC3; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { color: #642A0A; background: #F4DEC3; border-color: #923B0B; } /* buttons */ input[type='submit'], button { background: #F4DEC3; border: 2px solid #923B0B; margin-top: 3px; color:#642A0A; font-size: .8em; text-transform: uppercase; font-weight: 200; } input[type='submit']:hover, button:hover, input[type='submit']:focus, button:focus { background: #BB4F13; cursor: pointer; } /* Tables */ /* Hide These Elements but keep them accessible */ #Accessibility, #Footer .vcard { position: absolute; left: -999em; } /* Hide these items when Javascript is active */ .jsActive #JSInd, .jsActive .Hide { display: none; } /* PAGE DIVISIONS (includes layout) - - - - - - - - - - - - - - - - */ #entireWrapper { width: 980px; margin: 0 auto; } /* - - - HEADER - - - */ #Header { clear: both; margin: 0 auto; } #Header #MainLogo { float: left; margin: -8px 25px 0 25px; } #newsletterForm { margin-left: 650px; padding-top: 10px; } #newsletterForm h1 { font-size: 1.3em; color: #F7E5CD; font-weight: 200; margin-left: 52px; visibility: visible; margin-bottom: 0px !important; } /* Nav */ #Nav { margin-bottom: 30px; } #Nav ul { background: url('./images/bkg_nav.png') top center no-repeat; height: 108px; } #Nav li { text-align: center; padding-top: 17px; } /* Links*/ #Nav a:link, #Nav a:visited { font-family: "Georgia"; width: 140px; color: #F4DEC3; font-size: 1.7em; text-decoration: none; display: inline-block; line-height: 1.8em; padding: 10px 0; } #Nav a:hover, #Nav a:active, #Nav a:focus { color: #501212; } /* DownStates*/ #Nav .Active a { color: #501212 !important; } #NavHome { background: url('./images/logo.png') no-repeat; width: 182px; height: 90px; margin: -5px 0 0 30px; } #NavHome a { height: 90px; } #NavHome a span { left: -999em; position: absolute; } /* Search */ #Header #SearchForm { float: right; margin-right: 37px; } #SearchForm input[type='text'] { width: 150px; } /* - - - CONTENT - - - */ #ContentWrapper {} #Content { width: 50%; float: left; padding-bottom: 5em; margin: 0 0 0 40px; line-height: 150%; clear: both; } #Content p { margin-bottom: 1.5em; color: #642A0A; } #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 - - - */ #SideBarDiv { margin-left: 10px; } #SidebarTour { position: relative; left: 90px; width: 250px; } #SidebarNote { position: relative; margin-top: 110px; top: -330px; left: 650px; width: 280px; } @-moz-document url-prefix() { #SidebarNote { position: relative; top: -325px; left: 650px; width: 280px; } } #SideBarDiv ul { list-style-type: none; margin-top: -100px; } #SidebarTour img { margin: 10px 0; } /* 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 { clear: both; margin: 0 auto; margin-bottom: 50px; padding-top: 100px; text-align: center; } /* Footer Links */ #Footer a { font-family: "Georgia"; padding-right: 30px; text-transform: lowercase; font-style: italic; } #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; } #Footer p { font-family: "Georgia"; color: #BB4F13; padding-top: 15px; } /* mYmCredit */ #Footer #bemCredit { font-size: .8em; clear: both; margin: -10px 0 0 25px; } #Footer #bemCredit a { font-family: 'Georgia'; letter-spacing: 1px; text-align: center; } #Footer #bemCredit a#Cred:link, #Footer #bemCredit a#Cred:visited { text-decoration: none; color: #A5540C; } /* jQuery Styles - - - - - - - - - - - - - - - - - - - - - - - - */ /* Loading Animation */ .Loading { display: none; position: absolute; left: 10px; top: 10px; background: url('./images/loading.gif') 0 0 no-repeat; 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 */ .home #homeFlash { margin-left: 220px; margin-bottom: 150px; margin-top:-30px; } .home h1 { visibility: hidden; } .home h3 { margin: 5px 0px; } .home #Footer { position: relative; top: -408px; } /* BIOGRAPHY */ .zakir #zakirImage { float: right; height: 336px; width: 350px; margin-left: -400px; margin-right: -180px; margin-top: -20px; } .zakir p { width: 650px; } .zakir #Footer p { padding-left: 160px; } /* Styles the years */ .zakir #theYears li { font: 2.1em "Georgia"; text-decoration: none; list-style-type: none; } .zakir #theYears li a { text-decoration: none; } .zakir #theYears .Col { margin-right: 30px; margin-top: -40px; } .zakir #yearDetail { clear: none; margin-left: 305px; } /* Styles the news ticker */ .zakir #news { margin-left: 675px; margin-top: -450px; clear: none; } /* TOUR */ .tour h2 { margin-top: 30px; margin-bottom: 15px; } /* Styles the 3 columns*/ .tour .NoBullet span { color: #bb4f13; text-transform: uppercase; font-size: 15px; font-weight: bold; } .tour .NoBullet li { color: #642a0a; font-size: 15px; margin-bottom: 3px; } .tour #container1 { float:left; width:100%; height: 800px; overflow: auto; } .tour #Content { width: 100%; } .tour .col1 { float:left; width:30%; padding-right: 20px; } .tour .col2 { float:left; width:30%; padding-right: 20px; } .tour .col3 { float:left; width:32%; padding-right: 20px; } /* CONTACT */ .contact #ColOne { float: left; width: 300px; margin-left: 100px; } .contact #ColTwo { float: right; width: 300px; margin-right: -350px; } .contact #ColOne, #ColTwo { margin-top: 30px; } .contact #ColOne { float: left; width: 310px; margin-left: 100px; } .contact h3 {color:#BB4F13; margin: 5px 0 5px 0 } .contact h3 span {color:#642A0A; font-size: .9em; } .contact li strong { color:#BB4F13 } .TablaDrum { height: 370px; background: url ('http://burningearmedia.com/zakir/wp-content/themes/mym-shell/images/div2.png') no-repeat; border: none; clear: both; } /* MUSIC */ .music #disc { margin-left: 60px; } /* 404 */ .page404 h2 { display: none; } /* styles timeline */ .stl-timeline { width: 900px !important; height: 300px !important; border: none !important; } .timeline-copyright { z-index: 0 !important; }