/* Theme Name: BWD Upgraded April 2009 Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the BWD website - BigforkWEB Development. Version: 1 Author: Bigfork Web Design Author URI: http://binarybonsai.com/ 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 *** REGARDING IMAGES *** All CSS that involves the use of images, can be found in the 'index.php' file. This is to ease installation inside subdirectories of a server. Have fun, and don't be afraid to contact me if you have questions. */ /* Begin Typography & Colors */ @charset "utf-8"; /* CSS Document */ /************* MAIN **************/ * {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/ body{ font-family:Verdana, Arial, Helvetica, sans-serif; min-height:100%; margin:0; padding:0; color:#333; background-color:#eee; text-align:center; min-height:100%; background:url(http://www.bigforkweb.com/images/body-bg.gif) repeat-x; color:#254662;} /*container centers content*/ #container{ width:909px; position:relative; text-align:left; background: #FFFFFF url(http://www.bigforkweb.com/images/container-bg.gif) no-repeat; margin:0 auto; padding:0 14px 0 17px; font-size:.75em; }/*centers main content*/ table {margin:0 auto;} table.result th{ padding:5px;border-bottom:#D6D7E2 1px solid;} table.result td {padding:5px; border-bottom:#D6D7E2 1px solid;} .search {width:150px; margin-left:200px;} /************ HEADER **************/ #header {background:#000000; height:217px; background:#394a5b url(http://www.bigforkweb.com/images/headers/random.php);} #headerHorizontalBar{position:absolute; top:205px; background:url(http://www.bigforkweb.com/images/header-horizontalBar.png) no-repeat; display:block; height:51px; width:910px;} #BWDlogo{ background:url(http://www.bigforkweb.com/images/bwdlogo.png) no-repeat 16px 12px; display:block; position:absolute; width:290px; height:140px; } #proposal {background:url(http://www.bigforkweb.com/images/btn-proposal.png) no-repeat; height:88px; width:121px; display:block; position:absolute; right:0; top:170px;} /************* CONTENT LAYOUT **************/ /*========= including columns and minheight ==========*/ #contentwrapper {padding:60px 10px 10px 0; background:#FFFFFF;} #content{width:790px; padding:10px 20px 10px 60px; float:left;} #minheight {height:500px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/ .clear {clear:both; height:1px;} /************* CONTENT STYLES **************/ /*========= Text Classes ==========*/ .topsentence{font-size:.8em; color:#999; text-align:left; margin-top:0; margin-left:0px; padding:3; height:39px;} .hidden {visibility:hidden;} .box {background-color:#f0f0f0; border:1px solid #c9c9c9; padding:8px; width:260px; font-size:.8em; margin:0 auto;} .box a, .box a:link, .box a:visited {color:#244360;} #content p.highlight {position:absolute; left:9px; margin:0; padding:0;} .smallgrey{font-size:.8em; color:#999;} .article-nav {padding:7px;} .article-nav ul {font-style:italic;} .article-nav ul li{padding: 5px 0 10px 0;} .article-nav ul li a.active {color:#000000; font-weight:bold;} /*========= Left Column Client Login - Newsletter ==========*/ #content .leftColumnLogin {background: #fffbfb url(http://www.bigforkweb.com/images/left-form-bg.gif) no-repeat; width:284px; height:160px; margin:0; padding:0; border: none;} #content .leftColumnLogin p {margin:5px 25px 0 0; padding:0; text-align:right;} /*========= Content Newsletter ==========*/ #newsletter {background: #fffbfb url(http://www.bigforkweb.com/images/newsletter-bckgrnd.gif) no-repeat; width:245px; height:200px; margin:0; padding:7px; border: none;} /*========= Left Column Get Started ==========*/ #getstarted {background: #fffbfb url(http://www.bigforkweb.com/images/get-started-left-column.gif) no-repeat bottom; width:283px; /width:284px; height:124px; /height:134px; margin:0; padding:0; border: none;} #getstarted ul {margin:0; padding:0; text-align:left; width:278px; line-height:1.4em;} #getstarted ul li {margin-left:45px; font-size:.9em;} /*============ Grey Box =============*/ .thingreybox {background-color:#e2e2e2; border:1px solid #cecdcd; width:169px; float:left; margin:6px; display:inline; } .thingreybox li {padding-bottom:15px;} /*========= Left Column Recent Work ==========*/ #recentWork {margin:10px 5px 10px 5px; padding:0; text-align:left;} #recentWork li {display:block; clear:both; list-style:none; padding:0; margin:0;} #recentWork li a {color:#254662; padding:5px 0 20px 0; display:block; font-size:.9em;} #recentWork li a:hover {background-color:#fffbfb;} #recentWork li img {padding:0 5px;} #recentWork span.URL {display:block; font-style:italic;} /*============ Header Contact Info =============*/ #headerInfo {height:19px; margin:0; padding:0 15px 0 0; text-align:right; text-transform:lowercase; position:absolute; top:20px; width:500px; right:0;} #headerInfo li {background: url(http://www.bigforkweb.com/images/headerInfo-li-clientLogin.gif) no-repeat left; height:17px; display:inline; padding:0 18px; margin:0; font-size:.8em;} #headerInfo li#HISkipTo {background:none; padding:0; float:left;} #headerInfo li#HIHome {background-image: url(http://www.bigforkweb.com/images/headerInfo-li-home.gif); padding-left:22px;} #headerInfo li#HIPhone {background-image: url(http://www.bigforkweb.com/images/headerInfo-li-phone.gif);} #headerInfo li#HIBlog {background-image:url(http://www.bigforkweb.com/images/headerInfo-li-blog.gif);} #headerInfo li#HIEmail {background-image: url(http://www.bigforkweb.com/images/headerInfo-li-email.gif); padding-right:0;} #headerInfo li#HIEmail img {width:144px; height:10px; vertical-align:text-bottom;} .email {background: url(http://www.bigforkweb.com/images/headerInfo-li-email.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;} .phone {background:url(http://www.bigforkweb.com/images/headerInfo-li-phone.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;} .blog {background:url(http://www.bigforkweb.com/images/headerInfo-li-blog.gif) no-repeat left; list-style:none; padding:5px 0 5px 20px;} #footer li a, #headerInfo li a {color:black; border-bottom:1px solid #d3d3d3 ;} #footer li a:hover, #headerInfo li a:hover {color:#252525; border-bottom:1px solid #2a74b5;} /*============ Links =============*/ a:link, a:visited {text-decoration:none; color:#557f9f;} a:hover {text-decoration:none; color:#666;} a:active, a:focus{outline:none;} /*============ Lists =============*/ ul li {margin-left:15px;} ol {margin:10px;} ol li {margin-left:15px;} /*============ Text Formatting =============*/ .grayItalic{color:#666; font-style:italic;} .smBlueItalic{font-style:italic; font-size:.8em; line-height:1.4em;} .small{font-size:.8em;} .dashunderline{border-bottom:dashed 1px #f8b605;} #contentwrapper p {margin:10px 0 10px 0;} ul {margin:5px 0 10px 20px;} .center {text-align:center;} .imgright {float:right; margin:0 0 5px 5px;} img {border:none;} blockquote {padding:5px 20px 5px 20px;} #content blockquote p {padding:0; margin:10px 0 10px 0;} .teamtitles{font-family:"Times New Roman", Times, serif; font-size:1.5em; letter-spacing:.1em; border-bottom:dashed 1px #c5c4c4; width:100%;} .boldcaps{font-weight:bold; text-transform:uppercase;} .domain {background:url(http://www.bigforkweb.com/images/btn-get-domain.jpg) no-repeat; height:33px; width:239px; display:block;} .domain:hover {background:url(http://www.bigforkweb.com/images/btn-get-domain-over.jpg) no-repeat; height:33px; width:239px; display:block;} .domainlrg {background:url(http://www.bigforkweb.com/images/get-domain-lrg.gif) no-repeat; height:50px; width:256px; display:block;} .domainlrg:hover {background:url(http://www.bigforkweb.com/images/get-domain-lrg-over.gif) no-repeat; height:50px; width:256px; display:block;} .bloglrg {background:url(http://www.bigforkweb.com/images/blog-post-lrg.gif) no-repeat; height:50px; width:256px; display:block;} .bloglrg:hover {background:url(http://www.bigforkweb.com/images/blog-post-lrg-over.gif) no-repeat; height:50px; width:256px; display:block;} .payment {background:url(http://www.bigforkweb.com/images/btn-online-payment.jpg) no-repeat; height:56px; width:246px; display:block;} .payment:hover {background:url(http://www.bigforkweb.com/images/btn-online-payment-over.jpg) no-repeat; height:56px; width:246px; display:block;} .addblog {background:url(http://www.bigforkweb.com/images/add-blog-btn.gif) no-repeat; height:50px; width:221px; display:block;} .addblog:hover {background:url(http://www.bigforkweb.com/images/add-blog-btn-over.gif) no-repeat; height:50px; width:221px; display:block;} /*============ Portfolio Next/Previous =============*/ #portfolio{font-size:.95em; text-align:center;} #portfolio ul li{list-style:none; display:inline; text-align:center;} ul li.portfolionumb a:link, ul li.portfolionumb a:visited{background-color:#f0f0f0; color:#a4a3a3; border:1px #a4a3a3 solid; padding:2px 8px;} ul li.portfolionumb a:hover, ul li.portfolionumb a.active{background-color:#bdbcbc; color:#fff; border:1px #a5a5a6 solid;} ul li.portfoliobtn{background-color:#f0f0f0; color:#c6c4c4; border:1px #a4a3a3 solid; padding:2px 8px;} ul li.portfoliobtn a:link, ul li.portfoliobtn a:visited{background-color:#f0f0f0; color:#a4a3a3;} ul li.portfoliobtn a:hover{color:#666;} /*============ Forms =============*/ input {width:160px; margin:0; padding:0;} input.nowidth {width:auto; margin:0; padding:0;} /* Page definitions; order: top-down left-right */ p.submit input {color:#fff;background:#254662 url(http://www.bigforkweb.com/images/input-submit.gif) no-repeat center; width:75px; height:20px; border:none;overflow:hidden; font:"Times New Roman", Times, serif; padding-bottom:5px; /padding-bottom:0px;} p.submit input:active {background-image: url(http://www.bigforkweb.com/images/input-submit-down.gif);} /***************** MENU *****************/ #menu {height:36px; padding:0; position:absolute; z-index:100; top:256px; left:17px; font-family:Verdana, Arial, Helvetica, sans-serif; width:650px;} #menu ul {float:left; margin:0; padding:0; list-style:none;} #menu ul li {display:block; float:left; margin:0; padding:0;} #menu ul li a {margin:0; background:url(http://www.bigforkweb.com/images/navbg.jpg) no-repeat right; height:33px; width:124px; display:block; float:left; text-decoration:none; font-size:1.2em; color:#294761;; padding:5px 0 0 0; text-align:center; } #menu ul li a.active, #menu ul li a:hover{ background:url(http://www.bigforkweb.com/images/navbg-over.jpg) no-repeat right; color:#FFFFFF;} /***************** SUBNAVIGATION - LEFT NAVIGATION *****************/ #subnav {margin:10px;} #subnav ul {padding:0; margin:0;} #subnav ul li {list-style:none; padding:0; margin:0;} #subnav ul a {background:url(http://www.bigforkweb.com/images/left-nav-bg.jpg) no-repeat bottom left; display:block; width:230px; padding:10px 10px 10px 30px; margin:0;color:#254662;} #subnav ul li a.active, #subnav ul li a.active:hover {background:url(http://www.bigforkweb.com/images/left-nav-active.jpg) no-repeat bottom left;color: #767676} #subnav ul li a:hover {background:url(http://www.bigforkweb.com/images/left-nav-bg-hover.jpg) no-repeat bottom left; text-decoration:none;color: #3a361f;} /* wordpress styles */ @charset "utf-8"; #contentwrapper {background:none; padding:0;} #content{width:285px; padding:0; float:left; display:inline;} #content h2 {color:#254662; background-color:transparent; margin:10px 0 10px 0; padding:0; font:normal small-caps 1.6em "Times New Roman" Times serif; text-align:center; letter-spacing:.05em;} #content h3 {text-align:left; font-size:1em; margin:20px;} #content p {margin:20px;} #columntwo{width:550px; padding:60px 20px 10px 40px; float:left; display:inline; line-height:1.5em;} #menu {left:304px;} table {margin:0 auto;} table.result th{ padding:5px;border-bottom:#D6D7E2 1px solid;} table.result td {padding:5px; border-bottom:#D6D7E2 1px solid;} .search {width:150px; margin-left:200px;}/*========= including columns and minheight ==========*/ .box {background-color:#f0f0f0; border:1px solid #c9c9c9; padding:8px; width:260px; font-size:.8em; margin:0 auto;} .box a, .box a:link, .box a:visited {color:#244360;} #content p.highlight {position:absolute; left:9px; margin:0; padding:0;} .smallgrey{font-size:.8em; color:#999;} .article-nav {padding:7px;} .article-nav ul {font-style:italic;} .article-nav ul li{padding: 5px 0 10px 0;} .article-nav ul li a.active {color:#000000; font-weight:bold;} /*========= Left Column Client Login - Newsletter ==========*/ #content .leftColumnLogin {background: #fffbfb url(images/left-form-bg.gif) no-repeat bottom; width:264px; margin:0; padding:10px; border: none;} #content .leftColumnLogin p {margin:5px 0 0 0; padding:0; text-align:right;} /*============ Grey Box =============*/ .thingreybox{background-color:#e2e2e2; border:1px solid #cecdcd; width:169px; float:left; margin:6px; display:inline; } /*============ Links =============*/ a:link, a:visited {text-decoration:none; color:#557f9f;} a:hover {text-decoration:none; color:#666;} a:active, a:focus{outline:none;} #contentwrapper a:link, #contentwrapper a:visited {text-decoration:none; color:#557f9f;} #contentwrapper a:hover {text-decoration:none; color:#666;} #contentwrapper a:active, #contentwrapper a:focus{outline:none;} /*============ Headers =============*/ h1 {font-size:1.8em; color:#384759; padding:10px 10px 20px 0;} h2 {color:#fff; background-color:#384759; padding:3px; font-size:1.5em; font-weight:bold;} h3{font-size:1.2em; font-weight:bold; font-weight:bold;} /*============ Lists =============*/ ul li {margin-left:15px;} ol {margin:10px;} ol li {margin-left:15px;} /*============ Text Formatting =============*/ .grayItalic{color:#666; font-style:italic;} .smBlueItalic{font-style:italic; font-size:.8em; line-height:1.4em;} .dashunderline{border-bottom:dashed 1px #f8b605;} #contentwrapper p {margin:10px 0 10px 0;} ul {margin:5px 0 10px 20px;} .center {text-align:center;} .imgright {float:right; border:1px solid #000000; margin:0 0 5px 5px;} img {border:none;} blockquote {padding:5px 20px 5px 20px;} #content blockquote p {padding:0; margin:10px 0 10px 0;} .domain {background:url(images/btn-get-domain.jpg) no-repeat; height:33px; width:239px; display:block;} .domain:hover {background:url(images/btn-get-domain-over.jpg) no-repeat; height:33px; width:239px; display:block;} .payment {background:url(images/btn-online-payment.jpg) no-repeat; height:56px; width:246px; display:block;} .payment:hover {background:url(images/btn-online-payment-over.jpg) no-repeat; height:56px; width:246px; display:block;} /*============ Forms =============*/ input {width:150px; margin:0; padding:0; text-transform:lowercase;} /* Page definitions; order: top-down left-right */ p.submit input {color:#fff;background:#254662 url(images/input-submit.gif) no-repeat center; width:75px; height:20px; border:none;overflow:hidden; font:"Times New Roman", Times, serif; text-transform:none;} p.submit input:active {background-image: url(images/input-submit-down.gif);} /***************** SUBNAVIGATION - LEFT NAVIGATION *****************/ #subnav {margin:10px;} #subnav ul {padding:0; margin:0;} #subnav ul li {list-style:none; padding:0; margin:0;} #subnav ul a {background:url(images/left-nav-bg.jpg) no-repeat bottom left; display:block; width:230px; padding:10px 10px 10px 30px; margin:0;color:#254662;} #subnav ul li a.active, #subnav ul li a.active:hover {background:url(images/left-nav-active.jpg) no-repeat bottom left;color: #767676} #subnav ul li a:hover {background:url(images/left-nav-bg-hover.jpg) no-repeat bottom left; text-decoration:none;color: #3a361f;} #content li.current-cat a:link, #content ul li.current-cat a:visited, #content ul li a.active {color:#666;} #contentwrapper {background:none; padding:0;} #content{width:285px; padding:0; float:left; display:inline;} #content h2 {color:#254662; background-color:transparent; margin:10px 10px 10px 0; padding:0; font:normal small-caps 1.6em "Times New Roman" Times serif; letter-spacing:.05em; border-bottom: 1px solid #C5C5D1;} #content h3 {text-align:left; font-size:1em; margin:20px;} #content p {margin:20px;} #content ul {margin:0; padding:0;} #content ul li {list-style:none; padding:0 0 5px 0;} #content ul li ul {margin:10px;} #content ul li ul li {list-style:circle;} #columntwo{width:550px; padding:60px 20px 10px 40px; float:left; display:inline;} #columntwo h2 a, #columntwo h2 a:link, #columntwo h2 a:visited {color:#CCCCCC;} #columntwo h2 a:hover {color:#FFFFFF;} #menu {left:304px;} #searchform {margin:10px 20px 10px 0; padding:5px 5px 5px 5px;} #searchsubmit {width:79px; height:20px; background:url(http://bigforkweb.com/images/input-search-submit.gif) no-repeat; color:#FFFFFF;} #searchsubmit:hover {width:79px; height:20px; background:url(http://bigforkweb.com/images/input-search-submit-down.gif) no-repeat; color:#FFFFFF;} #searchbar {width:150px;} button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:-moz-buttonhoverface; color:-moz-buttonhovertext; } button, input[type="reset"], input[type="button"], input[type="submit"] { -moz-appearance:button; -moz-binding:none; -moz-box-sizing:none; -moz-user-select:none; -x-system-font:-moz-button; background-color:buttonface; border:none; color:buttontext; cursor:default; font-family:-moz-use-system-font; font-size:-moz-use-system-font; font-size-adjust:-moz-use-system-font; font-stretch:-moz-use-system-font; font-style:-moz-use-system-font; font-variant:-moz-use-system-font; font-weight:-moz-use-system-font; line-height:normal !important; padding:0 6px; text-align:center; white-space:pre; } #comment {width:540px;} #wordpress {font-size:.7em;} #secureimgdiv label {width:100%; float:none; font-weight:bold;} /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ .postmetadata {font-size: .8em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 10px 0; padding:10px;} #commentform p {clear:both; padding:5px;} #commentform p label {width:250px; text-align:left; padding-left:5px;} #commentform p input {float:left;}