/* @override http://www.monsterchildren.com/themes/monsterchildren/css/stylesheet.css */ /*-- MASTER ELEMENTS --*/ #body-wrap { float: left; width: 100%; height: auto; padding: 0 0 10px 0; } #body-inner { position: relative; width: 900px; height: auto; margin: 0 auto; } #header { float: left; position: relative; width: 100%; height: 114px; margin: 0 0 10px 0; background: url(../images/back-header.gif); } #header-left { position: absolute; width: 200px; top: 24px; } #header-right { position: absolute; width: 700px; height: 90px; top: 24px; left: 200px; overflow: hidden; } #header-right-inner { position: absolute; width: 728px; height: 90px; top: 0; left: -14px; } #nav { float: left; width: 100%; height: 41px; margin: 0 0 10px 0; background: url(../images/back-nav.gif); } #content { float: left; width: 100%; } #footer { float: left; width: 100%; padding: 10px 0 0 0; background: url(../images/back-strip-wt.gif) no-repeat top left; } #footer-left { float: left; width: 200px; margin: 0 0 0 5px; } #footer-right { float: left; width: 200px; margin: 0 0 0 280px; text-align: right; } #footer-credit { float: right; width: 190px; margin: 0 5px 0 0; text-align: right; } #footer a, #footer a:link { font-weight: bold; font-size: 14px; text-decoration: none; } #footer a:hover, #footer a:focus { text-decoration: none; } #nav ul { float: left; list-style-type: none; margin: 0; padding: 0; width: 900px; height: 30px; background: url(../images/back-nav-divider.gif) repeat-y; } #nav ul li { float: left; list-style-type: none; margin: 0; padding: 0; width: 100px; height: 30px; text-align: center; color: #ffffff; font-size: 12px; font-weight: bold; } #nav ul li a, #nav ul li a:link { display: block; width: 99px; height: 22px; color: #ffffff; text-decoration: none; padding: 8px 0 0 0; } #nav ul li a:hover, #nav ul li a:focus { background-color: #cc0000; color: #ffffff; } #nav ul li a.current, #nav ul li a.section { background-color: #cc0000; color: #ffffff; } #nav ul li a.wide, #nav ul li a.wide:link { display: block; width: 100px; height: 22px; color: #ffffff; text-decoration: none; padding: 8px 0 0 0; } #nav ul li a.wide:hover, #nav ul li a.wide:focus { background-color: #cc0000; color: #ffffff; } /*-- MASTER ELEMENTS --*/ /*-- MASTER COLUMNS --*/ #col1-w-alpha { float: left; position: relative; width: 900px; margin: 0 0 10px 0; border-bottom: 1px solid #000000; } #col2-wt-alpha { float: left; position: relative; width: 690px; height: auto; } #col2-wt-beta { float: right; position: relative; width: 200px; height: auto; } #col2-twt-alpha { float: left; width: 170px; margin: 0 10px 0 0; } #col2-twt-beta { float: left; width: 510px; } #col2-twt-gamma { float: right; position: relative; width: 200px; height: auto; } .subcol2-tw-alpha { float: left; position: relative; width: 130px; height: auto; padding: 0 5px 0 5px; margin: 10px 0 0 0; } .subcol2-tw-beta { float: left; position: relative; width: 540px; height: auto; padding: 0 5px 0 5px; margin: 10px 0 0 0; } .subcol2-wt-alpha { float: left; position: relative; width: 405px; height: auto; padding: 0 5px 0 5px; margin: 10px 0 0 0; } .subcol2-wt-beta { float: left; position: relative; width: 265px; height: auto; padding: 0 5px 0 5px; margin: 10px 0 0 0; } /*-- MASTER COLUMNS --*/ /*-- ELEMENTS --*/ #splash { position:absolute; width: 600px; height:600px; top:50%; left:50%; margin:-300px auto auto -450px; } #splash-image { float: left; width: 600px; margin: 23px 0 20px 150px; } #splash-copy { float: left; width: 600px; border-bottom: 1px solid #000000; text-align: center; margin: 0 0 0 150px; } #splash-copy p { margin: 0 0 20px 0; font-weight: bold; } #splash-logo { float: left; width: 600px; margin: 20px 0 0 150px; text-align: center; } .section-header { float: left; height: 25px; width: 100%; border-bottom: 1px solid #d9d9d9; } .post { float: left; width: 100%; border-bottom: 1px solid #000000; margin: 0 0 10px 0; } .post-last { float: left; width: 100%; margin: 0 0 0 0; } .post-inner { float: left; width: 500px; margin: 10px 0 0 0; padding: 0 5px 0 5px; } .post-header { float: left; width: 100%; height: 25px; border-bottom: 1px solid #d9d9d9; } .post-col1-alpha { float: left; width: 100%; margin: 0 0 0 5px; padding: 9px 0 0 0; } .post-col2-alpha { float: left; width: 156px; margin: 0 0 0 5px; padding: 9px 0 0 0; } /*.post-col2-alpha p { color: #6d6d6d; } */ .post-col2-beta { float: right; width: 501px; margin: 0 5px 0 0; padding: 9px 0 0 0; } .post-img-full { border: 5px solid #ececec; margin: 0 0 10px 0; } .post-img-narrow-left { float: left; border: 5px solid #ececec; margin: 0 10px 10px 0; } .post-gallery { float: left; padding: 0 0 20px 0; } .post-gallery-wrap { float: left; position: relative; width: 491px; height: 333px; border: 5px solid #d9d9d9; overflow: hidden; } .post-gallery-inner { } .post-gallery-controls { position: absolute; width: 491px; height: 30px; top: 303px; z-index: 50; } .post-gallery-controls span.control-left { position: absolute; top: 8px; left: 6px; width: 410px; font-weight: bold; color: #ffffff; font-size: 12px; } .post-gallery-controls span.control-right { position: absolute; top: 8px; left: 423px; width: 70px; font-weight: bold; color: #ffffff; font-size: 12px; } .post-gallery-controls span a, .post-gallery-controls span a:link { color: #ffffff; text-decoration: none; } .post-gallery-controls span a:hover, .post-gallery-controls span a:focus { color: #cc0000; text-decoration: none; } .post-gallery-controls-background { position: absolute; width: 491px; height: 30px; top: 303px; z-index: 49; background-color: #000000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.5; } .post-video { float: left; padding: 0 0 20px 0; } .post-video-wrap { float: left; width: 491px; height: 333px; border: 5px solid #d9d9d9; } #flickr { float: left; position: relative; width: 100%; margin: 0 0 15px 0; } #flickr-images { float: left; width: 200px; height: 142px; overflow: hidden; } #flickr-background { /*display: none; */position: absolute; width: 200px; height: 30px; left: 0; top: 112px; z-index: 10; background-color: #000000; filter:alpha(opacity=01);-moz-opacity:.01;opacity:.01; } #flickr-control { display: none; position: absolute; width: 200px; height: 30px; left: 0; top: 112px; z-index: 20; } #flickr-control span.right { position: absolute; top: 8px; right: 5px; width: 100px; font-weight: bold; color: #ffffff; font-size: 12px; text-align: right; } #flickr-control span.left { position: absolute; top: 8px; left: 5px; width: 100px; font-weight: bold; color: #ffffff; font-size: 12px; text-align: left; } #flickr-control span a, #flickr-control span a:link { color: #ffffff; text-decoration: none; } #flickr-control span a:hover, #flickr-control span a:focus { color: #cc0000; text-decoration: none; } #subscribe { float: left; width: 100%; margin: 0 0 15px 0; } .input-text-subscribe { float: left; width: 160px; height: 23px; padding: 6px 0 0 5px; border: 1px solid #cccccc; font-family: Helvetica, Arial, Times New, san-serif; font-size: 1.2em; } .input-submit-subscribe { float: left; width: 32px; height: 31px; border: none; cursor: pointer; background: #7f7f7f; color: #ffffff; margin: 0 0 0 1px; font-family: Helvetica, Arial, Times New, san-serif; font-size: 1.2em; } .latest-item { float: left; position: relative; width: 100%; height: 141px; margin: 0 0 10px 0;} .latest-item img { position: absolute; top: 0; left: 0; } .latest-item-background { /*display: none; */position: absolute; top: 111px; left: 0; z-index: 20; width: 200px; height: 30px; background-color: #000000; filter:alpha(opacity=01);-moz-opacity:.01;opacity:.01;} .latest-item-text { display: none; position: absolute; top: 111px; left: 0; z-index: 99; width: 200px; height: 30px; } .latest-item-text span { position: absolute; top: 8px; left: 6px; width: 190px; color: #ffffff; font-size: 1.2em; font-weight: bold; } .latest-item-text span a, .latest-item-text span a:link { color: #ffffff; text-decoration: none; } .latest-item-text span a:hover, .latest-item-text span a:focus { color: #cc0000; text-decoration: none; } .box { float: left; width: 100%; margin: 0 0 10px 0; } /*.box img { margin: 0 0 10px 0; }*/ #techstuff { float: left; width: 100%; margin: 10px 0 0 0; padding: 0 0 10px 0; border-top: 1px solid #000000; } .techstuff-line { float: left; width: 100%; height: 35px; border-bottom: 1px solid #cccccc; } .flickr { float: left; margin: 10px 0 0 5px; } .lastfm { float: left; margin: 10px 0 0 29px; } .rss { float: left; margin: 10px 0 0 36px; } #about-gallery { float: left; padding: 5px 5px 0 5px; } #image-gallery-outer { float: left; position: relative; width: 680px; height: auto; overflow: hidden; border-bottom: 1px solid #000000; margin: 10px 10px 10px 5px; } #image-gallery-inner { float: left; position: relative; width: 700px; height: auto; overflow: hidden; padding: 0 0 10px 0; *padding: 0 0 20px 0; } #image-gallery-inner img { float: left; margin: 0 10px 10px 0; border: 5px solid #ececec; } #blog-intro-outer { float: left; position: relative; width: 680px; height: auto; overflow: hidden; margin: 10px 5px 0 5px; } #blog-intro-inner { float: left; position: relative; width: 700px; height: auto; overflow: hidden; } .blog-intro { float: left; width: 128px; height: 360px; margin: 0 10px 0 0; } .blog-title { float: left; width: 123px; height: 24px; border-bottom: 1px solid #ececec; padding: 8px 0 0 5px; } .blog-details { float: left; width: 123px; height: 42px; border-bottom: 1px solid #ececec; padding: 8px 0 0 5px; } .blog-details a, .blog-details a:link { color: #6d6d6d; text-decoration: none; } .blog-details a:hover, .blog-details a:focus { color: #cc0000; text-decoration: none; } .blog-extract { float: left; width: 118px; height: 132px; padding: 8px 5px 0 5px; } .fieldset-full { float: left; width: 100%; height: auto; margin: 0 10px 20px 0; } .fieldset-option { float: left; width: 100%; height: auto; margin: 0 0 10px 0; } .fieldset-3col-alpha { float: left; width: 128px; height: 45px; margin: 0 10px 20px 0; } .fieldset-3col-beta { float: left; width: 128px; height: 45px; margin: 0 10px 20px 0; } .fieldset-3col-gamma { float: left; width: 128px; height: 45px; margin: 0 0 20px 0; } .label-full { float: left; width: 100%; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; } .input-text-sml { float: left; width: 120px; height: 21px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; } .input-submit { float: left; width: 128px; height: 28px; padding: 0 0 4px 0; cursor: pointer; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } .input-submit-wide { float: left; width: 168px; height: 28px; padding: 0 0 4px 0; cursor: pointer; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } .textarea-full { float: left; width: 398px; height: 235px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; font-family: Helvetica, Arial, Times New, san-serif; } .select-option { float: left; width: 168px; height: 27px; *height: auto; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; } a.submit-link { float: left; display: block; width: 168px; height: 24px; padding: 8px 0 0 0; border: none; background-color: #7f7f7f; color: #ffffff; text-align: center; font-weight: bold; font-size: 1.2em; text-decoration: none; } /* SS FORM */ #Form_Form_InputFirstName, #Form_Form_InputLastName, #Form_Form_InputPhoneNumber, #Form_Form_InputEmail, #Form_Form_InputAbout, #Form_Form_InputSubject { float: left; width: 120px; height: 21px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; } #Form_Form_InputMessage { float: left; width: 398px; height: 235px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; font-family: Helvetica, Arial, Times New, san-serif; } #Form_Form_action_doform { float: left; width: 128px; height: 28px; padding: 0 0 4px 0;cursor: pointer; *margin: 20px 0 0 0; *padding: 4px 0 4px 0; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } .Actions { float: left; } #MemberLoginForm_LoginForm { float: left; width: 300px; margin: 10px 0 0 5px; } div#Email, div#Password, div#ConfirmPassword { float: left; width: 100%; margin: 0 0 10px 0; } #MemberLoginForm_LoginForm_Email, #MemberLoginForm_LoginForm_Password { float: left; width: 200px; height: 21px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; } div#Email label, div#Password label, div#ConfirmPassword label { float: left; width: 100%; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; } #MemberLoginForm_LoginForm_action_dologin { float: left; width: 56px; height: 28px; padding: 0 0 4px 0;cursor: pointer; margin: 0 2px 0 0; *margin: 0px 2px 0 0; *padding: 4px 0 4px 0; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } #MemberLoginForm_LoginForm_action_forgotPassword { float: left; width: 148px; height: 28px; padding: 0 0 4px 0;cursor: pointer; *margin: 0px 0 0 0; *padding: 4px 0 4px 0; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } #MemberLoginForm_LostPasswordForm { float: left; width: 300px; margin: 10px 0 0 5px; } #MemberLoginForm_LostPasswordForm_Email { float: left; width: 210px; height: 21px; padding: 4px 0 0 4px; border: 1px solid #d9d9d9; } #MemberLoginForm_LostPasswordForm_action_forgotPassword{ float: left; width: 216px; height: 28px; padding: 0 0 4px 0;cursor: pointer; *margin: 10px 0 0 0; *padding: 4px 0 4px 0; border: none; background-color: #7f7f7f; color: #ffffff; font-weight: bold; font-size: 1.2em; } /* SS FORM */ #shop-menu { float: left; width: 170px; padding: 0 0 20px 0; margin: 10px 0 0 0; } #shop-content { float: right; width: 718px; padding: 0 0 10px 0; margin: 10px 0 0 0; } #shop-menu a, #shop-menu a:link { text-decoration: none; } #shop-menu a:hover, #shop-menu a:focus { text-decoration: none; } #shop-menu a.current { color: #cc0000; text-decoration: none; } #shop-footer { float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 20px 0; text-align: right;} #shop-footer span { font-size: 1.4em; font-weight: bold; } #shop-footer a, #shop-footer a:link { color: #000000; text-decoration: none; } #shop-footer a:hover, #shop-footer a:focus { color: #cc0000; text-decoration: none; } #product-description { float: left; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #000000; } #product-description-alpha { float: left; width: 536px; overflow: hidden; } #product-description-beta { float: right; width: 172px; } #product-thumbs-wrap { float: left; width: 546px; overflow: hidden; margin: 7px 0 0 0; padding: 0 0 10px 0; } #product-thumbs-wrap img { float: left; margin: 0 10px 0 0; } #shop-doc { float: left; width: 708px; padding: 0 5px 0 5px; } #nav-categories, #nav-store { float: left; width: 160px; margin: 0; padding: 0; list-style-type: none; padding: 0 5px 0 5px; } #nav-categories li , #nav-store li { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; font-size: 1.4em; font-weight: bold; } #nav-cart { float: left; width: 160px; margin: 0; padding: 0; list-style-type: none; padding: 7px 5px 7px 5px; margin: 5px 0 5px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } #nav-cart li { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; font-size: 1.4em; font-weight: bold; } #nav-cart a, #nav-cart a:link { color: #cc0000; text-decoration: none; } #nav-cart a:hover, #nav-cart a:focus { color: #000000; text-decoration: none; } #nav-comunity { float: left; width: 160px; margin: 0; padding: 0; list-style-type: none; padding: 10px 5px 12px 5px; border-bottom: 1px solid #ececec; } #nav-comunity li { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; font-size: 1.4em; font-weight: bold; } #nav-comunity a, #nav-comunity a:link { color: #00000; text-decoration: none; } #nav-comunity a:hover, #nav-comunity a:focus { color: #cc0000; text-decoration: none; } #nav-comunity a.current { color: #cc0000; text-decoration: none; } #nav-comunity-cats { float: left; width: 160px; margin: 0; padding: 0; list-style-type: none; padding: 10px 5px 10px 5px; } #nav-comunity-cats li { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; font-size: 1.4em; font-weight: bold; } #nav-comunity-cats a, #nav-comunity-cats a:link { color: #00000; text-decoration: none; } #nav-comunity-cats a:hover, #nav-comunity-cats a:focus { color: #cc0000; text-decoration: none; } #nav-comunity-cats a.current { color: #cc0000; text-decoration: none; } #product-grid-outer { float: left; width: 718px; overflow: hidden; } #product-grid-inner { float: left; width: 738px; overflow: hidden; } .product { float: left; width: 172px; height: 280px; margin: 0 10px 20px 0; } .product img { margin: 0 0 5px 0; } .product-title { float: left; width: 162px; margin: 0 0 8px 0; border-bottom: 1px solid #ececec; padding: 0 0 10px 5px; } .product-title p { margin: 0; } .product-title span { color: #6d6d6d; } .product-title a, .product-title a:link { color: #6d6d6d; text-decoration: none; } .product-title a:hover, .product-title a:focus { color: #cc0000; text-decoration: none; } .product-detail {float: left; width: 162px; padding: 0 5px 0 5px; } #cart { float: left; width: 100%; border-bottom: 1px solid #000000; margin: 0 0 10px 0; padding: 0 0 10px 0; } .cart-item { float: left; width: 100%; margin: 0 0 20px 0; } .cart-item-alpha{ float: left; width: 172px; } .cart-item-beta{ float: right; width: 536px; } #cart-total { float: left; width: 100%; padding: 0 0 10px 0; *padding: 0; } .cart-product-title { float: left; width: 531px; margin: 0 0 8px 0; border-bottom: 1px solid #ececec; padding: 0 0 10px 5px; } .cart-product-title p { margin: 0; } .cart-product-title span { color: #6d6d6d; } .cart-product-title a, .cart-product-title a:link { color: #6d6d6d; text-decoration: none; } .cart-product-title a:hover, .cart-product-title a:focus { color: #cc0000; text-decoration: none; } .cart-product-detail {float: left; width: 526px; padding: 0 5px 0 5px; } .cart-product-detail p { margin: 0 0 10px 0; } .img-frame-five { border: 5px solid #ececec; } .pad-bottom { padding-bottom: 15px; } .margin-bottom { margin-bottom: 10px; } /*-- ELEMENTS --*/ /*-- SUB STYLE TYPOGRAPHY-- */ .section-header h2, .post-header h2, #subscribe h2 { margin: 0 0 9px 5px; } #techstuff h2 { margin: 10px 0 0 5px; } .section-header h2 { float: left; font-size: 1.4em; font-weight: bold; color: #000000; margin: 0 0 9px 5px; } .post-header h2 { float: left; font-size: 1.4em; font-weight: bold; color: #000000; margin: 0 0 9px 5px; } .post-header h3 { float: right; font-size: 1.4em; font-weight: bold; color: #000000; margin: 0 5px 9px 0; } .line-height p { margin: 0 0 30px 0; } h2 a, h2 a:link { text-decoration: none; } h2 a:hover, h2 a:focus { text-decoration: none; } .taglink a, .taglink a:link { text-decoration: none; } .taglink a:hover, .taglink a:focus{ text-decoration: none; } .extra-margin-bottom { margin: 0 0 10px 0; } a.readmore, a.readmore:link { color: #cc0000; text-decoration: none; } a.readmore:focus, a.readmore:hover { color: #000000; text-decoration: none; } /*-- SUB STYLE TYPOGRAPHY-- */ /*-- DEFAULT CLASSES --*/ img.right { float: right; margin: 0 0 10px 10px; } img.left { float: left; margin: 0 10px 0 10px; } .hide { display: none; } /*-- DEFAULT CLASSES --*/ /*-- CREATIVE ADDITION --*/ .galleryCalendar-Object { float: left; width: 190px; min-height: 25px; border-bottom: 1px solid #cccccc; padding: 8px 5px; } #techstuff a { text-decoration: none; font-size:1.2em; } #techstuff a:hover { text-decoration: none; color: #cc0000; } img.googleImage { padding: 10px 0; border-bottom: 1px solid #ccc; } /*-- CREATIVE ADDITION --*/ span.greyItalic { color: #444444; margin: 0 0 5px 8px; display: block; }