/*================================================================== [Master Stylesheet] Project: -- Version: -- Created: -- Last change: -- Author: Jim Black (jb) Primary use: -- ====================================================================*/ /* [Table of contents] ------------------------------ 01. Global 02. Layout 03. Nav 04. Headings 05. Lists 06. Images 07. Links 08. Forms 09. Tables 10. Typography 11. Other */ /* Color reference ----------------------------- #000; Black #FFF; White */ /* Global -----------------------------*/ a{padding:2px; text-decoration:none;} a:hover{} img{border:none;} .controls{position:absolute; width:75px; height:100%;} .controls a {display:block; padding:0; width:50px; height:55px; position:absolute; top:30%;} .bg-arrow-left {left:0;} .bg-arrow-right {right:0;} .bg-arrow-left a{margin:0 0 0 15px; background:url(../img/btn-arrow-left.png) no-repeat top left; left:0} .bg-arrow-right a{margin:0 15px 0 0; background:url(../img/btn-arrow-right.png) no-repeat top left; right:0;} /* Layout -----------------------------*/ html{overflow-y:scroll;} body{font:75%/1.5 "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif; color:#FFF; background:#000;} #container{position:fixed; width:100%; height:100%; z-index:-999; left:0;} #container img {margin:auto; position:absolute; top:0; left:0; width:100%; height:100%;} #container img.loading {width:auto; height:auto; top:30%; left:50%; margin-left:-24px;} .body{width:980px; margin:0 auto; padding:25px 0 0 0;} .body.blog{width:960px;} /*#sidebar{position:fixed; right:0; width:245px; margin:50px 10% 0 0;}*/ #sidebar{float:right;/*position:fixed; right:5%;*/ width:245px;} #sidebar > div{position:relative; overflow:auto; margin:0 0 10px 0;} #sidebar .inner{width:85%; margin:0 auto 20px;} #sidebar #contact label, #sidebar #contact span, #sidebar #contact a, #sidebar #contact p{float:left;} #sidebar #contact label{width:70px;} #sidebar #contact p{margin:1px 0; font-size:11px;} #sidebar #mailing p{margin:10px 0; font-size:12px;} /*Background Alphas*/ #nav_bg{width:100%; z-index:-1; position:absolute; height:100%; top:0px; left:0px; background:#000; filter:alpha(opacity=75); -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75;} #nav_bg.bot, .panel_bg{width:100%; z-index:-1; position:absolute; height:100%; top:0px; left:0px; background:#000; filter:alpha(opacity=85); -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85;} #content_bg{width:100%; z-index:-1; position:absolute; height:100%; top:0px; left:0px;} #nav, #nav2{position:fixed; width:100%; min-width:990px; padding:0; text-align:center; z-index:2000; left:0;} #nav2{height:0; bottom:0; z-index:1999;} #nav.main{top:65%;} #nav.bot, #nav2.bot{bottom:0;} #nav span{width:15%; vertical-align:top; display:inline-block; padding:.25%; text-align:left;margin:20px 0;} #nav2 img{margin:4px 0;} #content{position:relative; float:left; width:700px; margin:0 0 30% 0; /*margin:0 360px 30% 2.5%;*/ color:#000; font-size:14px; box-shadow:0 1px 6px #838282; -moz-box-shadow:0 1px 6px #838282; -webkit-box-shadow:0 1px 6px #838282;} #content_bg{background:#fff;} #content .inner{margin:0 50px; position:relative; top:-15px;} #content .rfp{display:inline-block; width:48%;} #content label{vertical-align:top;display:inline-block; width:25%; min-width:25%; padding:10px 0;} #content .sitemap{width:250px;} #content img.left{margin:0 10px 10px 0;} #content img.right{margin:0 -70px 10px 10px;} #footer{} #subscribe{position:fixed; width:100%; height:0px; bottom:35%; background:#3c68c8; overflow:hidden;} #subscribe form{display:inline-block; margin:0 3% 0 0;} #subscribe p{margin:0 0 0 5px;} #subscribe div.text{width:475px;} #blog_header{background:#000; width:930px; margin:0; padding:15px; overflow:auto; box-shadow:0 1px 6px #838282; -moz-box-shadow:0 1px 6px #838282; -webkit-box-shadow:0 1px 6px #838282;} #blog_header .left{width:45%;} #blog_header .left .info{width:300px; font-size:6px; font-family:Tahoma, Verdana, sans-serif;} #blog_header .left .info a{color:#fff;} #blog_header .right{width:45%;} #blog{position:relative; float:left; width:960px; margin:0 0 5% 0; color:#464646; font-size:14px; box-shadow:0 1px 6px #838282; -moz-box-shadow:0 1px 6px #838282; -webkit-box-shadow:0 1px 6px #838282;} #blog .inner{margin:10px;} #blog div.left{width:615px;} #blog div.right{width:315px;} #blog #b_nav{height:44px; margin:0 0 20px 0; padding:0 10px; background:#000;} #blog #b_search{height:44px; margin:0 0 15px 0; background:#000;} #blog .post{margin:10px; padding:0 0 10px 0; border-bottom:1px dotted #bfbfbf;} #blog .post p{margin:5px 0 18px;} #blog #featured{margin:0 0 10px;} #blog #featured span{display:inline-block; width:155px; vertical-align:top;} #blog #featured .divider{display:inline-block; background:#dadada; width:1px; height:150px; margin:0 18px;} #blog #featured p{margin:0;} #blog .authors span{display:inline-block; width:110px; margin:10px; vertical-align:top;} #blog .comments{margin:10px;} #blog .comments .single{margin:10px 0;overflow:auto; border-bottom:1px solid #dadada;} #blog .comments p.left{background:#f6f6f6; width:200px; padding:5px;} #blog .comments p.right{width:375px; padding:5px;} #blog .comments td{padding:3px 0;} /* Headings -----------------------------*/ h2{color:#FFF; text-transform:uppercase; font-family:Titillium;} #content h2{position:relative; display:inline-block; top:0; margin:0 0 10px -10px; padding:5px 100px 5px 10px; background:#000; color:#fff; font-size:26px;} #nav h2{font-size:16px; } #sidebar h2{font-size:18px; padding:0 0 0 5px;margin-top:20px;} #sidebar #mailing h2{border-left:5px solid #4CC51C;} #sidebar #blog_posts h2{border-left:5px solid #3B67C8;} #sidebar #contact h2{border-left:5px solid #973CC8;} #sidebar #network h2{border-left:5px solid #C8993C;} #content .sitemap h2{margin:0; padding:0; background:none; color:#000; font-size:16px;} #blog h1{font:24px/28px normal Arial, Helvetica, sans-serif;} #blog h3{font-size:11px; font-weight:normal; color:#898989;} #blog h4{display:inline-block; background:#000; color:#fff; font-size:16px; padding:5px 25px 5px 8px;} #blog h4 a{color:#fff;} #blog h4 a:hover{background:none;} #blog h5{display:inline-block; font-size:11px; background:#6dcff6; color:#004d6c; padding:2px 30px 2px 5px; text-transform:uppercase; font-family:Tahoma;} #blog_header span#logo{display:inline-block; background:url(/assets/img/blog-logo.png) no-repeat 0 0; width:295px; height:75px;} #blog_header span#logo a{display:block; width:295px; height:75px; text-indent:-10000px;} #nav span#logo{background:url(../img/logo-kdg-lrg.png) no-repeat 0 0; width:195px; height:50px;} #logo h1 a.logo{display:block; width:195px; height:50px;} #logo h1 a span{position:absolute;left:-9999px;top:-9999px;} #logo a.social{font-size:9px;} #logo .alignright{color:#727272; font-size:6px; font-family:Tahoma, Verdana, sans-serif; padding:0 5px 0 0;} /* Lists -----------------------------*/ #nav li, #content .sitemap li{list-style-image:url(../img/li-plus-gray.png); list-style-position:outside; margin:0 0 0 15px;} #content li{margin:5px 20px; list-style:disc;} #content ul li{list-style:disc;} #content ol li{list-style:decimal;} #content .sitemap ul{margin:0 0 10px 0;} #blog ul li{list-style:disc;} /* Images -----------------------------*/ #content img, #blog .post img{background:url(../img/img-bg-article.png) repeat 0 0; margin:10px; padding:5px;} /* Links -----------------------------*/ #nav a{color:#8B8B8B;} #nav h2 a{color:#fff;} #nav a:hover{color:#FFF;} .ntwk{float:left; margin:10px 0; color:#fff; text-indent:-10000px;} .ntwk.aircheese{background:url(../img/ntwk-aircheese.png) no-repeat 0 4px; width:96px; height:23px;} .ntwk.presspray{background:url(../img/ntwk-presspray.png) no-repeat 0 0; width:96px; height:23px;} #sidebar #contact a, #sidebar #blog_posts a{color:#70aecd;} #sidebar #contact a:hover, #sidebar #blog_posts a:hover{color:#89d6fc;} #sidebar #contact a:active, #sidebar #blog_posts a:active{color:#fff;} a#sitemap{position:absolute; display:inline-block; top:-35px; right:10%; width:50px; height:23px; padding:12px 0 0 30px; background:#999 url(../img/sitemap.png) no-repeat 10px 12px; color:#dadada; font-size:9px; font-family:Tahoma, Verdana, sans-serif; text-shadow: 1px 1px 1px #000;} a#sitemap:hover{background:#535353 url(../img/sitemap.png) no-repeat 10px 12px; color:#fff; text-shadow: 1px 1px 1px #000;} .rss{display:inline-block; width:14px; height:12px; margin:0 0 0 8px; background:url(../img/rss.png) no-repeat 4px 4px;} .sitemap a{color:#8b8b8b;} .sitemap a:hover{color:#000;} #blog a{color:#2e7811;} #blog a:hover{background:#2e7811; color:#fff;} #blog a.nobg{background:none;} #blog .post h1 a{color:#464646;} #blog .post h1 a:hover{background:#464646; color:#fff;} #blog .post .more{font-size:11px; text-transform:uppercase;} #blog #b_nav a{margin:0 10px 0 0; padding:0; text-indent:-10000px;} #blog #b_nav .n_recent{display:inline-block; background:url(/assets/img/sprite-blog-nav.png) -1px 0; width:110px; height:40px;} #blog #b_nav .n_recent:hover, #blog #b_nav .n_recent.selected{background:transparent url(/assets/img/sprite-blog-nav.png) -1px 61px; height:61px;} /*#blog #b_nav .n_authors{display:inline-block; background:url(/assets/img/sprite-blog-nav.png) -112px 0; width:110px; height:40px;} #blog #b_nav .n_authors:hover, #blog #b_nav .n_authors.selected{background:transparent url(/assets/img/sprite-blog-nav.png) -112px 61px; height:61px;}*/ #blog #b_nav .n_archive{display:inline-block; background:url(/assets/img/sprite-blog-nav.png) -224px 0; width:110px; height:40px;} #blog #b_nav .n_archive:hover, #blog #b_nav .n_archive.selected{background:transparent url(/assets/img/sprite-blog-nav.png) -224px 61px; height:61px;} #blog #b_nav .n_categories{display:inline-block; background:url(/assets/img/sprite-blog-nav.png) -112px 0; width:110px; height:40px;} #blog #b_nav .n_categories:hover, #blog #b_nav .n_categories.selected{background:transparent url(/assets/img/sprite-blog-nav.png) -112px 61px; height:61px;} #blog #b_nav .n_subscribe{display:inline-block; background:url(/assets/img/sprite-blog-nav.png) -342px 0; width:150px; height:40px;} #blog #b_nav .n_subscribe:hover{background:transparent url(/assets/img/sprite-blog-nav.png) -342px 61px; height:61px;} #blog_header .mainsite{display:inline-block; width:150px; height:33px; margin:25px 0 0; color:#fff; text-shadow: 1px 1px 1px #000; text-align:center; line-height:30px;} #blog_header .mainsite .arrow{display:inline-block; background:url(/assets/img/arrow-rtrn-to-site.png) no-repeat 0 4px; width:30px; height:25px; margin:3px 0 0 10px;} /*Forms -----------------------------*/ input[type="text"], textarea{height:30px; padding:0 3px; font:12px/30px "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif; background:#c2c2c2; color:#464646; border:1px solid #000;} input[type="text"]:hover, input[type="text"]:focus, textarea:focus {background:#FFF;} input[type="text"].valid, #input[type="password"].valid, textarea.valid{background:#fff url(../img/input-bg-valid.png) no-repeat 95% 4px;} input[type="text"].error, #input[type="password"].error, textarea.error{background:#ffabab url(../img/input-bg-error.png) no-repeat 95% 4px;} input[type="submit"]{height:30px; border:1px solid #545454; font:16px/20px "Helvetica Neue", Helvetica, Arial sans-serif; color:#fff; cursor:pointer;} input[type="text"].required{border-top:1px solid #c2c2c2; border-right:5px solid #ef1b18; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2;} input[type="text"].zip{width:20%;} input{border:1px solid #000;} #sidebar input[type="text"]{width:200px; margin:0 0 5px 0;} #sidebar input[type="submit"]{float:right;/*margin:0 0 5px 115px;*/} #content input[type="text"], textarea{ width:70%; margin:3px 0; border:1px solid #c2c2c2;} #content input[type="submit"]{margin:5px 3% 5px 0;} #content textarea{height:100px;} #subscribe input[type="text"]{width:175px; margin:0 5px 0 0;} #blog #b_search input{margin:7px 3px 0;} #blog #b_search input[type="text"]{width:220px; margin:7px 0 0 6px;} #blog #b_search input[type="submit"]{background:#7e7e7e; width:70px; font-size:11px; text-transform:uppercase;} #blog .comments input[type="text"]{width:225px; margin:4px 0 0;} #blog textarea{width:500px; height:100px; padding:0 3px; font:12px/30px "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif; background:#c2c2c2; color:#464646; border:1px solid #000;} /* Tables -----------------------------*/ /* Typography -----------------------------*/ p{margin:0 0 1.5em;} .verify{background:#000; color:#fff; padding:1px 3px; border:1px solid #000; font-size:16px;} .thank_you_img{background:url(/assets/img/thank-you.png) no-repeat 75% 0; height:50px;} .ty{font-size:22px; line-height:26px; background:#39b44a; color:#fff; margin:10px 0; padding:5px;} .er{font-size:22px; line-height:26px; background:#b4394a; color:#fff; margin:10px 0; padding:5px;} #subscribe p{font-size:14px;} .sitemap{font-size:14px;} .sitemap li{font-size:11px;} #blog #featured .tag{color:#9d9d9d; font-size:11px;} #blog #twitter .tweet{margin:10px 0;} #blog #twitter p{background:#e1e1e1; width:90%; margin:0 auto; padding:8px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} #blog #twitter .tab{display:block; width:12px; height:11px;} #blog #twitter .t_right{background:url(/assets/img/txt-bubble-tab-right.gif) no-repeat 0 0; margin:0 0 0 225px;} #blog #twitter .t_left{background:url(/assets/img/txt-bubble-tab-left.gif) no-repeat 0 0; margin:0 0 0 75px;} #blog #questions p{font-size:12px; margin:10px 8px;} #blog .comments p{font-size:12px;} #blog blockquote {font-size:12px; font-style:italic; margin:-5px 10px 10px; color:#858585;} /* Other -----------------------------*/ .right{float:right;} .left{float:left;} .clear{clear:both;} .alignleft{text-align:left;} .alignright{text-align:right;} .aligncenter{text-align:center;} .pointer{cursor:pointer;} .sitemap_trigger{position:absolute; right:8%; width:200px; height:100px;} /* Gradient */ .grd-orange{ background-color:#ffbc0e; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #ffbc0e, #f9761d); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffbc0e), to(#f9761d)); } .grd-orange:hover{ background-color:#f9761d; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #f9761d, #ffbc0e); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9761d), to(#ffbc0e)); } .grd-orange:active{ background-color:#a64300; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #a64300, #ffbc0e); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#a64300), to(#ffbc0e)); } .grd-blue{ background-color:#6192ff; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #6192ff, #3b67c8); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6192ff), to(#3b67c8)); } .grd-blue:hover{ background-color:#3b67c8; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #3b67c8, #6192ff); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b67c8), to(#6192ff)); } .grd-blue:active{ background-color:#113688; /* fallback color */ background-image:url(images/linear_bg_2.png); /* fallback image */ background-image:-moz-linear-gradient(100% 100% 90deg, #113688, #6192ff); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#113688), to(#6192ff)); } /* Border Radius */ .round5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(ie-css3.htc);} .round10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .round15{-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .round20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .round25{-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;} .round30{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;} /* Opacity */ .alpha75{ filter:alpha(opacity=75); -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75; }