/* GLOBAL STYLES ************************************/ ul, ol, ul li {list-style:none; list-style-image:none; list-style-type:none;} img, img a {border: 0;} * {margin:0; padding:0;} body {margin: 0; background: url(/images/main_bg.jpg) repeat-x top; color: #454545; font: 14px Helvetica, Arial, Verdana, sans-serif; line-height: 21px;} #background-wrapper {background: url(/images/main_bg.jpg) repeat-x top;} #wrapper {position: relative; width: 992px; margin: 0 auto; background: url(/images/top_header_bg1.3.jpg) top no-repeat;} .main-banner {width: 100% !important; height: 226px; position: relative;} #top-banner {width: 980px; height: 228px; margin: 16px 0 0px 6px; position: relative; display: block;} #content-wrapper {margin-top: 45px; position: relative; padding: 0 25px; -webkit-text-size-adjust: auto !important; } #content-body {margin: 0 0 0 25%; width: 75%; } #content-leftbar {float:left; width: 200px;} #content-leftbar img {max-width: 200px; height: auto; width: 100%; display: block;} #content-body embed, #content-body object, #content-body iframe {max-width: 706px;} a {text-decoration: none; color: #daaf10; -webkit-transition: all 75ms ease-in; /*safari and chrome */ -moz-transition: all 75ms ease-in; /* mozilla */ -ms-transition: all 75ms ease-in; /* IE */ -o-transition: all 75ms ease-in; /* opera */ transition: all 75ms ease-in;} a:hover {color: #A43930;} a.button {text-decoration: none; font-weight:bold; display: inline; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 5px; margin: 1px; background: .url(/images/footer_bg.jpg) repeat-x top; border: 1px solid #bfbfbf;} #content-body a[target^="_blank"] {position: relative !important;} #content-body a[target^="_blank"]:before {content: "This link opens in a new tab"; font-size: 11px; font-style: italic; border: 1px solid #afafaf; color: #666; position: absolute; top: -25px; border-radius: 3px; display: none; padding: 2px 20px 2px 7px; left: -2px; background: url(/images/xtrnl-ico.jpg) no-repeat 160px 7px #FFF; font-weight: bold; width: 151px;text-align: center; -webkit-box-shadow: 3px 3px 14px -4px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 14px -4px rgba(0,0,0,0.4); -o-box-shadow: 3px 3px 14px -4px rgba(0,0,0,0.4); -ms-box-shadow: 3px 3px 14px -4px rgba(0,0,0,0.4); box-shadow: 3px 3px 14px -4px rgba(0,0,0,0.4); z-index: 1;} #content-body a[target^="_blank"]:hover:before {display: inline;} .show_hide {display:none;} /* Main Navigation -----------------------------------*/ #home-link a {position: absolute; top: 6px; overflow: hidden; left: 5px; display: block; width: 330px; height: 0px; padding-top: 100px; z-index: 1;} #main-nav {display: block; height: 20px;background: none; width: 572px; margin: 0; list-style-image:none; list-style-position:outside; list-style-type:none; padding-top: 102px; padding-left: 370px;border: 0; box-shadow: none;} #main-nav li {float: left; height: 9px; padding:0 0 0 38px; background: none;} #main-nav li.last {float: left; height: 9px; padding-right:0px; } #main-nav li a {color: #FFFFFF; height: 9px; font: 12px "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; text-decoration: none; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4), 0 0px 10px #ff8f79; padding: 12px 0; -webkit-transition: all 75ms ease-in; /*safari and chrome */ -moz-transition: all 75ms ease-in; /* mozilla */ -ms-transition: all 75ms ease-in; /* IE */ -o-transition: all 75ms ease-in; /* opera */ transition: all 75ms ease-in;} #main-nav li a:hover, #main_nav li a:active {color:#6C221B; text-shadow:0 1px 0 rgba(255, 255, 255, 0.23), 0 0px 10px #ff8f79; border-bottom:5px solid #8B2F28;} /* Sub Navigation -----------------------------------*/ .block-menu ul {margin: 0; list-style:none; list-style-image:none; list-style-type:none; padding: 0; overflow: hidden;} .block-menu ul li, .block-menu ul li.collapsed, .block-menu ul li.expanded, .block-menu ul li.leaf, .block-menu ul li.expanded ul li {background: url(/images/subnav-shadow.png) right center no-repeat; display:block; list-style-image:none; list-style-type:none; list-style:none; border-top: 1px dotted #dddddd; margin: 0; padding: 0;} .block-menu ul li.expanded ul {border: none; color: #534638;} .block-menu ul li.first.active-trail a {-webkit-transition: all 100ms ease-in; /*safari and chrome */ -moz-transition: all 100ms ease-in; /* mozilla */ -ms-transition: all 100ms ease-in; /* IE */ -o-transition: all 100ms ease-in; /* opera */ transition: all 100ms ease-in; background:url("/images/subnav-shadow.png") no-repeat right center #A43930; color: #FFF; text-decoration: none; border-bottom: none;} .block-menu ul li.expanded li.leaf a {-webkit-transition: all 100ms ease-in; /*safari and chrome */ -moz-transition: all 100ms ease-in; /* mozilla */ -ms-transition: all 100ms ease-in; /* IE */ -o-transition: all 100ms ease-in; /* opera */ transition: all 100ms ease-in; padding-right: 21px; text-decoration: none; text-transform: none; color: #787878; background: #f8f8f8; border-bottom: none; border-right:5px solid #F4F4F4;} .block-menu ul li.expanded li.leaf a:hover, .block-menu ul li.expanded li.leaf.active-trail a {background:#A43930; color: #FFF; border-bottom: none; border-right:5px solid #8B2F28; text-shadow:0 -1px 0 #7a1810;} .block-menu ul li.expanded li.leaf.active-trail a:first-child {border-bottom: none; border-top:1px solid #8B2F28; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.84, #A43A30 ),color-stop(1.0, #99352B)); background: -moz-linear-gradient(center bottom , #A43A30 84%, #99352B 100%);} .block-menu ul li a {-webkit-transition: all 100ms ease-in; /*safari and chrome */ -moz-transition: all 100ms ease-in; /* mozilla */ -ms-transition: all 100ms ease-in; /* IE */ -o-transition: all 100ms ease-in; /* opera */ transition: all 100ms ease-in; border-bottom: none;display:block; color: #A43930; padding: 17px 15px 17px 11px; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align:right; } .block-menu ul li a:hover {background:url("/images/subnav-shadow.png") no-repeat right center #A43930; color:#FFFFFF; text-shadow:0 -1px 0 #7a1810;} .block-menu ul li:last-child {background-position: right bottom; } .block-menu ul li:first-child {background-position: right top; border: none; } /* Content Area ------------------------------------*/ p { font-size: 16px; line-height: 27px; margin: 30px 0; } p.lead { font-size: 1.25em; line-height: 1.5; } h1 {font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; font-size: 28px; line-height: 27px; color: #454545; letter-spacing:-1px; } h1.title {font: 28px Helvetica, Arial, sans-serif; line-height: 27px; color: #454545; letter-spacing:-1px; } h1.title em {color: #d2be8f;} h2 {font-size: 22px; margin: 30px 0; font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;} h2 + p, h3 + p, h1 + p {margin-top: -10px;} .title h2 {font: 21px Helvetica, Arial, sans-serif; font-style: none; line-height: 30px; color: #454545; margin: 0;} h3 {font: 21px "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; font-weight: normal; margin: 10px 0;} h4 {font-size: 14px; font-weight: bold; margin-top: 15px;} h6 {font-size: 30px; text-transform: uppercase; text-shadow: 1px 1px 0 white, 2px 2px 2px #DDD; margin: 8px 0;} h7 {font-weight: bold; text-transform: uppercase; font-size: 16px; display: block; margin: 20px 0 0 0;} h8 {font-size: 16px; display: block; margin: 0px 0 20px 0;} .floatR {float: right; border: 0; padding: 0px 0 10px 15px; clear: right;} .floatL {float: left; border: 0; padding: 0px 15px 10px 0; clear: left;} .divider, hr {display:block; margin: 30px 0px; height: 0px; border-style: none; border-top: 1px solid #ededed; clear: both;} blockquote {background-color: #f4f4f4; padding: 15px; display:block; margin: 10px 0 12px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px;} .q-start {font: bold 84px Georgia, 'Times New Roman', Times, Garamond, serif; float: left; color: rgba(0,0,0,0.04); height:43px; margin-top:-19px; text-shadow: none;} .q-end {font: bold 84px Georgia, 'Times New Roman', Times, Garamond, serif; float: right; color:rgba(0,0,0,0.04); margin:28px 0; line-height:1px; text-shadow: none;} .block-left {padding:0px 15px; border-left:5px solid rgba(83,70,56,0.2);} #content-body .form-text {background-image: url(/images/footer_bg.jpg); background-position: top; height: 15px; padding: 3px; margin: 2px; border: 1px solid #bfbfbf; } #content-body .form-submit {background: url(/images/footer_bg.jpg) 50% 30%; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-top: 5px; padding: 10px; border: 1px solid #bfbfbf;font-weight: bold;} #content-body ul.list {font-size: 16px; line-height: 27px;} #content-body ol li, .list li {padding-left: 5px; list-style-image: url('http://evanolsen.org.s56299.gridserver.com/images/li-bullet.jpg'); margin: 0px 0 10px 40px;} .scripture {font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; line-height: 23px; color: #686868; padding-left: 30px; border-left: 10px solid #F6F6F6; border-left: 10px solid rgba(0,0,0,0.07); padding: 15px 0 15px 30px;} .photo {border: 6px solid #FFF; -webkit-box-shadow: 1px 2px 9px #ddd; -o-box-shadow: 1px 2px 9px #ddd; -ms-box-shadow: 1px 2px 9px #ddd; -moz-box-shadow: 1px 2px 9px #ddd; box-shadow: 1px 2px 9px #ddd; float: left; margin: 0 15px 15px 0; color: #343434; font-size: 14px; text-align: center;} .brdrlss {border: none !important; } .photo img {opacity: 0.8;} .photo img:hover {opacity: 1;} .intern-interview img {width: 111px;} .lg-headline-nav ul {margin: 0; list-style:none !important; padding: 0; overflow: hidden; } .lg-headline-nav li {display:block; list-style:none !important; margin: 0 !important; padding: 0 !important;} .lg-headline-nav li h2 {font: bold 22px "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;} .lg-headline-nav li a {color: #454545; margin: 22px 0px; display: block; font: 12px Helvetica, Arial, sans-serif; text-decoration: none;} .lg-headline-nav li a:hover, .lg-headline-nav li a:active {text-decoration: none; } .columnL { float: left; width: 335px; margin-right: 10px; } .columnR { float: right; width: 335px; margin-left: 10px; } .sm {font-size: 12px; font-weight: bold;} .grey {color: #777;} a.sm.grey {padding-right: 15px;} a.sm.grey:hover {color: #999;} a[target^="_blank"].no-blank:hover:before {display: none !important;} /* Buttons -----------------------------------*/ .event-btn, .register-button, .medium-button, .register-button-2, .new-m-button {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .event-btn {background: #222; display: block; float: left; padding: 6px 15px; margin: 0px 12px 0px 0px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-align: center; color: white; text-decoration: none; font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;} .event-btn:hover {color: white; text-shadow: 0 0 12px white, 0 1px 1px black; -moz-box-shadow: 0 0 60px white; -webkit-box-shadow: 0 0 60px white; -ms-box-shadow: 0 0 60px white; -o-box-shadow: 0 0 60px white; box-shadow: 0 0 60px white;} .medium-button a {background: #565656 url(/images/medium-button-high.png) repeat-x 0px -6px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid #E5E5E5; padding:6px 15px; border:1px outset rgba(255, 255, 255, 0.3); position:relative; margin: 7px 0px 0px 0px; width: 130px; text-align:center; color:#FFF; font-weight: bold; text-decoration: none;} .medium-button a:hover {background: #9d4842 url(/images/medium-button-high.png) repeat-x 0px -6px;} .medium-button a:active {background: #893f39 url(/images/medium-button-high.png) repeat-x 0px -6px;} .register-button {margin: 10px 0; cursor: pointer;} .register-button a {background: #A43930 url(/images/medium-button-high.png) repeat-x 0px -6px; padding:6px 15px; border:1px outset rgba(0, 0, 0, 0.2); display: inline-block; position:relative; margin: 7px 0 0px 0px; text-align:center; color:#FFF; text-shadow: 0px -1px 1px rgba(0,0,0,0.4);font-weight: bold;font-size: 90%; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 #ca5142, 0px 1px 2px #afafaf; -moz-box-shadow: inset 0 1px 0 #ca5142, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #ca5142, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #ca5142, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #ca5142, 0px 1px 2px #afafaf; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; line-height: 17px;} .register-button a:hover {background: #efefef url(/images/medium-button-high.png) repeat-x 0px -6px; border:1px outset rgba(255, 255, 255, 0.5); color:#595959; text-shadow: 0px 1px 1px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 #FFF; -moz-box-shadow: inset 0 1px 0 #FFF; -o-box-shadow: inset 0 1px 0 #FFF; -ms-box-shadow: inset 0 1px 0 #FFF; box-shadow: inset 0 1px 0 #FFF; } .register-button a:active {background: #dfdfdf url(/images/medium-button-high.png) repeat-x 0px -6px; top: 1px; border:1px inset rgba(255, 255, 255, 0.4); color:#bfbfbf; text-shadow: 0px 1px 1px rgba(255,255,255,0.4); font-weight: bold;text-decoration: none; -webkit-box-shadow: inset 0 1px 0 #FFF; -moz-box-shadow: inset 0 1px 0 #FFF; box-shadow: inset 0 1px 0 #FFF;} .green a {background-color: #C2D79F; -moz-box-shadow: inset 0 1px 0 #eef4e4, 0px 1px 2px #afafaf; -webkit-box-shadow: inset 0 1px 0 #eef4e4, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #eef4e4, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #eef4e4, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #eef4e4, 0px 1px 2px #afafaf;} .blue a {background-color: #245f81; -moz-box-shadow: inset 0 1px 0 #3b83ac, 0px 1px 2px #afafaf; -webkit-box-shadow: inset 0 1px 0 #3b83ac, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #3b83ac, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #3b83ac, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #3b83ac, 0px 1px 2px #afafaf;} .orange a {background-color: #e57b00; -moz-box-shadow: inset 0 1px 0 #ffaa3e, 0px 1px 2px #afafaf; -webkit-box-shadow: inset 0 1px 0 #ffaa3e, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #ffaa3e, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #ffaa3e, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #ffaa3e, 0px 1px 2px #afafaf;} .fnb-green a {background-color: #86bebb; -moz-box-shadow: inset 0 1px 0 #a7dbd8, 0px 1px 2px #afafaf; -webkit-box-shadow: inset 0 1px 0 #a7dbd8, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #a7dbd8, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #a7dbd8, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #a7dbd8, 0px 1px 2px #afafaf;} .gray a {background: #f4f4f4 !important; color: #7f7f7f !important; text-shadow: 0px -1px 1px white !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF, 0 0 10px rgba(0, 0, 0, 0.07) !important; -webkit-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF, 0 0 10px rgba(0, 0, 0, 0.07) !important; -ms-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF, 0 0 10px rgba(0, 0, 0, 0.07) !important; -o-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF, 0 0 10px rgba(0, 0, 0, 0.07) !important; box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF, 0 0 10px rgba(0, 0, 0, 0.07) !important;} .gray a:hover {background: #FFF !important; color: #717171;} .register-button-2 a {background: #b3cc8e url(/images/medium-button-high.png) repeat-x 0px -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:1px 7px; margin: 0 5px; border:1px outset rgba(0, 0, 0, 0.2); display:inline-block; text-align:center; color:#444; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); font-weight: bold; text-decoration: none; font-size: 11px;} .register-button-2 a:hover {background: #efefef url(/images/medium-button-high.png) repeat-x 0px -6px; border:1px outset rgba(255, 255, 255, 0.5); color:#595959; text-shadow: 0px 1px 0px rgba(255,255,255,0.4);} .register-button-2 a:active {background: #dfdfdf url(/images/medium-button-high.png) repeat-x 0px -6px; border:1px inset rgba(255, 255, 255, 0.4); color:#bfbfbf; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); font-weight: bold;text-decoration: none;} .new-m-button {font-size: 11px; text-transform: uppercase; margin: 10px 0; font-weight: bold; color: white; padding: 10px 15px; background: #FFCF49; text-decoration: none; border-radius: 4px; border: 1px solid #FFBC39; -webkit-box-shadow: inset 0 1px 0 #ffe159, 0px 1px 2px #afafaf; -moz-box-shadow: inset 0 1px 0 #ffe159, 0px 1px 2px #afafaf; -o-box-shadow: inset 0 1px 0 #ffe159, 0px 1px 2px #afafaf; -ms-box-shadow: inset 0 1px 0 #ffe159, 0px 1px 2px #afafaf; box-shadow: inset 0 1px 0 #ffe159, 0px 1px 2px #afafaf; } .new-m-button:hover {background: #454545; color: #adadad; border: 1px solid #232323; box-shadow: inset 0 1px #676767;} .btn-red-outline { padding: 25px 40px; border: 3px solid #ba2f16; text-transform: uppercase; font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; display: block; color: #ba2f16 !important; font-size: 1.35em; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .btn-red-outline:hover { background-color: #ba2f16; color: #FFF !important; } .btn-red-outline.turnflorida { border: none; background-color: #03c0a6; color: #FFF !important; clear: both; } .btn-red-outline.turnflorida:hover { background-color: #ba2f16; color: #FFF !important; } .btn-primary-flat { padding: 1.3em 3em; background-color: #ae2000; text-transform: uppercase; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 700; text-align: center; color: #FFF; font-size: 1.125em; letter-spacing: 0.1em; margin-left: 20px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .btn-primary-flat:hover { color: #ae2000; background-color: #FFF; } /* 2014 Capital Campaign ==================================== */ .campaign-2014-header { width: 950px; height: 445px; padding-top: 260px; margin: 16px 0px -200px 6px; position: relative; display: block; padding-right: 30px; text-align: right; background: #FFF url('/images/partners/2014-capital-campaign/main-bg.jpg') no-repeat top; } .campaign-2014-header .goal-progress-wrap { width: 888px; height: 75px; left: 47px; top: 438px; position: absolute; } .campaign-2014-header .goal-progress-wrap .current-progress { background: #ae2000; width: 34.5%; height: 75px; text-align: right; float: left; } .campaign-2014-header .goal-progress-wrap .amount, .campaign-2014-header .goal-progress-wrap .goal-amount { font-family: Georgia, serif; font-style: italic; color: #ae2000; font-size: 25px; padding: 27px 20px; display: block; text-align: right; } .campaign-2014-header .goal-progress-wrap .amount { color: #FFF; } #content-wrapper.campaign-2014 #content-body { margin: 0 0 0 0; width: 100%; } #content-wrapper.campaign-2014 #content-body h2 { font-family: "Montserrat", helvetica, arial, sans-serif; text-transform: uppercase; font-size: 1.4em; font-weight: 400; letter-spacing: 0.1em; color: #999; } #content-wrapper.campaign-2014 #content-body h1 { font-family: "Montserrat", helvetica, arial, sans-serif; letter-spacing: 0.02em; } #content-wrapper.campaign-2014 #content-body h3 { font-family: "Montserrat", helvetica, arial, sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; } /* FOOTER ************************************/ #footer .form-text {border: none; background-color:#000; font-size:12px; padding: 8px; width: 210px; height: 14px; position: relative; right: -34px; display:inline; color:#474747; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;} #footer .form-text:focus {outline: none; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -o-box-shadow: 0 0 10px #444; -ms-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444;} #footer .form-submit {margin: 0; padding: 0; border: none; height: 0px; width: 29px; position: relative; padding-top: 30px; overflow:hidden; display:inline; background: url(/images/search-icon.png) no-repeat center; vertical-align: middle; *vertical-align: text-bottom; cursor:pointer;} #footer .form-submit:hover {border: none; background: url(/images/search-icon_hover.png) no-repeat center;} #footer .container-inline label {display: none;} #contact-phone, #contact-email {background: url(/css/forms_sprite.png) no-repeat 157px -45px; padding: 4px 0;} #contact-email {background-position: 189px -95px;} /* Footer -----------------------------------------------*/ #footer {position: relative;display: block; padding: 28px 20px 0 20px; margin: 0 auto; width: 960px; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; color: #aaa;} #footer-wrapper {position: relative; margin-bottom: 0; clear: both; background: #222 url('/images/footer_bg.jpg') top repeat-x; overflow: auto;min-height: 400px;} #footer_columnR {float: right; width: 265px; text-align: right; margin-left: 10px; } #getemailupdates {border: none; padding:0px 5px; background:#FFFFFF; font-size:13px; height: 30px; width: 300px; display:inline; color:#c1c1c1; position: relative; left: 125px; top: -33px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} #site-by {float: right; width: 150px; text-align: right; position: relative; font-size: 10px; color: #555; } #site-by a {float: right; margin-left: 50px; width: 99px; height: 0; display: block; overflow: hidden; padding-top: 34px; background:url(/images/inkblot-logo.png) no-repeat center; } #site-by a:hover {background:url(/images/inkblot-logo_hover.png) no-repeat center; } .footer-submit {margin: 0; padding: 0; border: 1px solid #e8e8e8; width: 79px; display:inline; background:url(/images/susbscribe-submit-bg.jpg) repeat-x center -4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; position: relative; left: 41px; top: -33px; height: 26px; cursor:pointer;} .footer-submit:hover {background: #efefef;} #stay-connected {background: url(/images/stay-connected-logo.png) no-repeat left; padding-left: 130px; height: 30px;} .icons {padding: 0 3px 0px 0;} #footer-bar {margin: 45px 0 30px 0; padding-top: 10px; } /* Footer Navigation -----------------------------------------------*/ .footer-nav {margin: 0; list-style-image:none; list-style-position:outside; list-style-type:none; padding-left: 10px; border-left: 1px solid #343434; height: 170px; float: left;} .footer-nav li {margin: 0; padding: 0 0 0 3px;} .footer-nav li a, #footer a {font-size: 12px; color: #aaa; text-decoration: none;} .footer-nav li a:hover {color: #CCCCCC; text-decoration: underline;} .footer-nav-header {font-size: 15px; color: #ededed;} .ministry-header {color:#bbb; font-weight:bold;} .margin-space {margin: 10px 0 20px 0;} #nav-1 {position: absolute;} #nav-2 {position: relative; left: 180px;} #nav-3 {position: relative; left: 180px; top: -130px; margin-bottom: -91px;} #nav-4 {position: relative; left: 380px;} #footer-bar-nav {margin: 0; list-style-image:none; list-style-position:outside; list-style-type:none; position: relative; left: 736px; top:-25px; height: 3px; width:255px;} #footer-bar-nav li {margin: 0 10% 0 0; display: inline;} #footer-bar-nav li a {font-size: 11px; color: #999; text-decoration: none;} #footer-bar-nav li:last-child {margin: 0;} #footer-bar-nav li a:hover {color: #555; text-decoration: none;} .node-form .standard {clear:none;} /* Home Page -----------------------------------------------*/ body.front #content-body {margin:-90px 0 0 25px; width:875px;} #featured-items {background: url(/images/home/home_featured-items.jpg) no-repeat top; height:217px; margin: 20px 0 10px 6px; width:979px;} #featured-items h4 {margin: 0;} #small-leads {margin: 127px 0 0 7px; width:980px; height: 150px;} .feature {display:inline; margin-top: 10px; width:233px; float:left; height: 207px; text-align:justify; padding: 0 10px;} .feature a {font-size: 11px; color: #b85050; text-decoration:none;} .subline {font-size: 11px; line-height: 17px;} .secondary-item {font-size: 10px; padding: 20px 0 5px 10px; float: left; width: 177px; line-height: 17px;} .secondary-item a {color: #454545; text-decoration:none;} #main-feature {width: 980px; height: 370px; background: url(/images/home/main-feature.2.jpg) no-repeat top; position: relative;} .upcoming-events {font-size: 11px; font-weight: bold; color:#FFFFFF; position: absolute; top: 50px; left: 730px; text-align: left; line-height:15px;} .upcoming-events span {font-size: 11px; font-weight:normal; color:#DAAF10; position: absolute; left: 36px; width: 198px;} #follow-us-on-twitter a {width:216px; height:0; padding-top: 32px; overflow: hidden; display:block; top: 333px; left: 730px; position: absolute;} #twitter {position:absolute; top:235px; left:710px; width:260px; font: 12px Helvetica, Arial, sans-serif; color: #FFFFFF;} .twtr-hd, .twtr-ft, .twtr-user {display: none;} .twtr-widget a[target^="_blank"]:hover:before {display: none !important;} .upcoming-events-button {color: #cccccc; display:block; width: 210px; text-align: center; text-decoration: none; font-weight:bold; -moz-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; -webkit-border-radius: 7px; padding: 5px; margin: 2px 0; background-color:#4b4640;} .upcoming-events-button:hover {color: #4b4640; background-color:#DAAF10;} .slides_container {width:691px; height:357px; position:relative; overflow:hidden; margin: 0; left: 6px; top: 6px;} .slides_container div {width:691px; height:357px; display:block;} .pagination {display: none;} .next {background-image:url(/images/btn_next.gif); padding-top: 15px; height: 0; width: 15px;display: block; overflow: hidden;position: absolute; top: 50px; left: 290px;} .prev {background-image:url(/images/btn_prev.gif); padding-top: 15px;height: 0;width: 15px;display: block; overflow: hidden;position: absolute; top: 50px; left: 270px;} /* STAFF INTRANET *************************************/ #top-bar {padding: 0; margin: 0;position: relative; z-index: 998;} .service-jobs-button li {list-style: none; padding: 0; margin: 0;} .service-jobs-button li a {display: block;margin: 4px 0;text-decoration: none; position: relative; border-bottom: 1px dotted #DDD; font-size: 15px; color: #454545; padding: 5px; background: #fafafa;} .service-jobs-button li a:hover {color:#595959; text-decoration: none; border-bottom: 1px solid #bbb; text-shadow: 0 1px 0px #FFF;} /* STAFF NAVIGATION ************************************/ #block-menu-menu-staff-menu ul {background: #232323 url('/images/staff_intranet/menu_bg.jpg') repeat-x; width: 100%; margin: -10px 0 -10px 0; padding:10px 0;} #block-menu-menu-staff-menu ul li {display: inline; border: none;} #block-menu-menu-staff-menu ul li:first-child {margin-left: 150px;} #block-menu-menu-staff-menu ul li a {color: #ccc; text-shadow: 0px -1px 1px #000; background: none; display: inline; padding: 8px 20px; text-align: center; text-decoration: none; text-transform:uppercase; font-size: 11px; border: none;} #block-menu-menu-staff-menu ul li a:hover {border-bottom: 3px solid #333; color: #FFFFFF; text-shadow: 0 1px 1px #000, 0 0 25px #999;} /* RELENTLESS PAGE ************************************/ .relentless-tracks {background: url('/images/relentless-upcoming-dates-bg.jpg') #f3f3f3 repeat-y 0 47px; position: relative; top: -21px;} .relentless-tracks ul {margin-top: 0 !important; list-style: none !important;} .relentless tracks li {list-style: none !important;} .relentless-tracks li .semester {margin: 0 !important; font-size: 10px; color: #FFF; font-weight: bold; text-align: left; } .relentless-tracks li .date {display: inline; left:102px; position:absolute;} .quote {font-family: Georgia, serif; font-style: italic; font-size: 16px; line-height: 28px; text-shadow: 0 1px 0px #FFF, 0 1px 10px #CCC; padding: 25px;} .source {background: url('/images/quote-source-talkbox.jpg') no-repeat top left; padding-top: 14px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-style: normal; display: block; color: #CCC; margin-left: 33px; margin-top: -12px; text-shadow: 0 1px 0px #FFF, 0 1px 30px #CCC;} /* SCHOOL OF MINISTRY ************************************/ tbody {border-top: none;} #offered-classes tr {margin-top: 5px; background: #FAFAFA;} #offered-classes tr td {background: #FAFAFA;} #offered-classes #class-title {padding:7px; border: 1px dotted #ededed; width: 100px; font-weight: bold; text-align: center;} #offered-classes #class-description {padding:10px; border: 1px dotted #ededed; width: 350px; font-size: 12px; text-align:left;} #offered-classes #instructor {padding:7px; border: 1px dotted #ededed; text-align:center; font-size: 11px;} #offered-classes #price {padding:3px; border: 1px dotted #ededed; text-align:center;} #offered-classes #dates {padding:7px; border: 1px dotted #ededed;} #offered-classes #registration {padding: 0 0 0 4px; border: 1px dotted #ededed; text-align: center;} #offered-classes #class-title:hover, #offered-classes #class-description:hover, #offered-classes #instructor:hover, #offered-classes #price:hover, #offered-classes #dates:hover, #offered-classes #registration:hover {background: #F1FCEF; -moz-box-shadow:0 0 20px #E1ECEE; -webkit-box-shadow:0 0 20px #E1ECEE; -o-box-shadow:0 0 20px #E1ECEE; -ms-box-shadow:0 0 20px #E1ECEE; box-shadow:0 0 20px #E1ECEE;} /* PARTNERS **************************************/ .partner-large-button a {background: #A93C34; padding:9px 13px 5px; border:1px outset rgba(255, 255, 255, 0.3); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display:inline-block; position:relative; margin: 7px 14px 0px 0px; border-bottom: 5px solid #7D2B26; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px #FFF, 0 1px 4px #BBB; -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px #FFF, 0 1px 4px #BBB; -o-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px #FFF, 0 1px 4px #BBB -ms-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px #FFF, 0 1px 4px #BBB box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0px #FFF, 0 1px 4px #BBB;} .partner-large-button a:hover {background: #E9E9E9 url(/images/partners/top-highlight.png) repeat-x top; border-bottom: 5px solid #EFEFEF;} .partner-large-button a:active {background: #893f39 url(/images/partners/top-highlight.png) repeat-x top; top: 2px; border-bottom: 5px solid #7D2B26;} .giving-body {width: 540px;background: white;padding: 20px 30px;top: -40px;position: relative;float: right;text-align: justify; -webkit-box-shadow: 0 0 20px #DDD, 1px 1px 2px #AAA; -moz-box-shadow: 0 0 20px #DDD, 1px 1px 2px #AAA; -o-box-shadow: 0 0 20px #DDD, 1px 1px 2px #AAA; -ms-box-shadow: 0 0 20px #DDD, 1px 1px 2px #AAA; box-shadow: 0 0 20px #DDD, 1px 1px 2px #AAA;} /*np-button = New Partners Button */ #np-button-wrapper {float: left;} .np-button {overflow: auto;} .np-button a {background: #b93737; padding: 15px 0; width: 298px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -moz-box-shadow: inset 0px -3px 0px #871f1f, inset 0px 1px 0 #d47565; -o-box-shadow: inset 0px -3px 0px #871f1f, inset 0px 1px 0 #d47565; -ms-box-shadow: inset 0px -3px 0px #871f1f, inset 0px 1px 0 #d47565; -webkit-box-shadow: inset 0px -3px 0px #871f1f, inset 0px 1px 0 #d47565; box-shadow: inset 0px -3px 0px #871f1f, inset 0px 1px 0 #d47565; border: 1px solid #b93737; text-decoration: none; color: #FFF; font-size: 15px; font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; text-shadow: 0 -1px 0 #871f1f; margin: 5px 7px; float: left; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.50, #A43A30 ),color-stop(1.0, #b93737)); background: -moz-linear-gradient(center bottom , #A43A30 50%, #b93737 100%);} .np-button a:hover {-webkit-box-shadow: inset 0px 1px 3px #871f1f, 0 0 10px #FFF; -moz-box-shadow: inset 0px 1px 3px #871f1f, 0 0 10px #FFF; -o-box-shadow: inset 0px 1px 3px #871f1f, 0 0 10px #FFF; -ms-box-shadow: inset 0px 1px 3px #871f1f, 0 0 10px #FFF; box-shadow: inset 0px 1px 3px #871f1f, 0 0 10px #FFF;background: #b93737; } .np-button a:active {-webkit-box-shadow: inset 0px 0px 10px #000, 0 0 10px #FFF;background: #454545; -moz-box-shadow: inset 0px 0px 10px #000, 0 0 10px #FFF;background: #454545; -o-box-shadow: inset 0px 0px 10px #000, 0 0 10px #FFF;background: #454545; -ms-box-shadow: inset 0px 0px 10px #000, 0 0 10px #FFF;background: #454545; box-shadow: inset 0px 0px 10px #000, 0 0 10px #FFF;background: #454545; border: 1px solid #000; text-shadow: 0 -1px 0 #000;} .intro-title {font-size: 13px; font-weight: bold; text-transform: uppercase;} .instructions {color: #adadad; text-align: center; margin: 15px 0; display: block; font: 19px "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; font-weight: normal;} .instructions:after {content: ""; display: block; margin-left: 39px; position: absolute; background: #EEE; width: 240px; height: 2px;} .instructions:before {content: ""; position: absolute; margin-top: 27px; margin-left:155px; background: #EEE; width: 2px; height: 12px; display: block;} /* ng-nav = New Giving Navigation */ .ng-nav {position: absolute; left: 380px; top: 162px;} .ng-nav li {} .ng-nav li ul li a, .ng-nav li a {color: #FFF; font-weight: bold; text-decoration: none; text-shadow: 0px -1px 1px #933127, 0 0 5px #802c21; font-size: 12px;} .ng-nav li ul li a:hover {background: #EAEAEA; color: #232323; text-shadow: 0px 1px 1px #FFF; -webkit-box-shadow: inset 0px 1px 0px #FFF; -moz-box-shadow: inset 0px 1px 0px #FFF; -o-box-shadow: inset 0px 1px 0px #FFF; -ms-box-shadow: inset 0px 1px 0px #FFF; box-shadow: inset 0px 1px 0px #FFF;} /* EVENTS ------------------------------------*/ #events-header {background: url('/images/headers/events.jpg') no-repeat center; width: 980px; height: 226px;} .events-table-header {background: #2f2f2d; display: block; color: #FFF; font-size: 13px; padding: 12px 12px 10px 14px; text-transform:uppercase; letter-spacing: 2px;} .events-table {background-color: #f4f4f4; padding:15px; text-decoration:none; margin-bottom: 30px;} .events-table a h2 {color: #454545; text-decoration:none;} /* Relentless Conference 2012 ---------------------------------*/ .rc12-nav {width: 580px; position: absolute; right: 10px; height: 84px;} .rc12-nav li {display: inline; float: left;} .rc12-nav li a {display: block; padding: 32px 27px 32px 26px; color: #FFF; font-size: 20px; text-decoration: none; font-family: "bebas-neue-1", "bebas-neue-2", helvetica, arial, sans-serif; text-shadow: 0 1px 1px #000; } .rc12-nav > li:hover a {color: #adedec; background: #222; text-shadow: 0 1px 1px black, 0 0 35px #adedec; margin-left: -1px; border-left: 1px dotted #6F6F6F;} .rc12-content-body {width: 530px; padding: 20px 30px; background: #F6F6F6; color: #2a2a2a; position: relative; top: -258px; right: -15px; float: right; line-height: 19px; -o-box-shadow: 0px 2px 9px #000; -moz-box-shadow: 0px 2px 9px #000; -ms-box-shadow: 0px 2px 9px #000; -webkit-box-shadow: 0px 2px 9px #000; box-shadow: 0px 2px 9px #000;} .rc12-content-body h1 {font-size: 30px; letter-spacing: 1px; text-decoration: none; margin-top: 15px;line-height: 32px; clear: both; font-family: "bebas-neue-1", "bebas-neue-2", helvetica, arial, sans-serif; font-weight: normal;} .rc12-content-body a {color: #6bb0ae;} .rc12-content-body#home {background: none; top: -244px; box-shadow: none; color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} #rc12-leftbar {float: left; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} #rc12-leftbar, #rc12-leftbar a {color: #FFF;font-family: "bebas-neue-1", "bebas-neue-2", helvetica, arial, sans-serif; font-size: 18px; } #rc12-twitter-wrapper {margin-top: -10px;} #rc12-twitter {padding:20px; width:280px; font: 14px Helvetica, Arial, sans-serif; color: #FFFFFF; background: #5e2b1d; background: rgba(33, 15, 12, 0.4);} #rc12-twitter a {color: #6bb0ae !important;} #rc12-map-wrapper {float: left; width: 330px;} #rc12-map-wrapper iframe {background: #FFF; padding: 10px; margin-top: 27px; width: 310px; height: 150px;} #rc12-share {position: absolute; bottom: 60px; width: 890px; left: 80px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .lg, .mdm {color: #FFF;font-family: "bebas-neue-1", "bebas-neue-2", helvetica, arial, sans-serif; font-size: 44px; line-height: 35px;} .mdm {font-size: 32px; line-height: 40px;} #rc12-share .fb {width: 182px; height: 125px; background: url('/images/events/rc12/fb-bg.jpg') no-repeat; position: absolute; left: 420px; top: -40px; padding: 50px 0 0px 65px;} #rc12-share .twitter {width: 183px; height: 125px; background: url('/images/events/rc12/twitter-bg.jpg') no-repeat; position: absolute; right: 10px; top: -40px; padding: 50px 0 0px 53px; } #slogan-register a {width: 370px; height: 0; padding-top: 186px; overflow: hidden; display: block; position: absolute; left: 0px; top: 520px; background: url('/images/events/rc12/slogan-l.png') no-repeat;} #slogan-register-r a {width: 469px; height: 0; padding-top: 215px; overflow: hidden; display: block; position: absolute; right: 0px; top: 400px; background: url('/images/events/rc12/slogan.png') no-repeat;} #rc12-player iframe, #rc12-player img {width: 590px; position: relative; top: -256px; right: -15px; float: right; background: #000; -o-box-shadow: 0px 2px 9px rgba(0,0,0,0.4); -ms-box-shadow: 0px 2px 9px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 9px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 2px 9px rgba(0,0,0,0.4); box-shadow: 0px 2px 9px rgba(0,0,0,0.4);} .rc12-schedule {list-style: none; display: block; clear: both; border-bottom: 1px dotted #ddd; overflow: auto;} .rc12-schedule .time {width: 45px; float: left; border-right: 1px dotted #ddd; margin-right: 20px; background: #F1F1F1; padding: 20px; clear: both;} .rc12-schedule .event-info {padding: 25px 0; font-size: 17px; background: #FFF;} .rc12-archive li {list-style:none; cursor: pointer; padding: 10px 15px; background: white; border: 1px solid #EEE; border-bottom: 1px solid #DDD; border-top: 1px solid white; overflow: auto; font-weight: bold;} .rc12-archive li:hover {-moz-box-shadow: 0 0 25px #DEDEDE; color: #999 !important; background: #f3f3f3; border: 1px solid #DDD; -o-box-shadow: 0 0 25px #DEDEDE; border-top: 1px solid white; -ms-box-shadow: 0 0 25px #DEDEDE; -webkit-box-shadow: 0 0 25px #DEDEDE; box-shadow: 0 0 25px #DEDEDE; } .rc12-archive li:hover a, .rc12-archive li:hover small {color: #999;} .rc12-archive li:active {margin: 3px 0 -3px 0;} .rc12-archive li img {float: left; border: 0; padding: 0px 15px 0 0; height: 70px;} .rc12-archive li:hover img {opacity: 0.8;} .rc12-archive li small {color: #777; font-weight: normal;} .rc12-archive li a {color: #333;} /* TURN FLORIDA 2014 ---------------------------------*/ .turnflorida-bg { background: url('/images/events/turnflorida/main-bg.jpg') no-repeat center top; min-height: 800px; margin-top: -228px !important; padding: 90px 0 100px 0 !important; } .turnflorida-bg #content-body { clear: both; padding: 60px; margin: 358px 0 0 6px; width: 860px; color: #5e4d4a; } .turnflorida-bg #content-body h1, .turnflorida-bg #content-body h3, .turnflorida-bg #content-body a { color: #ba2f16; } /* ONE THING THAT I WANT GIVEAWAY ---------------------------------*/ .ottiw-links a {color: #a8a5b9;} .ottiw-links a:hover {color: #968eb9;} .ottiw-wrapper {width: 92%; max-width: 800px; padding: 50px 4%; margin: 0 auto; position: relative;} .ottiw-wrapper-sky {background: url('/images/ottiw-main-bg-sky.jpg') repeat; width: 100%; position: relative; overflow: auto; min-height: 480px;} .ottiw-wrapper #artwork {height: auto; width: 53%; max-width: 375px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2), 1px 1px 30px rgba(0,0,0,0.2); float: left;} .ottiw.content-body {margin: 0 auto; color: #222; clear: both; font-family: 'Oxygen', helvetica, arial, sans-serif; font-size: 16px; line-height: 27px; position: relative;} .ottiw.content-body h3, #ottiw-footer #downloads h3 {color: #595674;} #ottiw-player-wrap {width: 40%; max-width: 280px; float: left; margin-left: 30px; color: #FFF;} #ottiw-player-wrap h3 {color: #FFF;} .itunes-button img {width: 120px; height: auto;} .buy-now-itunes {position: relative; background: #604da9; border-radius: 15px; border: 1px solid #4f4a76; padding: 25px; color: #FFF; display: block; transition: none; box-shadow: inset 0 1px 0px rgba(255,255,255,0.3), 0px 1px 10px rgba(0,0,0,0.3), 0px 1px 1px rgba(0,0,0,0.2); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNGVhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTNjOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #624eaa 0%, #4e3c99 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#624eaa), color-stop(100%,#4e3c99)); background: -webkit-linear-gradient(top, #624eaa 0%,#4e3c99 100%); background: -o-linear-gradient(top, #624eaa 0%,#4e3c99 100%); background: -ms-linear-gradient(top, #624eaa 0%,#4e3c99 100%); background: linear-gradient(to bottom, #624eaa 0%,#4e3c99 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#624eaa', endColorstr='#4e3c99',GradientType=0 );} .buy-now-itunes span {background: #372b7c; background: rgba(29,22,95,0.3); position: absolute; display: block; left: 0px; top: 0px; padding: 15px 15%; border-radius: 15px 0 0 15px; font-size: 18px; color: #FFF;} .buy-now-itunes #itunes-logo {background: url('/images/itunes-logo.png')no-repeat; height: 30px; width: 99px; position: relative; margin: -15px 48%;} .buy-now-itunes:hover {color: #c8c3e7; color: rgba(255,255,255,0.6); background: #6b54c5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNTRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODQxYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6b54c5 0%, #5841b8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b54c5), color-stop(100%,#5841b8)); background: -webkit-linear-gradient(top, #6b54c5 0%,#5841b8 100%); background: -o-linear-gradient(top, #6b54c5 0%,#5841b8 100%); background: -ms-linear-gradient(top, #6b54c5 0%,#5841b8 100%); background: linear-gradient(to bottom, #6b54c5 0%,#5841b8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b54c5', endColorstr='#5841b8',GradientType=0 );} .buy-now-itunes:hover #itunes-logo {opacity: 0.8;} #ottiw-footer {overflow: auto; clear: both; width: 100%; position: relative;} #ottiw-footer div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} #ottiw-footer #share {float: left; width: 42%; padding: 1% 4%; text-align: right; min-height: 130px; color: #FFF; background: #54516f; } #ottiw-footer #downloads {float: right; width: 42%; padding: 1% 4%; min-height: 130px; color: #615f6f; background: #f2f3f3; background: rgba(255,255,255,0.8);} #ottiw-footer #downloads ul li a {padding: 7px 0 1px 4px; border-bottom: 1px dotted #b4b4b3; font-size: 15px; display: block; font-family: 'Oxygen', helvetica, arial, sans-serif; color: #61595F;} #ottiw-footer #downloads ul li a::before {content:"ยป"; position: relative; left: -4px;} #ottiw-footer #share > .icons {float: right; width: 258px; height: 45px; position: relative;} #ottiw-footer #share .icons a {background: url('/images/ottiw-share-icons-sprite.jpg'); padding: 0; padding-top: 45px; height: 0; display: block; width: 84px; overflow: hidden; float: left; margin-right: 1px; transition: none;} #ottiw-footer #share .icons > a#fb {background-position: 0px 0px;} #ottiw-footer #share .icons > a#twtr {background-position: -84px 0px;} #ottiw-footer #share .icons > a#pinterest {background-position: -168px 0px;} #ottiw-footer #share .icons > a#fb:hover {background-position: 0 -45px;} #ottiw-footer #share .icons > a#twtr:hover {background-position: -84px -45px;} #ottiw-footer #share .icons > a#pinterest:hover {background-position: -168px -45px;} @media all and (max-width: 580px) { .full-width {width: auto !important; clear: both !important; float: none !important; max-width: 100% !important;} #ottiw-player-wrap {margin: 0 !important;} #ottiw-footer #share {text-align: center !important;} #ottiw-footer #share .icons {margin: 0 auto; float: none !important;} .itunes-button img {width: 185px; height: auto; -ms-interpolation-mode: bicubic; margin: 0 auto; position: relative; display: block;} } /* RESOURCES PAGE **************************************/ .resources-wrapper {background: #f2f2f2; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 5px 10px; position: relative;} .resources-button li {list-style: none; padding: 0; margin: 0;} .resources-button li a {background: #FEFEFE;padding: 10px 5px;display: block;margin: 1px 0 0px 0px; font-weight: bold; color: #454545;text-decoration: none; position: relative; border: 1px solid #FFF; font-size: 12px; height: 22px; line-height: 27px;} .resources-button li a:hover {background: none; -moz-box-shadow: inset 0px 1px 0px #FFF; -webkit-box-shadow: inset 0px 1px 0px #FFF; -o-box-shadow: inset 0px 1px 0px #FFF; -ms-box-shadow: inset 0px 1px 0px #FFF; box-shadow: inset 0px 1px 0px #FFF; color:#595959; text-decoration: none; border: 1px solid #CCC; text-shadow: 0 1px 0px #FFF;} .resources-button li a:active {background: #dfdfdf; color:#595959; text-decoration: none; border: 1px solid #dfdfdf;} .s-icon {padding: 0px 5px; bottom: -3px; position: relative; text-decoration: none;} .new-icon {position:absolute; right: 17px; margin-top: -36px;} .item-list .pager li a {display: inline; list-style-type: none; background: #FDFDFD; border: 1px solid #EBEBEB; padding: 5px 10px; margin: 10px 0 0px 0px; color: #454545; position: relative; text-decoration: none; -moz-box-shadow: inset 0px 1px 0px #FFF; -webkit-box-shadow: inset 0px 1px 0px #FFF; -o-box-shadow: inset 0px 1px 0px #FFF; -ms-box-shadow: inset 0px 1px 0px #FFF; box-shadow: inset 0px 1px 0px #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;} .item-list .pager {margin: 20px 0 0 -20px;} .item-list .pager li {background-image: none; display: inline; list-style-type: none; padding: 1px;} .item-list ul li {margin: 0px 0px 10px 0px; padding: 0px;} /* Blog *************************************/ .RSS-icon {background-image: url(/images/feed-icon.png) !important; background-repeat: no-repeat !important; background-position: 139px !important; } .meta-info {background: #EFEFEF; border: 1px solid #ddd; padding: 15px; overflow: auto;} #blog-header-logo {background: url('/images/blog/blog-header-logo.png') no-repeat center; width: 438px; height: 214px; margin-left: 50px;} #blog-follow-us {background: url('/images/blog/blog-header-follow-us.png') no-repeat center; width: 247px; height: 105px; position: absolute; left: 578px;top: 100px;padding-left: 63px;} .blog-follow-us-icons {margin: 0 3px;} .twitter-sidebar {background: rgba(0,0,0,0.02); padding: 2px; width: 194px; text-align:left; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; margin: 15px 0;} #twitter-feed li {background-color: #FFF; margin: 5px 0; border-bottom: 1px dotted rgba(0,0,0,0.10); font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 3px;} #twitter-feed li:hover {border-bottom: 1px dotted rgba(0,0,0,0.10); background: rgba(218,174,16,0.6); color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.10);} #twitter-feed li a {font-weight: bold; color: #86796B;} .tweet-link {font-size:8px; text-decoration:none; font-weight: normal;} .blog-posted-on {font-size:12px; color:#BBB; display: inline;} .blog-title {margin: 10px 0 4px 0px; font-size: 35px; font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif; font-weight:bold; letter-spacing: -1px; line-height: 36px; color: #454545;} .blog-title a {font-family: "facitweb-1","facitweb-2", Helvetica, Arial, sans-serif;font-size: 30px; font-weight:bold; letter-spacing: -1px; line-height: 36px; text-decoration:none; color: #454545} .views-field-tid {font-size: 11px; color: #333; margin: 10px 0 10px 0;} .views-field-name {font-size:12px; color:#BBB; display: inline;} .blog-teaser {margin-top: 20px;} h3.title {display: none;} .pop-posts li {list-style: none;} .pop-posts li a {background: #f4f4f4; color: #7f7f7f; list-style: none; padding: 8px; font-weight: bold; font-size: 90%; text-shadow: 0px -1px 1px white;margin: 1px 0; border-bottom: 1px solid #ddd; display: block; line-height: 16px; -moz-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF; -webkit-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF; -ms-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF; -o-box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF; box-shadow: inset 0 1px 0 #FEFEFE, 0px 1px 2px #DFDFDF; } .pop-posts li a:hover {background: #fefefe; color: #222;} body.page-blog #content-leftbar #block-views-archive-block ul, body.node-type-blog #content-leftbar #block-views-archive-block ul, body.page-comment #content-leftbar #block-views-archive-block ul, .block ul {margin: 0; padding: 0;} body.page-blog #content-leftbar #block-views-archive-block ul li, body.node-type-blog #content-leftbar #block-views-archive-block ul li, body.page-comment #content-leftbar #block-views-archive-block ul li, body.page-archive #content-leftbar #block-views-archive-block ul li, body.page-blog #content-leftbar #block-views-archive-block ul li a, body.node-type-blog #content-leftbar #block-views-archive-block ul li a, body.page-comment #content-leftbar #block-views-archive-block ul li a, body.page-archive #content-leftbar #block-views-archive-block ul li a, body.node-type-blog #content-leftbar #blog-side a, body.page-blog #content-leftbar #blog-side a, body.page-comment #content-leftbar #blog-side a, body.page-archive #content-leftbar #blog-side a{margin: 5px 0; padding: 0; list-style: none; font-weight: bold; text-decoration:none;} #content-leftbar img.dsq-widget-avatar {width: 32px !important; height: 32px !important; border: 0px; margin: 0px; padding: 0px 3px 3px 0px; float: left;} /************************************ Blog Comments *************************************/ .comments a {color: #ababab; padding: 2px;} .comments a:hover {background: #454545;} .comments {background: #EFEFEF; padding: 12px; border-bottom: 1px solid #DBDBDB; color: #ababab;font-size:11px; position: relative;border-left: 4px solid white;border-right: 4px solid white; min-height: 8px; margin-bottom: 100px;} .comment-button a {font-weight:bold; text-decoration: none; text-transform:uppercase; border: none; border-left: 1px solid #DBDBDB; padding: 12px 24px; position: absolute; top: 0px; right: 0px;} .comment-button a:hover {background: #454545;} .comment-published {margin: 20px 0;} .comment-published .title {display:none;} .comment-published .submitted {margin-top: 10px; font-size:16px; font-weight: bold;} .comment-published .content {margin: 10px 0 0 0; padding-bottom: 10px;} .comment-published ul.links, .views-field-node-link {background: bottom url(/images/dark-fade.png) repeat; border-top: 1px dotted #CCC; margin-bottom: 60px; text-transform: uppercase; padding: 7px;} .s-icon {padding: 0px 5px; bottom: -3px; position: relative; text-decoration: none;} body.page-search #content-body {margin:0 0 0 5px; width:915px;} body.page-search #content-leftbar {display: none;} body.page-search #content-body .search-results dt {font-size: 16px; font-weight: bold;} /************************************* RECENT BLOG POSTS *************************************/ #tabs-mini-panel-test-mini-panel-middle {overflow: hidden;padding: 10px 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;} #block-panels_mini-test_mini_panel {width: 465px; background-color: #f4f4f4; border: 1px solid #e9e9e9;position: relative; padding:0 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0px #FFF; -moz-box-shadow: inset 1px 1px 0px #FFF; -o-box-shadow: inset 1px 1px 0px #FFF; -ms-box-shadow: inset 1px 1px 0px #FFF; box-shadow: inset 1px 1px 0px #FFF; margin-left: 9px; margin-top: 164px;} .recent-blog-title a {font-weight: bold; color: #565656; text-decoration: none;display: block; background: #FFF; padding: 7px 7px 0 7px;} .recent-blog-posted-on {font-size: 11px; color: #aaa;} .front .views-field-teaser {padding: 3px 7px; color: #888; font-size: 12px; background: #FFF; line-height: 18px; border-bottom: 1px dotted #ccc;} ul.primary li a {background-color: #F4F4F4;border-color: #F4F4F4;border-width: 1px;border-style: solid solid none solid; height: auto;margin-right: 0.5em;padding: 3px 10px; text-decoration: none;color: #A9A9A9;font-weight: bold; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } ul.primary li a:hover {color: #888; border-color: #EFEFEF; background: #EFEFEF;} ul.primary li.active a {background-color: white;border: 1px solid #EEE;border-bottom: white 3px solid;padding: 5px 10px;color: #454545;} ul.primary {border-collapse: collapse;padding:0px;white-space: nowrap;list-style: none;margin: 0px 20px;height: 22px; line-height: normal;border-bottom: none;} /************************************ Admin Styles *************************************/ div.warning, tr.warning {background: #fde8e1; padding:6px 10px; margin:9px 5px 20px 5px; border:1px solid #c35252; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;} div.warning a, tr.warning a {color: #c35252;} div.status, tr.status {background: #FFFFDD; padding:6px 10px; margin:9px 5px 20px 5px; border:1px solid #F0C020; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;} div.status a, tr.status a {color: #F0C020;} body.page-admin dt {font-size: 12px; font-weight: bold;} body.page-admin dd {margin: 0 0 8px 0; line-height: normal;} body.page-admin h3 {margin: 0; font-size: 13px; text-transform:uppercase; background:#EBEBEB; padding:3px 0 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} body.page-admin p {line-height: normal;} body.page-admin div.admin {padding-top:5px;} body.page-admin div.admin .left {margin-left: 0; width: 49%;} body.page-admin div.admin .right {margin-right: 0; width: 49%;} body.page-admin .compact-link {margin-bottom: 8px;} body.page-admin .admin-panel ul.menu {margin: 5px 0; padding: 0 0 0 20px;} #admin-menu, #admin-menu ul {padding: 0; margin: 0; list-style: none; line-height: 1.4em; z-index: 999; opacity: 0.8;} #admin-menu:hover, #admin-menu ul:hover {opacity: 1;} .block-region {background-color:#b7cfa5; border: 2px dashed #7b9f61; margin-bottom:4px; margin-top:4px; padding:5px;} #content-tabs ul.primary {margin: -20px 5px 5px 5px; padding-top: 10px;} #content-tabs ul.primary li a {background-color:#fcf5db; border-color:#BBBBBB; border-style:solid solid none; border-width:1px; color:#cea81e; font-size:11px; font-weight:bold; height:auto; margin-right:0.5em; padding:0 1em; text-decoration:none; text-transform: uppercase;} #content-tabs ul.primary li.active a {background-color:#FFFFFF; border-color:#BBBBBB #BBBBBB #FFFFFF; border-style:solid; border-width:1px; color:#494949;} #content-tabs ul.primary li a:hover {background-color:#EEEEEE; } #admin-menu ul a {border-bottom:medium none;border-right:1px solid #323232;color:#EEEEEE;display:block;font-size:11px; font-weight:normal;padding:4px 8px;text-align:left;text-decoration:none;} body.page-admin table {border-collapse: collapse; margin: 0 0 10px; width: 100%;} body.page-admin tr.even td {background-color: #f6f5f5; border-bottom: 1px solid #BBBBBB;} body.page-admin tr.odd td {background-color: #ebebeb; border-bottom: 1px solid #BBBBBB;} body.page-admin div.ok, body.page-admin tr.ok td {background:#DDFFDD none repeat scroll 0 0; color:#002200; padding:2px; border:none;} body.page-admin div.error, body.page-admin tr.error td {background:#FFCCCC none repeat scroll 0 0; color:#220000; padding:2px;} body.page-admin fieldset legend {font-size: 13px;} fieldset {border:1px solid #BBBBBB;} #permissions td.module {background:#FFFFFF none repeat scroll 0 0; font-weight:bold; padding:14px 0 2px 6px; text-transform:uppercase;}