/* Theme Name: The Marionette Unit v2.0.0 Theme URI: http://www.xxxxxxx.co.uk/ Description: The Great The Marionette Unit WordPress Theme. Version: 1.0.0 Author: Mike Ballan Author URI: http://www.mikeballan.co.uk/ **Update** xxxxxxx - xxxxxxx Some of the body CSS is Based on GridFocus by 5ThirtyOne.com & MassivePress.com with some tweeks by Adam Wright (a.k.a Ski). */ /***** Global Settings *****/ html { overflow: -moz-scrollbars-vertical; } body { margin:0; padding:0; font:13px Adobe Garamond Pro, Garamond, Georgia, Verdana, Trebuchet MS, Myriad, Helvetica, Arial, sans-serif; color:#666666; background:url(../images/bg-01.jpg); background-color:#FFFFFF; } /***** Headings *****/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { font-size:24px; padding:0 0 5px 0; margin:0; color:#660000; } h2 { font-size:16px; padding:0 0 5px 0; margin:0; color:#660000; font-weight:bold; } h3 { font-size:14px; padding:7px 0 0 0; margin:0; color:#660000; font-weight:bold; } h4 { font-size:12px; padding:0; margin:0; color:#660000; text-transform:uppercase; } /***** Common Formatting *****/ p { margin:0; padding:0 0 10px 0; text-transform:none; } a:link, a:visited, a:active { color:#660000; text-decoration:none; } a:hover { color:#666666; text-decoration:underline; } hr { margin:0 0 15px 0; border:0; color:#eeeeee; background-color:#eeeeee; height:1px; width:100%; text-align:left; } img { border:0; } /***** 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 40px 5px 40px; width:983px; background-image:url(../images/tile-back5.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; background-image:url(../images/tile-back5.png); background-repeat:repeat-y; } #column-back { margin:0; padding:0; text-align:center; background-image:url(../images/tile-back5.png); background-repeat:repeat-y; } #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; background-image:url(../images/tile-back5.png); background-repeat:repeat-y; } #container-site-crew { width:903px; height:3200px; 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:2px; 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:center; } #cc-column1 { width:245px; 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:275px; height:100px; float:right; line-height:20px; } #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:550px; text-align:left; } #col-2-2 { float:left; margin:0; padding:0 0 0 50px; 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; } /***** Navigation *****/ #navigation { float:right; list-style:none; margin:0; padding:10px 0 0 0; font-size:12px; } #navigation li { float:left; } #navigation li a { display:block; text-align:center; color:#ababab; padding:5px; margin:0 0 0 10px; 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; } /***** 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; } /***** 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:#666666; line-height:18px; border-top:0px solid #BBB; padding:3px 0 4px; } .middle_links a { font-weight:700; } .middle_links a:link { color:#666666; 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:underline; } #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:210px; overflow:hidden; margin-bottom:15px; } #postMain a:link { color:#660000; 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:underline; } .entry a:visited { color:#333333; text-decoration:underline; } .entry a:active { color:#333333; text-decoration:underline; } .entry a:hover { color:#333333; text-decoration:underline; } .grey a:link { color:#333333; text-decoration:underline; } .grey a:visited { color:#333333; text-decoration:underline; } .grey a:active { color:#333333; text-decoration:underline; } .grey a:hover { color:#333333; text-decoration:underline; } /* 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; } .navigation { display:block; width:100%; text-align:center; margin-top:10px; margin-bottom:60px; } .alignright { float:right; } .alignleft { float:left; } /* 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; }