/* Theme Name: edge3six Theme URI: http://edge3sixty.com/portfolio/ Description: based on The Coda Slider inspired wordpress theme by Greg Johnson. Version: 1.0 Author: Kim Phillips Author URI: http://edge3sixty.com Tags: coda, jquery, slider, fixed */ /***** CSS 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 caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} html{font-size: 100.01%} :focus{outline:0;border:none} ol, ul{list-style:none} blockquote:before, blockquote:after, q:before, q:after{content:""} blockquote, q{quotes:"" ""} strong{font-weight:bold} em{font-style:normal} a{text-decoration:none; cursor:pointer} /***** main style *****/ body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;background:#dce4ee url(images/bg.jpg) repeat-x center top} #header{margin:0 auto;padding:0 0 0 0;width:920px;height:140px;background:url(images/head.jpg) center top no-repeat;position:relative;} #header h1, #header h2{display:none;} #page{ width:920px;height:611px;margin:0 auto;background:url(images/page.jpg) 50% top no-repeat;padding-top:4px} #slider{width:800px;margin:0 auto;position:relative;} /***** navigation ******/ #page .navigation{padding:0 0 0 0;height:46px;background:url(images/menu2.png) center top no-repeat;margin:0 0 6px 0} #page .navigation li{height:46px;float:left;display:inline;padding:0} #page .navigation a{display:block;height:34px;padding:0;text-indent:-9999px;margin-top:12px} #page .navigation a#web1, #page .navigation a#web2, #page .navigation a#web3, #page .navigation a#web4, #page .navigation a#web5,#page .navigation a#web6, #page .navigation a#flash1, #page .navigation a#flash2,#page .navigation a#flash3,#page .navigation a#flash4,#page .navigation a#flash5,#page .navigation a#flash6,#page .navigation a#print1,#page .navigation a#print2,#page .navigation a#print3,#page .navigation a#print4,#page .navigation a#print5,#page .navigation a#print6,#page .navigation a#aboutx,#page .navigation a#contactx{width:34px;} #page .navigation a#flash1, #page .navigation a#print1{margin-left:23px} #page .navigation a#aboutx{margin-left:43px;width:29px;} #page .navigation a#contactx{margin-left:4px;width:33px;} #page .navigation a#linksx{margin-left:6px;width:26px;} #page .navigation a:hover{background-color:#e9ffd3;filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;} #page .navigation a.selected{background:#e0eaf1 url(images/star.gif) center center no-repeat;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;cursor:default} #page .navigation a#aboutx:hover,#page .navigation a#contactx:hover,#page .navigation a#linksx:hover, #page .navigation a#aboutx.selected,#page .navigation a#contactx.selected,#page .navigation a#linksx.selected{background:url(images/logo_bg.gif);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;border-bottom:solid 2px #75878a;} #page .navigation a:focus{outline:0;border:none} /***** thumbnail navigation *****/ #page ul.tn-nav{float:right;display:inline;margin:24px 0 0 0;padding-top:10px;} #page ul.tn-nav li{margin:0 0 6px 0;padding:7px 26px 7px 7px;} #page ul.tn-nav li.web{background: url(images/tn_bg1.jpg) no-repeat;} #page ul.tn-nav li.flash{background: url(images/tn_bg2.jpg) no-repeat;} #page ul.tn-nav li.graphic{background: url(images/tn_bg3.jpg) no-repeat;} #page ul.tn-nav li a{display:block;width:65px;height:65px;text-indent:-9999px;} #page ul.tn-nav li a#tn1{background: url(images/tn1.gif) 0 0 no-repeat;} #page ul.tn-nav li a#tn2{background: url(images/tn2.gif) 0 0 no-repeat;} #page ul.tn-nav li a#tn3{background: url(images/tn3.gif) 0 0 no-repeat;} #page ul.tn-nav li a#tn4{background: url(images/tn4.gif) 0 0 no-repeat;} #page ul.tn-nav li a#tn6{background: url(images/tn6.gif) 0 0 no-repeat;} #page ul.tn-nav li a#tn1:hover,#page ul.tn-nav li a#tn2:hover,#page ul.tn-nav li a#tn3:hover,#page ul.tn-nav li a#tn4:hover,#page ul.tn-nav li a#tn6:hover,#page ul.tn-nav li a#tn1.selected,#page ul.tn-nav li a#tn2.selected,#page ul.tn-nav li a#tn3.selected,#page ul.tn-nav li a#tn4.selected,#page ul.tn-nav li a#tn6.selected{background-position: -65px 0;} /***** main panel container *****/ #page .scroll{height:540px;width:598px;margin:0 0 0 30px;overflow:auto;position:relative;clear:left} #page .scrollContainer .panel{padding:17px 3px 20px 3px;height:502px;width:592px;overflow:hidden;color:#38565c} #page .panel#phillips-painting-llc,#page .panel#pro-tech-resources,#page .panel#two-days-gone,#page .panel#elliot-environmental,#page .panel#network-green,#page .panel#conner-michael-advertising{background: url(images/panel1.gif) 5px bottom no-repeat} #page .panel#this-insane-circus,#page .panel#the-edge3-show,#page .panel#europe-06,#page .panel#skelrtoon-invasion,#page .panel#mp3-player,#page .panel#pictomatic{background: url(images/panel2.gif) left bottom no-repeat} #page .panel#seaholm-reunion-invitation,#page .panel#network-green-logo,#page .panel#kohala-center-logo,#page .panel#mostly-mozart-festival-poster,#page .panel#colin-grenn-benefit-poster,#page .panel#miscellaneous-icons{background: url(images/panel3.gif) left bottom no-repeat} #page .panel#services{background: url(images/panel4.gif) right 28px no-repeat} #page .panel#contact-edge3sixty{background: url(images/panel5.gif) left bottom no-repeat} #page .panel#links{background: url(images/panel6.gif) left bottom no-repeat} /***** default panel *****/ #page .panel p{padding:0 3px 0 3px;line-height:1.5em;} #page .panel p.modify-a,#page .panel p.modify-c{font:11px/16px 'lucida grande',verdana, arial, sans-serif;color:#38565c;padding-left:10px;padding-bottom:5px;} #page .panel p.modify-a{padding-right:80px} #page .panel p.modify-c{padding-right:10px;padding-top:5px;line-height:1.6em} #page .panel h2, #page .panel h3{clear:right;padding:2px 5px 2px 0;} #page .panel h2{font-size:24px;letter-spacing:-1px;color:#7b8a8e;font-weight:400;margin-left:10px;} #page .panel h4{padding:0 0 3px 0;font-size:14px;font-weight:700} #page .panel strong{} #page .panel h2 strong{font-weight:400;font-size:26px;/*text-transform:lowercase*/} .gh{/*color:#80b58f;*/} .grey{color:#97c09e} #page .panel acronym{border-bottom:solid 1px #e3513d;cursor:help} #page .panel em{font-style:italic;} #page .panel a{white-space:nowrap;color:#89a460;font-weight:400;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:700} #page .panel a:hover{color:#e3513d;text-decoration:none;} #page .panel blockquote, #page .panel ul, #page .panel ol, #page .panel pre{font-size:13px;margin:0;padding:0;} #page .panel img{border:solid 6px #ebf4f1;margin-left:3px} /***** portfolio panels *****/ #page .panel ul li, #page panel ul ul, #page panel ul ul li{margin:0;padding:0;list-style:none} #page ul li{list-style-position: outside;} #page .panel h3.num,#page .panel h3.num2,#page .panel h3.num3{float:left;display:inline;margin:8px 0 0 10px;padding:0 4px;font-weight:400;font-size:24px;letter-spacing:-2px;border-left:solid 1px #dae6e2;border-bottom:solid 1px #dae6e2;width:24px} #page .panel h3.num{color:#9cabab} #page .panel h3.num2{color:#9cabab} #page .panel h3.num3{color:#9cabab} #page .panel h3.job_title{margin:2px 3px 2px 10px;padding:0;font-size:24px;letter-spacing:-1px;color:#7b8a8e;font-weight:400;} #page .panel ul.left{float:left;display:inline;width:367px;padding:0 4px 0 0;text-align:right;text-transform:capitalize} #page .panel ul.right{float:right;display:inline;width:153px;padding:1px 7px 2px 10px;border-left:solid 1px #d6e0df;} #page .panel ul.left li{font-size:14px;font-weight:400;color:#56676a;} #page .panel ul.right li{font-family:'lucida grande',verdana, arial, sans-serif;font-size:11px;font-weight:400;color:#66787b;text-transform:lowercase} #page .panel ul.right li.launch{margin-top:8px;padding-top:2px;display:block;color:#e3513d;border-top:1px solid #dbe4e3} #page .panel ul.right li.launch a:link,#page .panel ul.right li.launch a:visited{color:#89a460;font-weight:700;background:url(images/launch.gif) no-repeat left 2px;padding:6px 2px 0 21px;font-size:13px} #page .panel ul.right li.launch a:hover{color:#e3513d;background-position:left -19px} /***** about panel *****/ #page .panel h3.about{font-size:20px;font-weight:400;letter-spacing:-1px;color:#75a888;margin:2px 80px 2px 10px;text-transform:lowercase;font-weight:700} #page .panel dl{padding:0 10px} #page .panel dt{font-size:20px;font-weight:400;letter-spacing:-1px;padding:0;margin:3px 0 0 0;text-transform:lowercase;font-weight:700} .uc_bold{} .olive{ color:#95b276 } .green{ color:#75a888 } .turq{ color:#71a39b } .dk-green{color:#558a6c} .lime{color:#a4dc74} .red{color:#e3513d} #page .panel dd{font:11px/16px 'lucida grande',verdana, arial, sans-serif;color:#38565c;background: url(images/arrow.gif) no-repeat left center;padding:1px 0 1px 10px;} /***** links panel *****/ #page .panel ul li h3{font-size:20px;font-weight:700;letter-spacing:-1px;margin:0 10px 5px 0;padding-bottom:4px;border-bottom:solid 1px #dbe4e3;text-transform:lowercase} #page .panel ul.link-l{float:left;display:inline;width:182px;margin:0 6px 20px 13px;border-right:solid 1px #dbe4e3;} #page .panel ul.link-r{float:right;display:inline;width:177px;margin:0 0 20px 6px} #page .panel ul.link-l li,#page .panel ul.link-r li{} #page .panel ul.link-l ul li,#page .panel ul.link-r ul li{padding:2px 0 3px 0} #page .panel ul.link-l ul li a:link,#page .panel ul.link-r ul li a:link,#page .panel ul.link-l ul li a:visited,#page .panel ul.link-r ul li a:visited{font-weight:700;font-size:14px} #page .panel ul.link-l ul li a:hover,#page .panel ul.link-r ul li a:hover{color:#e3513d} /***** contact panel *****/ #page .panel .contact-info{float:left;display:inline;width:230px;} #page .panel .contact-info a{} .contact-info h2,#wpcf7-f1-p81-o1 h2.cnt{margin:0} #page .panel .contact-info h3,.contact-info h4{margin-left:10px;} #page .panel .contact-info ul.info{margin:5px 0 5px 5px;padding:4px 5px 4px 5px;} #page .panel .contact-info ul.info li{font:11px/16px 'lucida grande',verdana, arial, sans-serif;color:#38565c;background: url(images/arrow.gif) no-repeat left center;padding:1px 0 2px 10px;} .contact-info h3.git{margin-left:10px; font-weight:700;text-transform:lowercase} /***** panel scroll *****/ #page .scrollButtons{width:69px;height:42px;position:absolute;top:550px;cursor:pointer;} #page .scrollButtons a{display:block;width:69px;height:42px;} #page .scrollButtons span{display:none} #page .scrollMeLeft{left:-30px} #page .scrollMeLeft a{background:url(images/nav2.png) 0 0 no-repeat} #page .scrollMeLeft a:hover{background:url(images/nav2.png) 0 -42px no-repeat} #page .scrollMeRight{right:112px} #page .scrollMeRight a{background:url(images/nav2.png) -69px 0 no-repeat} #page .scrollMeRight a:hover{background:url(images/nav2.png) -69px -42px no-repeat} /***** footer *****/ /***** pre-footer *****/ #page_footer{margin:0 auto;padding-top:21px;width:920px;background: transparent url(images/p_f.jpg) right top no-repeat} #page_footer img.pic{float:right;width:114px;margin:80px 50px 0 0} #page_footer h5.bio{padding:0 60px 0 51px;position:relative;width:243px;height:24px} #page_footer h5.elsewhere{padding:0 60px 0 51px;position:relative;width:465px;height:24px;margin-top:20px} #page_footer h5.bio span{position:absolute;width:100%;height:100%;background: url(images/about_h5.jpg) no-repeat} #page_footer h5.elsewhere span{position:absolute;width:100%;height:100%;background: url(images/also_h5.jpg) no-repeat} #page_footer p{font:11px/15px 'lucida grande',verdana, arial, sans-serif;padding:3px 193px 1px 51px;color:#899ea8;text-align:justify;} #page_footer p a, #page_footer ul li a{color:#90a77a;font-weight:700;} #page_footer .logos{background:transparent url(images/logos_bg.jpg) no-repeat;height:118px;width:683px;margin:6px 0 0 47px;padding-top:10px} #page_footer ul li a{font-size:14px;} #page_footer p a:hover{color:#dc6e62} #page_footer ul.left{float:left;margin-left:10px;padding:0 0 0 4px;border-bottom:solid 1px #dee6f1} #page_footer ul.left li{display:inline;padding-right:3px;} #page_footer ul.left li a img{padding-top:2px;margin-bottom:2px} #page_footer ul.left li a:hover img{border-bottom:solid 2px #75878a;margin-bottom:0px} #page_footer #twitter_div{float:right;display:inline;width:262px;padding:9px 55px 0 5px;} #page_footer ul#twitter_update_list{color:#718388;font-family:Geneva, Tahoma, Arial, Helvetica, sans-serif;font-weight:700;line-height:1em} #page_footer ul#twitter_update_list li{font-size:12px} #page_footer ul#twitter_update_list li a{font-size:11px;color:#84a762;font-weight:400;text-decoration:none} #page_footer ul#twitter_update_list li a:hover{color:#e3513d} #page_footer ul.membership{float:left;clear:left;margin:10px 0 0 15px;height:35px;width:165px} #page_footer ul.membership li{display:inline} #footer{height:45px;background-color:#5a6c76;border-top:solid 2px #555;font-size:10px;color:#94afc1;margin-top:20px} #footer .wrapper{width:920px;overflow:hidden;margin:0 auto 0 auto;clear:right;padding-top:8px} #footer p{display:block;height:45px;} #footer p.left{float:left;margin-left:50px} #footer p.right{float:right;margin-right:50px} #footer p.left .wide,#footer p.right .wide{letter-spacing:1px;font-size:10px;} #footer a{color:#b4c5cb;font-weight:700} #footer a:hover{color:#add586;}