/* THEME NAME: Hanttula THEME URI: http://www.hanttula.com DESCRIPTION: A highly-customized template for the magnificent Hanttula.com VERSION: 2009 AUTHOR: Michael Hanttula AUTHOR URI: http://www.spark3.com */ /* CSS Reset */ @import url('reset.css'); /* IE6 PNG Fix */ img, div, a, .ubm { behavior: url('http://www.hanttula.com/scripts/iepngfix.htc') } /********** BASIC STYLES **********/ html, body, #wrapper { height: 100%; } body > #wrapper {height: auto; min-height: 100%;} body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #250101 url(images/bg-red_grad1.jpg) repeat fixed; color: #111; text-align: center; } a, a:visited { border-bottom: 1px dotted #3fbcec; color: #0e6b8e; text-decoration: none; } a:hover, a:active { color: #1b3640; border-bottom: 1px solid #1b3640; text-decoration: none; } /* External Links */ a.extlink { padding-right:12px; background: url(images/icon-extlink.gif) right 3px repeat-y; } a:visited:hover.extlink {background-position:right 103px; } a:hover.extlink { background-position:right 203px; } /* End External Links */ strong { font-weight: bold; } em { font-style: italic; } /********** HEADING STYLES **********/ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 4em; } h2 { font-size: 1.6em; } h3 { font-size: 1.3em; } h3.comments { padding: 0; margin: 40px auto 20px; } h4 { font-size: 1.1em; } /********** CONTENT STYLES **********/ #wrapper { background: url(images/wrapper-bg.gif) repeat-y; background-position: center; } #content { width: 960px; margin: 0 auto; font-size: 1.2em; } #content-main { font-size: 1.2em; background: url(images/main-featured-bg.jpg) repeat-x; padding-top: 20px; } #content, #content-main {padding-bottom: 63px;} /* must be same height as the footer */ /********** ANNOUNCEMENT STYLES **********/ #ebs { border-bottom: 1px solid #0c3; background-color: #ffff81; color: #049700; text-align: center; padding: 5px; margin-bottom: 8px; font: 11px Arial, Helvetica, sans-serif; } #ebs a, #ebs a:visited { color:#039; font-weight: bold; text-decoration: none; } #ebs a:hover, #ebs a:active { color:#0067ce; text-decoration: underline; } .callout-note { border: 2px solid #900; background-color: #ffc; color: #900; text-align: center; padding: 5px; margin: 10px 0; font-size: 12px; } /********** HEADER STYLES **********/ #header { background: #160901 url(images/header-bg.jpg) no-repeat 50% 0; min-width: 960px; height: 109px; } #logo { position: absolute; top: 0; left: 50%; margin-left:-190px; width: 390px; height: 75px; z-index: 90; } #logo a { border: none; } .ubm { background: url(images/ubm.png) no-repeat; width: 549px; height: 56px; margin-left: -275px; position: absolute; top: 70px; left: 50%; text-indent: -999em; z-index: 50; } .goldframe { height: 34px; background: url(images/goldframe.gif) repeat-x;} #nav { width: 960px; margin: 0 auto; padding: 18px 0 0; list-style: none; height: 56px; } #nav ul#menu { width: 960px; margin: 0; padding: 0; position: relative; list-style: none; } #nav ul#menu li { position: absolute; list-style: none; text-transform: uppercase; font-size: 11px; padding-top: 3px; } #nav li a { background: url(images/nav-item-bg-30.png) repeat; display: block; color: #f9f5e1; padding: 14px 7px 0; height: 26px; width: 50px; border: 1px dotted #827568; } #nav li a:hover, #nav li a:active { text-decoration: none; border: 1px solid #d9cfbd; } #nav li a.double { font-size: 9px; padding: 11px 7px 4px; } #nav li a.wide { width: 80px; } #nav li a.extrawide { width: 180px; line-height: 1.3em; padding: 6px 7px 8px; } #exhibits {left: 0; } #projects {left: 77px; } #adventures {left: 154px; } #archives {left: 715px; } #store {left: 820px; } #contact {left: 895px; } /********** MAIN PAGE STYLES **********/ #main-features { height: 305px; width: 960px; background-color: #f7f7f7; margin: 0 auto; padding: 5px 0 0 0; } #feature-graphics { height: 300px; width: 725px; margin-left: 5px; background-color: #fff; } .ie6 #main-features { margin: 0 auto; padding: 5px 0 0 4px; } .ie6 #feature-graphics { margin-left: 0; } #feature-graphics a { border: none; } #pager { font-size: 12px; text-align: left; width: 230px; float: right; } #pager h2 { text-indent: -9999em; background: url(images/main-featured-brilliance-head.gif) no-repeat; height: 35px; } #pager ul { position: relative; left: 10px; z-index:99; font-size: 12px; margin-top: 10px; } .ie6 #pager ul { left: 0; } #pager ul li { line-height: 25px; } #pager a { background-color: #3fbcec; color: #fff; padding: 3px; } #pager a.activeSlide { background-color: #ff8106; border: none; } #subfeatures { position: relative; top: -15px; z-index: 50; width: 960px; margin: 0 auto; clear: both; background: url(images/main-sub-header.gif) no-repeat; } #sub-wrapper { background: url(images/main-sub-bg.gif) repeat-y 0 25px; width: 960px; margin: 0 auto; } #subfeatures h2 { } #distracto { width: 525px; float: left; text-align: left; margin-top: 105px; } #distracto h2 { text-indent: -9999em; } #distracto h3 { margin: 7px 0 4px; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: url(images/distractomatic-posthead-bg.gif) repeat; padding: 5px 0; } .ie #distracto h3 { z-index: 10; width: 430px; } .ie6 #distracto h3 { width: 400px; } #distracto h3 a { background: #fff; border-bottom: none; color: #747474; padding: 7px 6px 7px 3px; } #distracto h3 a:hover { border: none; } #distracto .post-head { border-top: 1px dashed #ababab; margin-top: 15px; clear: both; } #distracto .date { float: left; width: 40px; margin-top: 4px; text-align: center; color: #747474; font-size: 20px; line-height: 15px; } #distracto .date span { font-size: 12px; } #distracto .meta { font-size: 11px; color: #ababab; padding: 0 0 3px 45px; } #distracto .meta strong { color: #747474; } #distracto .comments { width: 55px; height: 40px; float: right; background: #fff url(images/comment-box.gif) no-repeat; text-align: center; color: #fff; padding-top: 2px; font-size: 14px; } .ie #distracto .comments { z-index: 50; display: block; } #distracto .comments a { background: none; border: none; color: #acacac; font-size: 9px; line-height: 11px; padding: 0; position: relative; top: 12px; } #distracto .comments a:hover { color: #222; background: none; border: none; text-decoration: underline; } #distracto a img, #distracto a:hover img { border: none; background: none; } #distracto p img.aligncenter { display: block; margin: 0 auto; text-align: center; } #distracto .post-content { width: 435px; margin: 15px 25px 15px 20px; padding-left: 17px; border-left: 3px dotted #e1edf2; } #distracto .post-content p { font-size: 1.1em; line-height: 1.3em; color: #212121; padding: 3px 0; } #distracto .post-content ul, #distracto .post-content ol { padding-left: 25px; } #distracto .post-content ul li { list-style-type: disc; margin: 0 0 4px; line-height: 1.3em; } #distracto .post-content ol li { list-style-type: decimal; margin: 0 0 4px; line-height: 1.3em; } #distracto .post-content .meta a { font-size: 9px; background: none; font-weight: normal; color: #900; } .archivelink { font-size: 24px; margin: 0; } #distracto-footer { background: url(images/main-distracto-foot.jpg) no-repeat; width: 960px; height: 60px; text-align: left; padding-left: 70px; } #distracto .post-content .halloween-image-list li img { margin: 20px auto; display: block; } #distracto .post-content .halloween-image-list li { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px dotted #9f9f9f; } #distracto .post-content .halloween-image-list li a img, #distracto .post-content .halloween-image-list li a:hover img { border: 0; background: none; } .exhibit-content .halloween-image-list li { width: 200px; margin: 20px 20px 20px 0; float: left; } #subsidebar {width: 435px; float: left; } #subsidebar #searchform { height: 43px; background: url(images/main-sub-search.gif) no-repeat;} #subsidebar #searchform #s { background: url(images/main-sub-search-fld.jpg) repeat; width: 325px; height: 18px; margin-top: 5px; margin-left: 14px; padding-left: 4px; padding-top: 2px; } #subsidebar #searchform #searchsubmit { width: 72px; background: url(images/main-sub-search-btn.jpg) no-repeat; font-weight: bold; color: #4f0201; color: #fff; } #subsidebar h3, #subsidebar h4 { clear: left; } #fm { background: url(images/main-subside-bg1.gif) repeat-y; } #fm h3{ background:url(images/main-subside-head-fm.gif) no-repeat; height: 43px; text-indent: -9999em; position: relative; top: -8px; } #cal h3 { background: url(images/main-subside-head-cal.gif) no-repeat; height: 43px; text-indent: -9999em; } ul.wplc_event_list { margin-left: 20px; width: 410px; } ul.wplc_event_list li { background: #f8f8f8; font-size: 13px; font-weight: bold; line-height: 1.3em; text-align: left; padding: 8px; width: 175px; float: left; margin-right: 10px; margin-bottom: 10px; height: 115px; overflow: hidden; } ul.wplc_event_list ul li { font-weight: normal; background: none; color: #777; font-size: 11px; padding: 3px 0; margin: 0; height: auto; overflow: auto; } #cal .no-events { line-height: 2em; } ul.wplc_event_list ul li.date { font-weight: bold; color: #212121; } #promo h4 { background: url(images/main-subside-head-promo.gif) no-repeat; height: 27px; text-indent: -9999em; } #content-main #promo a { border: none; } #sidetabs { width: 225px; padding-left: 20px; float: left; margin-right: 15px; margin-bottom: 15px; } #sidetabs ul.ui-tabs-nav li { float: left; padding: 7px; font-size: 0.9em; margin-right: 3px; } #sidetabs ul.ui-tabs-nav a { color: #aaa; border: none; } #tab1,#tab2, #tab3 { clear: left; } .ui-tabs-hide { display: none; } #sidetabs .ui-tabs-panel, #sidetabs .ui-tabs-selected { background-color: #fefdf6;} #sidetabs .ui-tabs-panel { padding: 10px; } #sidetabs .ui-tabs-selected { border-top: 1px solid #ddd; } #sidetabs ul.ui-tabs-nav .ui-tabs-selected a { color: #1b3640; } #subsidebar .latest { text-align: left; } #subsidebar .latest li { line-height: 1.4em; font-size: 0.95em; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; } #subsidebar .latest a { border-bottom: 1px dotted #3fbcec; color: #0e6b8e; font-weight: bold; font-size: 1.05em; margin-bottom: 5px;} #subsidebar .latest a:hover { text-decoration: none; border-style: solid; } #subsidebar .latest span { color: #777; } #subsidebar .comments li { color: #444; padding-bottom: 10px; } #subsidebar .comments a { font-size: 0.95em; } #subsidebar .comments em { font-size: 1.05em; } #sidefeeds { width: 170px; float: left; text-align: left; } #sidefeeds ul li { font-weight: bold; margin-bottom: 5px; line-height: 1.5em; } #sidefeeds ul ul { border-top: 1px dotted #ccc; padding-top: 5px; } #sidefeeds ul ul li { font-weight: normal;} #sidefeeds ul ul li .feed, #sidefeeds ul ul li .facebook, #sidefeeds ul ul li .twitter, #sidefeeds ul ul li .myspace { background: url(images/icon-rss-mini.gif) no-repeat 0 2px; padding-left: 17px; } #sidefeeds ul ul li .facebook { background-image: url(images/icon-facebook-mini.gif); } #sidefeeds ul ul li .twitter { background-image: url(images/icon-twitter-mini.gif); } #sidefeeds ul ul li .myspace { background-image: url(images/icon-myspace-mini.gif); text-decoration: line-through; } #sidefeeds ul ul.text li { color: #3c3c3c; font-size: 0.95em; line-height: 1.2em; } #sidefeeds a { border: none; } /********** POST & PAGE STYLES **********/ .page { width: 960px; margin: 0 auto; } .page h1 { width: 960px; border: 1px solid #ccc; border-left: none; border-right: none; font-size: 4em; margin: 10px 0; padding: 15px 0; text-align: center; clear: both; } .page h2, .page h3 { line-height: 1.5em; margin: 25px 0 10px 0; } .page h3 { border-top: 1px solid #d1d6d6; padding-top: 5px; } .page p { font-size: 1.1em; line-height: 1.2em; margin: 10px 0; } .page-content { width: 640px; float: left; text-align: left; color: #444; } .page-content .entry { margin-left: 40px; } .page-content ul, .page-content ol { margin: 10px 50px; font-size: 1.2em; } .page-content ol li { list-style-type: decimal; margin-bottom: 5px; line-height: 1.2em; } .page-content ul li { list-style-type: disc; margin-bottom: 5px; line-height: 1.2em; } .page-content ul ul, .page-content ol ol, .page-content ol ul, .page-content ul ol { margin: 10px 25px; font-size: 1em; } .page-content ul ul li { list-style-type: circle; line-height: 1em; } .page-content ol ol li { list-style-type: lower-alpha; line-height: 1em; } /* Contact Page */ .page-contact { background: url(images/bg-contact_page.gif) repeat; } .page-contact .page-content { margin-left: 10px; } .page-contact .page-content .entry { margin-left: 0px; } .page-contact h1 { background: url(images/contact-header-bg.gif) no-repeat; height: 141px; width: 960px; margin: 0 0 0 -10px; padding: 0; text-indent: -9999em; border: none; } /* Exhibits Page Styles */ .exhibits-page { background: url(images/exhibits-header.gif) no-repeat; } .exhibits-page h1 { margin: 0; text-indent: -9999em; border: none; height: 150px; } .exhibits-page .page-content { width: 960px; float: none; } .exhibits-page .page-content .entry { margin-left: 10px; } .exhibits-page .eachcat { width: 300px; height: 300px; padding: 10px 5px 5px; margin-bottom: 15px; border-right: 1px dotted #a59d8a; float: left; } .exhibits-page .last { border: none; } .exhibits-page .eachcat ul { margin: 5px 0 0; padding: 0; } .exhibits-page .eachcat ul li { list-style-type: none; font-size: 12px; } .exhibits-page .eachcat ul li.cat { font-size: 11px; color: #b1b1b1; } .exhibits-page .eachcat ul li.title { font-weight: bold; font-size: 16px; } .exhibits-page .eachcat ul li.link { font-size: 11px; } /* Submissions Page */ .page-submissions h1 { width: 960px; border: 1px solid #ccc; border-left: none; border-right: none; font-size: 4em; margin: 10px 0; padding: 15px 0; text-align: center; } .page-submissions h1 span { font-size: 0.5em; } .page-submissions h3 { margin-top: 35px; margin-bottom: 25px; } .page-submissions .page-content { width: 600px; margin-right: 40px; } /* Store */ .page-store { width: 960px; background: url(images/store-bg-body.jpg) repeat-y; } .page-store h1 { background: url(images/store-bg-head.jpg) no-repeat; text-indent: -9999em; height: 58px; margin-top: 0; border: none; font-size: 0.5em; padding: 0; } .page-store h3 { margin: 0; padding: 0; border: none; line-height: normal; font-size: 14px; text-indent: -9999em; } .page-store p { line-height: 1.3em; color: #9e9d9d; } .page-store a, .page-store a:visited { color: #920000; border-color: #920000; } .page-store #p1, .page-store #p2, .page-store #p3, .page-store #p4, .page-store #p5, .page-store #p6, .page-store #p7, .page-store #p8, .page-store #p9, .page-store #p10, .page-store #p11 { float: left; border: 1px dashed #cacaca; border-top: none; border-left: none; background: no-repeat; color: #1c1c1c; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } .page-store #p2, .page-store #p4, .page-store #p7, .page-store #p9, .page-store #p11 { border-right: none; } .page-store #p10, .page-store #p11 { border-bottom: none; } .page-store #p1 { width: 320px; height: 169px; background-image: url(images/product-tshirt-mofa.jpg); } .page-store #p1 p { width: 160px; margin: 65px 0 0 130px; } .page-store #p2 { width: 569px; height: 169px; background-image: url(images/product-bag-plushtoys.jpg); } .page-store #p2 p { width: 345px; margin: 65px 0 0 210px; } .page-store #p3 { width: 482px; height: 170px; background-image: url(images/product-tshirt-plushtoys.jpg); } .page-store #p3 p { width: 185px; margin: 25px 0 0 282px; } .page-store #p4 { width: 408px; height: 170px; background-image: url(images/product-target-bunnies.jpg); } .page-store #p4 p { width: 246px; margin: 55px 0 0 160px; } .page-store #p5 { width: 266px; height: 169px; background-image: url(images/product-website-blessings.jpg); } .page-store #p5 p { text-indent: -9999em; } .page-store #p6 { width: 398px; height: 169px; background-image: url(images/product-card-ubm.jpg); } .page-store #p6 p { width: 108px; margin: 40px 0 0 280px; } .page-store #p7 { width: 226px; height: 169px; background-image: url(images/product-wallpaper-bunnies.jpg); } .page-store #p7 p { text-indent: -9999em; } .page-store #p7 a { width: 226px; height: 169px; display: block; } .page-store #p8 { width: 508px; height: 146px; background-image: url(images/product-mystery-objects.jpg); } .page-store #p8 p { width: 293px; margin: 70px 0 0 200px; } .page-store #p9 { width: 380px; height: 146px; background-image: url(images/product-spoons.jpg); } .page-store #p9 p { text-indent: -9999em; } .page-store #p10 { width: 377px; height: 146px; background-image: url(images/product-tshirt-8ball.jpg); } .page-store #p10 p { width: 224px; margin: 80px 0 0 145px; } .page-store #p11 { width: 511px; height: 146px; background-image: url(images/product-tagline1.gif); } .page-store #p11 p { text-indent: -9999em; } #store-footer { clear: both; background: url(images/store-bg-foot.jpg) no-repeat; height: 49px; width: 960px; } .page-store .entry { width: 930px; margin: 0 0 0 35px;} .store-product { padding-top: 25px; } .store-product .entry { padding-bottom: 80px; } .store-product .entry h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 26px; color: #1b1b1b; text-transform: uppercase; padding-bottom: 15px; } .store-product img.alignleft { margin-right: 25px; margin-left: 10px; border: 1px dashed #bdbdbd; padding: 4px; } .store-product p { color: #444; padding-right: 75px; } .store-product blockquote a { font-weight: bold; line-height: 1.5em; } .store-product blockquote strong { color: #060; } .store-product blockquote span { font-size: 0.9em; color: #888; } .postlist { float: right; width: 75%; text-align: left; } .wp-pagenavi { clear: both; display: block; width: 640px; text-align: center; padding: 15px 0; margin: 10px 0; background-color: #e0decf; border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 1.1em; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0e6b8e; color: #0e6b8e; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #000; color: #000; background-color: #fff; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; color: #000; border: 1px solid #000; background-color: #fff; } .wp-pagenavi span.current { padding: 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000; color: #000; background-color: #fff; } .page-content .bulletlist { margin-left: 50px; } .page-content .bulletlist li { list-style-type: disc; line-height: 20px; } .page-submissions p { line-height: 1.3em; } .page-submissions .ddet_div { margin: 8px 0 0 12px; padding: 8px; background: #F4F4F4; border: 1px solid #ddd; } /*styles for expanding text */ /********** EXHIBIT STYLES **********/ .exhibit { width: 960px; margin: 0 auto; } .exhibit h2 { font-size: 50px; font-weight: normal; color: #556667; padding: 30px 0 20px; margin: 0; /*border-bottom: 1px solid #d1d6d6;*/ height: 60px; } /*page/category title*/ .rightbar { background: url(images/content-bg.gif) repeat-y;} .exhibit-content { width: 640px; float: left; text-align: left; color: #444; margin: 0; } .exhibit-content h1, .exhibit-content p, .exhibit-content .intro { width: 600px; margin: 0 auto; } .exhibit-content h1 { font-size: 1.8em; font-weight: bold; padding: 10px 0; } .exhibit-content h1 a, .exhibit-content h1 a:visited { color: #222; border: none; } .exhibit-content h1.exhibit-cat, .exhibit-content h2.exhibit-cat { text-indent: -9999em; } .exhibit-content h3.exhibit-subcat { margin: 10px 0; } .exhibit-content h3#respond { margin-top: 25px; } .exhibit-content ul, .exhibit-content ol { width: 600px; margin: 0 auto; padding-left: 55px; } .exhibit-content ul li, .exhibit-content ol li { list-style-type: disc; line-height: 1.3em; padding: 0 0 5px 0; } .exhibit-content ol li { list-style-type: decimal; } .exhibit-content ul ul li { list-style-type: circle; } .exhibit-content ol ol li { list-style-type: lower-alpha; } .exhibit-content ol ul li { list-style-type: disc; } .exhibit-content p { padding: 10px 0; font-size: 13px; line-height: 15px; } .exhibit-content .intro { font-size: 1.1em; padding: 5px 0 20px; line-height: 1.3em; color: #6e8283; } /* DistractoMatic (sub-page) Styles */ .distractomatic { background: url(images/distractomatic-header-bg.gif) no-repeat; } .distractomatic h2.exhibit-cat { padding-bottom: 60px; } .distractomatic .exhibit-content .post-content img { margin: 20px auto; display: block; } .distractomatic .exhibit-content h1 { margin-top: 50px; font-size: 2.2em; } .distractomatic .exhibit-content object { margin-left: 90px; } .distractomatic #contenttabs { margin-bottom: 100px; } .distractomatic h3 { margin: 7px 0 4px; color: #453925; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: url(images/distractomatic-posthead-bg.gif) repeat; padding: 4px 0; } .ie .distractomatic h3 { width: 530px; } .distractomatic h3 a { background: #fff; border-bottom: none; color: #747474; padding: 3px 6px 3px 3px;} .distractomatic h3 a:hover { border: none; } .distractomatic .post-head { border-top: 1px dashed #ababab; margin-top: 15px; } .distractomatic .date { float: left; width: 40px; margin-top: 0; padding-top: 5px; text-align: center; color: #747474; font-size: 20px; line-height: 15px; } .distractomatic .date span { font-size: 12px; } .distractomatic .meta { font-size: 11px; color: #ababab; padding: 0 0 3px 13px; } .distractomatic .meta strong { color: #747474; } .distractomatic .single h1 { margin: 7px 0 4px 20px; color: #464646; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: url(images/distractomatic-posthead-bg.gif) repeat; padding: 4px 0 4px 5px; } .distractomatic .single h3 { font-size: 16px; padding-left: 13px; width: 600px; color: #464646; } .distractomatic .single .post-head { margin-bottom: 20px; } .distractomatic .single .post-foot { margin: 20px 0 5px 20px; padding-top: 5px; border-top: 1px dotted #9f9f9f; width: 600px; } .distractomatic .single .post-foot .meta { color: #2e2e2e; } .distractomatic .single p { padding-left: 10px; } .distractomatic .single p.comments { padding-left: 0; } .distractomatic .exhibit-content .comments { width: 55px; height: 40px; float: right; background: url(images/comment-box.gif) no-repeat; text-align: center; color: #fff; padding-top: 2px; font-size: 14px; } .distractomatic .single .comments { margin-top: 3px; } .distractomatic .single .comments a { position: relative; right: 3px; } .distractomatic .exhibit-content .comments a { background: none; border: none; color: #acacac; font-size: 9px; line-height: 11px; padding: 0; position: relative; top: 12px; } .distractomatic .exhibit-content .comments a:hover { color: #222; background: none; border: none; text-decoration: underline; } .distractomatic a { border-bottom: 1px dotted #3fbcec; color: #0e6b8e; font-weight: bold; } .distractomatic a:hover { color: #1b3640; border-bottom: 1px solid #1b3640; text-decoration: none; } .distractomatic a img, .distractomatic a:hover img { border: 0; background: none; } .distractomatic .post-content { width: 435px; margin: 15px 55px 15px 20px; padding-left: 17px; border-left: 3px dotted #e1edf2; } .distractomatic .post-content p { width: 500px; font-size: 1.1em; line-height: 1.4em; color: #212121; padding: 8px 0; } .distractomatic .post-content .meta a { font-size: 9px; background: none; font-weight: normal; color: #900; } .distractomatic .postmetadata { font-size: 0.9em; color: #ababab; margin-left: 35px; } .distractomatic .postmetadata a { color: #747474; } .ie6 .distractomatic .exhibit-content { width: 500px; } .eternal-distraction { background: #fff url(images/eternal-distraction-header-bg.jpg) no-repeat; } .eternal-distraction .exhibit-content h1.exhibit-cat { height: 200px; } .eternal-distraction .exhibit-content { width: 960px; float: none; } .eternal-distraction .exhibit-content p.description { font-size: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 1.4em; width: 550px; float: left; margin-left: 50px; } .eternal-distraction .exhibit-content .nominate { float: left; width: 250px; height: 80px; text-align: center; border-left: 1px solid #d7eeed; margin-left: 35px; } .eternal-distraction .exhibit-content .nominate p { width: 200px; } .eternal-distraction .exhibit-content .nominate a { position: relative; top: 15px; font-size: 20px; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 1.4em; } .eternal-distraction .exhibit-content .return a { top: 0; } .eternal-distraction .post { background-color: #fff; width: 230px; height: 280px; float: left; margin: 5px 5px 20px 5px; } .eternal-distraction .post h4, .eternal-distraction .post p { width: 200px; margin: 0 auto; } .eternal-distraction .post a { border: none; } .eternal-distraction .post img { width: 200px; border: 1px solid #ccc; padding: 4px; margin: 10px 0 0 0; padding: 0; } .eternal-distraction .moretocome { clear: left; font-size: 1.8em; width: 900px; text-align: center; border: 1px solid #d7eeed; border-left: none; border-right: none; padding: 15px 10px; margin: 25px 0 25px 15px; } .eternal-single .post { background-color: #fff; width: 960px; height: 100%; margin: 5px auto 20px auto; } .eternal-single .view-all { font-size: 1.8em; width: 900px; text-align: center; border: 1px solid #d7eeed; border-left: none; border-right: none; padding: 15px 10px; margin: 25px 0 25px 15px; } .eternal-single .exhibit-content h3#respond { width: 570px; margin: 0 auto; } #content .eternal-single #commentform { margin-bottom: 80px; } #content .eternal-single #commentform p { width: 570px; } #post-3257 p, #post-3257 ul, #post-3257 ul li { width: 600px; margin: 5px auto; } #post-3257 p { font-size: 15px; line-height: 1.3em; } #post-3257 ul { padding-left: 60px; } #post-3257 ul li { list-style-type: decimal; font-size: 18px; } #post-3257 ul li span { font-size: 12px; } /* Bunnyocalypse Styles */ .bunnyocalypse { background: url(images/bunnyocalypse-header-bg.jpg) no-repeat; } .bunnyocalypse .exhibit-content img { margin: 20px auto; display: block; } .bunnyocalypse .exhibit-content h1 { margin-top: 50px; font-size: 2.2em; } .bunnyocalypse .exhibit-content object { margin-left: 90px; } .bunnyocalypse #contenttabs { margin-bottom: 100px; } /* MoFA Styles */ .mofa { background: url(images/mofa-header-bg.jpg) no-repeat; } .mofa #sidebar { /*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/ } .mofa .post { padding: 0; margin: 0; text-align: center; color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; } .mofa .post img { border: 3px solid #000; margin: 15px auto; /*width: 550px;*/ } .mofa .post p { margin: 0; padding: 0; } .mofa .post ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; } .mofa .post ul li { list-style-type: none; margin: 0; } .mofa .post li.mofaentry-details { font-size: 0.9em; line-height: 1.3em; text-align: right; padding-right: 10px; } .mofa .post li.mofaentry-desc { font-size: 0.9em; line-height: 1.3em; text-align: left; border-bottom: 1px dotted #c0beac; padding: 0 25px 25px; margin: 3px 10px 10px 25px; } .mofa .post li.mofaentry-desc .comments-link { font-size: 0.9em; margin-top: 5px; font-weight: normal; display: block; background: url(images/icon-comment.gif) no-repeat 0 2px; padding-left: 19px; border: none; } .mofa .qualifier { color: #999; } .mofa .post a:link, .mofa .post a:visited { text-decoration: none; font-weight: bold; } .mofa .post a:hover { text-decoration: underline; font-weight: bold; } .mofa .details { padding: 1px 6px 1px 6px; margin: 0; text-align: right; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.0em; } .mofa .details .inside { border-top: 1px solid #ccc; } .mofa .details a:link, .mofa .details a:visited { color: #0860a8; text-decoration: none; } .mofa .details a:hover { color: #000; text-decoration: none; } .mofa .singlecomment { color: #000; text-align: right; font-size: 0.9em; margin: 0 10px; padding: 10px 25px 10px; background: url(../hanttula-2008c/images/postbottom.gif) no-repeat; } /* Circus of Disemboweled Plush Toys Styles */ .plushtoys { background: #000 /*url(images/plushtoys-header.jpg) no-repeat*/; } .plushtoys .exhibit-content { width: 485px; margin: 0 auto; float: none; color: #fff; } .plushtoys .exhibit-content h1.exhibit-cat { text-indent: -9999em; /*height: 150px;*/ } .plushtoys .exhibit-content a { border: none; color: #900; font-weight: bold; } .plushtoys .exhibit-content a:hover { text-decoration: underline; } .plushtoys .qualifier { color: #888; font-size: 0.9em; text-align: right; padding: 0; margin: 0; } .plushtoys .exhibit-content p { width: 485px; } .plushtoys .exhibit-content img { margin: 0 auto; width: 485px; } .plushtoys .exhibit-content h2 { font-size: 15px; font-weight: bold; height: auto; padding: 15px 0 5px; color: #fff; margin: 25px 0 0; border-top: 1px dotted #aaa; } /* RPB Styles */ .rpb { background: url(images/rpb-header.jpg) no-repeat; } .rpb .exhibit-content { margin-top: 20px; margin-bottom: 50px; } .rpb .exhibit-content li { line-height: 1.5em; } .rpb .exhibit-content a { font-weight: bold; border: none; } .rpb .exhibit-content a:visited { text-decoration: line-through; } /* Spoon Journal Styles */ .spoons { background: url(images/spoon_journal-header-bg.jpg) no-repeat; } .spoons .exhibit-content h1.exhibit-cat { height: 150px; } .spoons .exhibit-content h2 { font-size: 20px; height: auto; font-weight: bold; padding: 40px 0 10px; clear: both; } .spoons .exhibit-content h3 { font-size: 16px; } .spoons .exhibit-content h2, .spoons .exhibit-content h3 { margin-left: 80px; } .spoons .exhibit-content p { margin-left: 85px; width: 520px; } .spoons .prev-post, .spoons .next-post { font-size: 12px; } .spoons .prev-post span, .spoons .next-post span { font-size: 28px; padding-top: 3px; position: relative; top: 3px; } .spoons .prev-post a, .spoons .next-post a { border: none; } .spoons .prev-post a:hover, .spoons .next-post a:hover { text-decoration: underline; } .spoons .prev-post { float: left; } .spoons .next-post { float: right; } #spoonsintro { width: 550px; margin-left: 50px; margin-top: 50px; } #spoonsintro th, #spoonsintro td { padding: 5px; line-height: 1.3em; } #spoonsintro th { font-weight: bold; text-align: right; padding-right: 10px; text-transform: uppercase; color: #888; } #spoonsintro td { font-size: 1.2em; } #spoonnav li { width: 24px; margin: 5px; float: left; text-align: center; } #spoonnav li a { font-size: 14px; } /* Inside the Magic 8-Ball Styles */ .eightball { background: url(images/8ball-header-bg.jpg) no-repeat; } .eightball .exhibit-content { margin-bottom: 50px; } .eightball .exhibit-content h1.exhibit-cat { height: 160px; } .eightball .exhibit-content a { font-size: 20px; } .eightball .exhibit-content #eightball-warning { height: 300px; width: 300px; margin: 0 auto; background: url(images/8ball-warning-bg.jpg) no-repeat; text-align: center; padding-top: 50px;} .eightball .exhibit-content #eightball-warning h4 { width: 300px; font-size: 24px; } .eightball .exhibit-content #eightball-warning p { width: 300px; font-size: 16px; line-height: 20px; } /* Mystery Objects Styles */ .mystery-objects { background: url(images/mystery-objects-header.jpg) no-repeat; } .mystery-objects .exhibit-content { margin-top: 600px; margin-bottom: 50px; } /* Website Blessings Styles */ .blessings { background: url(images/blessings-header-bg.jpg) no-repeat; } .blessings .exhibit-content h1.exhibit-cat { height: 160px; } /* LOST Notebook Styles */ .lostnotebook { background: url(images/lostnotebook-header-bg.jpg) no-repeat; } .lostnotebook .exhibit-content h1.exhibit-cat { height: 150px; } .lostnotebook .lost-intro-image a { border: none; } /* Seeing Double Styles */ .seeing-double { } .seeing-double .exhibit-content { width: 960px; background: #f0eee4 url(images/seeing-double-bg.jpg) repeat-y; } .seeing-double .exhibit-content h1 { height: 290px; background: url(images/seeing-double-header-bg.jpg) no-repeat; width: 960px; padding: 0; margin: 0; } .seeing-double .post { } .seeing-double .marquee { background: url(images/seeing-double-marquee-bg.jpg) repeat; } .seeing-double .marquee .frame { background: url(images/seeing-double-marquee-frame.jpg) repeat-x; height: 14px; } .seeing-double .marquee .bottom { background-position: 100px 0; } .seeing-double .exhibit-content a { color: #930000; border-bottom-color: #930000; } .seeing-double .exhibit-content h2, .seeing-double .exhibit-content h3 { text-align: center; text-transform: uppercase; } .seeing-double .exhibit-content h2 { height: auto; padding: 4px 0 0; margin: 0; color: #930000; font-size: 42px; font-weight: bold; line-height: 45px; } .seeing-double .exhibit-content h2 a { color: #930000; border: 0; } .seeing-double .exhibit-content h3 { font-size: 18px; display: block; margin-bottom: 15px; padding-bottom: 10px; padding-top: 5px; color: #11630f; } .seeing-double .exhibit-content .teaser { background-color: #eee; padding: 10px; border: 1px solid #777; margin: 10px 20px 20px; } .seeing-double .exhibit-content .teaser h2, .seeing-double .exhibit-content .teaser h3 { text-transform: none; font-size: 21px; line-height: normal; color: #777; } .seeing-double .exhibit-content .teaser h2 a { color: #222; } .seeing-double .exhibit-content .teaser h2 a:hover { color: #930000; text-decoration: underline; } .seeing-double .exhibit-content .teaser h3 { font-size: 15px; color: #777; text-transform: none; margin-bottom: 0; } .seeing-double .exhibit-content .teaser p { text-align: center; padding: 0; margin: 0; } .seeing-double .exhibit-content .teaser p a { color: #930000; border-bottom-color: #930000; } .seeing-double .exhibit-content h3#now, .seeing-double .exhibit-content h3#soon { height: 70px; text-indent: -999em; } .seeing-double .exhibit-content h3#now { background: url(images/seeing-double-main-now.jpg) no-repeat; } .seeing-double .exhibit-content h3#soon { background: url(images/seeing-double-main-soon.jpg) no-repeat; } .seeing-double .exhibit-content ul#coming-soon-list { margin: 0; padding: 0; text-align: center; } .seeing-double .exhibit-content ul#coming-soon-list li { font-size: 22px; font-weight: bold; color: #222; list-style-type: none; line-height: 1.3em; margin: 0 0 20px 0; padding: 0; text-align: center; width: 960px; } .seeing-double .exhibit-content ul#coming-soon-list li ul { margin: 0; padding: 0; text-align: center; } .seeing-double .exhibit-content ul#coming-soon-list ul li { font-size: 16px; color: #777; width: 960px; margin: 0; padding: 0; text-align: center; } .seeing-double .exhibit-content ul, .seeing-double .exhibit-content img { float: left; margin-left: 15px; } .seeing-double .exhibit-content ul ul { float: none; margin: 0; } .seeing-double .exhibit-content ul { width: 220px; } .seeing-double .exhibit-content ul li { font-size: 10px; color: #7d755d; line-height: 13px; } .seeing-double .exhibit-content ul ul li { font-size: 13px; color: #111; line-height: 16px; margin: 5px 0; } .seeing-double .exhibit-content ul ul li.title { font-size: 22px; font-weight: bold; line-height: 34px; } .seeing-double .exhibit-content p { width: 930px; font-size: 14px; line-height: 18px; } .seeing-double .exhibit-content h3#comments, .seeing-double .exhibit-content h3#respond { width: 600px; text-align: left; margin-left: auto; margin-right: auto; } .seeing-double .post { /*background: #f0eee4;*/ } .seeingdouble-table { width: 930px; margin: 20px auto 0; } .seeingdouble-table td { vertical-align: top; } .seeing-double .exhibit-content .seeingdouble-table td img { margin: 0; } .seeingdouble-filmstats { width: 500px; margin: 0 0 20px 10px; } .seeingdouble-filmstats p, .seeing-double .exhibit-content .seeingdouble-filmstats p { margin: 0; padding: 0; width: auto; font-size: 11px; } .seeingdouble-filmstats th, .seeingdouble-filmstats td { padding: 4px; } .seeingdouble-filmstats th {font-size: 10px; color: #7d755d; line-height: 13px; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top; border: 1px solid #bbb39c; border-left: none; border-right: none;} .seeingdouble-filmstats td { font-size: 11px; line-height: 16px; text-align: left; border: 1px solid #bbb39c; border-left: none; border-right: none; } .seeingdouble-filmstats td p { } .seeingdouble-filmstats .title { font-size: 16px; font-weight: bold; } .seeingdouble-filmstats img.alignnone { float: left; margin: 0 0 10px 0; } .seeing-double .wp-polls { width: 750px; margin: 25px auto; border: 1px solid #f4f0e4; padding: 15px; clear: both; background: #fff; } .seeing-double .wp-polls-ans { width: 750px; } .seeing-double .wp-polls h4 { font-size: 18px; margin: 5px 0; } .seeing-double .wp-polls h4 span { color: #930000; font-style: italic; } .seeing-double .wp-polls-ul label { font-size: 22px; line-height: 32px; } .seeing-double .wp-polls-loading { position: relative; top: -100px; width: 600px; margin-left: auto; margin-right: auto; } .seeing-double .wp-polls p { width: 750px; } .seeing-double .wp-polls ul li, .seeing-double .wp-polls-ul li, .seeing-double .wp-polls-ans ul li { font-size: 22px; width: 600px; } .seeing-double .wp-polls-ans ul li { line-height: 30px; } .seeing-double .wp-polls-ans ul li small { font-size: 12px; } /* Rhyme with Orange Styles */ .rhyme-orange { background: url(images/rhyme-with-orange-header.jpg) no-repeat; } .rhyme-orange h1 { height: 205px; } .rhyme-orange .description { width: 950px; text-align: center; border: 1px solid #ffa552; border-left: none; border-right: none; padding: 5px; font-size: 18px; color: #e86800; font-family: "Times New Roman", Times, serif; font-style: italic; background-color: #fff; margin-bottom: 80px; } .rhyme-orange .intro-rhyme { font-size: 1.4em; margin-left: 50px; } .rhyme-orange .intro-rhyme p { font-size: 1.2em; line-height: 1.4em; } .rhyme-orange .exhibit-content .post { padding-left: 50px; font-size: 1.2em; } .rhyme-orange .exhibit-content .post h2 { font-size: 1.6em; height: auto; padding-top: 0; } /* Cardboard Robot Commands Styles */ .cardboardrobot { background: url(images/cardboard-robot-header-bg.jpg) no-repeat; } .cardboardrobot .exhibit-content { width: 700px; } .cardboardrobot .exhibit-content img { margin: 20px auto; display: block; } .cardboardrobot .exhibit-content h1 { margin-top: 140px; font-size: 2.8em; } .cardboardrobot .exhibit-content h2 { font-size: 2.2em; font-weight: bold; height: auto; } .cardboardrobot .exhibit-content h2, .cardboardrobot .exhibit-content h3 { margin-left: 50px; } .cardboardrobot .exhibit-content p, .cardboardrobot .exhibit-content ul li, .cardboardrobot .exhibit-content ol li { font-size: 1.2em; line-height: 1.3em; } .cardboardrobot .exhibit-content li li { font-size: 1em; line-height: 1em; } .cardboardrobot .exhibit-content object { margin-left: 90px; } .cardboardrobot #contenttabs { margin-bottom: 100px; } /* B-Movie Title Generator Styles */ .b-movie .exhibit-content { width: 960px; background: #f0eee4 url(images/seeing-double-bg.jpg) repeat-y; } .b-movie .exhibit-content h1 { height: 200px; background: url(images/b-movie-header-bg.jpg) no-repeat; width: 960px; padding: 0; margin: 0; border-bottom: 3px solid #bfb84e; } .b-movie #bmoviegen-container { background: #030302 url(images/b-movie-marquee-bg.jpg) no-repeat; height: 664px; padding-top: 34px; } .b-movie #bmoviegen-desc { font-size: 16px; line-height: 24px; font-family: Georgia, "Times New Roman", Times, serif; color: #f1e4d9; width: 500px; height: 105px; margin: 0 0 0 50px; } .b-movie #bmoviegen-movie { font-size: 36px; font-weight: bold; width: 554px; height: 105px; margin: 186px auto 40px; color: #1f1c18; color: #6e0000; text-align: center; text-transform: uppercase; } .b-movie .photocredit { margin-top: 305px; } /* Halloween Phenomethon */ .halloween .exhibit-content { width: 960px; background: #f0eee4 url(images/seeing-double-bg.jpg) repeat-y; } .halloween .exhibit-content h1 { height: 200px; background: url(images/halloween-phenomethon-header.jpg) no-repeat; width: 960px; padding: 0; margin: 0; border-bottom: 3px solid #bfb84e; } .halloween .exhibit-content .halloween-image-list { width: 960px; } .halloween .exhibit-content .halloween-image-list li { width: 200px; height: 270px; margin: 10px; padding-bottom: 10px; float: left; border-bottom: 1px dotted #9f9f9f; list-style-type: none;} .halloween .halloween-image-list li img { margin: 20px auto; display: block; } .halloween .halloween-image-list li a img, .halloween .exhibit-content .halloween-image-list li a:hover img { border: 0; background: none; } .halloween .exhibit-content h3 { clear: both; height: 90px; text-indent: -999em; margin: 10px 0 0 30px; } .halloween .exhibit-content h3.games { background:url(images/halloween-ttl-games.png) no-repeat; width: 200px; } .halloween .exhibit-content h3.entertainment { background:url(images/halloween-ttl-entertainment.png) no-repeat; width: 760px; } .halloween .exhibit-content h3.howto { background:url(images/halloween-ttl-howto.png) no-repeat; width: 250px; } .halloween .exhibit-content a { color: #900; border-bottom-color: #900; font-weight: bold; } .fanclub { background-color: #f4ecd7; background: url(images/seeing-double-bg.jpg) repeat-y; } .fanclub h1 { border: none; text-indent: -9999em; height: 10px; } .fanclub .entry { padding: 10px 20px 20px; background-color: #fff; } .fanclub .entry p { font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; font-style: italic; } .fanclub .entry img { margin: 0 auto 20px auto; } /* Search Results Styles */ .search h1 { width: 960px; border: 1px solid #ccc; border-left: none; border-right: none; font-size: 4em; margin: 10px 0; padding: 15px 0; text-align: center; clear: right; } .search h1 span { font-size: 0.5em; } .search .post { margin: 20px; border-bottom: 1px dotted #888; } .search .post .postmetadata { font-size: 0.9em; color: #888; } /* 404 Styles */ .page-404 {} .page-404 p { text-align: left; line-height: 1.3em; margin: 10px 40px; } .page-404 #tictactoe { margin: 25px auto; } .page-404 #tictactoe-game { border: 2px solid #777; float: left; margin: 0 50px 300px 40px; } .page-404 #tictactoe-game td { background-color: #fff; width: 55px; border: 1px solid #bbb; padding: 5px; } .page-404 #scores { width: 600px; float: left; } .page-404 #scores textarea { font-family: Arial, Helvetica, sans-serif; border: none; width: 500px; } .page-404 #ttt-levelselect { width: 500px; } .page-404 #ttt-levelselect td { vertical-align: top; text-align: left; padding: 5px; border-bottom: 1px solid #bbb; } .page-404 #ttt-levelselect td p { line-height: normal; margin: 0; } .page-404 #ttt-levelselect td span { font-size: 0.9em; } /********** SIDEBAR and SEARCH STYLES **********/ #sidebar { width: 280px; background: url(images/bg-fff75.png) repeat; padding: 0 0 15px; margin: 0 10px; text-align: left; float: left; margin-top: 150px; } .mofa #sidebar { margin-top: 0; } /* .bunnyocalypse #sidebar, .plushtoys #sidebar, .rpb #sidebar, .distractomatic #sidebar, .page-contact #sidebar, .blessings #sidebar, .lostnotebook #sidebar, .page-submissions #sidebar { margin-top: 150px; } */ .search #sidebar, .page #sidebar { margin-top: 120px; } .exhibit #sidebar h3 { height: auto; } #sidebar h3 { font-size: 24px; font-weight: normal; border-bottom: 1px solid #d1d6d6; color: #556667; padding: 20px 0 20px; height: 50px; } /*Page/Category Qualifier*/ #sidebar ul h4 { font-weight: bold; font-size: 15px; padding: 5px 5px 8px 10px; margin: 0; } #sidebar ul h5 { font-weight: bold; font-size: 13px; color: #556667; padding: 5px 5px 10px 10px; margin-top: 15px; border-top: 1px solid #d1d6d6; } #sidebar ul ul { padding: 0 5px 5px 10px; } #sidebar ul ul li { padding: 2px 0; font-size: 12px; font-weight: normal; line-height: 15px; color: #8d8b86; } /* #sidebar a:link, #sidebar a:visited { color: #710000; } #sidebar a:hover, #sidebar a:active { color: #600101; } */ #sidebar .rssfeed { background: /*#ffffec*/ url(images/icon-feed.gif) no-repeat 0 3px; margin-bottom: 3px; } #sidebar .rssfeed a { margin-left: 20px; } #sidebar ul.latest span { font-size: 10px; color: #8d8b86; } #sidebar ul.latest li { line-height: 1.3em; } #sidebar #cats_list { color: #8d8b86; } #sidebar #cats_list li { font-size: 13px; } #sidebar p, #sidebar .comments { color: #504e49; } #sidebar p { padding: 1px 1px 1px 8px; margin: 0 0 5px 0; line-height: 1.2em; } #sidebar .what-is-rss { font-size: 9px; float: right; padding: 8px 3px 0 0; } #sidebar .bulletlist { margin-left: 15px; } #sidebar .bulletlist li { list-style-type: disc; } #sidebar #cats_list li, #sidebar .sectionnav li { margin: 0 0 7px; } #sidebar #cats_list a:link, #sidebar #cats_list a:visited, #sidebar .sectionnav a:link, #sidebar .sectionnav a:visited { color: #fff; background-color: /*#d1d6d6*/#3fbcec; padding: 3px; } #sidebar #cats_list a:hover, #sidebar #cats_list a:active, #sidebar .sectionnav a:hover, #sidebar .sectionnav a:active { background-color: #ff8106; } .mofa #sidebar h3 { font-size: 13px; font-weight: bold; padding: 15px 0 0 8px; border: none; color: #222; } .mofa #sidebar .intro { margin-bottom: 40px; } #sidebar .mofa-store-promo { padding-left: 100px; padding-top: 50px; min-height: 65px; /*min-height accommodates padding*/ background: url(images/promo-mofa-tshirt2.jpg) no-repeat; } .eightball #sidebar { margin-top: 195px; } .eightball #sidebar h3 { /*font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;*/ } .eightball #platenav { margin-left: 3px; } .eightball #platenav li { line-height: 18px; } .spoons #sidebar { margin-top: 165px; } .spoons #sidebar ul.clear { text-align: center; } .spoons #sidebar ul.clear li { line-height: 40px; } .page-contact #sidebar { background: #fff; } .page-contact #sidebar .guarantee, .page-contact #sidebar .submit, .page-contact #sidebar .connect {text-indent: -9999em; height: 31px;} .page-contact #sidebar .guarantee { background: url(images/contact-side-guarantee.gif) no-repeat;} .page-contact #sidebar .submit { background: url(images/contact-side-submit.gif) no-repeat; } .page-contact #sidebar .connect { background: url(images/contact-side-connect.gif) no-repeat; } .page-contact #sidebar .connectlist { margin-left: 15px; } .page-contact #sidebar .connectlist li { line-height: 20px; } .page-contact #sidebar .connectlist a { border: none; } .page-contact #sidebar .feed, .page-contact #sidebar .facebook, .page-contact #sidebar .myspace { background: url(images/icon-rss-mini.gif) no-repeat 0 2px; padding-left: 17px; } .page-contact #sidebar .facebook { background-image: url(images/icon-facebook-mini.gif); } .page-contact #sidebar .myspace { background-image: url(images/icon-myspace-mini.gif); } .fanclub #sidebar { margin-top: 60px; padding-top: 10px; } .fanclub #sidebar h3 { border-top: none; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; padding: 0 0 10px 10px; margin-top: 0; height: auto; } .fanclub #sidebar ul { margin-left: 35px; } .fanclub #sidebar ul li { list-style-type: disc; line-height: 1.3em; font-size: 1.2em; margin-bottom: 15px; } .rhyme-orange #sidebar { margin-top: 310px; } #sidebar .submissions-notes strong { color: #c00; } #sidebar .submissions-photoexamples img { margin: 5px 0 5px 35px; border: 1px solid #dbdbdb; } #sidebar .submissions-photoexamples strong { color: #c00;} #sidebar .submissions-photoexamples strong span { color: #222; } .cardboardrobot #sidebar { margin-top: 220px; width: 220px; } /********** COMMENT STYLES **********/ h3#comments, h3#respond { margin-left: 15px; margin-top: 20px; clear: both; } h3#comments a { font-size: 0.8em; } #commentform { width: 570px; margin: 0 auto 10px; padding-bottom: 30px; } #commentform p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 5px 5px 0 0; padding: 0; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 570px; padding: 2px; } #commentform #submit { margin: 0; } .commentlist { padding: 0; margin: 15px; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { margin: 0; margin-top: 8px; padding: 5px; list-style: none; border: 1px solid #ccc; color: #888; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist strong, .commentlist p { color: #444; } .commentlist p { font-weight: normal; line-height: 1.3em; text-transform: none; width: 525px; margin: 0; padding: 4px 0 4px 25px; } .commentmetadata { font-weight: normal; margin: 0; display: block; } .alt { margin: 0; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .nocomments { text-align: center; margin: 0; padding: 0; color: #888; } .exhibit-content .commentlist { width: 560px; } .exhibit-content .commentlist img { padding: 2px 0 0 2px; margin-top: 2px; } .commentlist p.moderation { color:#900; font-weight: bold; font-style: italic; padding: 10px; font-size: 11px; } /********** FOOTER STYLES **********/ #footer {position: relative; margin-top: -63px; /* negative value of footer height */ background: url(images/footer-bg.gif) no-repeat; background-position: center; height: 63px; clear:both; vertical-align: bottom; } #footwrap { width: 960px; margin: 0 auto; } #footer p { line-height: 30px; text-align: left; float: left; padding-left: 5px; } #footer .copyright { font-style: italic; color: #777; } #footer a, #footer a:visited { margin: 0 7px; color: #747474; border-bottom: 1px dotted #747474; } #footer a:hover, #footer a:active { color: #fff; border-bottom: 1px solid #fff; } #footer img { position: relative; top: 4px; } #footer ul { float: right; margin-right: 50px; } #footer ul li { display: inline; line-height: 30px;} #footer ul li .top { background: url(images/icon-arrowtop.gif) no-repeat 100% 3px; padding-right: 10px; } #footer ul li a.top:hover { background-position: 100% -89px; } /********** IMAGE STYLES **********/ /* These styles apply to general image usage; specific style handle their own images. */ p img { padding: 0; max-width: 100%; } a img { border: none; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px 0 4px 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px 4px 4px 0; margin: 0 7px 2px 0; display: inline; } img.aligncenter { margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } /********** MISC STYLES **********/ a.nb { border: none; } /*removes border from linked images */ .nocss { visibility: hidden; } /*displays text in place of image when styles are OFF */ strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 10px; /*border-left: 5px solid #ddd; color: #777;*/ } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } .clear { clear: both; } /* Message for IE6 Users */ #ie-message { background:#C00; text-align:center; border-bottom:1px solid #900; color: #fff; position:absolute; left: 0; top: 70px; padding:10px; width:100%; margin: 0 auto; z-index: 1000; font-size: 12px; line-height: 16px; } #ie-message a { color: #fff; border-bottom: 1px solid #fff; } #wp-calendar { margin: 5px 0 15px 0; } #wp-calendar table { width: 90%; margin: 0 auto; color: #777; } #wp-calendar #prev { text-align:left;} #wp-calendar #next { text-align:right;} #wp-calendar table caption { font-weight: bold; padding: 3px 0; } #wp-calendar table td, #wp-calendar table th { text-align:center; padding: 2px; } #wp-calendar table td, #wp-calendar table td.pad:hover, #wp-calendar table.nav tr td { padding:1px; border:none; } #wp-calendar table td:hover, #wp-calendar table #today { padding:0px; border:solid 1px #999; } #wp-calendar table td.ec3_eventday { background: #fff; } /* Pagination Styles*/ div.pagination { color:#48b9ef; padding:10px 0 10px 0; font-size: 13px; text-align:center; } div.pagination a { color:#48b9ef; padding:2px 5px; margin:0 2px; text-decoration:none; border:2px solid #f0f0f0; } div.pagination a:hover, div.pagination a:active { border:2px solid #ff5a00; color:#ff5a00; } div.pagination span.current { padding:2px 5px; border:2px solid #ff5a00; color:#fff; font-weight:bold; background-color:#ff6c16; } div.pagination span.disabled { display:none; } /*Pagination*/ div.pagination {background:#e0decf;padding:10px;margin:10px 3px 5px;text-align:center;border-top:1px solid #999;border-bottom:1px solid #999;font-size:1.4em} div.pagination,div.pagination .qualifier,div.pagination span.current{font-weight:bold} div.pagination .qualifier{color:#333;margin-right:10px} div.pagination a{background:#f0edd0 bottom;border:1px solid #ccc;text-decoration:none;color:#900} div.pagination a,div.pagination span.current,div.pagination span.disabled{margin-right:3px;padding:2px 6px} div.pagination a:active,div.pagination a:hover{background:#900 none;border:1px solid #000;color:#fff} div.pagination span.current{color:#666} div.pagination span.disabled{color:#adaaad} /* SearchField */ /* default (inactive field) */ .sf_inactive{color:#777; font-style: italic; } /* on focus (when field is clicked on) */ .sf_active{ background:#fff; color:#212121; } /* with text (when field is inactive but contains user's input) */ .sf_text{ background:#fff; color:#222; } /* suggestions box */ /* js code generates unordered list */ .sf_suggestion{ position:relative; z-index: 89; text-align: left; } .sf_suggestion ul{ position:absolute; margin:0; padding:0; background:#fff; top:0; left:20px; } .sf_suggestion li{ margin:0; padding:3px; list-style:none; } .sf_suggestion li a{ display:block; text-indent:5px; color:#212121; } .sf_suggestion li.selected a{ background:#ff8106; color: #fff; } /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */