/* Theme name: The Feehery Theory Description: Custom Theme */ /******* The Feehery Theory WordPress CSS *******/ /* Common elements styling */ .post .entry ul { margin-left: 25px; } .post .entry ol { margin-left: 25px; } .post .entry a img { border: 0 } p img { padding: 0; max-width: 100%; } p { margin: 0px 0px 10px 0px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0px 0 2px 7px; display: inline; } img.alignleft { margin: 0px 7px 2px 0; display: inline; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Calendar widget */ #wp-calendar { empty-cells: show; margin: 10px auto 0; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;word-wrap: break-word;} /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /******* /The Feehery Theory WordPress CSS *******/ @font-face { font-family: 'HelveticaNeueBold'; src: url('fonts/helveticaneue-bold-webfont.eot'); src: url('fonts/helveticaneue-bold-webfont.eot?#iefix') format('eot'), url('fonts/helveticaneue-bold-webfont.woff') format('woff'), url('fonts/helveticaneue-bold-webfont.ttf') format('truetype'), url('fonts/helveticaneue-bold-webfont.svg#webfontGy2iEQcA') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; outline:0; } body { font-size: 14px; line-height: 18px; font-family: Arial, Helvetica, Sans-Serif; color: #2b2b2b; /*background: url(images/body.png) repeat-x 0 143px;*/ background: url(images/bgrepeat.jpg) repeat; } .bg { /*background: url(images/body.jpg) repeat-x 0 143px; */ height:100%; width:100%; } a { color: #007111; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; } a img { border: 0; } h2, .post h2 a { font-size:37px; line-height:35px; color: #007111; } .post h2 a:hover { text-decoration: none; } h3 { font-size:18px; line-height:27px; color: #2f2f2f; text-transform:uppercase; font-weight:bold; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:16px; } textarea { overflow:hidden; } ul { list-style:none outside none; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .shell { width:980px; margin:0 auto; } #header { background:url(images/header2.png) repeat-x 0 0; background-size: 100% 100%; } .header-i { } #header .shell { padding-top:16px;text-align:center } h1#logo { float:left; padding-left:6px; } h1#logo a { display:block; background:url(images/logo.png); width:536px; height:82px; } #header .social { float:right; padding:26px 43px 0 0; } #header .social a { float:left; width:46px; height:44px; margin-right:9px; } #header .social a.fb { background:url(images/fb.png); } #header .social a.tw { background:url(images/tw.png); } #header .social a.yt { background:url(images/yt.png); } #header .social a.rss { background:url(images/rss.png); } #header .social a:hover { background-position:0 bottom; } #navigation { margin-top:13px; height:51px; background:url(images/nav.png); padding:0 5px 0 0; } #navigation .nav { float:left; } #navigation .nav ul li { float:left; height:51px; background:url(images/div.png) no-repeat right 0; } #navigation .nav ul li a { line-height:51px; text-transform: uppercase; font-family: 'HelveticaNeueBold'; font-size:16px; color:#fff; text-decoration:none; padding:15px 20px; } #navigation .nav ul li:hover { text-decoration:none; background:url(images/nav-ovr.png) no-repeat right 0; } #navigation .nav ul li.menu-item-4001:hover { background:url(images/nav-ovr.png) no-repeat left 0 !important; } #search { float:right; margin:11px 15px 0; border-top:1px solid #707171; width:290px; } #search input { float:left; } #search .submit { width:31px; height:28px; background:url(images/search-btn.png); font-size: 0; line-height: 0; text-indent: -4000px; cursor:pointer; border:0; } #search .submit:hover { background-position:0 bottom; } #search .field { float:left; background:url(images/search-field.png) repeat-x 0 0; border:0; padding:4px 5px; width:248px; border-left:1px solid #d1d1d1; color:#3d6b95; height:20px; } #main { position:relative; z-index: 2; } #main .shell-t { background:url(images/shell-t.png); height:18px; font-size: 0; line-height: 0; text-indent: -4000px; } #main .shell-b { background:url(images/shell-b.png); height:15px; font-size: 0; line-height: 0; text-indent: -4000px; } #main .shell-c { background:url(images/shell-c.png) repeat-y 0 0; padding:0 5px; width:970px; } #content { float:left; width:610px; padding:10px 0 0 26px; } #content .type-post { background:url(images/bb2.png) repeat-x 0 bottom; } #content .type-page { } #content ul li { list-style:disc; } #sidebar { float:right; width:287px; padding-right:16px; } .article { position:relative; padding-bottom:14px; } .article+.article { margin-top:13px; } .article h2 { padding: 0 50px 7px 0; } .article img { border:3px solid #d4d9df; } .article img.alignleft { margin-right:17px; } .article p { padding-bottom:18px; } .article p.aut { font-style:italic; font-weight:bold; color: #007111; padding-bottom:7px; } .article .date { position:absolute; width:47px; height:51px; background:url(images/date.png); right:0; top:0; text-align:center; font-size:12px; color:#fff; line-height:12px; letter-spacing:-1px; text-shadow: -1px -1px 0 rgba(0,0,0, 0.5); font-weight:bold; padding:11px 3px 0 0; text-transform: uppercase; } .article .date span { display:block; font-size:31px; line-height:31px; } .article .topics { font-size:13px; color:#1a2a31; padding: 0 0 9px 2px; } .article .topics a { margin-left:3px; } .article .bottom-bar { background:url(images/bb.png) no-repeat 0 0; height:25px; padding:4px 3px 4px 6px; width:596px; } .article .bottom-bar a { color: #007111; line-height:25px; height:25px; } .article .bottom-bar a.comments { float:left; padding-left:19px; background:url(images/comments.png) no-repeat 0 7px ; font-size:14px; font-weight:bold; } .article .bottom-bar .st_sharethis_custom { float:right; padding: 3px 30px 0 0; background:url(images/share.png) no-repeat top right; font-size:12px; height: 25px; cursor: pointer; color:#364D71; } .article .bottom-bar .social_media { float:right; padding-top: 2px; } .pagination { height:33px; padding-top:7px; } .pagination a { height:33px; font-size: 0; line-height: 0; text-indent: -4000px; } .pagination .prev a { background:url(images/back.png); float:left; width:68px; } .pagination .next a { background:url(images/next.png); float:right; width:67px; } .pagination a:hover { background-position:0 bottom; } #sidebar .section { padding:7px 0 17px; background:url(images/bb3.png) repeat-x 0 bottom; } .slider { width:281px; height:206px; border:3px solid #c6c6c6; position:relative; overflow:hidden; } .slider .jcarousel-clip, .slider li { position:relative; overflow:hidden; width:291px; height:206px; z-index: 1; } .slider li { float:left; } .slider .nav { position:absolute; right:0; bottom:0; height:28px; z-index: 2; } .slider .nav .wrap { height:22px; float:right; background:url(images/sl-nav-bg.png) no-repeat 0 0; padding:6px 3px 0 21px; } .slider .nav .wrap a { width:19px; height:19px; background:url(images/sl-nav.png); float:left; margin-right:2px; } .slider .nav .wrap a.active, .slider .nav .wrap a:hover { background-position:0 bottom; } .tweets p { color: #2b2b2b; line-height:20px; } .signup .form { border:1px solid #818588; height:28px; width:259px; } .signup .form label { display:none; } .signup .field input { float:left; background:url(images/signup-field.png) repeat-x 0 0; color:#afbac1; border:0; border-right:1px solid #555; padding:4px 10px; width:195px; height:20px; } .signup .field input:focus { color: #000; } .signup .button { float:right; background:url(images/signup-btn.png); width:43px; height:28px; border:0; font-size: 0; line-height: 0; text-indent: -4000px; cursor:pointer; } .signup .button:hover { background-position:0 bottom; } .best-of ul, .widget_nav_menu ul { padding-top:4px; } .best-of ul li, .widget_nav_menu ul li { padding-bottom:3px; } .best-of ul li a, .widget_nav_menu ul li a { font-weight:bold; } #footer { background:url(images/footer.png) repeat-x ; margin-top:-89px; padding:89px 0 0px; position:relative; z-index: 1; text-align:center; width:100%; height: 150px; } #footer .links { padding:7px 0 5px; } #footer .links a { color:#c3d0d9; font-size:14px; line-height:31px; font-family: 'HelveticaNeueBold'; text-shadow: 1px 1px 1px #535d5f; margin:0 13px; text-transform: uppercase; } #footer .links li { display:inline; } #footer .links a:hover { color:#466791; text-decoration:none; } #footer p.copy { font-size:14px; line-height:25px; font-family: 'HelveticaNeueBold'; text-shadow: 1px 1px 0 #535d5f; color:#c3d0d9; } #reply-title { padding: 20px 0; } #commentform p label {float: left; width: 300px; height: 20px;} #commentform p label {float: left; width: 100px; height: 20px;} #commentform p {clear: both; overflow: hidden; padding-bottom: 10px; } #commentform input {padding: 3px;} #commentform span.required {display: none;} #commentform #submit {margin-left: 100px;} .commentlist { padding-bottom: 10px; list-style-type: none; } .commentlist .children { list-style-type: none; } .comment { padding-top: 20px; } .comment .comment {padding-left:60px;} .comment-author { font-weight: bold; } .comment-author img { border: 5px solid #FFFFFF; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; box-shadow: 0 0 2px #000000; float: left; margin: 0 10px 10px 0; } .comment-meta { font-style: italic; } .comment-text { clear: both; margin-top: 2px; overflow: hidden; } .post blockquote { margin: 0 40px 30px; padding: 0 10px; border: 10px solid #20476B; border-width: 0 0 0 5px; } .post blockquote p { padding-bottom: 0; } .post ol, .post ul { margin-left: 20px; padding-bottom: 20px; } .post ol ol, .post ul ul { padding-bottom: 0; } /* Form Customizations */ .gform_wrapper { margin:0; padding:0; } #gform_wrapper_3 label { display:none !important; } #gform_wrapper_3 { margin:0 !important; padding:0; height:auto; position:relative !important; } #gform_wrapper_3 .gform_body { margin:0 !important; padding:0 !important; width:206px; } #gform_wrapper_3 .gform_footer { margin:0 !important; padding:0 !important; float:right; width:55px; margin-top:-29px !important; margin-right:10px !important; *margin-top: -31px !important; } /* #gform_wrapper_3 .gform_footer { margin:0 !important; padding:0 !important; position:absolute; width:50px; margin-top:-29px !important; margin-right:2px !important; margin-left: 230px !important; } */ .gform_wrapper #input_3_1 { padding: 5px !important; width: 206px !important; color:#666 !important; background: none !important; font-size:14px !important; height:20px; background: url('images/search-bg.jpg') no-repeat 0 0 !important; border:none; } .gform_wrapper #gform_submit_button_3 { padding:3px; background: none !important; height:30px; background: url('images/search-go.jpg') no-repeat top left !important; border:none; margin-top:-1px; width:45px; font-size: 0 !important; cursor:pointer; } .gform_wrapper #gform_submit_button_3:hover { background: url('images/search-go.jpg') no-repeat bottom left !important; } /* Misc styles */ .gform_wrapper .top_label input.medium { background: url(images/contact-field-bg.jpg) bottom left repeat-x transparent; border: none; height: 20px; color: #727272; margin: 10px 0; font-size: 0.9em; font-weight: normal;} .gform_wrapper textarea.textarea { background: url(images/contact-field-bg.jpg) bottom left repeat-x transparent; border: 1px solid #e1e1e1; color: #444; font-size: 1.2em; } .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 77% !important; } .gfield_required { display: none; } /* .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { background: #BE5B00; border: none; padding: 10px 20px; text-transform: uppercase; font-weight: bold; color: #1a2a31; } */ /* jqtransform */ /* * jqTransform */ form.jqtransformdone label{ margin-top:4px; margin-right: 8px; display: block; float:left; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton { margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { background: transparent url(img/btn_right.gif) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 33px; } button.jqTransformButton span span { background: transparent url(img/btn_left.gif) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 462px !important; position:relative; height: 31px; background: url(img/select_left.gif) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { background: url(images/contact-field-bg.jpg) bottom left repeat-x transparent; width: 458px !important; font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 21px; line-height: 15px; padding: 8px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background: url(images/drop.jpg) top right no-repeat transparent; } .jqTransformSelectWrapper ul { position: absolute; width: 460px !important; top: 28px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; border: 1px solid transparent; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#fff; color: #000; background: #ddd; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1 { background: none !important; } /* Misc */ .gform_description span, .gform_wrapper .top_label .gfield_label { color: #2F2F2F !important; } #wpstats { display:none; } .subscribe-label { width: auto !important; } /* Shop - Hide Shipping Options */ .eshopform .fld0 { display: none !important; } .post h1 { font-size: 30px; line-height: 36px;} .post h2 { font-size: 28px; line-height: 33px;color:#2f2f2f;padding:0;} .post h3 { font-size: 26px; line-height: 31px; text-transform:none;} .post h4 { font-size: 24px; line-height: 28px;} .post h5 { font-size: 22px; line-height: 26px;} .post h6 { font-size: 20px; line-height: 24px;} .post h2:first-child{ width:560px; font-size: 37px; line-height: 35px; color: #007111; } .post h2{padding-top: 20px;} #easy_captcha-comments_form-div{margin-bottom:25px}