/* Theme Name: Twenty Thirteen Child Theme URI: http://example.com/ Description: Child theme for the Twenty Thirteen theme Author: Jason Grimston Author URI: http://www.grimstation.com Template: twentythirteen Version: 0.1.0 */ /*@import url("../twentythirteen/style.css"); */ body{font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:14px; font-family:Verdana, Geneva, sans-serif; color: #525252} #page{position:relative;} #masthead, #main, #footer_inner, #footer_bottom{width:940px; margin: 0px auto; position:relative} .left{float:left;} .right{float:right} .clear{clear:both} #masthead #logo{width:327px; margin-top:25px;} #masthead #header_contact{width:243px; text-align:right; position:absolute; color:#02568a; margin:23px 15px 0px 0px; right:0px} /*613px*/ #masthead #header_contact a{color:#3db4e5} #masthead #header_contact a:hover{text-decoration:none;} .font, #site-navigation, h1, h2, h3, h4 {font-family: 'Dosis', sans-serif !important;} #contact_top{font-family: 'Cabin Condensed', sans-serif;}/*font needs to match better*/ #header_contact:before{width: 481px;content: " ";background: transparent url(images/contact_top_line.png) center top no-repeat; position: absolute;top: -5px; right:0px; height:2px;} #header_contact:after{width: 481px;content: " ";background: transparent url(images/contact_top_line.png) center top no-repeat; position: absolute;bottom: 20px; right:0px; height:2px;} h1{font-size:30px; margin-top:38px; font-weight:300} h2{font-size:20px; margin-top:28px} p{font-size: 14px; line-height:20px; margin:0px 0px 24px 0px; max-width: 700px} #contact_top:after{} /*navigation*/ #navbar{margin-bottom: 4px;margin-top:-20px;} #site-navigation {text-align:right;} #site-navigation a{color:#525252;} #site-navigation a:hover{color:#ffa33b !important; text-decoration:underline;} #menu-item-35:hover,.menu-item-type-custom:hover{color:#ffa33b !important; background:#f6f6f6} /*#site-navigation .current-menu-parent>a, #site-navigation .current-menu-item>a*/ #menu-item-35 a:hover, .menu-item-type-custom a:hover{background:#f6f6f6; text-decoration:underline;} #menu-item-35:hover:before, .menu-item-type-custom:hover:before{width: 4px;content: " ";background: transparent url(images/parent_nav_hover_left.png) left top no-repeat;position: absolute;left: -4px; top:0px;height:39px;} #menu-item-35:hover:after, .menu-item-type-custom:hover:after{width: 8px;content: " ";background: transparent url(images/parent_nav_hover_right.png) left top no-repeat;position: absolute;right: -5px; top:0px;height:43px;z-index:300;} .sub-menu li {background:transparent url(images/sub_nav_repeat_y.png) left top repeat-y !important; padding:0px 20px;} .sub-menu > li > a:hover:before{width: 0px !important;background: none !important;height:0px !important;} .sub-menu > li > a:hover:after{width: 0px !important;background: none !important;height:0px !important;} .sub-menu li a{font-size:14px !important;} #site-navigation ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #site-navigation li {display: block; position:relative} #site-navigation > div > ul > li{display:inline-block !important; padding: 9px 17px 10px;} #site-navigation li ul {display: none; position:absolute; width: 131px; position:absolute; left:-5px; top:43px; z-index:299} #site-navigation .sub-menu:before{width: 131px;content: " ";background: transparent url(images/sub_nav_top.png) center top no-repeat;; position: absolute;top: -4px; left:0px; height:5px;} #site-navigation .sub-menu a{padding:10px 0px;} #site-navigation .sub-menu:after{width: 131px;content: " ";background: transparent url(images/sub_nav_bottom.png) center top no-repeat;; position: absolute;bottom: -7px; left:0px; height:7px;} #site-navigation .sub-menu < ul{width: 131px;content: " ";background: transparent url(images/sub_nav_bottom.png) center top no-repeat;; position: absolute;bottom: 3px; left:0px; height:7px;} #site-navigation ul li a {text-decoration:none;font-size: 16px;} #site-navigation ul li ul li a{ display:block; text-align:left;} #site-navigation ul li ul li a{ border-bottom: 1px solid #e8e6e6} #site-navigation ul li:hover ul{ display:block; z-index:200;} /*header*/ #contact_top{font-weight:700;text-transform: uppercase; font-size:20px;} #contact_bottom{font-weight:400;font-size:18px;} #contact_bottom a{text-decoration: none} #contact_bottom a:hover{text-decoration: underline !important} .entry-header{display:none;} /*banner*/ #banner_wrapper{background:transparent url(images/banner_bg_repeat.png) center center repeat-x; margin-bottom:60px;} #banner_bg_shadow{background:transparent url(images/banner_bg_shadow.png) center top no-repeat; height:36px;width:100%;position: absolute;top: 512px;} #banner_shadow{background:transparent url(images/banner_shadow.png) center top no-repeat; height:8px;width:100%;position: absolute;top: 528px;} #banner{position:relative; width: 940px; margin: 0px auto; min-height:20px} #banner #nav, #banner #prev, #banner #next{position:absolute; z-index: 200; text-decoration:none;} #banner #nav a{text-indent: 100%;white-space: nowrap;width:17px;overflow:hidden; height:16px; background: transparent url(images/btn_banner_nav.png); color:transparent;display:inline-block} #banner #nav a.activeSlide{background: transparent url(images/btn_banner_nav_active.png); } #banner #nav{top:375px; width: 940px; text-align:center} #banner #prev, #banner #next{top:152px} #banner #prev{left:-12px; background:transparent url(images/btn_prev_slide.png) center top no-repeat; height:97px;width:40px;} #banner #next{right:-12px; background:transparent url(images/btn_next_slide.png) center top no-repeat; height:97px;width:40px;} /*calls to action*/ .cta{width: 240px; float:left; padding-left:60px;} .cta h2, .cta h2 a{margin-top:0px; margin-bottom:7px; font-size:24px; font-weight: 300;} .cta h2 a{color: #525252 !important; text-decoration:none !important} .cta h2 a:hover{text-decoration:underline !important} .cta p{margin-top:0px; font-size:12px; font-weight: 500;line-height:18px} #cta1{background: transparent url(images/cta1_bg.png) left top no-repeat} #cta2{margin-left: 20px; margin-right:20px; background: transparent url(images/cta2_bg.png) left top no-repeat} #cta3{background: transparent url(images/cta3_bg.png) left top no-repeat} /*content*/ #main{background:#FFF} .entry-content {margin:0px 0px 0px 116px;} .home .entry-content{margin:0px} #main .entry-content img{padding:0px 0px 25px 25px;} .gallery img{padding:0px !important;} #main a{color:#ffa33b; text-decoration:underline} #main a:hover{text-decoration:none} /*footer*/ .widget{float:left; position:relative; height:145px; margin-top:21px; margin-bottom: 21px;} #text-2{width:270px;border-right: 1px solid #cbcbcb} #text-3{width: 239px;border-left: 1px solid #e2e2e2; border-right: 1px solid #cbcbcb; padding-left:45px; padding-right:33px;} .social_icon{display:inline-block; margin-right:50px;} .social_icon:hover img{ /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* IE 5-7 */filter: alpha(opacity=80);/* Netscape */-moz-opacity: 0.8;/* Safari 1.x */-khtml-opacity: 0.8;/* Good browsers */opacity: 0.8;} #text-4{width: 291px;border-left: 1px solid #e2e2e2; padding-left:49px;} .icon{width:16px; padding-right:20px} #icon_address{background: transparent url(images/icon_address.png) 2px 1px no-repeat;} #icon_email{background: transparent url(images/icon_email.png) 1px 3px no-repeat;} #icon_phone{background: transparent url(images/icon_phone.png) left 2px no-repeat;} td.title{font-weight:700; text-align:left; padding-right:10px} .widget h3{margin-top:0px; margin-bottom:10px} .widget-title{font-size:24px; font-weight:300;} #footer_wrapper{background:transparent url(images/footer_bg.png) left bottom repeat; height:240px; width:100%;} #colophon {font-size:12px;} #colophon a{color:#000;} #footer_bottom{font-size:11px;} #footer_bottom a{color:#525252; margin-top:15px; margin-bottom:25px;} #colophon a:hover, #footer_bottom:hover{text-decoration:none !important;} #footer_left {float:left; width: 470px; margin-top:15px; margin-bottom:25px;} #footer_right{float:right; width: 470px; text-align:right; margin-top:15px; margin-bottom:25px;} /*misc*/ table td{vertical-align:top;} textarea, input{border: 1px solid #d7d7d7} #submit{background: #3db4e5;color: #FFFFFF;padding: 10px 20px;} #submit:hover{cursor:pointer} .ngg-gallery-thumbnail img{padding:4px !important} a img{border: none} .ngg-gallery-thumbnail img{margin:24px 0px 25px 72px !important} textarea{max-width:700px} blockquote:before { color: #3DB4E5; content: "\""; font-family: inherit; font-size: 60px; height: 2px; left: -40px; position: absolute; top: -20px; } blockquote:after { bottom: -40px; color: #3DB4E5; content: "\""; font-size: 60px; position: absolute; right: 0; } blockquote { color: #404040; font-size: 13px; font-style: italic; position: relative; }