/* Theme Name: Lion in the Sun Theme URI: http://www.lioninthesunps.com/ Description: Lion in the Sun Brooklyn Paperie Version: 2.14 Author: Brent Lagerman Author URI: http://www.mimoymima.com/ */ /* ## Updated: Mar 3, 2009 ## www.mimoymima.com ## brent@mimoymima.com & jack@mimoymima.com - - - Color References - - - orange: #ff8a00; beige: #D3B07F; background: #563B04; lines: #9B4810; light white: #EADDCE; brown: #960; */ /* GENERAL STYLING - - - - - - - - - - - - - - - - */ body { color: #D3B07F; background: #563B04 url(./images/bkg_header_1.png) no-repeat top; } h1 { font-size: 28px; } h2 { font-size: 21px; border-bottom: 1px solid #9B4810; margin-bottom: 12px; } h3 { border-bottom: 1px solid #9B4810; font-size: 18px; margin-bottom: 12px; } body#front-page h3 { font-size: 22px; margin: 0 0 32px 0; } body#front-page h1 { font-weight: normal; font-size: 13px; letter-spacing: 1.1px; text-align: center; margin-bottom: 0; padding: 6px 0 0 0; } /* Links */ a:link, a:visited { color: #ff8a00; text-decoration: none; } a:hover, a:focus, a:active { color: #F99325; text-decoration: underline; } /* formatting for hrs */ hr { color: #9B4810 !important; background-color: #9B4810 !important; margin: 1em 0 !important; } /* Forms */ /* form colors - right now set globally */ .TextInput, textarea, select, input[type=text] { font-family: baskerville,garamond,georgia,trebuchet,'trebuchet ms',serif; font-size: 1.2em; color: #FF8A00; background: #960; } .Button { background: #F58025; border: none; color: #563B04; margin: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } input[type=text], input[type=submit] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } input[type=submit]:hover { background: #9B4810; color: #EADDCE; } textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } 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; } /* Image links */ #Content img { border: 1px solid #9B4810; padding: 3px; } #Content .LightviewGallery img, #Sidebar .LightviewGallery img { border: 1px solid #9B4810 !important; padding: 3px; } #Content a img:hover { border-color: #FF8A00; } #Content .LightviewGallery a img:hover, #Sidebar .LightviewGallery a img:hover { border-color: #FF8A00 !important; } #Content .LightviewGallery a img { margin-right: 20px; margin-bottom: 20px !important; } .Replaceable p img, .Page .Entry p img { border: none !important; float: left; margin: 0 13px 0 0; padding: 0; } .Page h2 { margin-top: 32px; } /* HEADER STYLING - - - - - - - - - - - - - - - - */ #TopNav { border-bottom: 1px solid #9B4810; display: inline; padding: 0 10px 4px 26px; position: absolute; right: 12px; top: 62px; width: 740px; } #TopNav li { display: inline; float: left; } #TopNav li a { display: block; float: left; height: 48px; } #TopNav li#Invite a { background: url(./images/top_nav.png) -6px 0 no-repeat; width: 209px; } #TopNav li#Shop a { background: url(./images/top_nav.png) -213px 0 no-repeat; width: 153px; } #TopNav li#PostScriptBrooklyn a { background: url(./images/top_nav.png) -366px 0 no-repeat; width: 245px; } #TopNav li#HowTo a { background: url(./images/top_nav.png) -610px 0 no-repeat; width: 106px; } #TopNav li#Invite.Active a, #TopNav li#Invite a:hover, #TopNav li#Invite a:active { background-position: -6px -49px; } #TopNav li#Shop.Active a, #TopNav li#Shop a:hover, #TopNav li#Shop a:active { background-position: -213px -49px; } #TopNav li#PostScriptBrooklyn.Active a, #TopNav li#PostScriptBrooklyn a:hover, #TopNav li#PostScriptBrooklyn a:active { background-position: -366px -49px; } #TopNav li#HowTo.Active a, #TopNav li#HowTo a:hover, #TopNav li#HowTo a:active { background-position: -610px -49px; } #SubNav { display: inline; padding: 0 40px 0 0; position: absolute; right: 5px; top: 125px; width: 680px; } #SubNav li { display: inline; float: left; padding: 0 62px 0 0; } #SubNav li.Last { padding: 0; } #SubNav li a { display: block; float: left; height: 13px; } #SubNav li#Happenings a { background: url(./images/sub_nav.png) no-repeat; width: 101px; } #SubNav li#Buzz a { background: url(./images/sub_nav.png) -180px 0 no-repeat; width: 60px; } #SubNav li#OurStory a { background: url(./images/sub_nav.png) -274px 0 no-repeat; width: 91px; } #SubNav li#Blog a { background: url(./images/sub_nav.png) -420px 0 no-repeat; width: 40px; } #SubNav li#ContactUs a { background: url(./images/sub_nav.png) no-repeat -519px 0; width: 92px; } #SubNav li#Happenings.Active a, #SubNav li#Happenings a:hover, #SubNav li#HowTo a:active { background-position: 0 -13px; } #SubNav li#Buzz.Active a, #SubNav li#Buzz a:hover, #SubNav li#HowTo a:active { background-position: -180px -13px; } #SubNav li#OurStory.Active a, #SubNav li#OurStory a:hover, #SubNav li#HowTo a:active { background-position: -274px -13px; } #SubNav li#Blog.Active a, #SubNav li#Blog a:hover, #SubNav li#HowTo a:active { background-position: -420px -13px; } #SubNav li#ContactUs.Active a, #SubNav li#ContactUs a:hover, #SubNav li#ContactUs a:active { background-position: -519px -13px; } /* PAGE DIVISIONS - - - - - - - - - - - - - - - - */ /* PageWrapper */ #PageWrapper { font-size: 1.7em; position: relative; width: 960px; margin: 0 auto; } /* Masthead */ #Masthead { height: 193px; background: url(./images/cap_line.png) right 112px no-repeat; } #Logo { position: absolute; left: 56px; top: 49px; } /* 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; } */ /* Content */ #Content { border-left : 1px solid #9B4810; line-height: 150%; float: left; letter-spacing: 1px; padding: 0 0 5em 10px; width: 650px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } #Content #SearchForm { margin-bottom: 2em; } #Front #ImageRotator { padding: 3px; height: 408px; width: 950px; margin-left: 5px; border: 1px solid #9B4810; } #Front p.tagline { font-size: 13px; letter-spacing: 1.1px; text-align: center; margin-bottom: 0; padding: 6px 0 0 0; } #Front #LatestBuzz { float: left; width: 312px; padding: 40px 40px 0 45px; } #Front #LatestBuzz p { color: #D3B07F; letter-spacing: 1px; line-height: 150%; } #Front #LatestHappenings { float: left; padding: 40px 0 0 0; width: 526px; } #Front #LatestHappenings p { color: #D3B07F; letter-spacing: 1px; line-height: 150%; } #Front #Notices { margin-left: 5px; clear: both; padding: 2em 40px 0 40px; } #Front .ReadMore { text-align: right; margin: -1em 0 .5em 0 !important; } /* Sidebar*/ #Sidebar { list-style-type: none; padding: 40px 20px 5em 0; float: left; width: 265px; } #Sidebar h2, #Sidebar2 h2 { font-size: 1.4em; margin-top: 2em; line-height: 1px; } #Sidebar h2.widgettitle, #Sidebar2 h2.widgettitle { margin: 0 0 15px 13px; border-bottom: 1px solid #9B4810; font-size: 18px; } #Sidebar p { font-size: 14px; letter-spacing: 1.2px; line-height: 20px; margin: 0 0 0 13px; } #Sidebar label { font-size: 14px; font-weight: normal; letter-spacing: 1.2px; padding: 0 0 6px 0; } #Sidebar .Archive { margin-left: 2em; margin-bottom: 70px; } #Sidebar .Archive li { list-style-type: none; margin-bottom: 1em; } #Sidebar .LightviewGallery { margin-left: 15px; } #Sidebar .LightviewGallery a img { margin-bottom: 10px; } #ccoptin { margin-left: 13px; } #ccoptin input[type=text] { background: #960; border: none; padding: 3px; width: 246px; } #ccoptin input.submit { background: #F99325; border: none; color: #563B04; float: right; font-weight: normal; letter-spacing: 1.1px; margin-top: 7px; padding: 3px 5px; } #ccoptin input.submit:hover { background: #9B4810; color: #EADDCE; } #WhyChooseUs { text-align: center; margin-right: 5px; } #DontPanic { text-align: center; margin-right: 5px; } #GoGreen { text-align: center; } /* Search */ #SearchForm { width: 200px; } #SearchForm label { font-size: 1.4em; } #SearchForm #s { float: right; width: 166px; } #SearchForm #SearchSubmit { float: right; padding: 3px; } #SearchForm #SearchSubmit:hover, #SearchForm #SearchSubmit:active { background: #960; color: #D3B07F; } /* 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: 11px;} #Sidebar .calendar table td a { font-weight: bold; } #Sidebar .calendar h2 { padding-bottom: 8px; } .widget { margin-bottom: 60px; } /* Subcategories */ #Subcategories { margin: 0 0 40px 0; padding: 0 0 0 12px; } #Subcategories li { list-style: none; } #Subcategories li a { display: block; font-size: 0.7em; font-weight: bold; letter-spacing: 3px; padding: 10px 13px; text-decoration: none; text-transform: uppercase; } #Subcategories li a:link, #Subcategories li a:visited { background: url(./images/bkg_beige.png) no-repeat top; color: #D3B07F; } #Subcategories li.Active a, #Subcategories li a:hover, #Subcategories li a:active { background-position: 0 -90px; color: #EADDCE; } #Footer { clear: both; padding: 80px 0 100px 0; } #Footer #mYmCredit { height: 13px; color: #D3B07F; font-size: .9em; float: right; margin-top: 45px; } #Footer #mYmCredit a:link, #Footer #mYmCredit a:visited { color: #D3B07F; text-decoration: none; } #Footer #mYmCredit a:hover, #Footer #mYmCredit a:active { text-decoration: underline; } #Footer #ParkSlopeSkyline { position: relative; right: 30px; } /* Buzz Page - - - - - - - - - - - - - - - - */ #BuzzPage { border-left: 1px solid #9B4810; float: right; padding: 0 15px; width: 275px; } #BuzzPage .gallery img { border: 1px solid #9B4810; vertical-align: middle; } #BuzzBlog { float: right; padding: 0 20px 0 15px; width: 300px; } /* Wordpress Templates - - - - - - - - - - - */ /* General */ .Post, .ErrorMsg, .Page, .Single { margin: 20px 0; padding-bottom: 30px; padding-left: 50px; position: relative; overflow: hidden; clear: both; } /*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; margin: 0 0 2px 12px; } .alignleft { float: left; margin: 0 0 2px 7px; } .wp-caption-text { font-size: 14px; line-height: 110%; } /* Posts */ .Post h2 a { font-size: 1.4em; } .Post h2 { border-bottom: 1px solid #9B4810; line-height: 1px; margin-bottom: 2px; } .PostDate { color: #D3B07F; font-size: .9em; margin-bottom: .5em; } .entry { color: #D3B07F; margin-top: 1em; } .entry p {} .PostMetaData {} .utw {} .Navigation { width: 420px; float: left; clear: both; white-space: nowrap; } .Post_nav {} /* Page */ .Page { padding: 0 0 0 30px; } /* 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; } .comments-header { font-size: 1.1em; padding-top: 50px; } .comment-date {} .comment-text {} .avatar { float: left; margin-right: 15px; } .odd {} .even {} /* Specific Pages */ #printers-designers .Col { margin-right: 40px; } #postscript-brooklyn #BigLetter { display: none; } #postscript-brooklyn .Page { margin-top: -11px; } #colors .Page, #typefaces .Page { overflow: visible !important; }