/* Theme Name: New Dimension Church v2 Theme URI: www.newdimensionchurch.org Description: Custom WordPress Theme designed for New Dimension Church. Version 2 of the web site. Author: Adam Hansen Author URI: www.ahansendesign.com Tags: custom, church, v2 */ /* -------------------------------------------------------------- 01 -- Reset -- >> Should Not Be Modified << -------------------------------------------------------------- */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a, a img { border: none; outline: none; } ul { list-style:disc; } ol { list-style-type: decimal; } ol ol { list-style:upper-alpha; } ol ol ol { list-style:lower-roman; } ol ol ol ol { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-top: 5px; margin-bottom: 5px; } hr { background-color: #999; border: 0; height: 1px; margin-bottom: 1.5em; } /* -------------------------------------------------------------- 02 -- Default WordPress Styles -- >> Can Be Modified << -------------------------------------------------------------- */ /* ---- Images ---- */ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; } .alignright, img.alignright { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; } .aligncenter, img.aligncenter { clear: both; display: block; margin: 1.5em auto; } .wp-caption { text-align: center; margin-bottom: 1.5em; padding-bottom: 5px; border: 1px solid #CCC; background: #F1F1F1; } .wp-caption img { border: 0 none; margin: 5px 0 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 3px 5px; font-size: 11px; line-height: 16px; } .wp-smiley { max-height: 1em; margin:0 !important; } .gallery dl { margin: 0; } .gallery-caption { margin:-1.5em 0 0 0; } /* ---- Typography ---- */ blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } /* ---- Edit Link ---- */ a.post-edit-link { background: #eee; border: 1px solid #ccc; padding: 5px; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333; text-decoration: none; } a:hover.post-edit-link { border-color: #aaa; } /* -------------------------------------------------------------- 03 -- General Theme Styles -- >> Should Be Modified << -------------------------------------------------------------- */ .l /* float left */ { float: left; } .r /* float right */ { float: right; } .clear-l /* clear left */ { clear: left; } .clear-r /* clear right */ { clear: right; } .clear /* clear divs */ { clear: both; } .nc /* no clear */ { clear: none; } body { background: url(images/bg.png) repeat-x #090909; color: #333; font-size: 12px; font-family: "Tahoma", Arial, Helvetica, sans-serif; } a { outline: none; text-decoration: none; color: #a90133; } a:hover { color: #333; text-decoration: underline; } p { color: #333; font-size: 12px; line-height: 16px; margin: 10px 0; } ul, ol { margin: 10px 0 10px 40px; list-style-position: inside !important; } ul li, ol li { padding: 5px 0; } input, textarea { border: 1px solid #aaa; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; } /* -------------------------------------------------------------- 04 -- General Layout Structure -- -------------------------------------------------------------- */ /* ---- Structure ---- */ #page-wrap { width: 940px; margin: 0 auto; } #header { overflow: hidden; } #header .left { float: left; width: 641px; } #header .right { float: right; width: 299px; } #nav { width: 940px; height: 38px; background: url(images/bg-nav.png) no-repeat; } #hor-btns { clear: both; width: 940px; height: 100px; padding: 15px 0 15px; } #content { width: 890px; padding: 15px; border: 10px solid #383b41; overflow: hidden; } .bg-sb { background: url(images/bg-sidebar.png) top right repeat-y #fff; } .bg-full { background: #fff; } #footer { width: 920px; background: #383b41; padding: 0 10px 10px; overflow: hidden; } .breadcrumbs { font-size: 11px; margin-bottom: 15px; } /* ---- Home Page ---- */ #home-wrap { position: relative; width: 940px; margin-top: 20px; } #hor-btns ul { margin: 0; padding: 0; } #hor-btns ul li { display: block; float: left; width: 235px; margin: 0; padding: 0; text-align: center; } /* Home Slider */ #slider { /* See bottom of style sheet */ } /* Home Calendar #calendar-home { float: right; width: 190px; height: 270px; background: url(images/events-bg.png) no-repeat #2c2e32; color: #fff; border: 1px solid #3e434d; border-top: 1px solid #bbbcbd; overflow: hidden; } li.upcoming-events { list-style: none; margin: 0; padding: 0; display: inline; } li.upcoming-events h2 { display: block; width: 219px; padding: 5px 10px; font-size: 13px; background: #3e434d; font-weight: bold; border-bottom: 1px solid #bbbcbd; margin-bottom: 10px; } li.upcoming-events ul { margin: 0; padding: 0; } li.upcoming-events ul li { list-style: none; font-size: 11px; font-weight: bold; margin: 0 10px 5px 10px; padding: 0; border-bottom: 1px solid #3E434D; } li.upcoming-events ul li ul { margin: 0; padding: 0;} li.upcoming-events ul li ul li { font-weight: normal; font-size: 12px; margin: 4px 0 5px 0; padding: 0; border: none; } */ /* Home Calendar */ #calendar-home { float: right; width: 185px; height: 266px; background: url(images/events-bg.png) 37px 90px no-repeat #2c2e32; color: #fff; border: 2px solid #fff; overflow: hidden; } li.upcoming-events { list-style: none; } #calendar-home h2 { padding: 10px 10px; font-size: 13px; background: #333; font-weight: bold; border-bottom: 1px solid #bbbcbd; margin: 0; } #calendar-home li ul { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #calendar-home li ul li { margin: 3px 0 0; padding: 5px 5px; border-bottom: 1px dotted #666; list-style: none; font-weight: bold; font-size: 11px; } #calendar-home li ul li ul li { border: none; font-size: 11px; margin: 0; padding: 0; font-weight: normal; line-height: 22px; } /* Home Recent Posts */ ul#recent { margin: 2px 0 5px; padding: 0; } ul#recent li { list-style: none; margin: 0; padding: 4px 0; border-bottom: 1px solid #ccc; } ul#recent li a { color: #333333; } /* ---- Footer ----- */ #footer, #footer p, #footer a { color: #ccc; font-size: 11px; } #footer a { text-decoration: underline; } #footer .l { float: left; width: 300px; } #footer .r { float: right; width: 575px; text-align: right; } ul#footer-links { margin: 10px 0 0; padding: 0; } ul#footer-links li { display: inline; list-style: none; padding-left: 4px; } ul#footer-links li a { text-decoration: none; } /* ---- Content Areas ---- */ #content .l { float: left; width: 230px; } #content .l-2col { float: left; width: 680px; } #content .full { float: left; width: 890px; } #content .c { float: left; width: 420px; margin-left: 30px; } #content .r { float: right; width: 170px; } /* ---- Typography ---- */ p.more { font-size: 11px; font-weight: bold; } h3 { font-weight: bold; margin: 10px 0; font-size: 15px; color: #333; } h2.link-cat { color: #B00135; font-weight: bold; font-size: 12px; } h1.pagetitle { font-size: 18px; font-weight: bold; margin: 10px 0 15px; } h3 { font-size: 12px; color: #B00135; font-weight: bold; padding: 15px 0 5px; } /* ---- Links ---- */ ul.links { margin: 10px 0 20px 25px; padding: 0; } ul.links li { list-style: none; margin: 0; padding: 4px 0 6px; border-bottom: 1px solid #ccc; } ul.links li a { line-height: 26px; } /* ---- Newsletter ---- */ .newsletter { background: #333; padding: 10px; color: #fff; border: 4px solid #DBDBDB; } #mc_embed_signup { margin-top: 10px; } .mc-field-group { float: left; clear: left; padding: 2px 0; } .newsletter input { padding: 2px; border: 1px solid #ccc; width: 198px; } .newsletter label { font-weight: bold; font-size: 12px; line-height: 20px; } ul#email-format { margin: 0 0 10px; padding: 0; } ul#email-format li { display: inline; list-style: none; } ul#email-format li input { width: 15px; } input#mc-embedded-subscribe { width: auto; border: none; } .mce_inline_error { width: 230px; font-size: 12px; padding: 0 !important; margin:1px 0 5px !important; font-weight: normal !important; color: #AB0133; } #mce-success-response { clear: left; float: left; font-size: 12px; margin-bottom: 15px; padding: 4px; line-height: 16px; } /* ---- Navigation ---- */ .menu { font-size: 12px; font-weight: bold; font-family: "Tahoma", Arial, Helvetica, sans-serif; margin: 0 0 0 12px; } .menu ul { list-style: none; margin: 0; padding: 0; } .menu li { float: left; position: relative; padding-top: 0; padding-bottom: 0; z-index: 100; } .menu a { color: #fff; display: block; line-height: 28px; padding: 0 10px; text-decoration: none; } .menu ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 28px; left: 0; float: left; width: 180px; z-index: 99999; } .menu ul ul li { min-width: 180px; font-weight: normal !important; } .menu ul ul ul { left: 100%; top: 0; } .menu ul ul a { background: #333; line-height: 1em; padding: 10px 15px; width: 160px; height: auto; } .menu li:hover > a, .menu ul ul :hover > a { background: #333; color: #fff; } .menu ul li:hover > ul { display: block; } .menu ul li.current_page_item > a, .menu ul li.current-menu-ancestor > a, .menu ul li.current-menu-item > a, .menu ul li.current-menu-parent > a { color: #fff; } .menu ul li.current_page_item a { /* Active BG of Level 1 when Active */ } .menu ul ul li.current_page_item a, .menu ul ul li:hover a { background: #73001D; } .menu ul ul li.current_page_item ul li a { /* Active BG of Level 3 WHEN Level 2 is Active */ } * html .menu ul li.current_page_item a, * html .menu ul li.current-menu-ancestor a, * html .menu ul li.current-menu-item a, * html .menu ul li.current-menu-parent a, * html .menu ul li a:hover { color: #fff; } /* ---- About Us ---- */ .entry-bio { width: 648px; background: #efefef; border: 1px solid #aaa; padding: 15px; margin: 0 0 15px; overflow: hidden; } .thumb img { float: left; border: 1px solid #333; } .entry-bio .right { float: right; width: 530px; } .entry-bio h2 { font-size: 16px; } /* About Us Single Page View */ .bio-single-l { float: left; width: 190px; } .bio-single-r { float: right; width: 700px; } img.attachment-fullsize { padding-top: 10px; } /* ---- Healing Homes ---- */ .entry-healing { float: left; width: 230px; margin: 0 0 25px 0; } /* ---- Blog ---- */ .post { padding: 15px; border: 1px solid #ccc; margin: 10px 0 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comments-footer, .comment-wrap { background: #ececec; padding: 1px 10px; border: 1px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comment-wrap { margin: 10px 0 30px; padding: 20px; } .comments-footer { overflow: hidden; } .comments-footer a { color: #333; } .comments-footer a.continue { font-weight: normal; color: #A90133; } .post-content { padding: 10px 0 15px; } .post-content p { font-size: 13px; line-height: 16px; } .post-title h2 { font-size: 20px; } .post-title, .date { width: 75%; float: left; } .share { width: 120px; float: right; } .date { font-size: 13px; padding: 0; } p.review, img.avatar { float: left; margin-right: 10px; } img.avatar { border: 2px solid #fff; } .summary p { font-size: 12px; } .extramargintop { margin-top: 30px !important; } p.comment { float: left; } .sociable { float: left; margin:8px 0 0 !important } p.cats { float: right; text-align: right; font-size: 11px; color: #666 } p.cats a { text-decoration: underline; color: #666 } p.cats a:hover { text-decoration: none; color: #333; } #comments { margin-top: 35px; } p.blog-back a { font-size: 11px; color: #333 !important; font-weight: normal; } .wp-pagenavi { clear: both; font-size: 13px; margin: 15px 0; text-align: center; } img.attachment-blogthumb, img.attachment-thumbnail { margin: 12px 10px 10px 0; border: 4px solid #ccc; } .post-content .left { float: left; width: 135px; } .post-content .right { float: right; width: 500px; } /* ---- Events ---- */ .eventbrite { float: left; width: 210px; } .event-right { float: right; width: 450px; } /* ---- Widgets ---- */ .widget { background: none !important; list-style: none; padding-bottom: 20px; } li.widget ul { margin: 0; padding: 0; } li.widget ul li { list-style: none; border-bottom: 1px solid #999; padding: 0 0 6px; margin: 0 0 6px; } li.blog ul { } li.widget h2.widgettitle { font-weight: bold; font-size: 14px; margin: 0 0 10px; } /* ---- Testimonials ---- */ #sfstest-page blockquote { background: url(images/quote.png) 20px 15px no-repeat; padding: 5px 15px 15px; border: 1px solid #ccc; margin: 10px 0 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #sfstest-page blockquote p { font-style: normal; padding: 0 0 0 40px; } #sfstest-page blockquote p cite { font-weight: bold; font-size: 12px; } #sfstest-sidebar blockquote { background: url(images/quote.png) 10px 2px no-repeat; padding: 0; } #sfstest-sidebar blockquote p { font-style: normal; padding: 0 0 0 40px; } #sfstest-sidebar blockquote p cite { font-weight: bold; font-size: 12px; } /* ---- Contact ----- */ .contact-left { float: left; width: 25%; } .contact-right { float: right; width: 75%; } /* ---- Bios ---- */ #bio-links { width: 700px; margin: 5px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; } .bio-email, .bio-twitter, .bio-telephone { width: 700px; height: 17px; font-size: 12px; padding: 5px 0 10px 30px; } .bio-email { background: url(images/icon-email.png) 0 0 no-repeat; } .bio-twitter { background: url(images/icon-twitter.png) 0 0 no-repeat; } .bio-telephone { background: url(images/icon-phone.png) 0 0 no-repeat; } /* ---- Sidebar Widgets ---- */ .widget { background: white } ul#sb-boxes { margin: 0; padding: 0; } ul#sb-boxes li { list-style: none; padding: 0; margin: 0; } /* -------------------------------------------------------------- 00 -- Gravity Forms -- -------------------------------------------------------------- */ .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {padding: 4px !important; } .gform_wrapper {overflow:hidden; margin:10px 0; max-width:640px} .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {font-weight:normal; border:none; outline:none; background:none} .gform_wrapper:focus {outline:none} .gform_wrapper form {text-align:left} .gform_wrapper input {outline-style: none; font-size:11px; font-family:verdana, sans-serif; padding:2px 0 2px 0; letter-spacing:normal} .gform_wrapper textarea {outline-style: none; font-size:11px; font-family:verdana, sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */} .gform_wrapper ul {margin:0; list-style-type:none} html>body .entry ul, .gform_wrapper ul {text-indent:0px} .gform_wrapper li, .gform_wrapper form li {list-style-type:none!important; overflow:hidden} .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {overflow:visible} .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after {content:""; /* for safari */} .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after {content:none; # /* for other browsers */} .gform_wrapper ul.gform_fields {padding:0px; margin:0px} .gform_wrapper select {font-size:11px; font-family:verdana, sans-serif; padding:3px 0 3px 0; letter-spacing:normal} .gform_wrapper .inline {display:inline!important} .gform_wrapper .gform_heading {width:98%; margin-bottom:18px} .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {width:70px; float:left} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px} .gform_wrapper .gfield_time_ampm select {width:60px!important} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {width:70%!important} .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {width:50px; float:left} .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {width:85%!important} .gform_wrapper .field_hover {border:1px dashed #2175A9!important; cursor:pointer} .gform_wrapper .field_selected {background-color:#DFEFFF; border:1px solid #C2D7EF!important} .gform_wrapper .field_name_first, .gform_wrapper .field_name_last {width:50%; float:left} .gform_wrapper .ginput_complex {overflow:hidden} .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {width:90%!important} .gform_wrapper .field_name_last input {width:93%!important} .gform_wrapper .datepicker {width:100px!important} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {width:48%; float:left} .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right {width:50%} .gform_wrapper .gfield_error .ginput_complex .ginput_left input {width:90%!important} .gform_wrapper .gfield_error .ginput_complex .ginput_right input {width:100%!important} .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select {width:92%!important} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing:.1em} .gform_wrapper .ginput_complex .name_prefix {float:left; width:30px!important; margin-right:14px} .gform_wrapper .ginput_complex .name_suffix {float:left; width:30px!important} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last {float:left; width:100px; margin-right:8px} .gform_wrapper .top_label .gfield_label {margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both} .gform_wrapper .left_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .gform_wrapper .right_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio {margin-left:32%} .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small {width:25%} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:50%} .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {width:92%} .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small {width:15%} .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {width:35%} .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea {width:59%} .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex {width:64%; float:left} .gform_wrapper h2.gsection_title {margin:0!important; padding:0!important; letter-spacing:normal!important} .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {font-weight:bold; font-size:16px; font-family:Helvetica, sans-serif} .gform_wrapper h3.gform_title {letter-spacing:normal!important; margin:10px 0 6px 0} .gform_wrapper span.gform_description {font-weight:normal} .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {width:98%} .gform_wrapper .gsection {border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 16px 0} /* updated radio and checkbox styling - justifies lenghty labels ----------------------------------- */ .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {position:relative} .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {margin:6px 0; padding:0} .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0; width: auto; line-height:1.5; vertical-align: top} .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {float:left; margin-top:2px} /* some built in styles to use for quick radio/checkbox columns ----------------------------------- */ .gform_wrapper .gf_2col ul.gfield_checkbox li, .gform_wrapper .gf_2col ul.gfield_radio li {width:50%; float:left; margin:0; min-height:1.8em} .gform_wrapper .gf_3col ul.gfield_checkbox li, .gform_wrapper .gf_3col ul.gfield_radio li {width:33%; float:left; margin:0; min-height:1.8em} .gform_wrapper .gf_4col ul.gfield_checkbox li, .gform_wrapper .gf_4col ul.gfield_radio li {width:25%; float:left; margin:0; min-height:1.8em} .gform_wrapper .gf_2col ul.gfield_checkbox, .gform_wrapper .gf_2col ul.gfield_radio, .gform_wrapper .gf_3col ul.gfield_checkbox, .gform_wrapper .gf_3col ul.gfield_radio, .gform_wrapper .gf_4col ul.gfield_checkbox, .gform_wrapper .gf_4col ul.gfield_radio {overflow:hidden} .gform_wrapper .gf_height25 ul.gfield_checkbox li, .gform_wrapper .gf_height25 ul.gfield_radio li {height:25px} .gform_wrapper .gf_height50 ul.gfield_checkbox li, .gform_wrapper .gf_height50 ul.gfield_radio li {height:50px} .gform_wrapper .gf_height75 ul.gfield_checkbox li, .gform_wrapper .gf_height75 ul.gfield_radio li {height:75px} .gform_wrapper .gf_height100 ul.gfield_checkbox li, .gform_wrapper .gf_height100 ul.gfield_radio li {height:100px} .gform_wrapper .gf_height125 ul.gfield_checkbox li, .gform_wrapper .gf_height125 ul.gfield_radio li {height:125px} .gform_wrapper .gf_height150 ul.gfield_checkbox li, .gform_wrapper .gf_height150 ul.gfield_radio li {height:150px} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {font-size:10px; line-height:150%; clear:both; font-family:verdana, sans-serif; letter-spacing:normal} .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {padding:4px 0 8px 0} .gform_wrapper .gfield_description {padding: 10px 0 8px 0; font-style: italic} .gfield_date_year+.gfield_description {padding:0 0 8px 0} .gform_wrapper .gsection_description {font-style: italic} .ginput_complex + .gfield_description {padding-top:0!important} .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction {margin-left:29%; padding-left:15px} .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description {margin-left:0; padding-left:0; padding-top:4px; line-height:150%} .gform_wrapper .gfield_required {color:#790000; margin-left:4px} .gform_wrapper textarea.small {height:80px} .gform_wrapper textarea.medium {height:150px} .gform_wrapper textarea.large {height:250px} .gform_wrapper .gfield_error {background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px!important; border:1px dotted #C89797} .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%} .gform_wrapper .top_label .gfield_error {width:92%} .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {width:100%} .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea {width:66%} .gform_wrapper .gfield_error .gfield_label {color:#790000} .gform_wrapper .validation_error {color:#790000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica, sans-serif; margin-bottom:16px} .gform_wrapper .validation_message {color:#790000!important; font-size:11px; font-family:verdana, sans-serif; letter-spacing:normal} .gform_wrapper .gform_footer {padding:16px 0 10px 0; margin:16px 0 0 0} .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {padding:16px 0 10px 31%} .gform_wrapper input.button {font-size:100%; color:#222} .gform_wrapper input.button:hover {color:#000} #gforms_confirmation_message {background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center} .gform_wrapper .gform_edit_link {margin:20px 0; font-family:verdana, sans-serif; font-size:12px} .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {min-height:43px; display:block; overflow:hidden} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin:0 0 4px 0; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */ /* jQuery UI date picker ---------------------------------------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {/*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida , sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div {z-index:9999; /*must have*/ display:none} .ui-datepicker-inline {float:left; display:block} .ui-datepicker-control {display:none} .ui-datepicker-current {display:none} .ui-datepicker-next, .ui-datepicker-prev {position:absolute; left:.5em; top:.5em; background:#eee} .ui-datepicker-next {left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover {background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a {text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a {background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select {border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important} .ui-datepicker-header option:focus, .ui-datepicker-header option:hover {background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month {width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year {width:5em; left:9.4em} table.ui-datepicker {width:15.5em; text-align:right} table.ui-datepicker td a {padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center} table.ui-datepicker td a:hover {border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none} table.ui-datepicker td a:active {border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none} table.ui-datepicker .ui-datepicker-title-row td {padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a {color:#222; padding:.3em 0} .ui-datepicker-cover {display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} img.ui-datepicker-trigger {position:relative; top:3px; left:4px} /* tame those pesky hidden fields --------------------------------------------------------------------*/ .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden, .gform_hidden {display:none} .ginput_full br, .ginput_left br, .ginput_right br {display:none} /* fix captcha alignment for IE8 ---------------------------------------------------------------------*/ .gform_wrapper .left_label #recaptcha_area #recaptcha_table, .gform_wrapper .right_label #recaptcha_area #recaptcha_table {margin-left:32%} /* additional spacing and padding tweaks --------------------------------------------*/ .gform_wrapper .left_label .ginput_complex .ginput_right label, .gform_wrapper .left_label .ginput_complex .ginput_left label, .gform_wrapper .right_label .ginput_complex .ginput_right label, .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: -.4em} .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {padding:0!important} .gform_wrapper .top_label .ginput_complex + .gfield_description {padding-bottom:0!important} .gform_wrapper .top_label .gfield_description, {padding: 10px 0 0 0} .gform_wrapper .top_label .gfield_description.validation_message, .gfield_description.validation_message {padding:10px 0 10px 0} /* Twentyten theme specific styles updated 08.23.2010 -----------------------------------------------------*/ /* pretty specific inheritance but if your theme is structured just like the 2010 theme it may affect yours as well */ #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex input, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex select, .entry-content .gform_wrapper input, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper select {margin:0!important} #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex select, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper select {font-size:16px; padding:1px 2px!important; background-color: #F9F9F9; border:1px solid #CCC; color:#444} #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li input[type=checkbox], #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li input {margin-top:2px!important} #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li input[type=radio], #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li input {margin-top:1px!important} #wrapper.hfeed #main #container #content .entry-content .gf_2col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_2col ul.gfield_radio li {min-height:1.5em} #wrapper.hfeed #main #container #content .entry-content .gf_3col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_3col ul.gfield_radio li {min-height:1.5em} #wrapper.hfeed #main #container #content .entry-content .gf_4col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_4col ul.gfield_radio li {min-height:1.5em} #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li label, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li label {*display:inline-block!important; *margin: 2px 0 0 6px}/* for IE7 */ /* Thesis theme specific styles updated 08.23.2010 -----------------------------------------------------*/ /* pretty specific inheritance but if your theme is structured identical to the Thesis theme it will affect yours as well */ body.custom #container #page #content_box .post_box .format_text ul.gfield_radio li input, body.custom #container #page #content_box .post_box .format_text ul.gfield_checkbox li input {width:auto!important; border:none!important; border-color:none!important; background-color:none!important; background:none!important} body.custom #container #page #content_box .post_box .format_text .gform_footer input[type=image] {border:none!important; border-color:none!important; background-color:none!important} body.custom #container #page #content_box .post_box .format_text .gform_footer input.button {border-color:#CCC #999 #999 #CCC; border-right:3px double #999; border-style:double; border-width:3px; color:#111111; background-color:#E3E3E3; cursor:pointer; font-weight:bold; overflow:visible; width:auto !important; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.143em; padding:0.313em 0.25em} body.custom #container #page #content_box .post_box .format_text .left_label ul.gfield_checkbox, body.custom #container #page #content_box .post_box .format_text .left_label ul.gfield_radio, body.custom #container #page #content_box .post_box .format_text .right_label ul.gfield_checkbox, body.custom #container #page #content_box .post_box .format_text .right_label ul.gfield_radio {margin-top:-.2em!important} body.custom #container #page #content_box .post_box .format_text input, body.custom #container #page #content_box .post_box .format_text select {font-size:1em; padding:0.214em} body.custom #container #page #content_box .post_box .format_text select {background-color:#eee; border-color:#AAA #DDD #DDD #AAA; border-style:solid; border-width:1px; color:#444; font-size:1em} body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input[type=checkbox], body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_radio li input[type=radio], body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input {float:left; margin-top:4px} body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li label, body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_radio li label {display:inline-block\9; margin: 2px 0 0 6px\9}/* another hack for IE */ /* HTML field default margins -----------------------------------------------------*/ .gform_wrapper .left_label li.gfield_html_formatted, .gform_wrapper .right_label li.gfield_html_formatted {margin-left:32%} .gform_wrapper .gfield_html.gfield_no_follows_desc {margin-top:10px} /* ajax forms ------------------------------------------------------*/ .gform_wrapper .gform_ajax_spinner {padding-left: 10px} .gform_wrapper .gform_validation_container {display:none!important} /* Simple Captcha ------------------------------------------------------*/ .gform_wrapper .gfield_captcha_input_container {padding-top:3px} .gform_wrapper .simple_captcha_small input {width:100px} .gform_wrapper .simple_captcha_medium input {width:150px} .gform_wrapper .simple_captcha_large input {width:200px} .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .right_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_large {margin-left:32%} .gform_wrapper .gfield_captcha_container img.gfield_captcha {border:none!important; background:none!important; float:none!important; margin:0!important; padding:0!important} /* Math Challenge ------------------------------------------------------*/ .gform_wrapper .math_small input {width:69px} .gform_wrapper .math_medium input {width:90px} .gform_wrapper .math_large input {width:108px} .gform_wrapper .left_label .math_small, .gform_wrapper .right_label .math_small, .gform_wrapper .left_label .math_medium, .gform_wrapper .right_label .math_medium, .gform_wrapper .left_label .math_large, .gform_wrapper .right_label .math_large {margin-left:32%} /* a few IE specific hacks ------------------------------------------------------------------------- */ .gform_wrapper .gfield_time_hour {*width:80px} .gform_wrapper .gfield_time_minute {*width:70px} .gform_wrapper .gfield_time_ampm {*padding-top:2px} .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {*margin-left:0} .gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label {*margin:3px 0 5px 0} .gform_footer input.button {*padding:3px} ul.top_label .clear-multi {overflow:hidden; clear:both} .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {*margin-top:0} .gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select {padding: 2px 0 2px 0\9 } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {display:inline-block\9; margin: 2px 0 0 6px\9; } /* -------------------------------------------------------------- jFlow Slider -------------------------------------------------------------- */ #slider { float: left; width: 725px; height: 260px; background: #000; padding: 3px; border: 2px solid #fff; } /* Full Slider Container (including buttons) */ .jflow-content-slider { position:relative; width: 725px; height: 260px; margin: 0; overflow: hidden; padding: 0; } /* Fix to stop additional slides from moving down */ .jFlowSlideContainer { position: absolute; top: 0; } /* Main Banner Container - Width/Height pulled from Javascript */ #jFlowSlide { } /* Banner Section */ .slide-thumbnail { width:540px; float:left; overflow: hidden; /* Adds padding around banner */ padding: 0; color: #fff; } .slide-thumbnail img { max-width:540px; } #slides { float:left; /* Width & Height created dynamic */ } .slide-wrapper { position: relative; width: 90000px; height: 1000px; padding: 0; } .slide-wrapper p { margin: 0; padding: 0; } /* Thumbnail Container */ #myController { width:183px; height: 255px; position:absolute; top: 0px; right: 0px; z-index:1; background: #000 } /* Individual Thumbnail Buttons */ .jFlowControl { display:block; width: 183px; height: 51px; padding: 0; margin: 0 0 1px; cursor:pointer; opacity:0.6;filter:alpha(opacity=60) } .jFlowControl:hover { opacity:0.8;filter:alpha(opacity=80) } .jFlowControl span { } #myController span.jFlowSelected { opacity:1;filter:alpha(opacity=100) } #myController span.jFlowSelected span { } .jFlowControl:hover { }