/* Theme Name: Larry Buckley Creative Services Website theme Theme URI: n/a Description: A design for Larry Buckley Creative Services. Version: 1 Author: Jackrabbit Design Author URI: http://jumpingjackrabbit.com This site was designed and built by Jackrabbit Design, whose website you will find at jumpingjackrabbit.com */ /* ========================================================================= */ /* RESET */ /* ========================================================================= */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,a,hr,acronym,dl,dt,dd,ol,ul,li,pre,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{list-style:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border-top:1px solid #000;color:#000}input,select{vertical-align:middle}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}input,button,textarea,select,label,img{display:inline-block;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button, a span{cursor:pointer}button{border:0;text-align:center;} html, body { font-smooth:always; -webkit-font-smoothing: antialiased; } /* ========================================================================= */ /* TABLE OF CONTENTS */ /* ========================================================================= */ /* = Import CSS = Theme Information = Reset = Table of Contents = Muli, Anton = Universal Styles = Element & Layout Styles - General Element Styles - Layout Styles - Default WordPress Classes = Nav Styles = Form Styles */ /* ========================================================================= */ /* FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ @font-face { font-family: 'AntonRegular'; src: url('../fonts/Anton/anton-webfont.eot'); src: url('../fonts/Anton/anton-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Anton/anton-webfont.woff') format('woff'), url('../fonts/Anton/anton-webfont.ttf') format('truetype'), url('../fonts/Anton/anton-webfont.svg#AntonRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuliItalic'; src: url('../fonts/Muli/muli-italic-webfont.eot'); src: url('../fonts/Muli/muli-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli/muli-italic-webfont.woff') format('woff'), url('../fonts/Muli/muli-italic-webfont.ttf') format('truetype'), url('../fonts/Muli/muli-italic-webfont.svg#MuliItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuliLight'; src: url('../fonts/Muli/muli-light-webfont.eot'); src: url('../fonts/Muli/muli-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli/muli-light-webfont.woff') format('woff'), url('../fonts/Muli/muli-light-webfont.ttf') format('truetype'), url('../fonts/Muli/muli-light-webfont.svg#MuliLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuliLightItalic'; src: url('../fonts/Muli/muli-lightitalic-webfont.eot'); src: url('../fonts/Muli/muli-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli/muli-lightitalic-webfont.woff') format('woff'), url('../fonts/Muli/muli-lightitalic-webfont.ttf') format('truetype'), url('../fonts/Muli/muli-lightitalic-webfont.svg#MuliLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MuliRegular'; src: url('../fonts/Muli/muli-regular-webfont.eot'); src: url('../fonts/Muli/muli-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Muli/muli-regular-webfont.woff') format('woff'), url('../fonts/Muli/muli-regular-webfont.ttf') format('truetype'), url('../fonts/Muli/muli-regular-webfont.svg#MuliRegular') format('svg'); font-weight: normal; font-style: normal; } /* != Roboto ====================================== */ @font-face { font-family: 'Roboto'; /* Roboto Thin */ src: url('../fonts/Roboto/Roboto-Thin-webfont.eot'); src: url('../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Thin Italic */ src: url('../fonts/Roboto/Roboto-ThinItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Roboto'; /* Roboto Light */ src: url('../fonts/Roboto/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Light Italic */ src: url('../fonts/Roboto/Roboto-LightItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-LightItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; /* Roboto Regular */ src: url('../fonts/Roboto/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Regular Italic */ src: url('../fonts/Roboto/Roboto-Italic-webfont.eot'); src: url('../fonts/Roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; /* Roboto Medium */ src: url('../fonts/Roboto/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Medium Italic */ src: url('../fonts/Roboto/Roboto-MediumItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-MediumItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; /* Roboto Bold */ src: url('../fonts/Roboto/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Bold Italic */ src: url('../fonts/Roboto/Roboto-BoldItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-BoldItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Roboto'; /* Roboto Black */ src: url('../fonts/Roboto/Roboto-Black-webfont.eot'); src: url('../fonts/Roboto/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Black-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Black-webfont.svg#RobotoBlack') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto'; /* Roboto Black Italic */ src: url('../fonts/Roboto/Roboto-BlackItalic-webfont.eot'); src: url('../fonts/Roboto/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-BlackItalic-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-BlackItalic-webfont.ttf') format('truetype'), url('../fonts/Roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg'); font-weight: 700; font-style: italic; } @charset "UTF-8"; @font-face { font-family: "larry-buckley-update"; src:url("../fonts/icon-font/larry-buckley-update.eot"); src:url("../fonts/icon-font/larry-buckley-update.eot?#iefix") format("embedded-opentype"), url("../fonts/icon-font/larry-buckley-update.woff") format("woff"), url("../fonts/icon-font/larry-buckley-update.ttf") format("truetype"), url("../fonts/icon-font/larry-buckley-update.svg#larry-buckley-update") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "larry-buckley-update" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "larry-buckley-update" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-linkedin:before { content: "\61"; } .icon-twitter:before { content: "\62"; } .icon-facebook:before { content: "\63"; } /* ========================================================================= */ /* UNIVERSAL STYLES */ /* ========================================================================= */ html, body { background: url(../images/bg_body.gif) repeat 50% 0; font: 400 15px/150% 'Roboto', Arial, Helvetica, sans-serif; color: #777; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } .page-template-template-team-php .group { margin-bottom: 15px; } /* ========================================================================= */ /* ELEMENT & LAYOUT STYLES */ /* ========================================================================= */ /* = GENERAL ELEMENT STYLES ===== */ h1.logo { float: left; margin: 0; padding: 25px 0 0 0; } h1.logo a { display: block; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; width: 258px; height: 62px; } h2 { font: 600 24px/120% 'Roboto', sans-serif; text-transform: capitalize; color: #ff6000; } h2 span { color: #c6c5c5; } h3 { font: normal 18px/120% 'Roboto', sans-serif; text-transform: lowercase; color: #ff6000; } h4 { font: normal 18px/120% 'Roboto', sans-serif; text-transform: lowercase; color: #C6C4C5; } p { margin: 7px 0 25px 0; } ::selection { background:#ff6000; color:#fff; } ::-moz-selection { background:#ff6000; color:#fff; } ::-webkit-selection { background:#cc0000; color:#fff; } a:link, a:visited { color: #ff6000; } a:hover, a:active { color: #000; } a.btn { margin: 20px 0; background: #fff url(../images/icon_arrow.gif) no-repeat 100% 0; display: inline-block; border: 1px solid #EFEFEF; padding: 2px 45px 2px 15px; height: 30px; font: 300 14px/30px 'Roboto', Arial, Helvetica, sans-serif; color: #777777; text-transform: uppercase; } a.btn:hover { background: #fff url(../images/icon_arrow.gif) no-repeat 100% -100px; border: 1px solid #ccc; } ul { margin: 20px 0 20px 20px; } ul li { background: url(../images/bg_bullet.gif) no-repeat 0 9px; padding: 0 0 0 10px; } ol { margin: 20px 0 20px 30px; } ol li { list-style: decimal; } b, strong { font-weight: bold; } i, em { font-style: italic; } .clear { clear: both; } /* = DEFAULT WORDPRESS STYLES ===== */ .aligncenter { display: inline-block; margin: 20px auto; } .alignleft { float: left; margin: 20px 20px 20px 0; } .alignright { float: right; margin: 20px 0 20px 20px; } .alignnone { float: none; } .wp-caption { } .wp-caption-dd { } .wpGallery { } .shutter { } .shutterset { } .page-id-12 .alignleft { float: left; margin: 0 10px 15px 0; } /* = LAYOUT STYLES ===== */ #header { border-bottom: 4px solid #fff; } #header-inner { margin: 0 auto; width: 960px; overflow: hidden; padding: 0 0 25px -0; } #content { min-width: 960px; background: url(../images/bg_content.gif) repeat 50% 0; border: 1px solid #efefef; } #content-inner { margin: 0 auto; width: 960px; padding: 0 0 50px 0; } #content-intro { font-size: 36px; line-height: 150%; width: 760px; margin: auto; text-align: center; font-weight: 300; font-family: "Roboto", Verdana, sans-serif; } #content-intro p { font-weight: 300; margin: 7px 0 0;} #tag { float: left; margin: -1px 0 0 0; position: relative; z-index: 2;} #tag h6 a { display: block; text-indent: -9000px; height: 38px; width: 258px; background: url(../images/bg_tag.png) no-repeat 50% -9px; } #tag h6 a:hover { background: url(../images/bg_tag.png) no-repeat 50% -109px; } #hero-image { top: -38px; position: relative; z-index: 1; } #banner { width: 600px; height: 350px; margin: 0 auto; padding: 20px 0; } #content-main { float: right; width: 580px; padding: 52px 60px 0 0; } #content-sub { width: 255px; float: left; padding: 52px 0 0 0; text-align: right;} #note { text-align: left; background: url(../images/bg_note.png) no-repeat 50% 0; border-bottom: 1px solid #DEDEDE; padding: 30px 20px 20px 20px; font: normal 18px/150% 'MuliLight', Arial, Helvetica, sans-serif; *font: normal 18px/150% 'Roboto', sans-serif; font /*\**/: normal 18px/150% 'Roboto', sans-serif\9; color: #686868; } #note p { padding: 0; margin: 0; } /* #work a { font: normal 21px/120% 'Roboto', sans-serif; color: #c6c5c5; display: inline-block; padding: 0 0 15px 0; }*/ #work a { font: 400 18px/120% 'Roboto', sans-serif; color: #c6c5c5; display: inline-block; padding: 0 0 15px 0; } #work span { font: normal 19px/120% 'MuliLight', Arial, Helvetica, sans-serif; *font: normal 19px/120% 'Roboto', sans-serif; font /*\**/: normal 19px/150% 'Roboto', sans-serif\9; } #work a:hover { color: #ff6000; } #work li.activeSlide a { color: #8e8e8e; } #work li.activeSlide a:hover { color: #8e8e8e; } .client { background: none !important; min-height: 800px; } .slides { position: relative; padding: 20px 0 0 0; } .slide { text-align: center; width: 100%; background: none !important;} .slide img { box-shadow: 0 0 4px #e8e8e8; -moz-box-shadow: 0 0 4px #e8e8e8; -webkit-box-shadow: 0 0 4px #e8e8e8; border: 1px solid #e8e8e8; } .arrows { position: absolute; top: 60px; z-index: 998; display: block; width: 100%; } .arrows a { display: block; height: 34px; width: 34px; text-indent: -9000px; overflow: hidden; border: 1px solid #f0f0f0; } .arrows a.prev { background: #fff url(../images/bg_work-arrow.gif) no-repeat 2px 2px; float: left; } .arrows a.prev:hover { background: #fff url(../images/bg_work-arrow.gif) no-repeat 2px -98px; } .arrows a.next { background: #fff url(../images/bg_work-arrow.gif) no-repeat -98px 2px; float: right; } .arrows a.next:hover { background: #fff url(../images/bg_work-arrow.gif) no-repeat -98px -98px; } .bullets { position: absolute; top: 110px; z-index: 999; width: 45px; } .bullets a { display: inline-block; margin: 0 3px 0 0; height: 1px; width: 1px; padding: 13px 13px 0 0; overflow: hidden; background: #fff url(../images/bg_work-bullet.gif) no-repeat 1px -99px; border: 1px solid #f0f0f0; } .bullets a:hover { border: 1px solid #ddd; } .bullets a.activeSlide { background: #fff url(../images/bg_work-bullet.gif) no-repeat 1px 1px; border: 1px solid #f0f0f0; } #footer { border-top: 4px solid #fff; } #footer-inner { margin: 0 auto; width: 960px; padding: 20px 0 50px 0; } #footer p { font-size: 11px; line-height: 16px; color: #888; margin: 0; } #footer p.jackrabbit { float: right; padding: 5px 0 0 0; } #footer p.jackrabbit a { color: #888; } #footer p.jackrabbit a:hover { color: #000; } #footer .socialmedia { display: inline-block; background: #fff; vertical-align: middle; /*padding: 5px 10px 0 10px; *padding: 5px 10px; margin: 0 10px 0 0;*/ padding: 3px 7px; margin: 0 10px 0 0;} a.social { display: inline-block; h/*eight: 1px; width: 1px; padding: 15px 15px 0 0; */overflow: hidden; ; } a.social span { font-size: 0; } a.social { display: inline-block; font-size: 16px; width: 20px; height: 20px; vertical-align: bottom; line-height: 28px; text-align: center; } /*a.social.linkedin { background: url(../images/icon_social.gif) no-repeat 0 0; } a.social.twitter { background: url(../images/icon_social.gif) no-repeat 0 -100px; } a.social.facebook { background: url(../images/icon_social.gif) no-repeat 0 -200px; } a.social.rss { background: url(../images/icon_social.gif) no-repeat 0 -300px; }*/ /* ========================================================================= */ /* NAV STYLES */ /* ========================================================================= */ #nav { margin: 38px 0 0 0; padding: 0 30px; text-transform: lowercase; float: right; /* font: normal 17px/100% 'Roboto', sans-serif; */ font: 300 14px/40px 'Roboto', Arial, Helvetica, sans-serif; background-color: #fff; letter-spacing: 2px; height: 40px; } #nav li { margin: 0; padding: 0; list-style: none; float: left; background: none; } #nav li a { display: block; padding: 0 0 7px 0; color: #818285; } #nav li a span { display: block; background: #fff; height: 40px; line-height: 40px; padding: 0 10px; text-transform: uppercase; } #nav li a:hover { color: #ff6000; } #nav li a span:hover { cursor: pointer; } #nav li.current_page_item a { background: url(../images/bg_nav-arrow.png) no-repeat 50% 100%; color: #ff6000; } #subnav { margin: 0; padding: 0; } #subnav li { list-style: none; background: none; margin: 0; padding: 0 0 20px 0; } /* #subnav li a { font: normal 26px/120% 'Roboto', sans-serif; text-transform: lowercase; color: #c6c5c5; }*/ #subnav li a { font: normal 20px/120% 'Roboto', sans-serif; text-transform: uppercase; color: #c6c5c5; letter-spacing: 1px } #subnav li a:hover { color: #ff6000; } #subnav li.current_page_item a { color: #8e8e8e; } #subnav li.current_page_item a:hover { color: #8e8e8e; } /* ========================================================================= */ /* FORM STYLES */ /* ========================================================================= */ /* ========================================================================= */ /* ColorBox Core Style: */ /* ========================================================================= */ /* The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px; overflow:visible;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /*-------------------------------------------------------------------------------------- * * GRAVITY FORM STYLES * *--------------------------------------------------------------------------------------*/ #gform_wrapper_1 form h2 { font-family: 'MuliLight';} #gform_wrapper_1 form ul li { background-image:none; } #gform_wrapper_1 form ul li input, #gform_wrapper_1 form ul li textarea {border:1px solid #efefef; padding:10px; width: 530px; font-size:14px; } #gform_wrapper_1 form ul li #input_1_3_3, #gform_wrapper_1 form ul li #input_1_3_6, #gform_wrapper_1 form ul li #input_1_5_3, #gform_wrapper_1 form ul li #input_1_5_6 {width:245px !important;} #gform_wrapper_1 form ul li .gchoice_12_0, #gform_wrapper_1 form ul li .gchoice_12_1, #gform_wrapper_1 form ul li .gchoice_18_0, #gform_wrapper_1 form ul li .gchoice_18_1, #gform_wrapper_1 form ul li .gchoice_24_0, #gform_wrapper_1 form ul li .gchoice_24_1 { width: 100px; display: inline-block; } #gform_wrapper_1 form ul li #input_1_20 li, #gform_wrapper_1 form ul li #input_1_21 li{ display:inline-block; width:275px; } #gform_wrapper_1 form ul li #input_1_20 li label, #gform_wrapper_1 form ul li #input_1_21 li label {font-size:13px;} .gform_confirmation_message_1 {margin:8px 0 !important; color: #fe6000; }