/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*BACKGROUND*/ body.custom { background:#e9e9e7; } .custom #container { background:#e9e9e7 url(images/bg.png) repeat-y scroll 0 0 !important; padding-left:13em; padding-right:16em; } /* This line gets rid of the site title & tagline by casting them out to far left field */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } /*Header*/ .custom #header { height: 244px; background: url('images/header_blog.png') no-repeat; border: none !important; } .custom #header a { display: block; width: 400px; height: 114px; outline: none; background: none !important; border: none !important; } .custom #header a:visited { border: none !important; } .custom #page { padding: 0em !important; border-top:9px solid #000000; } /*Comments Closed Text*/ .custom .comments_closed p { display: none; } .custom .post_box { padding-bottom:4em; padding-top: 0em !important; } /* Pages without Sidebars */ .custom .no_sidebars p { margin-left: 4em; margin-right: 4em; } /*Custom Navigation*/ #customNav { float: left; list-style: none; height: 68px; padding: 0; width: 860px; margin-left:14.5em; } #customNav li { float: left; height: 68px; text-indent: -5000px; margin-top: 1em; } #customNav li a { display: block; background: url('images/nav3.png'); outline: none; width: 140px; height: 68px; border: none !important; } #customNav li#home a { background-position: 0 0; } #customNav li#home a:hover { background-position: 0 -68px; } #customNav li#home a.active { background-position: 0 -136px; } #customNav li#about a { background-position: -140px 0; } #customNav li#about a:hover { background-position: -140px -68px; } #customNav li#about a.active { background-position: -140px -136px; } #customNav li#contact a { background-position: -280px 0; } #customNav li#contact a:hover { background-position: -280px -68px; } #customNav li#contact a.active { background-position: -280px -136px;} #customNav li#portfolio a { background-position: -420px 0; } #customNav li#portfolio a:hover { background-position: -420px -68px; } #customNav li#portfolio a.active { background-position: -420px -136px; } #customNav li#press a { background-position: -560px 0; } #customNav li#press a:hover { background-position: -560px -68px; } #customNav li#press a.active { background-position: -560px -136px; } /* line under navigation */ #linenav { background: transparent url(images/linenav.png) no-repeat; width: 980px; height: 35px; float: left; margin-top: 1em; } /* Footer */ .custom #footer { border: none !important; background: #000 url(images/footer_bg.png) no-repeat 0 40px; height: 39em; position: relative; } /*Twitter Widget*/ li.widget_twitter { list-style-type: none; width: 0em; } .custom li.widget_twitter ul { background:transparent url(images/tweetbubble.png) no-repeat scroll 0 0 !important; height:262px; left:34em; position:absolute; top:10em; width:286px; } .custom li.widget_twitter ul li { width: 187px; list-style-type: none; font-size:1.3em; line-height:1.471em; color: #000; margin-left:6em; margin-top:4em; margin-right: 3em; text-align: left; } /*Links*/.custom li.widget_twitter ul li a { color: #695b09 !important; border-bottom: none !important; } /*Hover*/.custom li.widget_twitter ul li a:hover { color: #000 !important; text-decoration: none !important; } div#tweet_button { left:42em; position:absolute; top:30.2em; width:0; } div#tweet_button a { display: block; height: 87px; width: 232px; background: url('images/tweetbutton.png') no-repeat; border: none !important; outline: none !important; } div#tweet_button a:hover { background-position: 0 -87px; } /* Footer Navigation */ ul#footernav { list-style: none !important; background: none !important; width: 930px; margin-left:22em; } ul#footernav li { float: left !important; } ul#footernav li a { background: none !important; border: none !important; color: #f9d718; display:block; letter-spacing:2px; font-family: "Gill Sans MT", "Arial", sans serif; text-align:center; text-transform:uppercase; padding: 6px 27px; } ul#footernav li a:hover { color: #fff; } /*Main LINKS*/ .custom a { color: #000; background: #f9d718; text-decoration: none; } .custom a:hover { color: #695b09; text-decoration: none; } .custom a:visited { color: #000; background: #f9d718; text-decoration: none; } /* Bullet Formatting Universal */ .custom .format_text ul { margin:0 0 1.467em 4.7em; } /* Custom Front Page with Boxes */ .front .headline_area { display: none; } .front #header { height: 244px; background: url('images/header_revised.png') no-repeat; border: none !important; } /*-- Learn More Button --*/ .learn_more { left:9em; position:absolute; top:29.3em; width: 140px; } .learn_more a { display: block; background: transparent url(images/learnmore.png) no-repeat !important; width: 140px; height: 37px; outline: none; border: none !important; } .learn_more a:hover { background-position: 0 -34px !important; } /* -- Website -- */ #box_website { float: left; background: transparent url(images/box.png) no-repeat; height: 493px; width: 316px; margin-top: 2em; margin-bottom: 3em; position: relative; } #box_website p { position: relative; top: .5em; margin-left: 2.6em !important; margin-right: 2.9em !important; text-align: justify; } .headline_website a { display: block; background: transparent url(images/headline_website.png) no-repeat !important; height: 51px; width: 248px; outline: none; border: none !important; margin-left:2em; margin-top:0.6em; } .headline_website a:hover { background-position: 0 -51px !important; } .website_example a { display: block; background: transparent url(images/shorespeak.png) no-repeat !important; width: 174px; height: 174px; outline: none; border: 3px solid #000; float: left; margin-right: 3em; } .website_example a:hover { background-position: 0 -174px !important; } .website_example { left:4.4em; position:absolute; top:16em; } /* -- Blog -- */ #box_blog { float: left; background: transparent url(images/box.png) no-repeat !important; height: 493px; width: 316px; margin-top: 2em; margin-bottom: 3em; position: relative; } #box_blog p { position: relative; top: .5em; margin-left: 2.6em !important; margin-right: 2.9em !important; text-align: justify; } .headline_blog a { display: block; background: transparent url(images/headline_blog.png) no-repeat !important; height: 51px; width: 200px; outline: none; border: none !important; margin-left:3.8em; margin-top:0.6em; } .headline_blog a:hover { background-position: 0 -51px !important; } .blog_example a { display: block; background: transparent url(images/alit.png) no-repeat !important; width: 174px; height: 174px; outline: none; border: 3px solid #000; float: left; margin-right: 3em; } .blog_example a:hover { background-position: 0 -174px !important; } .blog_example { left:4.4em; position:absolute; top:16em; } /* -- A La Carte -- */ #box_alacarte { float: left; background: transparent url(images/box.png) no-repeat; height: 493px; width: 316px; margin-top: 2em; margin-bottom: 3em; position: relative; } #box_alacarte p { position: relative; top: .5em; margin-left: 2.6em !important; margin-right: 2.9em !important; text-align: justify; } .headline_alacarte a { display: block; background: transparent url(images/headline_alacarte.png) no-repeat !important; height: 51px; width: 150px; outline: none; border: none !important; margin-left:5.6em; margin-top:0.6em; } .headline_alacarte a:hover { background-position: 0 -51px !important; } .alacarte_example a { display: block; background: transparent url(images/alacarte.png) no-repeat !important; width: 174px; height: 174px; outline: none; border: 3px solid #000; float: left; margin-right: 3em; } .alacarte_example a:hover { background-position: 0 -174px !important; } .alacarte_example { left:4.4em; position:absolute; top:16em; } /* Services Page */ .services .headline_area { display: none; } /* About Page */ .aboutpage #header { height: 230px; background: url('images/header_about.png') no-repeat; border: none !important; } .aboutpage .headline_area { display: none; } .aboutpage .no_sidebars p { margin-left:2em; } /* Social Icons - Universal */ .twitter a { display: block; float: left; background: transparent url(images/twitter.png) no-repeat !important; width: 88px; height: 118px; outline: none; border: none !important; margin-right: 5em; margin-left: 17em; } .twitter a:hover { background-position: 0 -120px !important; } .blog a { display: block; float: left; background: transparent url(images/blog.png) no-repeat !important; width: 88px; height: 118px; outline: none; border: none !important; margin-right: 5em; } .blog a:hover { background-position: 0 -122px !important; } .linkedin a { display: block; float: left; background: transparent url(images/linkedin.png) no-repeat !important; width: 95px; height: 118px; outline: none; border: none !important; } .linkedin a:hover { background-position: 0 -118px !important; } /* Jamie Bio */ #bio_jamie { background: transparent url(images/bio_jamie.png) no-repeat; width: 968px; height: 300px; float: left; margin-top: 3em; } #bio_jamie p { left:12.7em; margin:0 !important; position:relative; top:6.2em; width:770px; } /* Nicole Bio */ #bio_nicole { background: transparent url(images/bio_nicole.png) no-repeat; width: 968px; height: 300px; float: left; margin-top: 5em; } #bio_nicole p { left:12.7em; margin:0 !important; position:relative; top:6.6em; width:770px; } p.about_padding { padding-top: 3em; } #allstarted { background: transparent url(images/allstarted.png) no-repeat; width: 362px; height: 51px; margin-bottom: 1.2em; } #perfectstorm { background: transparent url(images/perfectstorm.png) no-repeat; width: 601px; height: 36px; margin-left: 11.5em; } /* Contact Page */ .contact #header { height: 230px; background: url('images/header_contact.png') no-repeat; border: none !important; } .contact .headline_area { display: none; } /* Portfolio */ /* -- Portfolio Landing Page -- */ .portfolio .headline_area { display: none; } .portfolio #header { height: 230px; background: url('images/header_portfolio.png') no-repeat; border: none !important; } #landing_website { margin-left: 6em; } #landing_website a { display: block; background: transparent url(images/portfolio/landing_website.png) no-repeat !important; width: 750px; height: 250px; outline: none; border: none !important; } #landing_website a:hover { background-position: 0 -250px !important; } #landing_blog { margin-top: 4em; margin-left: 6em; } #landing_blog a { display: block; background: transparent url(images/portfolio/landing_blog.png) no-repeat !important; width: 750px; height: 250px; outline: none; border: none !important; } #landing_blog a:hover { background-position: 0 -248px !important; } /* -- Website Portfolio -- */ .websiteportfolio .headline_area { text-indent: -5000px; background: transparent url(images/portfolio/websitedesign.png) no-repeat; width: 423px; height: 100px; } .websiteportfolio #header { height: 230px; background: url('images/header_websiteportfolio.png') no-repeat; border: none !important; } /* The Fresh 20 */ #thefresh20 a { background: transparent url(images/portfolio/thefresh20.png) no-repeat !important; width: 840px; height: 465px; margin-left: 3.8em; display: block; border: none !important; outline: none !important; } #thefresh20 span a { display: block; background: transparent url(images/portfolio/button_thefresh20.png) no-repeat !important; height: 46px; width: 285px; border: none !important; outline: none !important; margin-left: 41.6em; margin-bottom: 4em; } #thefresh20 span a:hover { background-position: 0 -44px !important; } /* Brandentity */ #brandentity a { background: transparent url(images/portfolio/brandentity.png) no-repeat !important; width: 840px; height: 485px; margin-left: 3.8em; display: block; border: none !important; outline: none !important; } #brandentity span a { display: block; background: transparent url(images/portfolio/button_brandentity.png) no-repeat !important; height: 46px; width: 285px; border: none !important; outline: none !important; margin-left: 39em; } #brandentity span a:hover { background-position: 0 -44px !important; } /* Shorespeak */ #shorespeak a { background: transparent url(images/portfolio/shorespeak.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #shorespeak span a { display: block; background: transparent url(images/portfolio/button_shorespeak.png) no-repeat !important; height: 46px; width: 285px; border: none !important; outline: none !important; margin-left: 41.5em; margin-top: 0em !important; } #shorespeak span a:hover { background-position: 0 -44px !important; } /* CALCASA */ #calcasa a { background: transparent url(images/portfolio/calcasa.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #calcasa span a { display: block; background: transparent url(images/portfolio/button_calcasa.png) no-repeat !important; height: 46px; width: 285px; border: none !important; outline: none !important; margin-left: 45.4em; margin-top: 0em !important; } #calcasa span a:hover { background-position: 0 -44px !important; } /* Acts of Balance */ #actsofbalance a { background: transparent url(images/portfolio/actsofbalance.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #actsofbalance span a { display: block; background: transparent url(images/portfolio/button_actsofbalance.png) no-repeat !important; height: 46px; width: 285px; border: none !important; outline: none !important; margin-left: 39.5em; margin-top: 0em !important; } #actsofbalance span a:hover { background-position: 0 -44px !important; } /* -- Blog Portfolio -- */ .blogportfolio .headline_area { text-indent: -5000px; background: transparent url(images/portfolio/blogdesign.png) no-repeat; width: 423px; height: 100px; } .blogportfolio #header { height: 230px; background: url('images/header_blogportfolio.png') no-repeat; border: none !important; } /* No Ordinary Rollercoaster */ #noordinary a { background: transparent url(images/portfolio/noordinary.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #noordinary span a { display: block; background: transparent url(images/portfolio/button_noordinary.png) no-repeat !important; height: 46px; width: 382px; border: none !important; outline: none !important; margin-left: 33em; margin-top: 0em !important; margin-bottom: 3em; } #noordinary span a:hover { background-position: 0 -44px !important; } /* MODG */ #modg a { background: transparent url(images/portfolio/modg.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #modg span a { display: block; background: transparent url(images/portfolio/button_modg.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 43em; margin-top: 0em !important; margin-bottom: 3em; } #modg span a:hover { background-position: 0 -44px !important; } /* Apocalypstick */ #apocalypstick a { background: transparent url(images/portfolio/apocalypstick.png) no-repeat; width: 840px; margin-left: 3.8em; height: 467px; display: block; border: none !important; outline: none !important; } #apocalypstick span a { display: block; background: transparent url(images/portfolio/button_apocalypstick.png) no-repeat !important; height: 46px; width: 268px; border: none !important; outline: none !important; margin-left: 40.5em; margin-top: 0em !important; margin-bottom: 3em; } #apocalypstick span a:hover { background-position: 0 -44px !important; } /* Live Charmed */ #livecharmed a { background: transparent url(images/portfolio/livecharmed.png) no-repeat; width: 840px; margin-left: 3.8em; height: 467px; display: block; border: none !important; outline: none !important; } #livecharmed span a { display: block; background: transparent url(images/portfolio/button_livecharmed.png) no-repeat !important; height: 46px; width: 320px; border: none !important; outline: none !important; margin-left: 36.5em; margin-top: 0em !important; } #livecharmed span a:hover { background-position: 0 -44px !important; } /* MIB */ #mib a { background: transparent url(images/portfolio/mib.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #mib span a { display: block; background: transparent url(images/portfolio/button_mib.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 39em; margin-top: 0em !important; } #mib span a:hover { background-position: 0 -44px !important; } /* A LIT */ #alit a { background: transparent url(images/portfolio/alit.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #alit span a { display: block; background: transparent url(images/portfolio/button_alit.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 37.5em; margin-top: 0em !important; } #alit span a:hover { background-position: 0 -44px !important; } /* Bloggess */ #bloggess a { background: transparent url(images/portfolio/bloggess.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #bloggess span a { display: block; background: transparent url(images/portfolio/button_bloggess.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 41.5em; margin-top: 0em !important; } #bloggess span a:hover { background-position: 0 -44px !important; } /* Sydney */ #sydney a { background: transparent url(images/portfolio/sydney.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #sydney span a { display: block; background: transparent url(images/portfolio/button_sydney.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 37.5em; margin-top: 0em !important; } #sydney span a:hover { background-position: 0 -44px !important; } /* OwlSparks */ #owlsparks a { background: transparent url(images/portfolio/owlsparks.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #owlsparks span a { display: block; background: transparent url(images/portfolio/button_owlsparks.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 42.5em; margin-top: 0em !important; } #owlsparks span a:hover { background-position: 0 -44px !important; } /* Sweet Finds */ #sweetfinds a { background: transparent url(images/portfolio/sweetfinds.png) no-repeat; width: 840px; margin-left: 3.8em; margin-top: 4em; height: 467px; display: block; border: none !important; outline: none !important; } #sweetfinds span a { display: block; background: transparent url(images/portfolio/button_sweetfinds.png) no-repeat !important; height: 46px; width: 295px; border: none !important; outline: none !important; margin-left: 38.7em; margin-top: 0em !important; } #sweetfinds span a:hover { background-position: 0 -44px !important; } /* Internal Links */ #websiteportfolio a { display: block; background: transparent url(images/portfolio/websiteportfolio.png) no-repeat !important; width: 545px; height: 53px; border: none !important; outline: none !important; margin-left:14em; margin-top:3em; } #websiteportfolio a:hover { background-position: 0 -53px !important; } #blogportfolio a { display: block; background: transparent url(images/portfolio/blogportfolio.png) no-repeat !important; width: 545px; height: 53px; border: none !important; outline: none !important; margin-left:14em; margin-top:3em; } #blogportfolio a:hover { background-position: 0 -53px !important; } /* SERVICES */ /* Website Design */ .services_websitedesign .headline_area { text-indent: -5000px; background: transparent url(images/services_websitedesign.png) no-repeat; width: 595px; height: 72px; } .services_websitedesign #header { height: 230px; background: url('images/header_websiteservices.png') no-repeat; border: none !important; } .services_websitedesign .format_text ul { margin:0 0 1.467em 10.7em; } #captivating { background: transparent url(images/captivating.png) no-repeat; width: 623px; height: 51px; margin-bottom:1em; margin-left:7em; } #examples { margin-left: 2em; margin-top: 5em; } #examples a { display: block; background: transparent url(images/examples.png) no-repeat !important; border: none !important; outline: none; width: 306px; height: 67px; float: left; margin-right:2em; margin-top:2em; } #examples a:hover { background-position: 0 -64px !important; } #or { background: transparent url(images/or.png) no-repeat; height: 127px; width: 216px; float: left; } #contactus a { display: block; background: transparent url(images/contactus.png) no-repeat !important; border: none !important; outline: none; width: 253px; height: 47px; float: left; margin-top: 2.8em; margin-left: 2em; } #contactus a:hover { background-position: 0 -45px !important; } /* Blog */ .services_blogdesign .headline_area { text-indent: -5000px; background: transparent url(images/services_blogdesign.png) no-repeat; width: 595px; height: 72px; } .services_blogdesign #header { height: 230px; background: url('images/header_blogservices.png') no-repeat; border: none !important; } .services_blogdesign .format_text ul { margin:0 0 1.467em 10.7em; } #trickedout { background: transparent url(images/trickedout.png) no-repeat; width: 623px; height: 51px; margin-bottom:1em; margin-left:7em; } /* A La Carte */ .services_alacarte .headline_area { text-indent: -5000px; background: transparent url(images/services_alacarte.png) no-repeat; width: 695px; height: 72px; } .services_alacarte #header { height: 230px; background: url('images/header_alacarte.png') no-repeat; border: none !important; } .services_alacarte .no_sidebars p { margin-left:1em; } .services_alacarte input, .services textarea { background: none !important; border: none !important; } .services_alacarte .format_text input { width:25% !important; } .services_alacarte .format_text ul { margin:0 0 0.467em 4.7em !important; } #superlegit { background: transparent url(images/superlegitpackage.png) no-repeat; width: 506px; height: 73px; margin-left: 1em; } #legit { background: transparent url(images/legitpackage.png) no-repeat; width: 506px; height: 73px; margin-left: 1em; margin-top: 3em; } .legit_button { margin-left: 5em; width: 400px !important; } #packages { background: transparent url(images/packages.png) no-repeat; width: 729px; height: 34px; margin-left: 1em; margin-top: 4em; } ul#first_column { width: 400px; float: left; } ul#first_column li { margin-top: 1.5em; } ul#second_column { width: 400px; float: left; padding-bottom: 3em; } ul#second_column li { margin-top: 1.5em; } .services_description { margin-bottom: 0em !important; } /* Press Page */ .press .headline_area { display: none; } .press #header { height: 230px; background: url('images/header_press.png') no-repeat; border: none !important; } .press .format_text ul li { margin-bottom: 1.5em; } /*This makes the teasers be one across, instead of two*/ .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; padding-bottom: 4em; border-top: none !important; border-bottom: 1px solid #505151; text-align: justify; } .custom .teasers_box { padding: 0 !important; border-top: 0; } .custom .format_text img.center, .custom .format_text img.aligncenter, .custom .wp-caption.aligncenter { padding: 1em; background: #fff; border: 1px solid #5c5c5c; } .custom .teaser .teaser_link { letter-spacing: 1px; background: none !important; } .custom .teaser a.teaser_link:hover { text-decoration: none !important; background: #F9D718 !important; color: #000; } .custom .teaser h2 a { background: none !important; text-decoration: none; margin-left: .6em; border: none !important; } .custom .teaser h2 { width: 668px; height: 36px; background: transparent url(images/headlinebg.png) no-repeat; } .custom .teaser .teaser_date { margin-left:1.3em; } .custom .teaser .format_teaser .post_image_link img.frame { background:#313131; padding:1.5em; border: 2px solid #000; } .custom .prev_next { border: none; } /* Sidebars on Blog */ .custom #sidebars { width:25.7em; } .custom .sidebar h3 { text-transform: uppercase; font-size: 1.3em; color: #000; } .custom li.widget ul li { margin-bottom:1.5em; } #subscribeh3 { background: transparent url(images/subscribeh3.png) no-repeat; width: 154px; height: 54px; margin-left: 3.2em; margin-top: 4em; } #subrss a { display: block; outline: none; background: transparent url(images/subrss.png) no-repeat !important; width: 185px; height: 83px; margin-left: 1.9em; } #subrss a:hover { background-position: 0 -79px !important; } #subemail { background: transparent url(images/subemail.png) no-repeat; width: 190px; height: 93px; margin-left: 1.6em; margin-top: 2em; margin-bottom: .6em; } #followus a { display: block; outline: none; background: transparent url(images/followus.png) no-repeat !important; width: 185px; height: 135px; margin-left: 1.5em; margin-top: 4em; } #followus a:hover { background-position: 0 -131px !important; } .custom .sidebar input[type="text"] { background:#000; color: #f9d718; border: 1px solid #000; margin-left: .4em; } .custom .sidebar input[type="submit"] { background:#000; color: #f9d718; letter-spacing: 1px; text-transform: uppercase; padding: .5em; border: 1px solid #000; margin-left: .9em; } /* CUSTOM HEADERS FOR SIDEBAR Widgets */ .custom li.widget_killer_recent_entries h3 { height: 51px; width: 190px; background: url('images/recent.png') no-repeat; text-indent: -9999px; margin-left: .9em; } .custom li.widget_links h3 { height: 51px; width: 190px; background: url('images/links.png') no-repeat; text-indent: -9999px; margin-left: 1.2em; } .custom .headline_area h2 { font-size:2.5em; width: 668px; height: 36px; background: transparent url(images/headlinebg.png) no-repeat; } .custom .entry-title { font-size:2.2em; width: 668px; height: 36px; background: transparent url(images/headlinebg.png) no-repeat; } /* Comments Styling */ .custom .comments_intro span.bracket { display: none; } .custom dl#comment_list dt .comment_author { letter-spacing: 1px; text-transform: uppercase; font-weight: normal; font-family: Rockwell,"Arial Black","Arial Bold",Arial,sans-serif; } .custom dl#comment_list dd .format_text, dl#comment_list dd #respond { margin-left:4em; margin-right:6em; } .custom dl#comment_list .comment_num a { color:#000; } .custom #commentform input.form_submit { background:#000; color: #f9d718; letter-spacing: 1px; text-transform: uppercase; padding: .5em; border: 1px solid #000; font-size: .9em; }