/* Theme Name: Neon Solutions Theme URI: Description: A custom Wordpress theme for Neon Solutions Version: May 2010 Author: Neon Solutions - Adrian Hayes Author URI: www.neonsolutions.com.au /*################### CSS TOC ######################## 1 Reset 2 Layout 3 Nav 4 Headings 5 Lists 6 Images 7 Links 8 Forms 9 Tables 10 Typography 11 Comments 12 Social 13 Misc /* 1 ----------------- = Reset ----------------- */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;margin:0;padding:0;} html{margin-bottom:1px;overflow-y:scroll;} /* 2 ----------------- = Layout ----------------- */ body{font-size:62.5%;font-family:'Helvetica Neue', helvetica, arial, sans-serif;background:#f2f2f2 url('images/base/repeat.png') repeat fixed top center;color:#444;margin:0;padding:0;} #page-hold{width:100%;background:none;margin:0 auto;padding:0;} #page{text-align:left;width:980px;background:none;margin:20px auto 0;padding:0;} #head{width:980px;height:110px;border-bottom:1px solid #666;margin:50px auto 20px;padding:0 0 20px;} .widget{margin:0 0 10px;padding:0 0 10px;} .page-template-blog-php .post:last-child,li.item:last-child,li.item:last-child p{border:none;background-image:none;margin:0;} #foot-hold{width:100%;background:none;height:120px;margin:0;padding:0 0 90px;} #foot{width:980px;height:120px;border-top:1px solid #666;margin:0 auto;padding:20px 0 0;} #foot-left{width:120px;height:100px;float:left;margin:0;padding:0;} #tweetering{width:260px;float:left;margin:0;padding:0;} #foot-right{width:600px;height:100px;float:right;margin:0;padding:0;} #map_canvas{width:285px;height:320px;margin:15px 0 0;} .div980{width:980px;margin:0 auto 15px;padding:0 0 15px;} .div980padme{width:920px;margin:0 auto 20px 0;padding:30px;} #video{background:#eee;width:880px;padding:20px;} .d980{width:980px;float:left;margin:0 auto 15px;padding:0;} .d980-top{width:980px;height:6px;background:url('images/ui/corners/top.png') no-repeat 0 0;margin:0;padding:0;} .d980-middle{width:920px;background:url('images/ui/corners/middle.gif') repeat-y 0 0;margin:0;padding:24px 30px;} .d980-bottom{width:980px;height:6px;background:url('images/ui/corners/bottom.png') no-repeat 0 0;margin:0;padding:0;} .div700{width:830px;height:200px;margin:0;padding:0;} .div530, #blog-main{width:530px;margin:0 30px 0 0;padding:0; float:left;} .div400.vid{width:400px;height:260px;background:#eee;border:1px solid #ccc;margin:0;padding:10px;} .div480{width:480px;margin:0 20px 0 0;padding:0;} .div450{width:450px;margin:0 20px 15px 0;padding:0;} .div445{width:445px;margin:0 30px 15px 0;padding:0;} #bag-of-tricks p{width:520px;} #bag-of-tricks a{float:right;width:356px;height:57px;background:url('images/ui/nav/btn-have-a-look.png') no-repeat 0 0;font-size:2.2em;text-align:center;color:#fff;text-shadow:1px 1px 0 #666;margin:-32px 0 0;padding:30px 0 0;} #bag-of-tricks a:hover{background-position:0 -87px;} #bag-of-tricks a:active{background-position:0 -174px;outline:none;} .section{background-repeat:no-repeat;border-bottom:1px solid #666;padding:20px 50px 40px 0;} .section.bgtr{background-position:100% 0;} .section.bgtl{background-position:0 0;} .section h3,.section h4,.section p,.section ul{width:300px;} #web p{width:290px;} #microsite p{width:320px;} #branding{background-image:url('images/what-we-do/branding.gif');height:290px;background-position:85% 20px;} #web{background-image:url('images/what-we-do/web.jpg');height:400px;padding-left:520px;background-position:0 26px;} #print{background-image:url('images/what-we-do/print.jpg');height:240px;background-position:100% 20px;} #logo-design{background-image:url('images/what-we-do/logo.gif');height:260px;padding-left:570px;} #motion{background-image:url('images/what-we-do/motion.jpg');height:290px;background-position:467px 20px;} #three-d{background-image:url('images/what-we-do/3d.jpg');height:170px;padding-left:520px;background-position:-10px 0;} #webcast{background-image:url('images/what-we-do/webcast.jpg');height:530px;background-position:100% 10px;} #microsite{background-image:url('images/what-we-do/microsite.jpg');height:340px;padding-left:520px;} #social-media-integration{background-image:url('images/what-we-do/social-media.jpg');height:300px;} #sidebar-blog { padding: 30px; position: relative; top: -30px; background: #E1F6D0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 30px 0 0; float:right; width: 270px; } .div400{width:400px;margin:0 20px 0 0;padding:0;} .div300{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;background:#E1F6D0;width:300px;margin:0 30px 0 0;padding:30px;} .div312{width:252px;min-height:300px;border-right:1px dotted #666;margin:0 30px 0 0;padding:0 30px 0 0;} #col1.div312{width:294px;} .div286{width:226px;background:#E3F1F2;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;margin:0 30px 0 0;padding:30px;} .page-template-key-people-php .div286,.page-template-subscribe-php .div286,.single .div286{border-top:6px solid #CBD7D8;-moz-box-shadow:0 1px 3px #666;} #quicklinks{width:474px;margin:0;padding:0;} #extras{width:385px;background:#58c700 url('images/case-studies/bg-grad-green.png') repeat 0 0;margin:0;padding:30px;} #tog-hold{width:980px;background:none;margin:0 auto;padding:0;} #tog{width:920px;margin:0 auto;padding:10px 30px 30px;} .column{width:230px;float:left;margin:0;padding:0;} .page-template-what-we-do-php .column{width:140px;margin:-9px 0 0;} .newsletter-hold{background:#f5f5f5;-moz-box-shadow:0 1px 2px #999;-moz-border-radius:6px;-webkit-border-radius:6px;text-align:center;margin:20px 0 0;padding:15px;} .side-recent{background:none;width:255px;color:#f0f0f0;padding:0 0 0 30px;} .side-recent p{font-size:1.3em;color:#666;} .single .div602{width:572px;} .page-template-subscribe-php .div286{height:180px;} .item-home{width:286px;height:238px;background:#e1f6d0;-moz-box-shadow:0 1px 3px #666;-moz-border-radius:6px;-webkit-border-radius:6px;text-align:center;margin:0 30px 30px 0;padding:15px 0 0;} .page-template-blog-php .div286{background:#D4EFFE;color:#f9f9f9;-moz-box-shadow:none;} .page-template-case-studies-php .div286,.page-template-contact-php .div286,.archive .div286,.search .div286{width:286px;background:none;margin:0 30px 0 0;padding:0;} .post,.single .post{background:none repeat scroll 0 0 #FFF;border-bottom:1px dotted #999;border-top:medium none;width:530px;margin:0 0 15px;padding:0 0 15px;} body.search-results .post{background:#e3f1f2;border-top:1px solid #cbd7d8;border-bottom:1px solid #cbd7d8;margin:0 0 10px;padding:20px;} .post.cstudies{width:273px;height:230px;float:left;background:none;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-webkit-border-radius-bottomleft:4px;-webkit-border-radius-bottomright:4px;-webkit-border-radius-topleft:2px;-webkit-border-radius-topright:2px;border:none;margin:0 20px 10px 0;padding:10px 10px 14px;} .post.cstudies:hover{background:#d2dfe0;} .postmetadata,.clear{clear:both;} .vid-hold{height:280px;} .div290{width:289px;margin:0 15px 0 0;padding:0 15px 0 0;} .div200{width:200px;float:left;border-right:1px solid #ccc;margin:0 15px 0 0;padding:0 14px 0 0;} .sidebar{width:265px;float:right;margin:0 0 20px;padding:0;} .div602{width:602px;margin:0 30px 0 0;padding:0;} #currently-working-with{background:#d2dfe0;width:600px;height:100px;} .pfolio-info-hold{background:#111;margin:0;padding:20px;} .headers{width:70px;float:left;text-align:right;font-weight:700;margin:0 20px 0 0;} .info{width:300px;float:left;text-align:left;} .nav-search{width:710px;height:120px;float:right;margin:0;padding:0;} .ad-468x60{width:468px;height:60px;float:left;margin:0;padding:0;} /* 3 ----------------- = Nav ----------------- */ul#nav{float:right;width:706px;height:56px;background:url('images/ui/nav/bg-nav.png') no-repeat 0 0;margin:0 0 14px;padding:5px 0 0 5px;} ul#nav li{display:block;float:left;text-transform:uppercase;font-size:1.2em;margin:0;padding:0;} ul#nav li a{text-decoration:none;background:url('images/ui/nav/nav.gif') no-repeat 0 0;height:50px;display:block;text-indent:-10000px;margin:0;padding:0;} ul#nav-foot{float:right;background:#fff;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;opacity:0.8px;margin:0 0 40px;padding:10px 15px;} ul#nav-foot li{display:inline;font-size:1.1em;text-transform:uppercase;margin:0 0 0 10px;} ul#nav-foot li a{text-decoration:none;display:inline-block;} /* a */ul#nav li.Home a{width:79px;background-position:0 0;} ul#nav li.WhatWeDo a{width:121px;background-position:-79px 0;} ul#nav li.Clients a{width:86px;background-position:-200px 0;} ul#nav li.KeyPeople a{width:115px;background-position:-286px 0;} ul#nav li.CaseStudies a{width:128px;background-position:-401px 0;} ul#nav li.Blog a{width:71px;background-position:-529px 0;} ul#nav li.Contact a{width:100px;background-position:-600px 0;} /* a:hover */ ul#nav li a:hover {/* Include a fade transition here when there is progressive support */} ul#nav li.Home a:hover{background-position:0 -50px;} ul#nav li.WhatWeDo a:hover{background-position:-79px -50px;} ul#nav li.Clients a:hover{background-position:-200px -50px;} ul#nav li.KeyPeople a:hover{background-position:-286px -50px;} ul#nav li.CaseStudies a:hover{background-position:-401px -50px;} ul#nav li.Blog a:hover{background-position:-529px -50px;} ul#nav li.Contact a:hover{background-position:-600px -50px;} /* a */ul#nav.Home li.Home a{background-position:0 -100px;} ul#nav.WhatWeDo li.WhatWeDo a{background-position:-79px -100px;} ul#nav.Clients li.Clients a{background-position:-200px -100px;} ul#nav.KeyPeople li.KeyPeople a{background-position:-286px -100px;} ul#nav.CaseStudies li.CaseStudies a{background-position:-401px -100px;} ul#nav.Blog li.Blog a{background-position:-529px -100px;} ul#nav.Contact li.Contact a{background-position:-600px -100px;} /* a:active (Press) */ul#nav li.Home a:active{width:79px;background-position:0 -150px;} ul#nav li.WhatWeDo a:active{width:121px;background-position:-79px -150px;} ul#nav li.Clients a:active{width:86px;background-position:-200px -150px;} ul#nav li.KeyPeople a:active{width:115px;background-position:-286px -150px;} ul#nav li.CaseStudies a:active{width:128px;background-position:-401px -150px;} ul#nav li.Blog a:active{width:71px;background-position:-529px -150px;} ul#nav li.Contact a:active{width:100px;background-position:-600px -150px;} ul#nav-foot.Home li.Home a,ul#nav-foot.WhatWeDo li.WhatWeDo a,ul#nav-foot.Clients li.Clients a,ul#nav-foot.KeyPeople li.KeyPeople a,ul#nav-foot.CaseStudies li.CaseStudies a,ul#nav-foot.Blog li.Blog a,ul#nav-foot.Contact li.Contact a{color:#111;} .prev-next{background:#E1F6D0;border-top:1px solid #BACBAC;border-bottom:1px solid #BACBAC;width:880px;height:40px;margin:20px auto 0;padding:20px;} .prev-next-med{width:100%;background:#E1F6D0;border-top:1px solid #BACBAC;border-bottom:1px solid #BACBAC;margin:20px auto 0;padding:20px;} .prev-next-small{float:right;background:#E1F6D0;border-top:1px solid #BACBAC;border-bottom:1px solid #BACBAC;font-size:1.1em;width:210px;min-height:19px;margin:0;padding:9px 8px 9px 7px;} a.filter{width:58px;height:32px;display:block;background:url('images/ui/btn-filter.png') no-repeat 0 0;font-size:1.6em;margin:0;padding:13px 0 0 38px;} a.filter:hover{background-position:0 -45px;} a.filter:active,a.filter.active{background-position:0 -90px;} .browse{width:120px;float:left;margin:10px 0 0 12px;padding:0;} .prev-next a,a.roundit{height:24px;display:block;-moz-border-radius:8px;-webkit-border-radius:8px;background:url('images/ui/nav/btn-grad-green.png') repeat-x 0 0 #59c700;font-size:1.4em;border:1px solid #fff;text-shadow:0 0.5px 0.5px #666;color:#fff;text-decoration:none;padding:4px 12px;} .prev-next-small a,.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active{background:url('images/ui/nav/btn-grad-green.png') repeat-x 0 0 #59c700;color:#fff;text-decoration:none;text-shadow:0 0.5px 0.5px #666;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #fff;display:inline-block;margin:0 0 0 2px;padding:8px 15px;} .wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active{padding:8px 15px;} .wp-pagenavi span.current{border:1px solid #ccc;-moz-border-radius:8px;margin:0 2px 0 4px;padding:8px 15px;} .prev-next-small a:hover,.wp-pagenavi a:hover{border:1px solid #4ca900;color:#fff;} p a.roundit{margin:20px 0 0;} body.single .prev-next.blog a{font-size:12px;} .prev-next a:hover,a.roundit:hover{border:1px solid #4ca900;color:#fff;background:url('images/ui/nav/btn-grad-green.png') repeat-x 0 0 #59c700;} .wp-pagenavi{font-size:1.2em;margin:15px 0 0;padding:15px 0 0; clear:left;} .wp-pagenavi span.pages{color:#66431f;margin:0 15px 0 0;} .wp-pagenavi span.extend{border:1px solid #000;color:#000;background-color:#FFF;margin:2px;padding:2px 4px;} .navigation{display:block;text-align:center;margin-top:10px;margin-bottom:60px;} a.link-go{width:385px;height:50px;display:block;font-size:1.6em;color:#fff;text-shadow:0 0.5px 0.5px #666;background:#bce292;-moz-border-radius:0.4em;text-align:center;margin:0;padding:30px 0 0;} a.link-go:hover{background:#e1f6d0;text-shadow:none;} /* 5 ----------------- = Lists ----------------- */ul,li{list-style:none;} ul{margin:0 0 20px;} ul.column li.title{font-weight:700;color:#333;margin-bottom:20px;font-size:1.6em;} li.current-cat a{font-weight:900;color:#444;} ul#social{width:215px;background:#d2dfe0;padding:20px;} .post li{font-size:1.5em;list-style:disc;margin:0 0 14px 30px;padding:0;} ul#whatWeHadToDo{background:#e3f1f2;margin-bottom:15px;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;padding:25px 30px 15px;} #testimonial{background:#e3f1f2;margin-bottom:15px;-moz-border-radius:0.4em;padding:25px 30px 15px 20px;} ul#whatWeHadToDo li{font-size:1.2em;line-height:1.4em;list-style:disc;margin:0 0 10px 15px;padding:0;} ul.filter li,ul.contact-us li{font-size:1.4em;line-height:1.8em;} ul.contact-us.left{margin:0 15px 0 0;} #work ul li{font-size:1.4em;font-weight:900;} .sm li{font-size:1.4em;list-style:image;background:url('images/ui/list-arrow.gif') no-repeat left 4px;margin:0 0 14px 1px;padding:0 0 0 24px;} ul.syndicate li{background-position:left center;background-repeat:no-repeat;font-size:1.2em;line-height:1.4em;margin:0 0 8px;padding:2px 0 2px 24px;} li.RSS{background:url('images/ui/feed-icon-14x14.png');} li.FB{background:url('images/ui/fb-icon-14x14.png');} li.Twit{background:url('images/ui/twit-icon-14x14.png');} li.recentcomments{-moz-border-radius:4px;font-weight:700;list-style:none outside none;border-bottom:1px solid #A0A0A0;border-right:1px solid #A0A0A0;background:#fff;margin:0 0 20px;padding:20px;} ul.client-list{background:#0084cc;margin:0 0 20px;padding:20px;} ul.client-list li{font-size:1.5em;margin:0;} ul.client-list li a{color:#fff;display:block;text-decoration:none;text-shadow:-1px -1px 0 #666;margin:0;padding:10px 6px 10px 12px;} .tickerLink,.tickerText{font-size:1.3em;color:#f0f0f0;margin:0;padding:0;} .tickerDate{font-size:1.3em;color:#fff;} ul.client-list li a:hover,ul.client-list li:last-child a:hover{background:url('images/ui/list-hover.gif') repeat-x top left;text-shadow:-1px -1px 0 #006da8;} .div286 p,.execphpwidget li,.div312 li,.div312 p,.div300 p,.div300 li{font-size:1.2em;line-height:1.4em;color:#444;margin:0 0 12px;} ul.client-logos{margin:0;padding:0;} ul.client-logos li a{display:inline-block;width:215px;height:190px;float:left; border-right:1px solid #d2dfe0; border-bottom:1px solid #d2dfe0; margin:0; padding:6px; text-align:center;} ul.client-logos li a span { font-size:1.4em;} ul.client-logos.last li a { border-bottom:none;} ul.client-logos li.last a { margin-right:0; border-right:none;} .postmetadata ul,.postmetadata li{display:inline;list-style-type:none;list-style-image:none;} .post:last-child,.search .div286,ul#nav li.Home,ul#nav-foot li.Home,.nm{margin:0;} li.cat-item,#tag_cloud-3 a,body.page-template-blog-php li.cat-item,.execphpwidget li.cat-item,body.error404 #execphp-13 li{background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-right:1px solid #A0A0A0;border-bottom:1px solid #A0A0A0;display:inline-block;padding:2px 6px;} body.error404 ul{margin-bottom:0;padding-bottom:0;} ul.children li{font-size:1em;padding:0 0 0 10px;} ul.column li a{display:block;width:190px;height:24px;border:none;margin:0 0 2px;padding:0;} ul.column li.cat-item{background:none;border:none;} .page-template-what-we-do-php ul.column li a{height:20px;} #hub-hold{z-index:10000;position:absolute;top:134px;margin:3px 0 0;padding:0;} ul#hub li p.title a{background:url('images/dropdown/bg-click.png') no-repeat 0 0;width:42px;height:26px;display:block;font-size:12px;margin:0;padding:4px 0 0 50px;} ul#hub li .dropdown{display:none;z-index:10000;position:relative;top:-10px;left:0;overflow:hidden;clear:left;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;-moz-box-shadow:1px 1px 10px #999;-webkit-box-shadow:1px 1px 10px #999;background:#fff url('images/dropdown/tab.png') no-repeat 0 0;width:700px;height:370px;margin:0;padding:30px;} ul#hub li ul{width:100%;overflow:hidden;margin:0;padding:0;} ul#hub li ul li{width:145px;float:left;background:url(images/lists/nav_dropdown_sep.gif) repeat-x 0 bottom;margin:10px 36px 0 0;padding:0;} ul#hub li ul li.last{margin-right:0;background:none;padding-bottom:4px;} ul#hub li ul li a p{font-size:1.1em;margin-bottom:15px;} ul#hub li ul li a img{margin-bottom:10px;} img.group{float:left;margin:0 62px 30px 0;} .dropdown h1{font-size:1.4em;font-weight:900;margin-bottom:12px;} .dropdown p.group-txt{font-size:1.3em;line-height:1.7em;} /* 4 ----------------- = Headings ----------------- */h1{font-size:3.7em;font-weight:200;letter-spacing:-0.02em;line-height:1.1em;color:#444;font:'HelveticaNeue-Light';margin:0 0 20px;padding:0;} #page h1{padding-bottom:20px;} h1#logo a{width:160px;height:75px;background:url('images/logos/logo-neon-solutions.gif') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;float:left;position:relative;top:0;margin:0;padding:0;} h1#logo a:hover,h4#logo-foot a:hover,h4#logo-ns-foot a:hover{background-position:bottom left;} h1#logo.Home a:hover,h4#logo-foot.Home a:hover{background-position:top left;} h1.page-title,h2{font-size:3em;font-weight:200;letter-spacing:-0.02em;line-height:1.1em;color:#999;margin:0 0 20px;padding:0;} .page-template-case-studies-php .post h2,{font-size:1.5em;font-weight:400;margin-bottom:4px;} .page-template-case-studies-php .post h3,.category .post h3,.archive .post h3{font-size:1.1em;font-weight:400;margin-bottom:4px;} #page .post-cstudies h1.page-title { padding-bottom:0;} .post.cstudies h2{font-size:1.5em;font-weight:900;margin-bottom:10px;} h3{font-size:2.4em;font-weight:200;letter-spacing:-0.01em;line-height:1.3em;color:#555;margin:0 0 15px;padding:0;} h3.comments{margin:40px auto 20px;padding:0;} #respond h3{text-transform:uppercase;font-size:2.4em;} h4{font-size:1.6em;font-weight:700;line-height:1.4em;color:#444;margin:0 0 14px;padding:0;} .main-col h2,.main-col h3{padding:0 0 8px;} .main-col h3{color:#999;} h4.brief{background:url('images/lists/notebook.png') no-repeat 0 0;padding:10px 0 4px 40px;} h4.audience{background:url('images/lists/person.png') no-repeat 0 0;padding:9px 0 4px 40px;} h4.idea{background:url('images/lists/lightbulb.png') no-repeat 0 0;padding:6px 0 4px 36px;} h4.feedback{background:url('images/lists/comment.png') no-repeat 0 0;padding:3px 0 8px 44px;} h4.product{background:url('images/lists/product.png') no-repeat 0 0;padding:9px 0 8px 44px;} h4.success{background:url('images/lists/success.png') no-repeat 0 0;padding:9px 0 12px 40px;} h4#logo-foot a{width:100px;height:47px;background:url('images/logos/logo-neon-solutions-foot.gif') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;margin:0 20px 0 0;padding:0;} h4#logo-ns-foot a{width:100px;height:47px;background:url('images/logos/logo-neon-solutions-foot.gif') no-repeat top left;display:block;text-indent:-9999px;border:none;text-decoration:none;margin:0 0 0 30px;padding:0;} h5{font-size:1.2em;margin:0 0 14px;} .sidebar h1{font-size:1.8em;font-weight:600;letter-spacing:-0.009em;line-height:1.2em;color:#6b4e2b;text-transform:uppercase;text-shadow:none;margin:0 0 10px;padding:0;} p img{max-width:100%;padding:0;} img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;} img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px 6px 4px 4px;} .negt{position:relative;top:-30px;margin:0;padding:30px;} .negr{position:relative;bottom:0;right:0;margin:0;padding:0;} .item-home a img{position:relative;bottom:0;text-align:center;} .negl{position:relative;bottom:0;left:0;margin:0;padding:0;} .page-template-case-studies-php .post img{margin-bottom:5px;} /* 7 ----------------- = Links ----------------- */a{color:#5eab1f;text-decoration:none;} a:hover{color:#4c8a19;} a:active{outline:none;} li#projects a{color:#00A3F9;} li#pictures a{color:#FF8900;} li#s33 a{color:#fe0600;} a.mob-back {display:none;} /* 8 ----------------- = Forms ----------------- */#frmSS483{font:normal 1.3em Helvetica, arial, sans-serif;} #frmSS483 img{margin:0 0 6px 42px;} #searchform{float:right;-moz-border-radius:1em;-webkit-border-radius:1em; border-radius:1em;width:210px;margin:8px 0 0 0;padding:0;} form#blogcats{margin-bottom:20px;} #client-select { float:right; margin:15px 0 0 0; padding:0;} #s{width:129px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;background:#FFF;border:none;height:20px;font-size:14px;float:left;margin:0;padding:4px 6px;} #searchsubmit{background:url('images/ui/forms/btn-search.jpg') repeat-x scroll 0 0 #BBB;-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border:1px solid #EEE;color:#333;font:bold 14px Helvetica,Arial,Sans-serif;outline:medium none;text-decoration:none;text-shadow:0 1px 0 #FFF;height:28px;float:right;cursor:pointer;margin:0 3px 0 -2px;padding:6px 5px 3px;} select#cat,select.c-selects{width:216px;margin:0 0 20px; height:30px; background:#fff; outline:none; border:none; padding:7px;-moz-border-radius:0.3em;-webkit-border-radius:0.3em; border-radius:0.3em;} input#submit{font-size:1.6em;cursor:pointer;} #commentform input{width:240px;margin:5px 5px 1px 0;padding:2px 6px;} #commentform{margin:5px 0 0;} #commentform textarea{width:515px;height:130px;color:#333;font:1.8em 'Helvetica Neue', Helvetica, Arial, sans-serif;padding:6px;} #respond{border-top:1px dotted #444;padding:20px 0 0;} #commentform #submit,input.btn-nletter,input.btn-nletter-home{float:right;background:url('images/ui/forms/btn-comment.png') repeat-x scroll 0 0 #bc5e25;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #964201;text-shadow:0 0.5px 0.5px #333;color:#fff;text-decoration:none;margin:10px 0 0;padding:4px 12px;} #commentform #submit:hover,input.btn-nletter:hover{border:1px solid #111;background:url('images/ui/forms/btn-comment.png') repeat-x scroll 0 -80px;} input.btn-nletter,input.btn-nletter-home{font-size:1.4em;cursor:pointer;} input.btn-nletter-home{width:160px;float:left;margin:10px 0 0 10px;} ol.cf-ol li.newcaptionclass{text-align:left;font-size:2em;padding-bottom:20px;} .cform{width:100%;margin:0 auto;padding:0;} .cform fieldset{border:none;background:none;margin:0;padding:0;} .cform .cf_hidden{display:none;border:none !important;background:none !important;margin:0;padding:0;} ol.cf-ol li{background:#e1f6d0;border-top:1px solid #b1e884;border-bottom:1px solid #b1e884;list-style:none !important;text-align:left;line-height:1.3em;margin:0 0 10px;padding:15px 15px 12px 0;} ol.cf-ol li.textonly{color:#FFF;font-variant:small-caps;letter-spacing:2px;font-weight:700;padding:10px 20px;} .cform label{width:130px;display:inline-block;text-align:right;vertical-align:top;color:#333;font-size:1.5em;font-weight:700;line-height:1.2em;margin:13px 10px 14px;padding:0;} .cform label span{width:120px;display:block;} label.cf-before{margin:4px 10px 0 0;} label.cf-after{text-align:left;width:115px;margin:4px 15px 0 6px;} label.cf-after span{width:115px;display:block;} label.cf-group-after{width:60px;text-align:left;margin:4px 0 0 2px;} label.cf-group-after span{width:60px;display:block;} .cform input,.cform textarea,.cform select{color:#5AA41E;font:1.8em 'Helvetica Neue', Helvetica, Arial, sans-serif;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #b1e884;vertical-align:top;padding:8px 10px;} .page-template-subscribe-php input#email,.page-template-subscribe-php input.cap-code{width:150px;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #b1e884;vertical-align:middle;color:#00a3f9;margin:0 0 0 10px;padding:8px 10px;} .page-template-subscribe-php input#email{padding-bottom:10px;} .page-template-subscribe-php input#email-home,input.cap-code-home{width:140px;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #b1e884;vertical-align:middle;color:#00a3f9;font-size:1em;margin:0 0 0 10px;padding:8px 10px;} .cform input:focus,.cform textarea:focus,.cform select:focus{background:#fff;} .cform textarea,.cform input{width:340px;} .cform select{width:361px;} .cform select.cfselectmulti{height:7.5em;} .cform textarea{overflow:auto;height:130px;} ol.cf-ol li.cf-box-title{color:#FFF;padding-left:100px;font-weight:700;} .cform input.cf-box-a,.cform input.cf-box-b{width:16px;height:22px;border:none;background:none;margin:2px 0 0;} .cform input.cf-box-a{margin-left:100px;} ol.cf-ol li.cf-box-group{padding:0 0 5px 100px;} span.reqtxt,span.emailreqtxt{color:red;font-size:4em;line-height:46px;font-family:baskerville, times, serif;margin:0 0 0 20px;} p.cf-sb{background:none;text-align:center;margin:0;padding:0;} .cform input.sendbutton{cursor:pointer;background:url('images/ui/forms/btn-comment.png') repeat-x scroll 0 0;-moz-border-radius:8px;-webkit-border-radius:8px;font-size:1.4em;float:left;outline:none;text-align:center;border:1px solid #964201;text-shadow:0 0.5px 0.5px #333;color:#fff;width:180px;text-decoration:none;margin:15px 0 0 240px;padding:6px 0;} .cform input.sendbutton:hover{background:url('images/ui/forms/btn-comment.png') repeat-x scroll 0 -80px #bc5e25;} ol.cf-ol li.cf_li_err{background:#ffe9ea;border-top:1px solid #ff8f96;border-bottom:1px solid #ff8f96;margin:0 0 10px;padding:15px 15px 12px 0;} ol.cf-ol li ul.cf_li_text_err{color:#f8f1f1;margin:0 0 0 100px;padding:0;} ol.cf-ol ul.cf_li_text_err li{font-weight:700;font-size:1.1em;background:url(icon-alert-dark.png) no-repeat left 3px;list-style:none !important;text-indent:0;margin:0 0 4px;padding:0 0 0 20px;} ol.cf-ol ul.cf_li_text_err li:before{content:'';} label.seccap{margin-top:6px;vertical-align:text-bottom;} label.secq,label.secq span{display:inline;width:auto;} label.secq{margin-left:10px;vertical-align:text-bottom;} input.secinput{width:45px;vertical-align:text-bottom;} #cforms_captcha6,#cforms_captcha5,#cforms_captcha4,#cforms_captcha3,#cforms_captcha2,#cforms_captcha{height:15px;width:50px;margin:0;padding:4px;} img.captcha{vertical-align:text-bottom;border:none !important;float:none !important;margin:0 0 0 10px;padding:0;} img.captcha-reset{vertical-align:text-bottom;background:url(captcha_reset_black.gif) no-repeat;width:21px;height:21px;border:none;margin:0 0 2px 3px;} div.cf_info{display:none;line-height:1.3em;color:#444;font-size:1.4em;text-align:center;margin:80px auto 0;padding:0;} div.cf_info ol{margin:0;padding:5px 15px 0 30px;} div.cf_info ol li{margin:2px 0;padding:1px 0;} div.cf_info a{color:#FFF !important;text-decoration:underline !important;} .cform .cf_error{color:red;border:1px solid #ff8f96;} .cform .cf_errortxt,div.mailerr{color:#ff6464;} [disabled]{color:#ddd;background:none;border-color:#ddd !important;} .disabled{border-color:#ddd;} .cform input.cf_upload{width:220px;background:#f9f9f9;border:1px solid #888;} .linklove{width:410px;text-align:center !important;display:none;text-indent:-10000px;margin:0 auto 10px;padding:0;} .linklove a,.linklove a:visited{font-size:0.8em;font-family:Tahoma;color:#aaa;} * html .cform legend{position:absolute;top:-10px;left:10px;margin-left:0;} * html ol.cf-ol,* html ol.cf-ol li,* html span.reqtxt,* html span.emailreqtxt,*+html ol.cf-ol,*+html .cform label,*+html span.reqtxt,*+html span.emailreqtxt{display:inline-block;} * html img.captcha,*+html img.captcha{margin-bottom:1px;} .myForm{color:#333;width:210px;} /* 9 ----------------- = Tables ----------------- 10 ----------------- = Typography ----------------- */p{font-size:1.5em;line-height:1.4em;margin:0 0 20px;} .postmetadata p{font-size:1.1em;color:#aaa;margin:0 0 6px;} .browse p{font-size:1em;text-align:center;margin:0;padding:0;} .holdme p{font-size:1.4em;text-align:center;line-height:1em;margin:0;padding:0;} p.postmetadata{font-size:1.1em;margin:0 0 6px;} #extras p{color:#f9f9f9;font-size:1.2em;text-shadow:0 0.5px 0.5px #666;} #foot p{font-size:1.1em;line-height:1em;color:#444;text-align:right;margin:0 0 15px;} #tweetering p{text-align:left;line-height:1.3em;background:#fff;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;padding:20px;} p.back{color:#fff;margin:16px 0 0;} p.search-query{margin:24px 0 0;} #tog p{color:#fff;text-shadow:0 1px 2px #000;} .commentmetadata{font-weight:400;display:block;font-size:0.8em;margin:0 0 20px;} .description{font-size:1.2em;text-align:left;} .email-page p{font-size:1.2em;} #study-detail p,#overview-alison p{font-size:1.2em;line-height:1.4em;margin:0 0 10px;padding:0;} #testimonial p{margin:0 0 10px 15px;} /* 11 ----------------- = Comments ----------------- */.thread-alt{background-color:#f8f8f8;} .thread-even{background-color:#FFF;} .depth-1{border:1px solid #ddd;} .even,.alt{border-right:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;} .commentlist li,#commentform input,#commentform textarea{font-size:1.3em;} .commentlist li ul li{font-size:1em;margin-right:-5px;margin-left:10px;} .commentlist li{font-weight:700;-moz-border-radius:4px;-webkit-border-radius:4px;list-style:none;width:215px;float:left;margin:0 17px 15px 0;padding:15px;} .commentlist li .avatar{float:right;border:1px dotted #AAA;background:#fff;padding:4px;} .commentlist cite,.commentlist cite a{font-weight:900;color:#333;} .commentlist p{font-weight:400;line-height:1.5em;text-transform:none;font-size:0.9em;margin:10px 5px 10px 0;} #commentform p{font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;margin:5px 0;} .commentlist li:nth-child(2n){clear:left;} .list-bottom{background:url('images/ui/list-bottom.gif') no-repeat 0 0;width:265px;height:9px;display:block;margin:0;padding:0;} .commentlist{text-align:left;padding:0;} .nocomments{text-align:center;margin:0;padding:0;} /* 12 ----------------- = Misc----------------- */ .share{width:300px;height:50px;margin:0;padding:0;} .twit-count{width:65px;float:left;} .fb-count{width:190px;float:left;} .email-page{width:100px;float:left;margin:1px 0 0;padding:0;} .share-elsewhere{width:70px;float:left;margin:1px 0 0 0;padding:0;} /* 13 ----------------- = Misc----------------- */.nmpb{border:none;margin-right:0;padding:0;} .nmrp{margin-right:0;padding:0;} .npb{padding-bottom:0;} .c{margin:0 auto;} .tr{text-align:right;} .bb{border-bottom:1px dotted #999;} .ad{height:80px;margin:0 0 10px;padding:0;} .match-height{height:48px;} p.subscribe{font-size:1.1em;margin:12px 14px 0 0;} .ts{text-shadow:0 0.5px 0.5px #333;} li#current a{color:#444;font-weight:900;} .white{color:#444;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-right:1px solid #A0A0A0;border-bottom:1px solid #A0A0A0;padding:2px 6px;} #foot .white,#head .white{border-right:1px solid #222;border-bottom:1px solid #222;} .grey{color:#fff;background:#ddd;-moz-border-radius:6px;-webkit-border-radius:6px;padding:2px 6px;} .hex-aaa{color:#aaa;} .black{color:#1b1b1b;} .green{color:#5aa41e;} .shadow{-moz-box-shadow:0 6px 6px #999;} li span.quote{font-size:0.7em;font-style:italic;} strong{font-weight:700;} em{font-style:italic;} acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;cursor:help;} .roundme{-moz-box-shadow:0 1px 3px #000;background:#FFF;-moz-border-radius:6px;-webkit-border-radius:6px;} .roundme-btm{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;} .holdme{width:34px;} .alignright,.flr{float:right;} .alignleft,.fll{float:left;} acronym,abbr{border-bottom:1px dashed #999;} blockquote{padding-left:20px;border-left:5px solid #ddd;margin:15px 30px 0 10px;} blockquote cite{display:block;margin:5px 0 0;} small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em;} .sticky{background:#f7f7f7;padding:0 10px 10px;} .alt{margin:0;padding:10px;} code{font:1.1em 'Courier New', Courier, Fixed;} .main-features-img{float:left;width:407px;height:240px;background:#fff;border:none;margin:0 27px 0 0;padding:0;} .main-features-txt{width:190px;float:left;margin:0;padding:0;} #main-features{height:400px;width:980px;} #slide-cap-ctrl{width:960px;height:30px;z-index:10;color:#444;margin:0 0 1px;} #slide-cap-ctrl p{font-size:1.1em;} p#caption{z-index:10;float:right;margin:2px 0 2px 20px;} .featured-item{width:980px;height:400px;position:relative;display:block;overflow:hidden;margin:0 auto;padding:0;} .featured-text{width:400px;position:relative;z-index:2;margin:40px 0 0;padding:0;} .featured-btns{width:210px;position:absolute;top:-30px;right:0;display:block;z-index:3;margin:0;padding:0;} .featured-image{z-index:1;width:980px;height:400px;overflow:hidden;position:absolute;right:0;top:0;} .screen-reader-text{position:absolute;left:-1000em;} .widget:last-child,.side-recent p.nmp,.nmp,ul#hub li ul li a{margin:0;padding:0;} .page-template-blog-php .widget,.featured-text h2{border-bottom:none;} .page-template-blog-php .div286 p,.page-template-blog-php .div286 li,ul#hub li ul li a:hover{color:#444;} .div920,.holdit{width:920px;margin:0 auto;padding:0;} .fbConnectWidgetFooter,.fbFooterBorder,.UIImageBlock,.ui-tabs-hide,.cform legend,.hidden,hr{display:none;} .side-recent p:last-child,.page-template-blog-php .post:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;} .page-template-blog-php .post:hover,ul.client-list li:last-child a,ul.client-list li.current a:hover,ol.cf-ol li.fieldsetclose,#page.nbg{background:none;} .single .post,a img,.bn,#main-features .div312{border:none;} .post-cstudies,ol.cf-ol{background:none;margin:0;padding:0;} .navigation a,ul.column li{font-size:1.4em;} .post .sm ul,ul#news-ticker{margin:0 0 10px;} body.home #NGR li h3 span,div.failure,div.mailerr,ul#hub li.hover .dropdown{display:block;} ul.client-logos3,.nmb{margin-bottom:0;} ul#hub li p.title a:hover,ul#hub li p.title a:active{background-position:0 -30px;} img#studio,.mb{margin-bottom:15px;} li#solutions a,span.neon-green{color:#5eab1f;} div.success,div.waiting{background:none;color:#333;display:block;} .nmr,.last,.post.last{margin-right:0;} #happy-christmas { position:absolute; top:42px; margin:0 0 0 121px; width:60px; height:82px; z-index:2;} .clearfix:after,body.home #NGR:after,#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden;} img.aligncenter { display:block; margin: 0 auto; text-align:center; margin-bottom:30px;} /* These selection declarations have to be separate. */ ::-moz-selection{ background: #E1F6D0; text-shadow: none; } ::selection { background:#E1F6D0; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #E1F6D0; } @media handheld and (max-width: 480px), screen and (max-width: 750px), screen and (max-device-width : 320px) and (orientation : portrait), screen and (max-device-width : 320px) and (orientation : landscape) { html{margin-bottom:0;overflow-y:none;} #page-hold{width:auto;margin:0;padding:30px;} #head{width:100%; height:265px;margin:0 auto 20px auto;padding:0 0 20px; border-bottom:none;} body.home #head{width:100%; height:560px;margin:0 auto 20px auto;padding:0 0 20px; border-bottom:none;} #blog-main{ margin-right:0; width:100%; float:none;} .post, .single .post { margin-right:0; width:85%;} .post { bottom:1px solid #666;} #sidebar-blog { display:none;} a.mob-back { display:block;background: rgba(255,255,255,0.6); padding:20px; position:absolute; top:200px; right:140px; font-size:4em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;-khtml-border-radius:0.3em;border-radius:0.3em; border-bottom:1px solid #aaa;} h1#logo a {background:url('images/mobile/logos/logo-neon-solutions.gif') no-repeat 0 0; width:569px; height:265px; margin:0 0 20px 0; float:none;} #page,.d980{width:100%;float:none;margin:0 0 30px;padding:0 0 30px;} .d980-middle { width:86%; background:#fff; padding:60px; margin-top:0;-webkit-border-radius:30px;} #page h1 {font-size:4em; margin: 0; padding: 0; position:absolute; top:50px; left:630px; width:300px; border-bottom:none;} h2{font-size:8em; line-height:1.1em;} h3{font-size:7em; line-height:1.1em;} h4{font-size:5.2em; font-weight:900;line-height:1.3em; margin-bottom:40px;} p, .sm li{font-size:5em;line-height:1.3em; margin-bottom:40px;} .sm li { background: none; list-style: disc outside; margin: 0 0 40px 50px; padding: 0 0 0 20px; } .nav-search{display:none;} body.home .nav-search{float:none;width:100%; height:auto; min-height:600px;margin:0;padding:0; display:block;} ul#nav{background:none;float:none;height:auto; min-height:600px;width:100%;} ul#nav li{display:block;float:none;font-size:6em;text-transform:none;margin:0 0 20px;padding:0;} ul#nav li a{background:none;display:block;width:100%;text-decoration:none;text-indent:0;margin:0; border-bottom:1px solid #999;} ul#nav li.Home a,ul#nav li.WhatWeDo a,ul#nav li.Clients a,ul#nav li.KeyPeople a,ul#nav li.CaseStudies a,ul#nav li.Blog a,ul#nav li.Contact a{background:#fff;margin:0 0 20px;padding:40px 60px;-webkit-border-radius:30px; display:block; width:85%; height:auto;} /* ul#nav li.Home a{width:79px;background-position:0 0;} ul#nav li.WhatWeDo a{width:121px;background-position:-79px 0;} ul#nav li.Clients a{width:86px;background-position:-200px 0;} ul#nav li.KeyPeople a{width:115px;background-position:-286px 0;} ul#nav li.CaseStudies a{width:128px;background-position:-401px 0;} ul#nav li.Blog a{width:71px;background-position:-529px 0;} ul#nav li.Contact a{width:100px;background-position:-600px 0;} */ #branding,#web,#print,#logo-design,#motion,#three-d,#webcast, #microsite, #social-media-integration { background: none; height:auto; } .section h3, .section h4, .section p, .section ul, #web p,#microsite p { width:auto;} #web, #logo-design, #three-d, #microsite { padding-left:0;} .section, .post { background:none; margin-bottom:20px; padding-bottom:20px;} #hub-hold,#searchform,ul#nav li.Home a,p.subscribe,#main-features-slide-cap-ctrl,#bag-of-tricks,#tertiary,#quicklinks,#client-select,.page-template-case-studies-php .post h3,.page-template-contact-php h2, .d980-top,.d980-bottom,#foot-hold{display:none;} ul.client-logos li a { border-bottom: 1px solid #D2DFE0; border-right:none; margin: 0; padding: 6px; text-align: center; width: 98%; height: 540px; } ul.client-logos li a img { width:84%; margin-bottom:40px;} ul.client-logos li a span { font-size:3em; text-align:center;} .post.cstudies a img { width:84%; margin-bottom:20px;} .post.cstudies { -moz-border-radius: 2px 2px 4px 4px; background: none; border: medium none; float: left; height: 540px; margin: 0 0 40px 0; padding: 10px 10px 14px; width: 98%; } .post.cstudies h2 { font-size: 5.5em; margin-bottom: 40px; } .page-template-contact-php .div602.flr,.page-template-contact-php .div286.fll { float:none; width:86%;} .cform label { display: block; font-size: 5em; line-height: 1.2em; margin: 13px 10px 14px; padding: 0; text-align: left; vertical-align: top; width: 100%; } .cform label span { display: block; width: 100%; } ol.cf-ol li { padding:40px; margin:0 0 40px;} .cform input, .cform textarea, .cform select { font-size: 5em; padding: 8px 40px; } .cform textarea, .cform input { width: 80%; } .cform select { width: 80%; } .cform textarea { height: 300px; } #map_canvas { height: 700px; margin: 40px 0; width: 100%; } .cform input.sendbutton { width:580px; padding:15px 0; margin:15px 0 0 100px;} .wp-pagenavi, ul.contact-us li { font-size:5em; } .section:after, #head:after,.nav-search:after{content:".";display:block;height:0;clear:both;visibility:hidden;} }