/* THEME NAME: The P.O.P. Shop THEME URI: DESCRIPTION: TAGS: VERSION: 1.0 AUTHOR: Circle at Seven Studio, Inc. AUTHOR URI: */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img { margin: 0; padding: 0; border: 0; } body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 62.5%; line-height: 1; color: #FFFFFF; background-color: #C1A8CB; text-align: center; float: left; width: 100%; } a:link, a:visited { color: #FFF; outline: none; text-decoration: none; } a:hover, a:active, a:focus { color: #EE097F; outline: none; text-decoration: underline; } p a:link, p a:visited { color: #5A2887; outline: none; text-decoration: underline; } p a:hover, p a:active, p a:focus { color: #EE097F; outline: none; text-decoration: underline; } h1 { } h2 { font-size: 18px; margin-bottom: 15px; } h3 { font-size: 18px; } h4 { font-size: 1.6em; } p, ul, ol, dl { margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.5; } ul ul { font-size: 1em; } hr { } blockquote { } /* LAYOUT --------------------------------------------------------*/ div#wrapper { width: 885px; margin: auto; } .alignleft { float: left; } .alignright { float: right; } nobr { white-space: nowrap; } /* HEADER and NAVIGATION --------------------------------------------------------*/ div#header { width: 855px; height: 200px; margin: auto; text-align: left; position: relative; z-index: 10; } div#header h1#blog-title { display: none; } div#header div.flashmovie { } div#blog-description { display: none; } div#access { } div#access div.skip-link{ position: absolute; top: 0; left: -9999px; } div#menu { width: 855px; margin: 0 auto; text-align: left; } div#menu ul { list-style: none; margin: 0; } div#menu ul li { float: left; list-style: none; background-position: top left; background-repeat: no-repeat; } div#menu ul li a:link, div#menu ul li a:visited { display: block; height: 50px; text-indent: -9999px; } div#menu ul ul { display: none; } div#menu ul li.menu-print { width: 142px; background-image: url("images/mainnav_print.jpg"); } div#menu ul li.menu-premiums { width: 142px; background-image: url("images/mainnav_premiums.jpg"); } div#menu ul li.menu-incentives { width: 143px; background-image: url("images/mainnav_incentives.jpg"); } div#menu ul li.menu-promotions { width: 143px; background-image: url("images/mainnav_promotions.jpg"); } div#menu ul li.menu-apparel { width: 143px; background-image: url("images/mainnav_apparel.jpg"); } div#menu ul li.menu-design { width: 142px; background-image: url("images/mainnav_design.jpg"); } div#menu ul li:hover { background-position: bottom left; } li.menu-home, li.menu-superheroes, li.menu-clients, li.menu-blog, li.menu-contact-us, li.menu-about-us, li.menu-links { display: none; } /* FOOTER --------------------------------------------------------*/ #footer { width: 855px; margin: 15px 0 45px 0; text-align: left; float: left; clear: both; position: relative; left: 15px; } #footer div { width: 855px; margin: 0 0 15px 0; padding: 10px 0; text-align: left; background-color: #AD8DBB; float: left; clear: both; } #footer div form#joinblast { margin: 0 0 0 13px; float: left; } #footer div form#joinblast input#joinblasttext { font-size: 1.4em; line-height: 1.5; float: left; margin: 7px 5px 0 0; color: #9578A1; } #footer div form#joinblast input#joinblastbutton { padding: 2px; font-size: 1em; margin: 0; float: left; } #footer div p#phonenumber { width: 239px; height: 36px; background: transparent url("images/phonenumber.gif") center left no-repeat; float: right; overflow: hidden; text-indent: -9999px; } #footer p { margin: 0 13px; } #footer p#wbenc { width: 78px; height: 36px; background: transparent url("images/wbenc.gif") top left no-repeat; float: left; clear: both; overflow: hidden; text-indent: -9999px; } #footer p#copyrightinfo { color: #9578A1; font-size: 1em; line-height: 1.7em; } #footer a:link, #footer a:visited { } #footer a:hover, #footer a:active, #footer a:focus { } /* HOME PAGE --------------------------------------------------------*/ div#homecontent { width: 855px; margin: auto; text-align: left; clear: both; } div#homecontent div#slideshow { width: 855px; height: 359px; } div#homecontent div.slides { width: 855px; height: 359px; } div#homecontent div.slides img { width: 855px; height: 359px; } div#spotlights { width: 855px; height: 238px; background: transparent url("images/spotlights.gif") bottom left no-repeat; } div#spotlights a:link, div#spotlights a:visited { color: #EE097F; outline: none; text-decoration: none; } div#spotlights a:hover, div#spotlights a:active, div#spotlights a:focus { color: #EE097F; outline: none; text-decoration: underline; } div#spotlight-1 { width: 247px; height: 201px; float: left; position: relative; top: 24px; left: 14px; } div#spotlight-2 { width: 247px; height: 201px; float: left; position: relative; top: 24px; left: 56px; } div#spotlight-3 { width: 247px; height: 201px; float: left; position: relative; top: 24px; left: 98px; } div.spotlight-content { height: 166px; overflow: auto; } div#spotlight-3 div.spotlight-content { height: 166px; overflow: visible; } div.spotlight-content p { color: #AD8DBB; } div.spotlight-content div.entry-date { color: #EE097F; margin: 0 0 10px 0; } div#spotlights div#spotlight-1 h2.spotlightheader { width: 247px; height: 35px; } div#spotlights div#spotlight-1 h2.spotlightheader a:link, div#spotlights div#spotlight-1 h2.spotlightheader a:visited { display: block; height: 19px; text-indent: -9999px; } div#spotlights div#spotlight-2 h2.spotlightheader { width: 247px; height: 35px; } div#spotlights div#spotlight-2 h2.spotlightheader a:link, div#spotlights div#spotlight-2 h2.spotlightheader a:visited { display: block; height: 19px; text-indent: -9999px; } div#spotlights div#spotlight-2 div.spotlight-content a p { display: inline; } div#spotlights div#spotlight-3 h2.spotlightheader { width: 247px; height: 35px; text-indent: -9999px; } h2#marketingsuperheroblog {background: transparent url("images/marketingsuperheroblog.gif") top left no-repeat; margin: 0; } h2#rescuedclients { background: transparent url("images/rescuedclients.gif") top left no-repeat; margin: 0; } h2#newproduct { background: transparent url("images/newproduct.gif") top left no-repeat; margin: 0; } /* SECTIONS --------------------------------------------------------*/ div#thecontent { clear: both; position: relative; } div#thecontent blockquote { width: 220px; margin: 0; position: relative; left: 210px; z-index: 15; float: left; } div#thecontent ul li { margin-left: 17px; } div#thecontent div.slides { width: 396px; height: 325px; float: right; margin-right: 0; position: relative; right: 15px; } div#thecontent div.slides img { width: 396px; height: 325px; } /*-- Print --*/ div#print-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #754693 url("images/content-print.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#print-content h2#superhero-print { width: 286px; height: 409px; margin: 0; background: transparent url("images/superhero-print.png") bottom left no-repeat; position: absolute; bottom: -65px; left: -5px; text-indent: -9999px; z-index: 1; } /*-- Premiums --*/ div#premiums-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #85CC89 url("images/content-premiums.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#premiums-content h2#superhero-premiums { width: 190px; height: 400px; margin: 0; background: transparent url("images/superhero-premiums.png") bottom left no-repeat; position: absolute; bottom: -50px; left: 10px; text-indent: -9999px; z-index: 1; } body.pageid-19 div#premiums-content iframe { width: 825px; height: 680px; margin: 0 0 0 15px; padding: 0; border: 0; } body.pageid-20 div#premiums-content iframe { width: 825px; height: 1200px; margin: 0 0 0 15px; padding: 0; border: 0; } body.pageid-496 div#premiums-content iframe { width: 825px; height: 1200px; margin: 0 0 0 15px; padding: 0; border: 0; } /*-- Incentives --*/ div#incentives-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #F55CAB url("images/content-incentives.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#incentives-content h2#superhero-incentives { width: 203px; height: 382px; margin: 0; background: transparent url("images/superhero-incentives.png") bottom left no-repeat; position: absolute; bottom: -45px; left: 0; text-indent: -9999px; z-index: 1; } /*-- Promotions --*/ div#promotions-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #73B1D3 url("images/content-promotions.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#promotions-content h2#superhero-promotions { width: 199px; height: 401px; margin: 0; background: transparent url("images/superhero-promotions.png") bottom left no-repeat; position: absolute; bottom: -65px; left: 5px; text-indent: -9999px; z-index: 1; } /*-- Apparel --*/ div#apparel-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #FB5C40 url("images/content-apparel.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#apparel-content h2#superhero-apparel { width: 212px; height: 407px; margin: 0; background: transparent url("images/superhero-apparel.png") bottom left no-repeat; position: absolute; bottom: -55px; left: -10px; text-indent: -9999px; z-index: 1; } body.pageid-280 div#apparel-content iframe { width: 825px; height: 680px; margin: 0 0 0 15px; padding: 0; border: 0; } /*-- Design --*/ div#design-content { width: 855px; margin: 0 0 50px 0; padding-bottom: 15px; text-align: left; clear: both; background: #FCAB4C url("images/content-design.jpg") top left no-repeat; position: relative; left: 15px; z-index: 10; float: left; } div#design-content h2#superhero-design { width: 195px; height: 397px; margin: 0; background: transparent url("images/superhero-design.png") bottom left no-repeat; position: absolute; bottom: -40px; left: 10px; text-indent: -9999px; z-index: 1; } /*-- Superheroes --*/ div#superheroes-content { width: 855px; margin: 0; padding-bottom: 15px; text-align: left; clear: both; background-color: #AD8DBB; border-top: 5px solid #FFF; position: relative; left: 15px; z-index: 10; float: left; } div#superheroes-content div#alias-content { width: 415px; } div#superheroes-content div#thecontent { margin: 0 15px; } div#superheroes-content div#the-profile { width: 530px; } div#superheroes-content h2#the-superhero { width: 273px; height: 405px; float: right; text-indent: -9999px; } body.pageid-46 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-1.jpg") top left no-repeat; } body.pageid-47 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-2.jpg") top left no-repeat; } body.pageid-48 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-3.jpg") top left no-repeat; } body.pageid-49 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-4.jpg") top left no-repeat; } body.pageid-50 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-5.jpg") top left no-repeat; } body.pageid-51 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-6.jpg") top left no-repeat; } body.pageid-52 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-7.jpg") top left no-repeat; } body.pageid-54 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-8.jpg") top left no-repeat; } body.pageid-53 div#superheroes-content h2#the-superhero { background: transparent url("images/hero-9.jpg") top left no-repeat; } div#superheroes-content table { border-collapse: collapse; font-size: 1.2em; line-height: 1.4; background-color: #FE0204; border: 15px solid #FE0204; display: block; } div#superheroes-content table td { padding: 4px; } /*-- Contact Section --*/ div#contactcontent { width: 855px; margin: 0; padding-bottom: 0; text-align: left; clear: both; background: #AD8DBB url("images/contact_bg.gif") bottom left no-repeat; border-top: 5px solid #FFF; position: relative; left: 15px; z-index: 10; float: left; } div#contactcontent div#thecontent { margin: 20px 0 0 0; width: 376px; float: left; clear: none; } h2#contact-header { width: 449px; height: 530px; background: transparent url("images/contact_header.gif") top left no-repeat; float: left; margin: 20px 0 0 15px; text-indent: -9999px; } /*-- General Content Section --*/ div#generalcontent { width: 855px; margin: 0; padding-bottom: 15px; text-align: left; clear: both; background-color: #AD8DBB; border-top: 5px solid #FFF; position: relative; left: 15px; z-index: 10; float: left; } div#generalcontent h2.entry-title, div#generalcontent h2.entry-title { font-size: 18px; clear: both; margin: 15px; padding: 0; background-color: transparent; } div#generalcontent div#thecontent { margin: 0 0 0 15px; padding: 0; } body.pageid-161 div#generalcontent div#thecontent { margin: 0 15px 0 15px; } div#generalcontent div#thecontent blockquote { width: 400px; margin: 0; position: relative; z-index: 15; float: left; left: 0; } div#generalcontent div#thecontent div.slides { width: 396px; height: 325px; float: right; } /*-- Clients Section --*/ div#clientscontent { width: 855px; margin: 0; padding-bottom: 15px; text-align: left; clear: both; background-color: #AD8DBB; border-top: 5px solid #FFF; position: relative; left: 15px; z-index: 10; float: left; } div#clientscontent h2#clients-header { width: 77px; height: 24px; background: transparent url("images/clients_menu_header.gif") top left no-repeat; float: left; margin: 20px 0 0 15px; text-indent: -9999px; } div#clientscontent div#thecontent { margin: 0 0 0 15px; padding: 0; } div#clientscontent div#thecontent blockquote { width: 396px; margin: 0; position: relative; z-index: 15; float: left; } div#clientscontent ul#section-menu li { background-color: #C1A8CB; } div#clientscontent ul#section-menu li:hover { background-color: #FFF; } div#clientscontent ul#section-menu li a:hover, div#clientscontent ul#section-menu li a:active, div#clientscontent ul#section-menu li a:focus { color: #AD8DBB; } /*-- Section Menu --*/ ul#section-menu { margin: 20px 0 15px 0; list-style: none; float: right; text-transform: lowercase; position: relative; right: 15px; z-index: 75; } div#superheroes-content ul#section-menu { float: left; position: relative; left: 12px; } ul#section-menu li { float: left; margin: 0 0 3px 3px; width: 135px; height: 30px; padding: 0; background-color: transparent; background-position: top left; background-repeat: no-repeat; } ul#section-menu li:hover { background-position: bottom left; } ul#section-menu li a:link, ul#section-menu li a:visited { display: block; width: 135px; height: 30px; padding: 0; margin: 0; text-indent: -9999px; } div#print-content ul#section-menu li.retail-marketing { background-image: url("images/subnav/printmenu_retailmarketing.gif"); } div#print-content ul#section-menu li.direct-mail { background-image: url("images/subnav/printmenu_directmail.gif"); } div#print-content ul#section-menu li.signage { background-image: url("images/subnav/printmenu_signage.gif"); } div#print-content ul#section-menu li.collateral { background-image: url("images/subnav/printmenu_collateral.gif"); } div#premiums-content ul#section-menu li.ideas { background-image: url("images/subnav/premiumsmenu_ideas.gif"); } div#premiums-content ul#section-menu li.search { background-image: url("images/subnav/premiumsmenu_search.gif"); } div#premiums-content ul#section-menu li.showrooms { background-image: url("images/subnav/premiumsmenu_showrooms.gif"); } div#premiums-content ul#section-menu li.company-store { background-image: url("images/subnav/premiumsmenu_companystore.gif"); } div#premiums-content ul#section-menu li.presentations { background-image: url("images/subnav/premiumsmenu_presentations.gif"); } div#incentives-content ul#section-menu li.merchandise { background-image: url("images/subnav/incentivesmenu_merchandise.gif"); } div#incentives-content ul#section-menu li.awards { background-image: url("images/subnav/incentivesmenu_awards.gif"); } div#incentives-content ul#section-menu li.versus-cash { background-image: url("images/subnav/incentivesmenu_versuscash.gif"); } div#promotions-content ul#section-menu li.fulfillment { background-image: url("images/subnav/promotionsmenu_fulfillment.gif"); } div#promotions-content ul#section-menu li.summer-craze { background-image: url("images/subnav/promotionsmenu_summercraze.gif"); } div#promotions-content ul#section-menu li.power-of-2 { background-image: url("images/subnav/promotionsmenu_powerof2.gif"); } div#promotions-content ul#section-menu li.kids-cancer { background-image: url("images/subnav/promotionsmenu_kidscancer.gif"); } div#promotions-content ul#section-menu li.targeted { background-image: url("images/subnav/promotionsmenu_targeted.gif"); } div#promotions-content ul#section-menu li.walk-america { background-image: url("images/subnav/promotionsmenu_walkamerica.gif"); } div#apparel-content ul#section-menu li.browse { background-image: url("images/subnav/apparelmenu_browse.gif"); } div#apparel-content ul#section-menu li.ideas { background-image: url("images/subnav/apparelmenu_ideas.gif"); } div#apparel-content ul#section-menu li.decorations { background-image: url("images/subnav/apparelmenu_decorations.gif"); } div#apparel-content ul#section-menu li.uniforms { background-image: url("images/subnav/apparelmenu_uniforms.gif"); } div#apparel-content ul#section-menu li.compressed-tee { background-image: url("images/subnav/apparelmenu_compressedtee.gif"); } div#apparel-content ul#section-menu li.glossary { background-image: url("images/subnav/apparelmenu_glossary.gif"); } div#design-content ul#section-menu li.logos { background-image: url("images/subnav/designmenu_logos.gif"); } div#design-content ul#section-menu li.ads { background-image: url("images/subnav/designmenu_ads.gif"); } div#design-content ul#section-menu li.print { background-image: url("images/subnav/designmenu_print.gif"); } div#design-content ul#section-menu li.structure { background-image: url("images/subnav/designmenu_structure.gif"); } div#superheroes-content ul#section-menu li.alias { background-image: url("images/subnav/superheroesmenu_alias.gif"); } div#superheroes-content ul#section-menu li.solutioner { background-image: url("images/subnav/superheroesmenu_solutioner.gif"); } div#superheroes-content ul#section-menu li.el-deflecto { background-image: url("images/subnav/superheroesmenu_eldeflecto.gif"); } div#superheroes-content ul#section-menu li.red-searcher { background-image: url("images/subnav/superheroesmenu_redsearcher.gif"); } div#superheroes-content ul#section-menu li.time-streak { background-image: url("images/subnav/superheroesmenu_timestreak.gif"); } div#superheroes-content ul#section-menu li.flythang { background-image: url("images/subnav/superheroesmenu_flythang.gif"); } div#superheroes-content ul#section-menu li.vision-1 { background-image: url("images/subnav/superheroesmenu_vision1.gif"); } div#superheroes-content ul#section-menu li.the-furnace { background-image: url("images/subnav/superheroesmenu_thefurnace.gif"); } div#superheroes-content ul#section-menu li.four-one-one { background-image: url("images/subnav/superheroesmenu_411.gif"); } div#superheroes-content ul#section-menu li.creative-inferno { background-image: url("images/subnav/superheroesmenu_creativeinferno.gif"); } div#clientscontent ul#section-menu li.corporate { background-image: url("images/subnav/clientsmenu_corporate.gif"); } div#clientscontent ul#section-menu li.non-profit { background-image: url("images/subnav/clientsmenu_nonprofit.gif"); } div#clientscontent ul#section-menu li.real-estate { background-image: url("images/subnav/clientsmenu_realestate.gif"); } div#clientscontent ul#section-menu li.agencies { background-image: url("images/subnav/clientsmenu_agencies.gif"); } body.pageid-14 div#print-content ul#section-menu li.retail-marketing, body.pageid-13 div#print-content ul#section-menu li.direct-mail, body.pageid-15 div#print-content ul#section-menu li.signage, body.pageid-16 div#print-content ul#section-menu li.collateral, body.pageid-18 div#premiums-content ul#section-menu li.ideas, body.pageid-19 div#premiums-content ul#section-menu li.search, body.pageid-20 div#premiums-content ul#section-menu li.showrooms, body.pageid-21 div#premiums-content ul#section-menu li.company-store, body.pageid-496 div#premiums-content ul#section-menu li.presentations, body.pageid-26 div#incentives-content ul#section-menu li.merchandise, body.pageid-27 div#incentives-content ul#section-menu li.awards, body.pageid-28 div#incentives-content ul#section-menu li.versus-cash, body.pageid-29 div#promotions-content ul#section-menu li.fulfillment, body.pageid-30 div#promotions-content ul#section-menu li.summer-craze, body.pageid-31 div#promotions-content ul#section-menu li.power-of-2, body.pageid-32 div#promotions-content ul#section-menu li.kids-cancer, body.pageid-33 div#promotions-content ul#section-menu li.targeted, body.pageid-34 div#promotions-content ul#section-menu li.walk-america, body.pageid-280 div#apparel-content ul#section-menu li.browse, body.pageid-35 div#apparel-content ul#section-menu li.ideas, body.pageid-36 div#apparel-content ul#section-menu li.decorations, body.pageid-37 div#apparel-content ul#section-menu li.uniforms, body.pageid-38 div#apparel-content ul#section-menu li.compressed-tee, body.pageid-39 div#apparel-content ul#section-menu li.glossary, body.pageid-40 div#design-content ul#section-menu li.logos, body.pageid-41 div#design-content ul#section-menu li.ads, body.pageid-42 div#design-content ul#section-menu li.print, body.pageid-43 div#design-content ul#section-menu li.structure, body.pageid-45 div#superheroes-content ul#section-menu li.alias, body.pageid-46 div#superheroes-content ul#section-menu li.solutioner, body.pageid-47 div#superheroes-content ul#section-menu li.el-deflecto, body.pageid-48 div#superheroes-content ul#section-menu li.red-searcher, body.pageid-50 div#superheroes-content ul#section-menu li.time-streak, body.pageid-49 div#superheroes-content ul#section-menu li.flythang, body.pageid-53 div#superheroes-content ul#section-menu li.vision-1, body.pageid-54 div#superheroes-content ul#section-menu li.the-furnace, body.pageid-51 div#superheroes-content ul#section-menu li.four-one-one, body.pageid-52 div#superheroes-content ul#section-menu li.creative-inferno, body.pageid-56 div#clientscontent ul#section-menu li.corporate, body.pageid-56 div#clientscontent ul#section-menu li.corporate a:link, body.pageid-56 div#clientscontent ul#section-menu li.corporate a:visited, body.pageid-57 div#clientscontent ul#section-menu li.non-profit, body.pageid-57 div#clientscontent ul#section-menu li.non-profit a:link, body.pageid-57 div#clientscontent ul#section-menu li.non-profit a:visited, body.pageid-58 div#clientscontent ul#section-menu li.real-estate, body.pageid-58 div#clientscontent ul#section-menu li.real-estate a:link, body.pageid-58 div#clientscontent ul#section-menu li.real-estate a:visited, body.pageid-59 div#clientscontent ul#section-menu li.agencies, body.pageid-59 div#clientscontent ul#section-menu li.agencies a:link, body.pageid-59 div#clientscontent ul#section-menu li.agencies a:visited { background-position: bottom left; } div#superheroes-content { } div#superheroes-content ul#section-menu li#superheroes-menu-header { width: 273px; height: 30px; background: transparent url("images/superheroes_menu_header.gif") top center no-repeat; } div#superheroes-content ul#section-menu li#superheroes-menu-header h2 { height: 30px; text-indent: -9999px; margin: 0; padding: 0; overflow: hidden; } /* SEARCH PAGE RESULTS --------------------------------------------------------*/ body.search { } body.search div.slides { width: 396px; height: 325px; float: none; margin-right: 15px; } body.search div.slides img { width: 396px; height: 325px; } body.search blockquote { width: auto; margin: 0; float: none; } body.search .post { margin: 0 0 15px 0; padding: 15px 0 30px 0; border-bottom: 2px solid #C1A8CB; clear: both; } body.search .page { margin: 0 0 15px 0; padding: 15px 0 30px 0; border-bottom: 2px solid #C1A8CB; clear: both; } /* BLOG LAYOUT --------------------------------------------------------*/ div#blogcontent { width: 855px; margin: 0; padding-bottom: 15px; text-align: left; clear: both; background-color: #AD8DBB; border-top: 5px solid #FFF; float: left; position: relative; left: 15px; } div#blogcontent div#content { width: 615px; margin: 15px 0; text-align: left; float: left; position: relative; left: 15px; } div#blogcontent div#content ul li { margin-left: 17px; } /*-- SIDEBAR --*/ div.sidebar { width: 180px; float: right; clear: right; margin: 0; text-align: left; position: relative; right: 15px; } div.sidebar a:link, div.sidebar a:visited { color: #5A2887; outline: none; text-decoration: none; } div.sidebar a:hover, div.sidebar a:active, div.sidebar a:focus { color: #EE097F; outline: none; } /*-- MISC SANDBOX STUFF --*/ .post { margin: 0 0 15px 0; padding: 15px 0 30px 0; border-bottom: 2px solid #C1A8CB; clear: both; } .post p { font-size: 1.3em; } .entry-title { clear: both; margin-bottom: 5px; } .entry-title a:link, .entry-title a:visited { color: #5A2887; outline: none; text-decoration: none; } .entry-title a:hover, .entry-title a:active, .entry-title a:focus { color: #5A2887; outline: none; text-decoration: underline; } div.entry-date { color: #EE097F; margin: 0 0 15px 0; } div.entry-meta { color: #5A2887; margin: 15px 0 0 0; } div.entry-meta a:link, div.entry-meta a:visited { color: #5A2887; outline: none; text-decoration: underline; } div.entry-meta a:hover, div.entry-meta a:active, div.entry-meta a:focus { color: #EE097F; outline: none; } div#nav-above, div#nav-below { width: 100%; float: left; padding: 0 0 15px 0; } div#nav-above { margin: 0 0 15px 0; border-bottom: 2px solid #C1A8CB; } div#nav-below { margin-top: 15px; } div.nav-previous { float: left; } div.nav-next { float: right; } form#commentform .form-label { font-size: 1.2em; float: left; clear: left; width: 60px; } form#commentform .form-label label { } form#commentform .form-input { font-size: 1.2em; } form#commentform .form-input input { margin: 0 0 15px 0; } form#commentform span.required { color: red; } form#commentform, form#commentform p { padding: 0; } input#author, input#email, input#url { width: 50%; } input#author, input#email, input#url, textarea#comment { } div.comments ol li { margin: 0 0 30px 0; } textarea#comment { height: 60px; overflow: auto; width: 75%; margin: 0 0 15px 0; } form#commentform .form-submit { font-size: 1.2em; margin-left: 60px; } div.sidebar div, div.sidebar h3, div.sidebar ul,div.sidebar li { margin: 0; padding: 0; } div.sidebar h3 { font-size: 1.2em; } div.sidebar li { list-style: none; margin: 15px 0 0 0; } div.sidebar ul ul { margin: 0; } div.sidebar ul ul li { margin: 0 0 5px 0; } div.sidebar ul ul ul { margin: 0 0 0 15px; } div.sidebar ul ul ul li { list-style: square; margin: 5px 0 0 0; } /*-- New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts --*/ div.gallery { clear: both; float: left; width: 100%;} div.gallery dl { float: left; text-align: center; } div.gallery dl dt { margin: 0; } div.gallery dl dd { margin-left: 0; } div.entry-attachment, div.entry-caption { text-align: center; } div.entry-attachment img, div#nav-images div img { overflow: hidden; } body.attachment div#nav-images { clear: both; width: 100%; } body.attachment div#nav-images div { padding: 1em 0; width: 50%; } body.attachment div#nav-images div.nav-previous { text-align: left; } body.attachment div#nav-images div.nav-next { text-align: right; } body.attachment div.entry-meta, body.attachment div#comments { clear: both; }