JB The Marionette Unit CSS March 2010 /***** Global Settings *****/ html { overflow: -moz-scrollbars-vertical; } body { margin:0; padding:0; font:14px Garamond, Georgia, Verdana, Trebuchet MS, Myriad, Helvetica, Arial, sans-serif; color:#666666; background:url(../images/2010/artwork.jpg); background-color:#FFFFFF; } /***** Headings *****/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { font-size:10px; padding:0 0 5px 0; margin:0; color:#fff; text-transform:uppercase; font-family:Trajan Pro, Garamond, Georgia, Verdana, Trebuchet MS, Myriad, Helvetica, Arial; } h2 { font-size:18px; padding:0 0 10px 0; margin:0; color:#cccccc; font-weight:bold; } h3 { font-size:11px; padding:0; margin:0; color:#e84415; font-weight:bold; text-transform:uppercase; } h4 { font-size:11px; padding:0; margin:0; color:#e84415; text-transform:uppercase; } h5 { font-size:16px; padding:0 0 5px 0; margin:0; color:#fff; font-weight:bold; } h6 { font-size:16px; padding:0 0 5px 0; margin:0; color:#fff; font-weight:bold; } h7 { font-size:14px; padding:0 0 5px 0; margin:0; color:#999; line-height:15pt; } /***** Common Formatting *****/ p { margin:0; padding:0 0 10px 0; } hr1 { margin:30px 0 0 0; border:0; color:#333333; background-color:#cccccc; height:1px; width:903px; text-align:left; float:right; } hr2 { margin:0 0 5px 0; border:0; color:#333333; background-color:#999999; height:1px; width:276px; text-align:left; float:left; } hr3 { margin:10px 0 0 0; border:0; color:#333333; background-color:#cccccc; height:1px; width:903px; text-align:left; float:right; } hr4 { margin:0 0 5px 0; border:0; color:#333333; background-color:#333333; height:1px; width:865px; text-align:center; float:inherit; } a:link, a:visited, a:active { color:#ffffff; text-decoration:none; } a:hover { color:#ff0000; text-decoration:none; } hr { margin:5px 0 10px 0; border:0; color:#cccccc; background-color:#cccccc; height:1px; width:100%; text-align:left; } img { border:0; } /***** Body 2010 *****/ #header1 { margin:0 auto; padding:0; width:1000px; height:244px; text-align:left; background-image:url(../images/2010/header.png); background-repeat:no-repeat; } #main1 { margin:0 auto; padding:0; width:1000px; height:461px; text-align:center; background-image:url(../images/2010/main-trailer.png); background-repeat:no-repeat; } #main1-1 { margin:0 auto; padding:0; width:1000px; height:461px; text-align:center; background-image:url(../images/2010/main-about.png); background-repeat:no-repeat; } #main1-2 { margin:0 auto; padding:0; width:1000px; height:1100px; text-align:center; background-image:url(../images/2010/main-partners.png); background-repeat:no-repeat; } #main1-3 { margin:0 auto; padding:0; width:1000px; height:1530px; text-align:center; background-image:url(../images/2010/main-filmmakers.png); background-repeat:no-repeat; } #main2 { margin:0 auto; padding:0; width:1000px; height:135px; text-align:center; background-image:url(../images/2010/main2.png); background-repeat:no-repeat; } #partners-jett { margin:0 auto; padding-top:40px; width:800px; height:200px; text-align:left; } #partners-abi { margin:0 auto; padding-top:40px; width:800px; height:200px; text-align:left; } #partners-chris { margin:0 auto; padding-top:40px; width:800px; height:200px; text-align:left; } #footer-guide { margin:0 auto; padding:0; width:1000px; height:10px; text-align:left; } #footer1 { margin:0 auto; padding:0; width:1000px; height:55px; text-align:left; background-image:url(../images/2010/footer1.png); background-repeat:no-repeat; } #footer2 { margin:0 auto; padding:0; width:1000px; height:155px; text-align:left; background-image:url(../images/2010/footer2.png); background-repeat:no-repeat; } #col-2010 { float:right; margin:0; padding:0 0 0 7px; width:280px; text-align:left; } #menu-2010 { margin:0; padding:5px 0 0 0; height:48px; width:983px; text-align:center; list-style:none; font-size:13px; font-weight:bold; text-transform:uppercase; } #menu-2010 p { margin:0; padding:0; color:#fff; } #menu-2010 li { display:block; background-image:url(); background-repeat:no-repeat; padding:5px 10px 0 0; } #menu-2010 a:hover { color:#ff0000; text-decoration:none; } #menu-2010 .active a { color:#FFF; text-decoration:none; } #col-2010-2 { float:right; margin:0; padding:0 0 0 7px; width:280px; text-align:left; } #menu-2010-2 { margin:0; padding:5px 0 0 0; margin-left:12px; height:48px; width:983px; text-align:center; list-style:none; font-size:13px; font-weight:bold; text-transform:uppercase; } #menu-2010-2 p { margin:0; padding:0; color:#fff; } #menu-2010-2 li { display:block; background-image:url(); background-repeat:no-repeat; padding:5px 10px 0 0; } #menu-2010-2 a:hover { color:#ff0000; text-decoration:none; } #menu-2010-2 .active a { color:#FFF; text-decoration:none; } /***** Body *****/ #container-00 { margin:0; padding:0; width:100%; background:url(../images/bg-02.png) repeat-x; text-align:left; } #container-01 { margin:0 auto; padding:0; width:983px; text-align:left; background-image:url(../images/tile-back5.png); background-repeat:repeat-y; } #container-02 { margin:0 auto; padding:0 20px 10px 20px; width:903px; background-image:url(../images/tile-back.png); background-repeat:repeat-y; text-align:left; } #col-header { margin:0; padding:0; width:983px; height:229px; background:url(../images/tile-back4.png) repeat-x; } #col-header-1-2 { margin:0; padding:0 0 0 0; height:208px; width:983px; text-align:center; } #col-header-2-2 { margin:0; padding:0 0 0 0; width:983px; height:20px; color:#333333; text-align:center; } #menu-back { margin:0; padding:0; text-align:center; } #column-back { margin:0; padding:0; text-align:center; } #menu { margin:0; padding:5px 0 0 0; height:48px; width:983px; text-align:center; list-style:none; font-size:14px; font-weight:bold; text-transform:uppercase; } #menu p { margin:0; padding:0; } #menu li { display:block; background-image:url(); background-repeat:no-repeat; padding:5px 10px 0 0; } #menu a:hover { color:#666666; text-decoration:underline; } #menu .active a { color:#FFF; text-decoration:none; } #col-navigation { margin:0; padding:0; width:983px; height:auto; text-align:center; border-style:dashed; } #col-banner { margin:0; padding:35px 0 40px 0; width:983px; text-align:center; } #col-banner-back { margin:0 0 0 40px; padding:0 0 0 0; width:902px; height:1170px; text-align:center; } #banner-1 { margin:0; padding:0; width:902px; height:120px; text-align:center; } #banner-2 { margin:0; padding:0; width:89px; height:408px; text-align:center; float:left; } #banner-3 { margin:0; padding:0; width:725px; height:408px; text-align:center; float:left; } #banner-4 { margin:0; padding:0; width:88px; height:408px; text-align:center; float:right; } #banner-5 { margin:0; padding:0; width:902px; height:177px; float:left; } #banner-6 { margin:0; padding:0; width:902px; height:26px; float:left; } #banner-7 { margin:0; padding:0; width:902px; height:12px; float:left; } #banner-8 { margin:0; padding:0; width:902px; height:19px; float:left; } #banner-9 { margin:0; padding:0; width:902px; height:18px; float:left; } #banner-10 { margin:0; padding:0; width:902px; height:63px; float:left; } #banner-11 { margin:0; padding:0; width:902px; height:27px; float:left; } #banner-12 { margin:0; padding:0; width:902px; height:52px; float:left; } #banner-13 { margin:0; padding:0; width:902px; height:27px; float:left; } #banner-14 { margin:0; padding:0; width:902px; height:321px; float:left; } #container-site-crew { width:903px; height:3400px; min-height:auto; margin-left:auto; margin-right:auto; } #container-site-partners { width:903px; height:1200px; min-height:auto; margin-left:auto; margin-right:auto; } #container-content-about { width:903px; height:auto; padding:0 0 0 0; margin-left:auto; margin-right:auto; } #cc-list { width:580px; height:auto; padding:0 0 0 0; float:left; } #cc-list2 { width:580px; height:auto; float:left; } #cc-list3 { width:903px; height:auto; padding:0 0 0 0; float:left; } #content-column { width:903px; height:100px; margin-left:auto; margin-right:auto; } #content-left { width:256px; height:300px; margin-right:31px; float:left; text-align:left; } #content-middle { width:256px; height:300px; margin-right:26px; float:left; text-align:left; } #content-right { width:256px; height:300px; float:right; text-align:left; } #content-left3 { width:276px; height:100px; margin-right:31px; float:left; text-align:left; } #content-middle3 { width:276px; height:100px; margin-right:26px; float:left; text-align:left; } #content-right3 { width:276px; height:100px; padding-left:10px; float:right; text-align:left; } #content-left2 { width:428px; height:376px; margin-right:29px; float:left; text-align:left; } #content-right2 { width:428px; height:376px; float:right; text-align:left; } #top { padding-top:40px; text-align:center; } #center { text-align:left; } #wallpaper-center { height:350px; width:849px; margin-left:auto; margin-right:auto; } #wallpaper-center1 { height:237px; width:212px; float:left; } #wallpaper-center2 { height:237px; width:212px; float:left; } #wallpaper-center3 { height:237px; width:212px; float:left; } #wallpaper-center4 { height:237px; width:212px; float:left; } #cc-column1 { width:245px; height:100px; float:left; margin-right:27px; line-height:20px; } #cc-column1a { width:400px; height:100px; float:left; margin-right:27px; line-height:20px; } #cc-column2 { width:245px; height:100px; float:left; margin-right:27px; line-height:20px; } #cc-column3 { width:238px; height:100px; float:left; line-height:20px; } #cc-column4 { width:121px; height:254px; float:right; line-height:20px; text-align:right; } #col-1-1 { margin:0; padding:0 0 0 0; width:903px; text-align:left; } #col-1-1 ul { margin:0; padding:0 0 30px 0; list-style-type:none; } #col-1-1 li { margin:0; padding:0; text-decoration:none; border-bottom-style:none; border-bottom-color:#EEEEEE; border-bottom-width:1px; } #col-1-2 { float:left; margin:0; padding:0 21px 0 0; width:580px; text-align:left; } #col-2-2 { float:right; margin:0; padding:0 0 0 7px; width:280px; text-align:left; } #col-2-2 ul { margin:0; padding:0 0 30px 0; list-style-type:none; } #col-2-2 li { margin:0; padding:0; text-decoration:none; border-bottom-style:none; border-bottom-color:#EEEEEE; border-bottom-width:1px; } #col-1-3 { float:left; margin:0; padding:0 7px 0 0; height:300px; width:280px; text-align:left; line-height:18px; } #col-1-3 ul { margin:0; padding:0 0 30px 0; list-style-type:none; } #col-1-3 li { margin:0; padding:0; text-decoration:none; border-bottom-style:none; border-bottom-color:#EEEEEE; border-bottom-width:1px; } #col-2-3 { float:left; margin:0; padding:0 14px 0 22px; height:300px; width:280px; text-align:left; line-height:18px; } #col-2-3 ul { margin:0; padding:0 0 30px 0; list-style-type:none; line-height:18px; } #col-2-3 li { margin:0; padding:0; text-decoration:none; border-bottom-style:none; border-bottom-color:#EEEEEE; border-bottom-width:1px; } #col-3-3 { float:right; margin:0; padding:0 0 0 7px; height:300px; width:280px; text-align:left; line-height:18px; } #col-3-3 ul { margin:0; padding:0 0 30px 0; list-style-type:none; } #col-3-3 li { margin:0; padding:0; text-decoration:none; border-bottom-style:none; border-bottom-color:#EEEEEE; border-bottom-width:1px; } #col-footer { margin:0; padding:20px 0 10px 0; width:903px; text-align:center; color:#cccccc; } #col-footer P { margin:0; padding:0 0 10px 0; } #col-footer-base { margin:0; margin-left:auto; margin-right:auto; width:983px; height:50px; background-image:url(../images/footer-base.png); background-repeat: repeat-x; } #title-container { margin:0 auto; margin-top:10px; margin-bottom:10px; height:300px; widows:100%; text-align:left; background-color:gray; } #title-left { height:200px; width:602px; float:left; background-color:red; } #title-right-1 { height:200px; width:301px; float:right; background-color:green; } #title-right-2 { } #title-right-3 { } #blog-container { margin:0 auto; margin-top:10px; margin-bottom:10px; height:300px; width:100%; text-align:left; } #blog-left { height:365px; margin-left:5px; margin-top:5px; width:440px; float:left; text-align:left; background-image:url(../images/blog-left.jpg); } #blog-left-text { height:300px; padding-left:20px; padding-top:20px; width:400px; float:left; text-align:left; } #blog-right1 { height:150px; margin-left:5px; margin-top:5px; width:440px; float:right; text-align:left; background-image:url(../images/blog-right1.jpg); } #blog-right1-text { height:150px; padding-left:20px; padding-top:20px; width:400px; float:left; text-align:left; } #blog-right-container { height:150px; margin-left:5px; margin-top:5px; width:440px; float:right; text-align:left; background-image:url(../images/blog-right1.jpg); } #blog-right2a { height:150px; margin-left:5px; margin-top:5px; width:210px; float:left; text-align:left; } #blog-right2a-text { height:150px; padding-left:20px; padding-top:20px; width:190px; float:left; text-align:left; } #blog-right2b { height:150px; width:220px; float:right; text-align:right; } #about-left { height:365px; margin-left:5px; margin-top:5px; width:440px; float:left; text-align:left; background-image:url(../images/blog-left.jpg); } #about-left-text { height:150px; padding-left:20px; padding-top:20px; width:400px; float:left; text-align:left; } #about-right { height:365px; margin-left:5px; margin-top:5px; width:440px; float:right; text-align:left; background-image:url(../images/blog-left.jpg); } #about-right-text { height:150px; padding-left:20px; padding-top:20px; width:400px; float:left; text-align:left; } #about { margin:0 auto; margin-top:10px; margin-bottom:10px; height:200px; width:100%; text-align:left; background-color:navy; } #trailer-back { margin:0 auto; height:500px; width:100%; text-align:center; background-image:url(../images/trailer-back.jpg); } #photos-center { margin:0 auto; margin-top:10px; margin-bottom:10px; height:200px; width:100%; text-align:center; } #title { margin:0 auto; height:20px; width:100%; text-align:center; } #trailer-bottom { margin:0 auto; height:20px; width:100%; text-align:center; } #quote { margin:0 auto; height:100px; width:900px; text-align:center; } #iphone { margin:0 auto; height:150px; width:900px; } #iphone-left { width:630px; height:150px; float:left;text-indent:20px; text-align:left; background-image:url(../images/iphone/iphone-left.jpg); } #iphone-right { width:270px; height:150px; float:right; background-image:url(../images/iphone/iphone-right.jpg); } #iphone2 { margin:0 auto; height:150px; width:900px; text-align:center; background-image:url(../images/iphone/iphone-left2.jpg); } #iphone-left2 { width:540px; height:150px; float:left;text-indent:20px; text-align:left; } #iphone-right2 { width:360px; height:150px; float:right;text-indent:20px; text-align:left; } #iphone-container { margin:0 auto; height:500px; width:900px; background-image:url(../images/iphone/iphone-container.jpg); } #iphone-container-l { width:400px; height:400px; margin-left:40px; margin-top:80px; float:left; } #iphone-left-top { width:400px; height:300px; float:left; text-align:right; } #iphone-left-bottom { width:400px; height:58px; float:left; text-align:right; } /***** Carousel *****/ #hd h1 a { display:block;width:500px;height:100px;background:transparent url(includes/gc-logo.png) no-repeat;text-indent:-9000px; } #hd h2 { display:inline;font-size:123.1%;font-weight:700;left:490px;position:relative;top:-55px; } .demo { font-size:1.5em;margin-bottom:.5em; } .intro { font-size:1.1em; } #instructions { font-size:1.1em;font-weight:700; } #instructions li { list-style-type:decimal; } ol li,ul li { padding-top:.3em;padding-bottom:.4em;margin-left:1em; } #ft { font-size:.8em;margin-top:5%; } .carousel-nav li a.selected { color:#fff;background-color:#295997;border-color:#295997; } .carousel-item:hover .carousel-item-info strong,.carousel-item:hover .carousel-item-info span,.carousel-item:hover .carousel-item-info em { background-color:#295997;background-image:none; } .carousel { background-color:#fff;line-height:1.45em; } .carousel-inner { overflow:hidden;position:relative; } .carousel-animate { position:absolute; } .carousel-item { position:relative;float:left;text-decoration:none; } .carousel-item img { border:0 none #000; } .carousel-item-info { position:absolute;bottom:32px;left:0; } .carousel-item-info strong,.carousel-item-info span,.carousel-item-info em { background:transparent url(faded_black.png);color:#fff;padding:3px 12px; } .carousel-item-info em { background:#c00 none; } .carousel-item:hover .carousel-item-info strong,.carousel-item:hover .carousel-item-info span,.carousel-item:hover .carousel-item-info em { background-color:#972929;background-image:none; } .carousel-item-info strong { font-size:2em;line-height:1.43em;letter-spacing:-.02em;text-transform:uppercase; } .carousel-item-info strong span,.carousel-item-info:hover strong span { background:transparent url(carousel-arrow.png) 0 .25em no-repeat!important;padding:0 0 0 36px; } .carousel-nav { list-style-type:none!important;background-color:#;line-height:1.5em;height:25px;margin:0!important;padding:0!important; } .carousel-nav li { float:left;margin:0;padding:0; } .carousel-nav li a { display:block; height:25px; overflow:hidden; border-right:1px; text-decoration:none; color:#999999; font-weight:700; font-family:Garamond, Georgia, Myriad,Helvetica,sans-serif; margin-top:4px; padding:3px 12px; text-align:center; } .carousel-nav .last a { border-width:0; } .carousel-nav li a.selected { color:#fff; background-image:url(../images/slide/background.jpg); background-color:#cccccc; } .carousel .media-item-info { color:#fff;font-size:1em;line-height:1.45em; } div.carousel-data img { display:none; } /***** Navigation *****/ #navigation { float:none; text-align:center; list-style:none; margin:0; padding:0 0 0 0; font-size:12px; } #navigation li { float:left; } #navigation li a { display:block; text-align:center; padding:5px; margin:0 0 0 25px; text-decoration:none; } #navigation li a:visited { color:#ababab; text-decoration:none; } #navigation li a:active { color:#ababab; text-decoration:none; } #navigation li a:hover { background:#262626; color:#FFF; text-decoration:none; } .img { margin:0; border:none; padding:4px; border:1px solid #646464; } .img-left { float:left; margin:0 10px 10px 0; border:none; padding:4px; border:0px solid #646464; } .img-right { float:right; margin:0 0 10px 10px; border:none; padding:4px; border:0px solid #646464; } /***** Bullets *****/ div#bullet-01 ul { list-style-type:none; padding:0 0 0 0; margin:0 0 10px 0; } div#bullet-01 li { background-image:url(../images/bullet-01.jpg); background-repeat:no-repeat; background-position:0 .4em; padding-left:10px; margin:0 0 5px 0; } div#bullet-02 ul { list-style-type:none; padding:0 0 0 0; margin:0 0 10px 0; } div#bullet-02 li { background-image:url(../images/bullet-02.jpg); background-repeat:no-repeat; background-position:0 .4em; padding-left:10px; margin:0 0 5px 0; } /***** Wordpress *****/ #headLinks { float:right; padding-top:6px; color:#f5f5f5; } #headLinks a { font-size:14px; color:#f5f5f5; } #headLinks a:hover { color:#CCC; } #headLinks ul li { list-style:none; display:inline; margin:0 0 0 15px; } #subHead { width:1080px; height:90px; border-bottom:1px solid #B8B8B8; padding-top:-20px; padding-bottom:5px; display:none; } #headAds { width:728px; height:90px; margin:auto; display:none; } li.top { border-left:1px solid #DDD; float:right; display:block width:100px; } li.top a { width:100px; } .nav li.skip a:hover,li.top a:hover { background:transparent; color:#333!important; text-decoration:none; } /* main - middle content and columns */ #mid { font-weight:700; } #mainCol { float:left; margin:26px 0 0; width:464px; overflow:hidden; } #vids { padding-left:20px; } /* style individual sidebars */ #midCol { color:#444; float:left; margin:0; line-height:1.3em; } #midCol p { color:#777; } #midCol ul { list-style:none; margin:8px 0 4px; } #searchWrap,.middle_links { margin-bottom:20px; } #searchWrap input { vertical-align:middle; } #searchWrap #s { font-size:1.1em; border:1px solid #BBB; padding:1px 2px; margin-right:3px; width:270px; } .middle_links h3 { margin-bottom:5px; } .middle_links ul li { color:#7F7F7F; line-height:1.2em; border-top:1px solid #BBB; padding:3px 0 4px; } .middle_links a { font-weight:700; } .middle_links a:link { color:#333333; text-decoration:none; } .middle_links a:visited { color:#333333; text-decoration:none; } .middle_links a:active { color:#333333; text-decoration:none; } .middle_links a:hover { color:#333333; text-decoration:none; } .middle_links img { border:0; } #tertCol { float:left; width:300px; margin:23px 0 0 33px; } #tertCol p { color:#777; } #tertCol ul { list-style:none; margin:8px 0 4px; } #elseWhere { margin:0 0 20px; } #elseWhere h3 { margin-bottom:5px; } ul#imgLinks { list-style:none; margin:5px 0; } #imgLinks li { color:#7F7F7F; line-height:1.2em; padding:0 0 1px; } #imgLinks li a img { border:3px solid #EEE; width:145px; height:74px; color:#333; } #imgLinks li a:hover img { border-color:#DDD; } #introIMG { float:left; margin:6px 8px 0 0; overflow:hidden; } #introIMG img { border:none; padding:4px; border:1px solid #BDBDBD; width:140px; height:140px; } #introIMG a:link { color:#333333; text-decoration:none; } #introIMG a:visited { color:#333333; text-decoration:none; } #introIMG a:active { color:#333333; text-decoration:none; } #introIMG a:hover { color:#333333; text-decoration:none; } .rss_links h3 { margin-bottom:5px; } .rss_links { margin-bottom:20px; } .rss_links ul li { background:url(../images/rss.gif) no-repeat 0 3px; color:#7F7F7F; line-height:1.2em; border-top:1px solid #BBB; padding:3px 0 4px 16px; } .share_links h3 { margin-bottom:5px; } .share_links ul { margin:0; padding:0; list-style-type:none; } .share_links ul li { display:inline; text-decoration:none; padding:0; } .share_links img { margin:0; padding:0 20px 20px 0; } .user_links h3 { margin-bottom:5px; } .user_links { margin-bottom:20px; } .user_links ul li { list-style:none; background:url(../images/user.png) no-repeat 0 3px; color:#7F7F7F; line-height:1.2em; border-top:1px solid #151515; padding:3px 0 4px 20px; } .user-footer_links h3 { margin-bottom:5px; } .user-footer_links { margin-bottom:20px; } .user-footer_links ul li { list-style:none; background:url(../images/user.png) no-repeat 0 3px; color:#7F7F7F; line-height:1.2em; border-top:1px solid #151515; padding:3px 0 4px 20px; } .recent-post_links h3 { margin-bottom:5px; } .recent-post_links { margin-bottom:20px; } .recent-post_links ul li { list-style:none; color:#7F7F7F; line-height:1.2em; border-top:1px solid #151515; padding:3px 0 4px 0; } .archive_links h3 { margin-bottom:5px; } .archive_links ul li { font-size:11px; color:#7F7F7F; line-height:1.2em; border-top:1px solid #BBB; padding:3px 0 4px; } .archive_links a { font-weight:700; } .archive_links img { border:0; } /* wordpress entries styling - main content column */ #postMain { height:218px; overflow:hidden; margin-bottom:15px; } #postMain a:link { color:#333333; text-decoration:none; } #postMain a:visited { color:#333333; text-decoration:none; } #postMain a:active { color:#333333; text-decoration:none; } #postMain a:hover { color:#333333; text-decoration:none; } .postMeta { background:url(../images/dot.gif) repeat-x left center; text-transform:uppercase; font-size:11px; text-align:right; margin-bottom:5px; } .postMeta span.date { background:#FFF; color:#7F7F7F; padding:0 2px 0 4px; } .postMeta span.comments { background:#FFF url(../images/user.png) no-repeat left center; padding-left:15px; margin-left:2px; } .postMeta span.comments a,.postMeta span.date a { color:#555; } .post { margin:0 0 10px; } .post h2 { line-height:1.2em; } .post h2 a { width:657px; display:block; outline:none; } .entry h3 { margin:1em 0; } .post .entry { line-height:1.4em; overflow:hidden; } .post .entry p { margin:5px 0 5px 0; } .entry blockquote { margin:0 1.3em 10px 1.3em; padding:10px 10px 0 10px; background:#FFF; border:1px solid #DFDFDF; border-left: 4px solid #DFDFDF; } .entry ul { margin:0 1.3em 10px 0; list-style:none; } .entry li a { color:#333; background:url(../images/dot.gif) repeat-x bottom left; } .entry ul li { background:url(../images/li.gif) no-repeat; background-position:0 .4em; padding-left:10px; margin:0 0 5px 0; } .entry ol { margin:0 1em 0 3em; } .entry ol li { margin:0 0 7px; } .entry img,.entry a img { /*border:3px solid #EEE;*/ } .entry a:hover img { border-color:#DFDFDF; } .entry table tr { padding:15px 0; } .entry table tr.alt { background:#eee; } .entry a:link { color:#333333; text-decoration:none; } .entry a:visited { color:#333333; text-decoration:none; } .entry a:active { color:#333333; text-decoration:none; } .entry a:hover { color:#333333; text-decoration:none; } .grey a:link { color:#333333; text-decoration:none; } .grey a:visited { color:#333333; text-decoration:none; } .grey a:active { color:#333333; text-decoration:none; } .grey a:hover { color:#333333; text-decoration:none; } /* style pagination buttons */ #more_reading { color:#7F7F7F; font-size:11px; text-transform:uppercase; margin-bottom:15px; margin-top:15px; text-align:right; } span.navback { width:25px; height:15px; padding:0 0 20px 0; display:block; float:right; background:url(../images/arrow_prev.gif) top right no-repeat; cursor:pointer; } span.navforward { width:25px; height:15px; padding:0 0 20px 0; display:block; float:right; background:url(../images/arrow_next.gif) top right no-repeat; cursor:pointer; } /* style me some comments and inputs */ #comments { width:435px; padding:12px 0 0; } #comment { width:458px; overflow:auto; font:12px arial,helvetica,verdana,sans-serif; } h2.commh2 { font-size: 1.4em !important; padding: 0 0 5px; color:#333 !important; } ol.commentlist { margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px; } ol.commentlist p { margin-bottom:10px; line-height: 20px; } ol.commentlist cite { font-style: normal; font-weight: bold; } ol.commentlist li { padding: 20px 10px 10px 10px; } ol.commentlist li.alt { padding: 10px 10px 5px 10px !important; border:1px solid #BBBBBB; } input#submit { cursor:pointer; margin:5px 0 15px 0; } #comment,#author,#email,#url { border:1px solid #BBBBBB; padding:2px; margin:0 0 5px 0; } .labeltext { padding:0 0 10px 0; } /* footer - text string and links */ /* float rules */ .floatleft { float:left; margin:3px 7px 0 0; } .floatright { float:right; margin:3px 0 0 7px; } .right { float:right; } .left { float:left; } .clear { clear:both; } .fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .fix { display:inline-block; } * html .fix { height:1%; } .fix { display:block; } /* Tips */ .tool-tip { color:#ccc; width:150px; z-index:13000; } .tool-title { font-weight:700; font-size:11px; margin:0; color:#fff; padding:8px 8px 0 8px; background:#192227; text-align:left; } .tool-text { font-size:11px; padding:0 8px 8px 8px; background:#192227; text-align:left; } /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }