/* Theme Name: SquishyB.net Theme URI: http://www.squishyb.net/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Josh Bruce Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: "Georgia", Times New Roman, Serif; /*background: #d5d6d7 url('images/kubrickbgcolor.jpg');*/ color: #333; text-align: center; margin:0px; padding:0px; /*background: #FFFFFF url('images/background-square.jpg') repeat top left;*/ background-color:#2b2b2b; } div#header-material { background: #FFFFFF url('images/header-material.jpg') repeat-x top center; height:230px; width:100%; text-align:center; } div#header-container { padding-top:20px; width:860px; height:600px; margin:0px auto; } div#logo-container { float:left; } div#navigation-container { background-image: url('images/navigation-background.png'); background-repeat: no-repeat; background-position: top left; float:left; display: block; width:550px; height:159px; padding-top:70px; text-align: left; } ul.navigation { font-family: "Georgia", Times New Roman, Serif; font-size:18px; float:left; padding:0px; margin:0px; display: inline-block; } ul.navigation li { display: inline-block; margin:0px; float:left; padding:0px 15px;} ul.navigation li a { color:#000; text-decoration: none; font-style: normal; } ul.navigation li a:hover { color:#89af5c; text-decoration: none; } div#body-container { padding-top:20px; width:860px; height:600px; margin:0px auto; padding-bottom:120px; } a {color:#89af5c; font-style:italic;} h1 {text-align:left; color:#89af5c; font-size:18px; font-weight:normal; padding-bottom:0px; margin-bottom:0px;} div.left-sidebar-container {width:370px; float:left; margin-right:20px; text-align: left;} div.right-sidebar-container {width:470px; float:left; text-align: left; } div.left-sidebar-container-bottom {width:370px; border-bottom:1px dashed #000; margin-top: 10px; float:left; margin-right:20px; text-align: left;} div.right-sidebar-container-bottom {width:470px; border-bottom:1px dashed #000; margin-top: 10px; float:left; text-align: center;} div.left-large-container {width:630px; float:left; text-align: left; margin-right:20px;} div.right-small-container {width:150px; float:left; border-bottom:1px dashed #000; text-align: left; margin-bottom: 20px; } div.right-small-container-images {width:150px; float:left; text-align: left; margin-bottom: 20px; } div.left-sidebar-container-small {width:370px; float:left; margin-right:20px; text-align: left; } div.right-sidebar-container-small {width:470px; float:left; } img.border {border:3px solid #bcbcbc; display:block;} img.border:hover {border:3px solid #89af5c; display:block;} img.border-small {border:3px solid #bcbcbc; margin:0px 5px;} img.border-small-sub {border:3px solid #bcbcbc; margin:0px 10px;} /* ROUNDED CORNERS */ .fi-header{width:180px; text-align: center;} .wh-header{width:170px; text-align: center;} .fp-header{width:160px; text-align: center;} .tp-header{width:150px; text-align: center;} .ap-header{width:130px; text-align: center;} .pd-header{width:110px; text-align: center;} .fi-header-small{width:145px; text-align: center; margin-top:0px; float: right;} .fp-header-small{width:125px; text-align: center; margin-top:0px; float: right;} .heading-darkgray, .heading-round{display:block} .heading-darkgray *, .heading-round *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#4c4c4d} .heading-darkgray1, .heading-round1{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; background:#787879} .heading-darkgray2, .heading-round2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #ededed; border-right:1px solid #ededed; background:#6e6e6e} .heading-darkgray3, .heading-round3{margin-left:1px; margin-right:1px; border-left:1px solid #6e6e6e; border-right:1px solid #6e6e6e;} .heading-darkgray4, .heading-round4{border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2} .heading-darkgray5, .heading-round5{border-left:1px solid #787879; border-right:1px solid #787879} .heading-darkgrayfg, .heading-roundfg{background:#4c4c4d; color: #FFF; font-size:16px; text-align: left; padding: 0px 10px;} .heading-roundfg-small { background:#4c4c4d; color: #FFF; font-size:12px; text-align: center; padding: 0px 10px; } .heading-roundfg-small a {color:#fff; text-decoration: none;} /* ROUNDED CORNERS GREEN */ .heading-round-green{display:block} .heading-round-green *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#89af5c} .heading-round-green1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ccdcb8; border-right:1px solid #ccdcb8; background:#a6c384} .heading-round-green2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f3f7ee; border-right:1px solid #f3f7ee; background:#9fbe7a} .heading-round-green3{ margin-left:1px; margin-right:1px; border-left:1px solid #9fbe7a; border-right:1px solid #9fbe7a;} .heading-round-green4{ border-left:1px solid #ccdcb8; border-right:1px solid #ccdcb8} .heading-round-green5{ border-left:1px solid #a6c384; border-right:1px solid #a6c384} .heading-round-greenfg{ background:#89af5c; color: #FFF; font-size:16px; text-align: left; padding: 0px 10px; } .heading-round-greenfg-small{ background:#89af5c; color: #FFF; font-size:12px; text-align: center; padding: 0px 10px; } .heading-round-greenfg-small a {color:#fff; text-decoration: none;} div.dashed {border-top:1px dashed #000; height:1px; margin: 10px 0px;} div.dashed-tight {border-top:1px dashed #000; height:1px; margin: 0px 0px;} div.dashed-top {border-top:1px dashed #000; height:1px; margin: 10px 0px 0px 0px;} div.dashed-bottom {border-top:1px dashed #000; height:1px; margin: 0px 0px 10px 0px;} div.left-sidebar-container h3 {padding:10px 0px 0px 0px; margin: 0px;} div.left-sidebar-container h3 a {color: #616161; font-family: "Georgia", Times New Roman, Serif; font-size:16px; line-height: 16px; text-decoration: none;} div.left-sidebar-container h3 a:hover {color: #89af5c;} div.left-sidebar-container p.subtext {padding:5px 0px 0px 0px;margin: 0px;} p.subtext-body {padding:0px 0px 0px 0px;margin: 0px; color: #000; font-size:11px; font-style:italic;} div.left-sidebar-container p.subtext a {color: #89af5c; font-family: "Georgia", Times New Roman, Serif; font-size:12px; text-decoration: none; font-style: italic;} div.right-sidebar-container h3, div.left-large-container h3 {padding:5px 5px 0px 5px; text-align: left; margin: 0px; width:140px;} div.right-sidebar-container h3 a, div.left-large-container h3 a {color: #616161; font-family: "Georgia", Times New Roman, Serif; font-size:14px; line-height: 14px; text-decoration: none; } div.right-sidebar-container h3 a:hover, div.left-large-container h3 a:hover {color: #89af5c;} div.right-sidebar-container p.subtext, div.left-large-container p.subtext {padding:0px 5px 15px 5px; text-align: left; margin: 0px; width:140px;} div.right-sidebar-container p.subtext a, div.left-large-container p.subtext a {color: #89af5c; font-family: "Georgia", Times New Roman, Serif; font-size:12px; text-decoration: none; font-style: italic;} div.products {float:left; margin-bottom:20px} div.products:hover img.border-small {border:3px solid #89af5d; margin:0px 5px; cursor: pointer; } div.products:hover h3 a {color: #89af5d; font-family: "Georgia", Times New Roman, Serif; font-size:14px; line-height: 14px; text-decoration: none;} div.products:hover p.subtext a {color: #616161; font-family: "Georgia", Times New Roman, Serif; font-size:12px; text-decoration: none;} div.products-mainpage p {font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:13px; color:#333333;} div.products-mainpage span {font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:13px; color: #89af5c;font-style: italic; } div.products-mainpage-small p {padding:0px; margin:0px; font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:11px; color:#333333;} div.products-mainpage-small h1 {text-align:left; color:#89af5c; font-size:16px; font-weight:normal; padding:0px; margin:0px;} div.products-mainpage-small-subpage p {padding:0px; margin:0px; font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:11px; color:#333333;} div.products-mainpage-small-subpage h1 {text-align:left; color:#89af5c; font-size:16px; font-weight:normal; padding:0px; margin:0px;} div.products-mainpage-small-subpage {padding:10px 10px; margin:0px auto; text-align:left; width:600px;} div.products-mainpage-small-subpage:hover {background-color:#f1f1f1;} div.products-mainpage-small-subpage a {text-decoration:none;} div.products-mainpage {padding:0px 10px; margin:0px auto; text-align:center; width:450px;} div.products-mainpage-small {padding:10px 10px; margin:0px auto; text-align:center; width:450px;} div.products-mainpage-small a {text-decoration: none;} div.products-mainpage-small:hover {background-color:#f1f1f1;} div.products-subpage {padding:0px 10px; margin:0px auto; text-align:center; width:450px;} div.products-subpage p {font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:12px; color:#333333;} div.products-subpage-list {padding:0px 10px; margin:0px auto; text-align:center; width:650px;} div.products-subpage-list-blog {padding:0px 0px; margin:0px auto; text-align:left; } div.products-subpage-list p {font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:12px; color:#333333;} div.products-page {padding:0px 10px; margin:0px auto; text-align:left; } div.products-page p {font-family:'Lucida Sans Unicode',Verdana,Arial,Sans-Serif; font-size:12px; color:#333333;} div.work-type-home {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:14px; margin-top:10px; padding: 5px 10px 5px 10px; margin-left: -5px; display: block; position: absolute;} div.work-type {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:14px; margin-top:10px; padding: 5px 10px 5px 10px; margin-left: -5px; display: block; position: absolute;} div.work-type-single {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:14px; margin-top:10px; padding: 5px 10px 5px 10px; margin-left: -5px; display: block; position: absolute;} div.work-type span.price {background-color:#000; color:#FFFFFF; margin: 0px 10px 0px 10px; padding: 5px 10px; } div.work-type-single span.price {background-color:#000; color:#FFFFFF; margin: 0px 0px 0px 10px; padding: 5px 10px; } div.new {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:14px; margin-top:10px; padding: 5px 10px; margin-left:1px; position: absolute;} div.price {background-color:#000000; color:#FFFFFF; z-index:200; font-size:14px; margin-top:156px; padding: 5px 10px; margin-left:10px; position: absolute;} div.pic-portrait {cursor:pointer; background-color:#000000; color:#FFFFFF; z-index:200; font-size:12px; margin-top:465px; padding: 5px 10px; margin-left:-5px; position: absolute;} div.pic-portrait:hover {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:12px; margin-top:465px; padding: 5px 10px; margin-left:-5px; position: absolute;} div.pic-landscape {cursor:pointer; background-color:#000000; color:#FFFFFF; z-index:200; font-size:12px; margin-top:230px; padding: 5px 10px; margin-left:-5px; position: absolute;} div.pic-landscape:hover {background-color:#89af5d; color:#FFFFFF; z-index:200; font-size:12px; margin-top:230px; padding: 5px 10px; margin-left:-5px; position: absolute;} div.right-small-container h3 {padding:0px 5px 0px 5px; text-align: left; margin: 0px; width:140px;} div.right-small-container h3 a {color: #616161; font-family: "Georgia", Times New Roman, Serif; font-size:12px; line-height: 14px; text-decoration: none; } div.right-small-container p.subtext {padding:0px 5px 15px 5px; text-align: left; margin: 0px; width:140px;} div.right-small-container p.subtext a {color: #89af5c; font-family: "Georgia", Times New Roman, Serif; font-size:11px; text-decoration: none; font-style: italic;} div.right-small-container img {float:left;} div.right-sidebar-container div p {text-align: left;} div.shirtbox {float:left; height:50px; width:50px; font-size:16px; border: 1px solid #4b4b4b; margin: 10px 5px;} div.shirtbox:hover {background-color:#e4f2d4; border:1px solid #89af5c; color:#89af5c;} div.shirtbox:hover a {color:#89af5c;} div.shirtbox:hover span {background-color:#89af5c;} div.shirtbox a {color: #4b4b4b; display:block; padding-top:7px;} div.shirtbox span {font-size:8px; background-color:#4b4b4b; color:#fff; padding: 3px 0px; width:50px; display: inline-block; } div.shippingbox {position: absolute; padding: 15px; font-size:12px; background-color:#fff; border: 5px solid #89af5c; display: none;} div#footer {padding:5px 20px; margin:0px auto; bottom:0px; background-color: #dedede; }