* {margin:0px; padding:0px; font-family:"Lucida Grande", Verdana, Arial; outline:none;} a#next, a#prev, #content #inner, a#show, a#hide, #work-list ul li a, #sidebar-circle a {behavior:url(scripts/iepngfix.htc); } html, body {height:auto; width:auto; overflow:auto;} #work-html, #work-body {height:100%; width:100%; overflow:hidden;} #contact-html, #contact-body {height:100%; width:100%; overflow:hidden;} .none {display:none;} .clear {clear:both;} .hidden {visibility:hidden; position:absolute; z-index:-10;} /*hides text content on pages that use images but keeps it in there for our friend google*/ .content-text {visibility:hidden; position:absolute; z-index:-20;} .click-here {width:231px; height:30px; position:absolute; right:-231px; top:53%; background:url(../images/clickhere2.jpg); z-index:60;} #navigation {position:relative; top:0px; width:100%; height:44px; background:#181818; z-index:60;} #atomicdust {width:166px; height:44px; background:url(../images/patch-nav.png);position:absolute; top:0px; left:10px;} #atomicdust a {display:block; width:166px; height:44px;} #graphic-marketing {width:199px; height:44px; background-image:url(../images/patch-nav.png); background-position:-498px 0px; display:block; position:absolute; right:10px; top:0px; text-indent:-9999em;} #navigation ul {list-style:none; display:block; height:44px; width:332px; margin:0px auto;} #navigation ul li {float:left;} #navigation ul li a {display:block; background-image:url(../images/patch-nav.png); background-repeat:no-repeat; height:44px; text-indent:-9999em;} #navigation ul li a#our-work {width:95px; background-position:-166px 0px;} #navigation ul li a#about-us {width:96px; background-position:-261px 0px;} #navigation ul li a#blog {width:59px; background-position:-357px 0px;} #navigation ul li a#contact {width:82px; background-position:-416px 0px;} #navigation ul li a#our-work:hover {background-position:-166px -44px;} #navigation ul li a#about-us:hover {background-position:-261px -44px;} #navigation ul li a#blog:hover { background-position:-357px -44px;} #navigation ul li a#contact:hover {background-position:-416px -44px;} #navigation ul li a#our-work.active {background-position:-166px -88px;} #navigation ul li a#about-us.active {background-position:-261px -88px;} #navigation ul li a#blog.active { background-position:-357px -88px;} #navigation ul li a#contact.active {background-position:-416px -88px;} #wrapper {width:100%; height:100%; overflow:auto; z-index:10; position:relative;} #scroll-container {width:100%; height:100%; overflow:auto; position:relative; z-index:10;} #container {width:980px; margin:0px auto 0px auto; position:relative; z-index:50; padding-bottom:30px;} /* HOMEPAGE */ body.home {overflow:auto;} #home-conglomeration {overflow:hidden; left:50%; position:fixed; top:0px; z-index:0;} #home-content { position:relative; z-index:60; margin:360px auto 80px auto; background:#181818; height:360px; background:url(../images/home-content-bg.png); opacity:0; filter:alpha(opacity=0);} #home-inner {height:360px; width:990px; margin:0px auto; position:relative;} #small-blue-circle {width:127px; height:127px; background:url(../images/small-blue-circle.png); position:relative; float:left; top:50%; margin:-63px 90px 0px 90px; z-index:30; opacity:0; filter:alpha(opacity=0);} .home-column {width:205px; float:left; height:250px; padding:0px 10px 0px 10px; margin-top:55px; position:relative; opacity:0; filter:alpha(opacity=0);} #about-facts {border-right:solid 1px #d2d3d3;} #about-facts h3 {display:block; clear:both; padding-bottom:5px;} #about-facts h3 a {color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:normal; float:none;} #about-facts h3 a:hover {color:#2dc2e4;} #about-facts p {color:#FFF; font-size:12px; color:#adadad;} #about-facts img {display:block; margin-bottom:10px; border:none;} #home-content #home-featured {border-right:solid 1px #d2d3d3;} #home-content #home-featured a {color:#adadad; display:block; text-decoration:none; cursor:pointer; font-size:16px; clear:both;} #home-content #home-featured #home-work-title {display:block;} #home-content #home-featured img {border:none; display:block; clear:both; margin-bottom:10px;} #home-content #home-featured h3 {display:block; clear:both; padding-bottom:5px;} #home-content #home-featured h3 a {color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:normal; float:none;} #home-content #home-featured h3 a:hover {color:#2dc2e4;} #home-content #home-featured #arrow {width:24px; height:19px; position:absolute; top:-26px; left:2px; background:url(../images/home-arrow.gif) no-repeat;} #home-content #latest-news {} #home-content #latest-news ul {display:block; list-style:none;} #home-content #latest-news li {display:none;} #home-content #latest-news h3 {display:block; padding-bottom:5px;} #home-content #latest-news h3 a {color:#FFFFFF; display:block; font-size:18px; text-decoration:none; font-weight:normal; float:none; line-height:22px;} #home-content #latest-news h3 a:hover {color:#2dc2e4;} #home-content #latest-news img {display:none;} #home-content #latest-news a {color:#adadad; display:block; float:left; text-decoration:none; clear:both; cursor:pointer; font-size:12px;} #home-content #latest-news a:hover {cursor:pointer;} #blog-bubble {width:58px; height:42px; left:10px; background:url(../images/patches-blog-bubble.png); margin-bottom:10px;} #social-links {position:absolute; width:38px; height:17px; top:280px; right:180px;} #social-links a {display:block; float:left; width:17px; height:17px; text-indent:-9999em; overflow:hidden; background-image:url(../images/facebook-twitter.png);} #home-twitter {background-position:-21px 0px;} #home-facebook {margin-right:4px;} #ie6-warning {position:absolute; z-index:60; top:44px; left:0px; background:#900; padding:10px 0px 10px 0px;} #ie6-warning p {color:#FFF; width:990px; margin:0px auto; text-align:center; font-size:11px;} #ie6-warning a {color:#adadad;} /*WORK*/ #content {position:absolute; width:80%; top:30%; left:10%; z-index:20; overflow:hidden; z-index:10;} #content #inner {background:url(../images/blue-bg-less.png); padding:20px;} #content #inner p {color:#FFFFFF; margin-bottom:10px; font-size:16px; display:block;} #content a#hide {display:block; float:right; position:absolute; top:0px; right:0px; color:#FFFFFF; text-decoration:none; padding:5px 6px 5px 5px; width:23px; height:23px; background:url(../images/hidebutton.png) no-repeat center center; cursor:pointer;} #content #inner h2 {color:#71a1ac; font-size:24px;} a#show {background:url(../images/blue-bg.png); padding:4px; position:absolute; top:65px; left:0px; color:#FFFFFF; z-index:30; text-decoration:none; font-size:12px; display:block;} a#next {position:absolute; display:block; width:28px; height:110px; top:44%; right:0px; background:url(../images/BlueArrowNext.png) no-repeat right; z-index:30; font-size:12px;} a#prev {position:absolute; display:block; width:28px; height:110px; top:44%; left:0px; background:url(../images/BlueArrowPrev.png) no-repeat; z-index:30; font-size:12px;} #footer-wrap {position:absolute; height:132px; width:100%; z-index:30; bottom:-100px; left:0px;} #footer {height:132px; position:absolute; bottom:0px; width:100%; z-index:10;} #footer ul#footer-nav {width:100%; display:block; height:32px; position:relative; list-style:none;} #footer ul#footer-nav li h2 {height:27px; width:420px; background:#595959; color:#71a1ac; display:block; float:left; position:absolute; left:0px; top:0px; z-index:20; font-weight:normal; padding:5px 0px 0px 20px; font-size:20px;} #footer ul#footer-nav li a#project-thumbnails {background:#4e4e4e; display:block; height:24px; color:#FFFFFF; float:left; position:absolute; top:0px; left:0px; width:100%; z-index:10; padding:8px 0px 0px 450px; text-decoration:none; font-size:12px;} #footer ul#footer-nav li a#back-to-work {background:#1b1c21; color:#FFFFFF; text-decoration:none; display:block; width:190px; height:24px; position:absolute; top:0px; right:0px; z-index:20; padding:8px 0px 0px 30px; font-size:12px;} #footer ul#img-nav {height:100px; display:block; background:url(../images/bottom-bar-bg.jpg); clear:both; list-style:none; padding:20px 0px 0px 15px;} #footer ul#img-nav li {float:left; display:block; padding:0px 5px 0px 5px;} #footer ul#img-nav li a {display:block;} #footer ul#img-nav li a img {border:none;} /*END WORK*/ /*HOME*/ #slideshow {width:40%; left:30%; height:70%; top:15%; position:absolute; z-index:10;} #slideshow #slideshow-items {} #slideshow #slideshow-items img {display:block; width:100%; position:absolute; top:0px; left:0px;} #slideshow a#next-slide{ height:30px; position:absolute; display:block; background:#000000; bottom:-10%; right:0px;} /*END HOME*/ /*CONTACT*/ #contact-page {width:400px; left:50%; top:50%; margin:-210px 0px 0px -230px; height:400px; background:url(../images/blue-bg2.png); position:absolute; padding:40px; color:#FFFFFF; font-size:18px; z-index:10;} #contact-page h2 {font-size:28px; margin-bottom:20px;} #contact-page hr {size:1px; color:#FFFFFF; margin:10px 0px 10px 0px; background:#FFFFFF; border:solid 1px #FFFFFF;} #contact-page a {color:#FFFFFF; text-decoration:none;} #contact-page #address {padding-top:20px;} /*END CONTACT*/ /*FEATURED WORK*/ #wrapper.featured {height:auto;} #work-content {margin:0px auto; width:990px;} #work-side {width:413px; float:left; padding:220px 0px 0px 60px;} #liner {width:335px; padding:30px 64px 30px 14px; background-color:#000; position:relative; margin-bottom:30px;} #liner p {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:22px;} #liner h3 {display:block; background-image:url(../images/process.png); width:75px; height:30px; text-indent:-9999em; position:absolute; top:50px; right:20px;} #work-quote {font-family:"Times New Roman", Times, serif; font-style:italic; font-size:12px; line-height:24px; color:#515356; padding:0px 50px 0px 35px; display:none;} #quoted {display:block; text-align:right;} #patch-work-list {display:block; float:left; width:464px; padding:70px 0px 150px 50px; list-style:none;} #patch-work-list li {padding:0px 0px 15px 0px; list-style:none; display:block;} #patch-work-list .featured-thumb {position:absolute; left:-9999em; top:-70px; border:none; z-index:200;} #patch-work-list .hover {left:-430px; top:-70px;} #patch-work-list a {color:#2f6379; font-family:TradeGothic, Arial, sans-serif; font-size:40px; cursor:pointer; position:relative; padding:0px; text-decoration:none;} #patch-work-list a:hover {color:#57b7df;} #patch-work-list .project-title {font-size:40px; color:#2f6379; padding:0px; margin:0px; display:inline;} .cufon-loading #patch-work-list .project-title {display:none;} #patch-work-list .project-title:hover {color:#57b7df;} #patch-work-list .project-blurb {display:none;} /*END WORK LIST*/ /*WORK ARCHIVE*/ #work-archive {position:absolute; top:20%; left:30%; z-index:10;} #work-archive #year-nav {} #work-archive #year-nav ul {list-style:none; background:#eaf0f2; padding:2px; display:block; float:left; margin-bottom:10px;} #work-archive #year-nav ul li {float:left; color:#959595;} #work-archive #year-nav ul li a {display:block; float:left; padding:1px 5px 3px 5px; text-decoration:none; text-transform:lowercase; background-image:url(../images/category-nav-bg.gif); background-position:right; background-repeat:no-repeat; font-size:14px; color:#CCCCCC;} #work-archive #year-nav ul li a#y2009 {color:#606570;} #work-archive #year-nav ul li a#y2008 {color:#a6b1b5;} #work-archive #year-nav ul li a#y2007 {color:#c29765;} #work-archive #year-nav ul li a#y2006 {color:#71a1ac;} #work-archive #year-nav ul li a#y2005 {color:#9ebca2;} #work-archive #year-nav ul li a#y2004 {color:#41a8b1;} #work-archive #year-nav ul li a#y2003 {color:#b2ce6c; background-image:none;} #work-archive #posts {width:765px; min-height:400px;} #work-archive #posts ul {width:765px; list-style:none; padding:2px; display:block; float:left;} #work-archive #posts ul li {float:left; padding:7px 5px 0px 0px;} #work-archive #posts ul li a {display:block; float:left; padding:5px; text-decoration:none; color:#FFFFFF; font-size:13px;} #work-archive #posts ul li a.y2009 {background:#606570;} #work-archive #posts ul li a.y2008 {background:#a6b1b5;} #work-archive #posts ul li a.y2007 {background:#c29765;} #work-archive #posts ul li a.y2006 {background:#71a1ac;} #work-archive #posts ul li a.y2005 {background:#9ebca2;} #work-archive #posts ul li a.y2004 {background:#41a8b1;} #work-archive #posts ul li a.y2003 {background:#b2ce6c;} /* ABOUT */ #patches-about {width:100%; margin:0px auto; overflow:hidden;} #cong-container {overflow:hidden; left:50%; position:fixed; top:0px; z-index:0;} #conglomeration {display:block; opacity:0; filter: alpha(opacity=0); overflow:hidden; position:absolute; left:0px; top:-136px;} #conglomeration li {display:block; width:140px; height:180px; float:left; position:relative; overflow:visible; z-index:10; color:#FFF;} #conglomeration li:hover {} #conglomeration .cong-img {opacity:0; filter: alpha(opacity=0); margin:0px; padding:0px; display:block; overflow:hidden; border:none;} #conglomeration .loading .cong-img {opacity:0; filter: alpha(opacity=0);} #conglomeration .filled .cong-img {opacity:.8; filter: alpha(opacity=80);} #home-conglomeration #conglomeration .filled .cong-img {opacity:.8; filter: alpha(opacity=40);} #conglomeration .added {opacity:0; filter: alpha(opacity=0);} #conglomeration .rollover {width:140px; height:20px; position:absolute; top:70px; left:-10px; background:#57b7df; display:none; padding:10px;} #conglomeration .rollover p {color:#FFF; font-size:12px;} #about-info {display:block; width:664px; height:403px; position:relative; left:50%; margin:220px 0px 30px -330px; z-index:40; opacity:0; filter: alpha(opacity=0); overflow:visible;} #watch-about {display:block; padding:7px 10px 0px 10px; background:#000000; position:relative; height:26px; float:right; clear:both; color:#FFF; text-decoration:none; font-size:20px; z-index:40;} #about-info #about-next {display:block; width:24px; height:18px; background:url(../images/about-arrows.png) -24px 0px; position:absolute; top:50%; margin-top:-9px; right:20px; text-indent:-9999em; overflow:hidden; z-index:20;} #about-info #about-previous {display:block; width:24px; height:18px; background:url(../images/about-arrows.png); position:absolute; top:50%; margin-top:-9px; left:20px; text-indent:-9999em; overflow:hidden; z-index:20;} #about-slider {display:block; width:664px; height:370px; position:relative; z-index:10; clear:both;} #about-slider li {display:block; width:614px; height:320px; background-color:#000; padding:25px; overflow:hidden; position:relative;} #about-info p {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:18px; position:relative; z-index:10;} #about-info .blue {background-color:#58B7DD;} #about-info .photo-bg {z-index:1; position:absolute; top:0px; left:0px;} #about-info #slide1 {padding:75px; width:514px; height:220px;} #about-info #slide1 h3 {font-size:18px; font-style:italic; margin-bottom:36px; color:#FFF; font-family:"Times New Roman", Times, serif; position:relative; z-index:10;} #about-info #slide1 p {font-size:20px; line-height:22px; margin-bottom:20px;} #about-info #slide2 {padding:75px 76px 75px 75px; width:513px; height:220px;} #about-info #slide2 h3 {font-size:18px; font-style:italic; margin-bottom:25px; color:#FFF; font-family:"Times New Roman", Times, serif;} #about-info #slide2 p {font-size:20px; line-height:22px; margin-bottom:25px;} #about-info #slide2 dl {display:block; float:left; width:171px; list-style:none;} #about-info #slide2 dt {color:#B4D6D5; font-size:16px; font-family:"Times New Roman", Times, serif; font-style:italic; margin-bottom:20px;} #about-info #slide2 dd ul {width:auto;} #about-info #slide2 dd li {color:#FFF; list-style:none; font-size:18px; font-family:Arial, Helvetica, sans-serif; float:none; width:auto; height:auto; padding:0px;} #about-info #slide3 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide3 p {font-size:20px; line-height:22px; margin-bottom:30px;} #about-info #slide4 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide5 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide6 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide7 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide8 {padding:150px 76px 75px 75px; width:513px; height:145px;} #about-info #slide9 {padding:75px; width:514px; height:220px;} #about-info #slide9 h3 {font-size:18px; font-style:italic; margin-bottom:36px; color:#FFF; font-family:"Times New Roman", Times, serif;} #about-info #slide9 p {font-size:20px; line-height:22px; margin-bottom:20px;} #about-info #slide10 {padding:145px 125px 75px 125px; width:414px; height:150px;} #about-info #slide10 p {font-size:25px; line-height:27px; margin-bottom:20px;} #about-info #slide11 {padding:145px 90px 75px 90px; width:484px; height:150px;} #about-info #slide11 p {font-size:25px; line-height:27px; margin-bottom:20px;} #about-info #slide12 {padding:165px 140px 75px 140px; width:384px; height:130px;} #about-info #slide12 p {font-size:32px; line-height:22px; margin-bottom:20px;} #about-info #slide13 {padding:165px 50px 75px 80px; width:534px; height:130px;} #about-info #slide13 p {font-size:32px; line-height:22px; margin-bottom:20px;} #about-video {position:absolute; top:44px; left:0px; background:#000000; z-index:60; display:none; zoom:1;} #about-video-inner {width:640px; height:360px; position:absolute; left:50%; top:50%; margin:-224px 0px 0px -320px;} #close-about-video {display:block; padding:7px 10px 0px 10px; background:#000000; position:absolute; right:0px; height:33px; top: -33px; color:#FFF; text-decoration:none; font-size:20px; cursor:pointer; zoom:1; z-index:40;} #flow-video {width:100%; height:100%;} /*BLOG*/ #blog-body {background:url(../images/Blog_bg-1.jpg) top center;} #blog-body #container.blog {background:#FFFFFF; position:relative; z-index:10;margin-top:40px;} #blog-social {position:absolute; top:15px; right:20px; z-index:20;} #blog-social span {color:#11b3f2; font-size:13px; font-family:"Times New Roman", Times, serif; display:block; float:left; margin-right:5px; font-style:italic;} #blog-social a {display:block; float:left; width:17px; height:17px; text-indent:-9999em; overflow:hidden; background-image:url(../images/facebook-twitter.png); cursor:pointer;} #blog-twitter {background-position:-21px 0px;} #blog-facebook {margin-right:4px;} #blog-content {width:620px; z-index:10; position:relative; float:left; padding:30px 40px 40px 25px;} #blog-content h3 {color:#00abee; font-size:22px; font-weight:normal; display:block; margin-bottom:10px;} #blog-content #atmdst-blog {display:block; text-indent:-9999em; width:450px; height:194px; background:url(../images/blog-badge.png); margin:-70px 0px 30px 0px;} .post {padding-bottom:70px; z-index:10;} .post h3 {color:#00abee; font-size:30px; font-weight:normal; display:block; margin-bottom:10px;} .post h3 a {color:#00abee; text-decoration:none; font-size:30px; font-weight:normal; display:inline;} .post h3 a:hover {color:#000;} .cufon-loading .post h3 a {display:none;} /* .post p {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:15px; display:block; color:#636363; line-height:22px;}*/ .post p {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#333333; margin-bottom:15px; display:block; line-height:22px;} .post a {font-family:Arial, Helvetica, sans-serif; color:#00abee; text-decoration:none; cursor:pointer; font-size:13px;} .post a:hover {color:#000000;} .post strong {font-family:Arial, Helvetica, sans-serif;} .post img {max-width:620px; padding:10px 0px 10px 0px;} .post em {font-family:Arial, Helvetica, sans-serif;} .post i {font-family:Arial, Helvetica, sans-serif;} .post ul {margin:0px 0px 15px 25px;} .post ul li {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; margin-bottom:10px;} .post blockquote {padding:20px;} .post .slideshow-items {list-style:none; display:block; width:620px; margin:0px;} .slideshow-items li {width:620px; display:none;} .slideshow-items li img {padding:0px 0px 5px 0px;} .post .slideshow-nav {padding-bottom:10px; float:left; clear:both; margin:0px;} .slideshow-nav li {display:block; float:left; width:100px; height:67px; padding:0px 1px 3px 2px;} .slideshow-nav li a {display:block;width:100px; height:67px;} .slideshow-nav li a.activeSlide {outline:solid 2px #00aef1;} .slideshow-nav li a img {border:none; padding:0px; display:block;} .post p.post-text img {text-align:left; display:block; float:left;} .post-info {padding:5px; margin-top:20px; border-top:1px solid #d0d0d0; width:610px;} .post-info p {font-family:"Times New Roman", Times, serif; font-size:13px; margin-bottom:0px; color:#989898; font-style:italic; display:block; float:left;} .post-info a {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#989898;} .post-info a:hover {color:#00aef1;} .post-info .comment-count {display:block; float:right;} .post-info .comment-count a {font-family:"Times New Roman", Times, serif; font-style:italic;} .post-info .comment-count span {display:block; float:left; width:56px; height:34px; background:url(../images/comment-bubble.png); color:#FFF; margin:-15px 5px 0px 0px; text-align:center; padding-top:7px; font-size:14px;} #blog-content #next-previous {height:28px;} #blog-content #next-previous a:hover {background-position:0px -28px;} #blog-content #next-previous a#next-page {display:block; width:108px; height:28px; background-image:url(../images/older-posts.gif); float:left; text-indent:-9999px; overflow:hidden;} #blog-content #next-previous a#previous-page {display:block; width:113px; height:28px; background-image:url(../images/newer-posts.gif); float:right; text-indent:-9999px; overflow:hidden;} #comment {width:620px; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #d1d1d4;} #comment ul {list-style:none;} #comment li {display:block; margin-bottom:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #comment label {display:block; float:left; width:60px; font-family:Arial, Helvetica, sans-serif; padding-top:4px;} #comment input[type="text"] {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:230px; padding:4px; border:solid 1px #d0d0d0; color:#323232;} #comment input:focus {border:solid 1px #b2e7fb;} #comment .checkbox {width:auto;} #comment textarea {width:490px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border:solid 1px #d0d0d0;} #comment textarea:focus {border:solid 1px #b2e7fb;} #comment #comment-submit {display:block; width:76px; height:26px; background:url(../images/submit.png); cursor:pointer; border:none;} #comments {} #comments p {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; line-height:18px; color:#333;} #comments .comment-author {margin-bottom:0px;} #comments .comment {padding:10px; background:#e7e7e7; margin-bottom:5px;} #comment-policy { display:none; zoom:1; font-size: 12px; margin: 0 0 20px; } #comment-policy p { margin: 0 0 1.5em; } #comment-policy-inner {background: #fff; position:relative; padding: 20px; border: 10px solid #eee; } #close-comment-policy {display:block; padding:7px 10px 0px 10px; background:#000000; position:absolute; right:0px; height:33px; top: -33px; color:#FFF; text-decoration:none; font-size:20px; cursor:pointer; zoom:1; z-index:40;} #view-comment-policy { color: #989898; font-style: italic; font-size: 10px; } #sidebar {float:left; position:relative; width:295px;} #sidebar-content {margin:200px 10px 0px 10px; position:relative; color:#FFFFFF;} #sign-up-form {padding:0px 0px 30px 0px;} #sign-up-form label {font-size:12px; color:#323232; padding:4px 0px 4px 0px; display:block;} #sign-up-form input {padding:4px; margin-bottom:3px; width:220px; border:solid 1px #d0d0d0; font-size:12px; color:#323232;} #sign-up-form input:focus {border:solid 1px #b2e7fb;} #sign-up-form #sign-up {display:block; width:76px; height:26px; background:url(../images/sign-up.png); border:none; padding:0px; margin:5px 0px 0px 0px; cursor:pointer;} .module {padding:15px; margin-bottom:10px; width:230px;} .module h3 {width:230px; color:#5b5b5b; font-size:18px; padding:0px 0px 3px 0px; border-bottom:solid 1px #5b5b5b; margin-bottom:7px;} .module p {color:#333333; font-size:11px;} .module a {color:#00aef1; font-size:12px; text-decoration:none;} .module a:hover {color:#333333;} #side-about {background:url(../images/about-bg.png);} #side-about h3 {color:#00aef1; font-size:18px; border-bottom:solid 1px #00aef1; font-weight:normal;} #side-about p {font-family:"Times New Roman", Times, serif; font-size:14px; font-style:italic;} #side-categories {} #side-categories li {display:inline; color:#333333; font-size:12px; line-height:22px;} #side-categories a {font-size:12px;} #side-comments {} #side-comments li {display:block; background:url(../images/quotes.png) no-repeat; padding:0px 0px 15px 26px;} /*END BLOG*/ /*BACKGROUND*/ #bg {z-index:-1; position:fixed; top:0px; left:0px;} #inner-bg {position:fixed; top:0px; left:0px; overflow:hidden;} #inner-bg img {width:100%; height:100%;} #bg-overlay {width:100%; height:100%; position:absolute; z-index:5;} /*SIFR*/ @media screen { #client-name.sIFR-active { visibility: hidden; font-family: Arial, Helvetica, sans-serif; line-height: 1em; z-index:40; } h2.sIFR-active { visibility: hidden; font-family: Arial, Helvetica, sans-serif; line-height: 1em; z-index:40; } #content #inner p.sIFR-active { visibility: hidden; font-family: Arial, Helvetica, sans-serif; line-height: 1em; z-index:40; } }