/* Theme Name: smart-e-wordpress v1.5 Theme URI: http://www.smartebear.com Description: Intellitoys smart-e-bear website Original Author: Michael Curren Original Author URI: http://www.michaelcurren.com/ Version: 1.5 Itellitoys 2008-2009 */ * { margin:0; padding:0; } body { font-size:14px; font-family:Arial, Verdana, sans-serif; color:#666; background:url(images/bg.jpg) 50% -400px fixed no-repeat; } a { color:rgb(26,183,234); text-decoration:none; } img { border:0; } a img { border:0; } ul { margin:0; padding:0; } ul#scroll { overflow-x:hidden; overflow-y:auto; } li { margin:0; padding:0; list-style:none; } p { margin:0; padding:0; } h2 { font-family:Arial, Verdana, sans-serif; font-weight:bold; font-size:2.2em; color:#35a7b5; line-height:1; margin:0; padding:0; } sup { font-size:0.07em; } #column { width:895px; margin:0 auto; padding:0; } #header { width:895px; height:90px; margin-top:30px; background:url(images/smarte-trans.png) 0 75% no-repeat; } a.home_page { width:315px; height:90px; float:left; clear:none; display:block; text-decoration:none; } ul#topnav { margin-top:50px; height:40px; float:right; } ul#topnav li { float:left; text-indent:-9999px; } ul#topnav li:hover { background-position:left bottom; } ul#topnav li a { text-decoration:none; display:block; height:40px; } li#tour { background:url(images/topnav_tour.png) left top no-repeat; width:126px; } li#features { background:url(images/topnav_features.png) left top no-repeat; width:122px; } li#try { background:url(images/topnav_try.png) left top no-repeat; width:75px; } li#buy { background:url(images/topnav_buy.png) left top no-repeat; width:80px; } #footer { color:#333; width:895px; text-align:center; clear:both; font-weight:bold; } #footer ul { margin:0; padding:1.4em 0 1.4em 0; } #footer li { margin:0; display:inline; border-left:2px solid #333; padding: 0 .667em 0 .667em; } #footer li:first-child { border-width:0; } #footer li a { color:#333; } #footer li a:visited { color:#333; } #footer li a:hover { text-decoration:underline; } #footer span.separator { color:#999; font-size:1.1em; margin:0 3px; } #footer img { margin:5px; } #footer a img { text-align:center; text-decoration:none; border:0; vertical-align:center; } #home_container { width:895px; height:520px; margin:0; padding:0; background:url(images/homepage_bg.png) 0 0 no-repeat; visibility:visible; } #home_sidebar { width:135px; height:399px; float:left; clear:none; } #home_content { width:430px; float:left; clear:none; margin:30px 10px 0 8px; line-height:normal; color:#666; } #home_content p { max-height:210px; margin:0 0 0 2px; padding:0; float:left; clear:none; font-size:13px; } #home_content .lg_animal { max-width:305px; height:auto; float:right; clear:none; margin-top: -20px; } #home_content img.headline { margin:0 0 12px 0; float:left; clear:none; } #home_content li a.white_text { min-height:23px; margin:0 0 0 2px; padding:1px 23px 0 0; font-size:15px; font-weight:bold; color:white; background:url(images/whitearrow-trans.png) 100% 50% no-repeat; } /* div.home_after_text { margin:5px 0 7px; width:390px; } */ #home_bottom_nav { position:relative; left:-90px; top:34px; width:825px; height:100px; margin:0; padding:8px 0 0 10px; clear:none; } #home_bottom_nav li { position: absolute; top: -20px; } #home_bottom_nav #home_bottom_note { left: 0; } #home_bottom_nav #home_bottom_book { left: 273px; } #home_bottom_nav #home_bottom_puzzle { left: 546px; } #home_bottom_nav li a { width:267px; height:100px; margin-right:6px; float:left; clear:none; display:block; } #home_bottom_nav li img, #home_bottom_nav li span.png_fix { position:absolute; top:3px; left:7px; float:left; clear:none; z-index:20; } #home_content #home_bottom_nav li a span.title { display:block; margin:45px 8px 10px 0; padding:0 23px 0 0; width:148px; height:48px; float:right; background:url(images/whitearrow-trans.png) 100% 100% no-repeat; font-weight:bold; color:white; display:block; font-size:12px; } #main_single { width:875px; height:480px; margin:0; padding:8px 10px 10px; background:url(images/single_bg.png) 0 0 no-repeat; visibility:visible; } #main_single h2 { width:855px; height:50px; margin:0; padding:10px 0 0 20px; } #main_single p { margin:0 0 1em; padding:0; } #main_split { width:875px; height:524px; margin:0; padding:0 10px; background:url(images/split_green_bg.png) 0 0 no-repeat; visibility:visible; } #main_split.artists_list, #main_split.stories_list, #main_split.games_list { background:url(images/split_green_bg.png) 0 0 no-repeat; } #main_split.help-pages { background: url(images/split_bg.png) 0 0 no-repeat; } #sidebar_split { width:300px; height:490px; overflow:hidden; margin:8px 0 0 0; padding:0; float:left; clear:none; font-size:16px; } #sidebar_split h2 { width:300px; height:60px; text-align:center; } #sidebar_split h2 a { width:300px; height:60px; display:block; } #sidebar_split ul { margin:0; padding:0; width:300px; height:429px; } #sidebar_split li { width:275px; margin:0 0 0 4px; padding:0; font-size:24px; font-weight:bold; border-bottom:1px solid #ccc; float:left; line-height:normal; } #sidebar_split li:first-child { padding-top: 8px; } #sidebar_split li a { margin:0; padding:6px 0px 6px 22px; line-height: 1.1em; font-size: 22px; display:block; color:rgb(26,183,234); font-weight:bold; visibility:visible; } #sidebar_split li:hover { background:url(/images/green-arrow.png) 0 50% no-repeat; } #sidebar_split li.hierarchy-depth-2 { width:255px; padding-left:20px; } #content_split { width:560px; height:490px; float:right; clear:none; margin:8px 0 0 15px; font-size:16px; line-height:normal; color:#666; } #content_split ul, #content_split .wrapper { width:500px; margin:20px 30px 0; pading:0; z-index:1; } #content_split ul, #content_split .wrapper ul { width:auto; } #content_split ul h2, #content_split .wrapper h2 { width:500px; z-index:1; } #content_split ul p, #content_split .wrapper p { margin-top:20px; z-index:1; } #content.flash { width:875px; height:480px; margin:0; padding:8px 10px 10px; } /* begin Buy Me - Retailers Page */ #buy_right { width:315px; height:325px; margin:83px 0 20px; padding:0; float:right; position:relative; } #buy_right ul { margin:0 20px 20px 0; } h3.buyme_before { font-size:1em; margin-bottom:20px; } h3.buyme_after { font-size:1.8em; position:absolute; top:0; left:0; } h3.buyme_bottom { font-size:2.5em; font-weight:bold; color:#35a7b5; text-align:right; position:absolute; bottom:10px; right:25px; } #buy_left { width:510px; height:408px; margin:10px 0 0; padding:0; font-size:1.8em; } #buy_left ul { margin:0 20px; } /*My Features & A/S/G pages specific styles*/ #my_feat { width:875px; height:520px; margin:0; padding:0 10px; background:url(images/split_bg.png) 0 0 no-repeat; visibility:visible; } /* This is more important, and while IE will support multiple classes on an element, IE6 has issues * with multiple classes in a single style rule, so make this more specific by tacking 'html' * to it's prefix. */ .artist_post { font-size:0.8em; } html #content_split ul.artist_post p { font-size:0.8em; margin-bottom:0.4em; } #my_feat #content_split { position:relative; } .page-14 #column #my_feat #content_split #feat_bottom_nav ul { background:url(/images/feat-nav-bottom-text.png) 0 100% no-repeat; width:560px; height:140px; margin:0; padding:0; position:absolute; bottom:-14px; left:0px; z-index:5; } #feat_bottom_nav li { width:186px; height:140px; float:left; clear:none; } #feat_bottom_nav li a { width:186px; height:140px; text-indent:-99000px; display:block; } img.features-image { margin:auto; max-width:500px; height:auto; } #asg_top_nav { width:550px; height:53px; overflow:none; margin-top:4px; margin-bottom:-4px; padding-left:10px; background-image:url(images/heading_artists_books_games.png); background-repeat:no-repeat; } #asg_top_nav a img { margin:5px; } #features-link a { display:block; text-indent:-99000px; width:300px; height:55px; border:0; text-decoration:none; float:right; /* background:url(images/back_to_features.png) 100% 50% no-repeat; */ } #feat_bottom_nav.feat_post ul { background-image:none; width:560px; height:440px; margin:0; padding:0; position:absolute; bottom:30px; right:0; z-index:5; } #feat_bottom_nav.feat_post ul img { } img.artist_image { display:block; float:left; margin:0 10px 5px 0; float:left; border:2px solid #666; } #artist_quote { margin: 10px 0 20px 0; font-size:9pt; color:#333; background-color:#ddd; padding:5px; } a.artist_site { display:block; margin:10px 0 0 0; padding:0; color:#35A7B5; text-decoration:none; font-style:italic; } /*Single container template background with top green stripe*/ #main_single.green_stripe { width:875px; height:395px; margin:0; padding:8px 10px 10px; background:url(images/single_green_bg.png) 0 0 no-repeat; visibility:visible; } #main_single.green_stripe h2 { width:875px; height:60px; } #main_single.press { width:875px; height:395px; margin:0; padding:8px 10px 10px; background:url(images/single_green_animals_bg.png) 0 0 no-repeat; visibility:visible; } #main_single.press h2 { width:875px; height:60px; } /*Flash Pages*/ #main_single.flash { width:865px; height:482px; background:url(images/single_plain_bg.png) 0 0 no-repeat; visibility:visible; padding:11px 15px 10px; overflow:hidden; clear:both; } #main_single.flash p { margin:0; padding:0; } /*Company Pages Template CSS*/ #left-text { width:330px; margin:11px 0 0; padding:0 0 20px 30px; float:left; overflow:hidden; font-family:Arial sans-serif; font-weight:normal; font-size:13pt; color:#666; line-height:auto; } #info-main #right-content { width:515px; height:470px; margin:11px 0 0; padding:0; float:left; } .cf_info { position:relative; } /* Policy & Terms CSS (containing div is styled inline on page)*/ #policy h2 { color:black; opacity:1; } #policy p { margin:1.4em 0 1.4em 0; font-family:Verdana,Arial,sans-serif; font-size:14px; line-height:1.4; color:black; opacity:1; } #policy a { font-weight: bold; } .trans_image { position:relative; background-image:url(images/flash-main-trans.png); width:900px; height:524px; opacity:1; } .trans_image h2 { position:absolute; left:12%; padding-top: 22%; width:76%; height:4em; color:#666; opacity:1; text-align:center; } #column #main_single { height:480px;} #home_container { position:relative; } #home_container #home_content { position:absolute; left: 150px; top: 35px; width: 738px; } #home_content .header { display:block; width:438px; overflow:auto; } #home_content_inner { height:330px; overflow:hidden; font-family:Verdana,sans-serif; font-size:13px; } #home_content_inner p { float:none; margin:.333em 0 0 0; } #home_content_inner ul { margin:.333em 0 0 0; } /* *** THE NEXT RULE CONTROLS THE COLOR OF THE THREE LINKS AT THE END OF THE HOMEPAGE BODY COPY *** */ #home_container #home_content_inner ul li a.white_text { color:rgb(255,255,255); font-weight:bold; } #home_content_inner ul a:link { text-decoration:none; } #home_content_inner ul a:hover { text-decoration:underline; } #home_content #attract_get_started { position:absolute; right:-40px; bottom:55px; width:120px; height:120px; z-index:32; } #column #main_split #content_split h2, #column #my_feat #content_split h2 { color:rgb(26,183,234); } .page-8 #footer { position:relative; left: 30px; } .page-23 #main_single { font-size:px; } .page-23 #main_single h2 { position:relative; top:-10px; background-image:url(images/headings_pages_081126.png); background-repeat:no-repeat; } .page-23 #left-text-box { margin-left:20px; width:45%; float:left; font-size:20px;} .page-23 #right-content { float:left; width:45%; } .page-186 #main_single ul.grid, .page-25 #main_single ul.grid { display: block; padding: 16px; margin: 0; border: 0; height: 100%; width: 100%; } .page-25 #main_single ul.grid li { display: inline; display: inline-block; padding: 5px 5px 10px 5px; margin: 0; border: 0; width: 168px; height: 72px; } .page-186 #main_single ul.grid li { display: inline; display: inline-block; padding: 5px 3px 10px 3px; margin: 0; border: 0; width: 144px; height: 144px; } * html ul.grid li { display: inline; width: 178px; height: 82px; } #column #main_single.buy_me h2 {} #buy_left { display: block; padding: 0px; margin: 0px; height: 372px; width: 543px; position: relative; top: 42px; } #buy_left #press_link { /* position:absolute; bottom:-11px; right:-11px; width:171px; height:114px; */ } .page-186 #main_single { padding-top:30px; background:url(images/single_green_animals_bg.png) 0 0 no-repeat; } .page-25 #main_single { padding-top:30px; background:url(images/single_green_animals_bg.png) 0 0 no-repeat; } body.page-23 #column h2 { background-position: 0 -360px; margin-top: 22px; margin-bottom: -4px; } body.page-25 #column h2 { background-position: 12px -300px; margin-left: 0; margin-top: 0; margin-bottom: -47px; top: -9px; } .page-25 #main_single ul { margin-left:25px; width:65%; } .page-25 #main_single ul li { display:block; float:left; width:42%; height: 122px; overflow:hidden; padding-right:8%; color:rgb(49,168,228); font-size:24px; text-align:center; } * html .page-25 #main_single ul li { padding: 0; } .page-25 #main_single ul li.moreRetailersSoon { width:84%; } #main_single #buy_left div { margin-left: 20px; font-size:16px; } #main_single #buy_right .text_content { margin-left:24px; width: 240px; font-size:12px; margin-top:12px; } body.page-33 #main_split, body.page-37 #main_split, #main_split.help-pages { background:transparent url(images/split_bg.png) no-repeat scroll 0 0; } body.page-33 #main_split #sidebar_split h2, body.page-37 #main_split #sidebar_split h2, #main_split.help-pages #sidebar_split h2 { height:53px; margin-top:12px; text-indent:-10000px; background-image: url(images/headings_pages_081126.png); background-repeat:no-repeat; } body.page-33 #main_split #sidebar_split h2, body.page-37 #main_split #sidebar_split h2, #main_split.help-pages #sidebar_split h2 { background-image:url(images/headings_pages_081126.png); background-position: 10px -600px; } #main_split.help-pages #sidebar_split h2 { background-position:10px -420px; } .page-40 #content_split ul li, .page-42 #content_split ul li, .page-44 #content_split ul li { list-style-type:disc; } .page-46 #content_split p { font-size:167%; font-weight:bold; text-align:center; } .page-46 #content_split p span { display:block; } .page-46 #content_split p a { color:black; text-decoration:underline; } body.page-47 { background-repeat:repeat; } .page-85 #main_single { width:832px; margin: auto; padding:20px; background-image:url(images/homepage_bg.png); background-position:-45px 0; background-repeat:no-repeat; } .page-85 #column #main_single { height:363px; } .page-85 #column #main_single div { width:75%; margin:auto; padding-top:10%; color:rgb(26,183,234); font-size:24px; text-align:center; } .page-186 #column #main_single h2 { top: -24px; margin-bottom: -24px; padding: 0; } .page-185 #column #main_single.press ul.bulletItems { height:324px; overflow: auto; margin-top:0; margin-left:20px; } .page-185 #column #main_single.press li { margin-bottom:.375em; line-height:1.25em; } .page-186 #main_single ul li span, .page-25 #main_single ul li span { display:block; padding-top:30px;} .page-185 #main_single h2, .page-186 #main_single h2, .page-25 #main_single h2, .page-23 #main_single h2 { position: relative; background-image:url(images/headings_pages_081126.png); background-repeat: no-repeat; height: 50px; margin: 12px; text-indent:-10000px; } .page-186 #flash_content, .page-25 #flash_content { width:auto; height:auto; margin:16px 0 0 15px; padding:0 !important; } .page-186 #column h2 { background-position: 12px -60px; margin-top: 14px; margin-left: 4px; } .page-185 #main_single>ul, .page-185 #main_single>p { font-size: 16px; } .page-185 #main_single>p { height: 40px; overflow: none; margin-top:0; margin-bottom:20px; margin-left: 20px; position:relative; top:-20px; width:492px; } .page-186 #main_single #buy_left div { position: relative; top:-24px; margin-bottom: -24px; } .artists_list #sidebar_split h2, .stories_list #sidebar_split h2, .games_list #sidebar_split h2 { margin-top: 12px; margin-bottom: -12px; text-indent:-10000px; background-repeat:no-repeat; } .artists_list #sidebar_split h2 { background-image:url(images/headings_pages_081126.png); background-position: 12px -120px; } .stories_list #sidebar_split h2 { background-image:url(images/headings_pages_081126.png); background-position: 12px -180px; } .games_list #sidebar_split h2 { background-image:url(images/headings_pages_081126.png); background-position: 12px -240px; } #column #my_feat #sidebar_split, #column #my_feat #content_split, #column .stories_list #sidebar_split, #column .stories_list #content_split, #column .games_list #sidebar_split, #column .games_list #content_split { font-size: 16px; } #my_feat #sidebar_split h2 { background-image: url(images/headings_pages_081126.png); background-position: 12px -540px; background-repeat:no-repeat; text-indent:-10000px; margin-top: 12px; margin-bottom: -12px; } form br { display:none; } fieldset { border:0; padding:0 0 .333em 0; margin:0; clear:both; } label { float:left; width:11em; padding-right:1em; text-align:right; } label,input { display: inline-block; } * html label, * html input { display: block; } textarea { height:12em; } input,textarea { width:10em; border:1px solid rgb(85,85,85); padding:.167em; font-family:Arial,sans-serif; font-size:13px; line-height:1; width: 16em; } .input3 { margin-left:6em; border:1px outset rgb(170,170,170); background-color: rgb(204,204,204); width: 12em; margin-top: 0.8em; margin-right: 1em; float: right; } #sidebar_split .ie6_png { display: none; } html #feat_bottom_nav.feat_post { position: absolute; bottom: 0px; left: 5px; right: 5px; text-align: center; } .big_orange{ font-size: 16px !important; color: rgb(253,152,44) !important; font-weight: bold; } #pr_contact { float: right; width: 250px; margin: 12px 12px 12px 12px; border: 1px solid #333; padding: 12px; background-color: rgb(165, 217, 237); }