/* Theme Name: First United Methodist Church v1.0 Theme URI: http://www.fillinthe.com Description: Default Site Theme by Fill in the Blank, LLC. Version: 1.0 Author: Fill in the Blank Author URI: http://www.fillinthe.com Tags: beige, purple, custom header */ /** {outline:none;}*/ html {font-size: 100.1%;} body {outline:0;margin:0;font-family:Arial, Helvetica, sans-serif;background:#33241d;color:#ffe699;} img {border:0;} .form {padding:0;margin:0;} .form select, .form input, .form textarea {vertical-align:middle;} a {text-decoration:none;color:#ffe699;} a:hover {text-decoration:underline;} #main {width:100%;} #header-wrap {float:left;width:100%;background: url('images/bg-header.jpg') repeat-x top center;} #header {margin:0 auto;width:900px;height:180px;background:url('images/image-header.jpg') no-repeat 0 100%;position:relative;} #header em {float:left;margin:8px 0 0 0;font-style:normal;float:left;font-size:12px;color:#fff} #header .logo {position:absolute;bottom:0;left:0;width:900px;height:151px;text-indent:-9999px;overflow:hidden;} #header .form-search {float:right;width:200px;height:20px;margin:5px 0 0 0;} #header .form-search .text {background:#e2e2c7;float:left;width:200px;padding:2px 0 2px 5px;border:0;font-size:12px;color:#000;margin:0;} #header .form-search .btn {float:left;display:none;} /*start top navigation*/ #top-nav {position:relative;margin:0 auto;padding:0;list-style:none;width:900px;z-index:100;} #top-nav li {float:left;font-size:16px;font-weight:bold;padding:10px 0;} #top-nav li a {margin:0 18px 0 0;text-decoration:none;color:#ffe699;} #top-nav li a:hover, #top-nav li.current_page_item a {color:#ff9600;} #top-nav li a:hover, #top-nav li:hover a, #top-nav li.hover a {position:relative;} #top-nav li:hover, #top-nav li.hover {position:relative;} #top-nav li:hover ul, #top-nav li.hover ul {display:block;} #top-nav li ul {position:absolute;display:none;top:28px;left:0;list-style:none;padding:8px 0 0 0;margin:0;line-height:20px;width:152px;z-index:10;} #top-nav li ul li {padding:0;font-size:14px;} #top-nav li ul li a {border:1px solid #ffe699;border-top:none;display:block;background:none !important;background-color:#9f9c7d !important;width:200px !important;height:auto !important;color:#ffe699;/*text-indent:5px;*/margin:0 !important;text-decoration:none;padding:3px 5px;} #top-nav li ul a:hover {background-color: #43231d !important; color:#ffe699; !important;} /*start content*/ #content_brown { background:url('images/bg_brown.gif') repeat top center; width:100%; height:auto; float:left; margin:0px; padding:0px; } #content-wrap {float:left;width:100%;background:url('images/bg-content.jpg') center top;position:relative;} #content-shadow {clear:both;margin:0 auto;width:936px;background:url('images/bg-content-shadow.png') repeat-y;} #content_swirl { background:url('images/bg_swirl.png') no-repeat center top; width:100%; height:auto; float:left; margin:0px; padding:0px; } #content_white_shadow { background:url('images/bg_whiteshadow.png') repeat-y center top; width:100%; height:auto; float:left; margin:0px; padding:0px; } #column2-wrap {background:url('images/bg-column2.jpg') repeat-y right top;} #content-1col, #content-2col {margin:0 auto;width:900px;background:url('images/bg-content-inner.jpg');} #content-1col .youthbanner {float:left;width:900px;height:300px;background:#d3d1ca;padding:4px 0;margin:0 0 5px 0;border-top:4px solid #928d74;border-bottom:4px solid #928d74;} #content-1col .youthbanner .youth-left{float:left;width:440px;font-size:15px;color:#492b21;padding:10px 20px 0 20px;} #content-1col .youthbanner .youth-right{float:left;width:380px;padding:0 0 0 20px;} #content-1col .slideshow-right {float:left;width:595px;height:250px;background:url('images/bg-slideshow.jpg') repeat-x;padding:4px 0;} #content-1col .slideshow-right p {margin:0;float:left;padding:0;} #content-1col .slideshow-left {float:left;width:305px;height:250px;background:url('images/bg-slideshow-left.jpg') repeat-x;padding:4px 0;margin:0 0 5px 0;} #content-1col .slideshow-left .info {margin:0;display:block;height:119px;width:295px;padding:5px 0 0 12px;} #content-1col .slideshow-left h2{font-size:14px;font-weight:bold;margin:0;} #content-1col .slideshow-left h3{font-size:14px;font-weight:bold;margin:0 12px 0 12px;} #content-1col .slideshow-left p{font-size:12px;margin:0 12px 0 12px;} #content-1col .slideshow-left p a{color:#ff9600;font-weight:bold;text-decoration:none;} #content-1col .slideshow-left p a:hover{text-decoration:underline;} #content-1col .slideshow-left ul{margin:0;padding:0;list-style:none;} #content-1col .slideshow-left ul li{font-size:14px;margin:0 12px;} #content-1col .slideshow-left ul li a{color:#ffe699} #content-1col .slideshow-left hr{margin:0 auto;background-color:#938e76;width:270px;height:1px;border:0;} #content-1col #column1 {float:left;width:860px;padding:5px 20px 20px 20px;position:relative;margin:0;} #content-2col #column1 {float:left;width:570px;padding:10px 10px 20px 20px;position:relative;margin:0;} #content-2col #column2 {float:left;width:300px;padding:0 0 20px 0;position:relative;margin:0;} #column1 .box {float:left;width:860px;margin:0;padding:0;position:relative;} #column1 .box .box-inner {float:left;width:860px;} #column1 .box .column {float:left;width:280px;margin:0 10px 0 0;position:relative;} #column1 .box .last {margin:0;} #column1 .box .column h3, #column1 .ministries-box .ministry h3 {float:left;width:270px;line-height:100%;margin:0;padding:4px 0 0 10px;height:27px;color:#ffe699;background:url('images/titlebar-col3.png') top left repeat-x; font-weight:normal; font-size:18px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;} #column1 .box .column p {float:left;width:262px;padding:0 0 0 18px;margin:5px 0 20px 0;font-size:12px;color:#fff;line-height:18px} #column1 .box .column p a, #column1 .box .column .twitter-link {color:#ff9600;font-weight:bold;text-decoration:none;} #column1 .box .column p a:hover, #column1 .box .column .twitter-link:hover{text-decoration:underline;} #column1 .box .column a.more {position:absolute;right:0;top:0;font-size:12px;font-weight:bold;color:#ffe699;margin:8px 5px 0 0;} #column1 .box .column ul {float:left;list-style:none;width:280px;padding:0;margin:0 0 20px 0;font-size:13px;color:#eee;} #column1 .box .column ul li {float:left;width:262px;margin:10px 0 0 0;padding:0 0 0 18px;background:url('images/list-bullet.png') no-repeat top left; background-position:3px 3px;} #column1 .box .column ul li a.title, #column1 .box .column ul li strong, #column1 .box .column ul li .headline a {float:left;color:#ffe699;text-decoration:none;font-weight:bold;} #column1 .box .column ul li em {float:left; font-style:normal;} #column1 .box .column ul li p {clear:left;padding:0;margin:0;} #column1 .box .column ul li div {float:left;padding:0;margin:0;} #column1 .box .column ul li p a{font-weight:bold;color:#ff9600;} #column1 .ministries-box {float:left;width:870px;margin:0;padding:0;position:relative;} #column1 .ministries-box .box-inner {float:left;width:870px;} #column1 .ministries-box .box-inner p {padding:0;margin:0;font-size:12px;color:#fff;} #column1 .ministries-box .ministry {width:280px;height:135px;float:left;margin:0 10px 20px 0;display:block;position:relative;} #column1 .ministries-box .ministry img{float:left;border:4px solid #9f9c7e;margin:0 3px 0 0;} #column1 .ministries-box .ministry em{float:left;font-style:normal;} /*#column1 .box .column ul a:hover {text-decoration: underline;}*/ #column1 .home-images ul {float:left;list-style:none;width:860px;padding:0;margin:0;position:relative;} #column1 .home-images p {padding:0;margin:0;} #column1 .home-images ul li {float:left;margin:0 10px 0 0;} #column1 .home-images ul li.last {margin:0;} #column1 .home-images ul li img {border:5px solid #9f9c7e;} #content-2col #column1 .box {float:left;width:570px;margin:0 0 10px 0;padding:0;} #content-2col #column1 .box .box-inner {float:left;width:570px;} #content-2col #column1 .box .box-inner p {color:#fff;font-size:12px;line-height:16px;} #content-2col #column1 .box .post a {font-weight:bold;color:#ff9600; text-decoration:none;} #content-2col #column1 .box .post a:hover {text-decoration:underline;} #content-2col #column1 .box h3 {display:block;float:left;line-height:100%;margin:0 0 10px 0;padding:4px 0 0 5px;width:565px;height:25px;color:#ffe699;background:url('images/titlebar-col1.png') top left repeat-x; font-weight:normal; font-size:18px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;} #content-2col #column1 .box h4 {display:block;float:left;margin:20px 0 5px 0;padding:0;width:565px;height:18px;font-weight:normal;font-size:18px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} #content-2col #column1 .box p {display:block;float:left;line-height:100%;margin:0 0 10px 0;padding:0;width:565px;} #content-2col #column1 .box p a{font-weight:normal;color:#ffe699;text-decoration:none;} #content-2col #column1 .box p a:hover{text-decoration:none;} #content-2col #column1 .box .post h3 {display:block;float:left;line-height:100%;margin:0 0 10px 0;padding:4px 0 0 5px;width:565px;height:25px;color:#ffe699;background:url('images/titlebar-col1.png') top left repeat-x; font-weight:normal; font-size:18px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;} #content-2col #column1 .box .post h3 a{font-weight:normal;color:#ffe699;text-decoration:none;} #content-2col #column1 .box .post h3 a:hover{text-decoration:none;} #content-2col #column1 .box a.more {position:absolute;right:0;top:0;font-size:12px;font-weight:bold;color:#ffe699;margin:10px 15px 0 0;} #content-2col #column1 .box .contact-info, #content-2col #column1 .box .contact-info li {width:170px;} #content-2col #column1 .box ul {float:left;list-style:none;padding:0;margin:0 0 20px 0;font-size:13px;color:#fff;} #content-2col #column1 .box ul li h2 {display:block;float:left;line-height:100%;margin:0 0 10px 0;padding:0 0 0 5px;width:565px;height:25px;color:#ffe699;font-weight:normal; font-size:18px;} #content-2col #column1 .box ul li {float:left;width:542px;margin:5px 0 0 0;padding:0 0 0 18px;background:url('images/list-bullet.png')no-repeat top left; background-position:3px 3px;line-height:18px;} #content-2col #column1 .box ul li a.title {float:left;color:#ffe699;text-decoration:none;font-weight:bold;} #content-2col #column1 .box ul li strong {float:left;color:#ffe699;text-decoration:none;font-weight:bold;} #content-2col #column1 .box ul li em {float:left;padding:0;margin:0; font-style:normal;} #content-2col #column1 .box ul li p {clear:left;padding:0;margin:0;line-height:18px;} #content-2col #column1 .box ul li p a{font-weight:bold;color:#ff9600;} .contact-form {float:left;width:320px;margin:0 10px 10px 20px} .contact-form .text, .contact-form .message {width:320px;background:#e2e2c7;float:left;padding:0;border:0;font-size:12px;color:#000;margin:0;} .contact-form .message {height:120px;} .contact-form .text {height:20px;} .contact-form .btn {float:right;margin:5px 0 0 0;font-size:12px;font-weight:bold;padding:5px;color:#ffe699;background:#9f9c7d;border:0;} .contact-form .btn:hover {background:#ffe699;color:#9f9c7d;} .contact-form label {float:left;margin:5px 0 1px 0;} #column2 .box {float:left;width:300px;margin:0;padding:0;position:relative;} #column2 .box .box-inner {float:left;width:300px;} #column2 .box .box-inner p {color:#fff;font-size:12px;margin:0 15px; line-height:18px;} #column2 .box h3 {width:290px;float:left;line-height:100%;margin:0 0 10px 0;padding:7px 0 0 10px;height:27px;color:#ffe699;background:url('images/titlebar-col2.png') top left repeat-x; font-weight:normal; font-size:18px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;} #column2 .box ul {float:left;list-style:none;width:260px;padding:0;margin:0 0 20px 20px;font-size:13px;color:#fff;} #column2 .box ul li {float:left;width:242px;margin:5px 0 0 0;padding:0 0 0 18px;background:url('images/list-bullet.png')no-repeat top left; background-position:3px 3px;} #column2 .box ul.bio li {float:left;width:260px;margin:5px 0 0 0;padding:10px 0;background:none;border-bottom:2px #7d6956 solid;} #column2 .box ul.bio li img {float:right;border:5px #9f9c7e solid ;} #column2 .box ul li a.title {float:left;color:#ffe699;text-decoration:none;font-weight:bold;} #column2 .box ul li strong {color:#ffe699;text-decoration:none;font-weight:bold;} /*#column2 .box ul li em{padding:0;margin:0; font-style:normal;}*/ #column2 .box ul li img{float:right;border:5px #9f9c7e solid;} #column2 .box ul li p {padding:0;margin:0;} #column2 .box ul li p a{font-weight:bold;color:#ff9600;} /* google calendar */ .calendar-container {display:none;} .subscribe-image {display:none;background:none;} .powered, .linklove {display:none;visibility:hidden;} .column .cal {float:left;} #agendaDiv1 { z-index:100;} .navigation .alignleft{float:left;} .navigation .alignright{float:right;} .navigation a{font-weight:bold;color:#ff9600;font-size:12px; text-decoration:none;} .navigation a:hover{text-decoration:underline;} .navigation {font-weight:bold;color:#ff9600;font-size:12px; text-decoration:none;} #respond {float:left;} #respond #commentform,#respond #commentform textarea,#respond #commentform input{width:550px;} #respond #commentform #submit { width:150px;} a.post-edit-link {width:900px;background:#F00;float:left;margin:0;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;} a.post-edit-link:hover {background:#fff;color:#f00;} #column1 a.post-edit-link {width:100%;background:#F00;float:left;margin:0;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;} #column1 a.post-edit-link:hover {background:#fff;color:#f00;} #column1 .post-edit-link {width:100%;background:#F00;float:left;margin:0;padding:8px 0;text-align:center;color:#fff;text-transform:uppercase;} #column1 .post-edit-link:hover {background:#fff;color:#f00;} /*ul.history {height:400px;color:#000;background:#e2e2c7;display:block;}*/ #content-2col #column1 .box ul.history li {/*overflow:auto;height:600px;color:#000;*/background:#e2e2c7 !important;display:block;float:left;width:530px;margin:-10px 0 0 0 !important;padding:20px;} #content-2col #column1 .box ul.history li div {float:left;} #content-2col #column1 .box ul.history strong {color:#000;} #content-2col #column1 .box ul.history p {float:left;margin:0 0 10px 0;color:#000;width:530px;} #content-2col #column1 .box ul.history {float:left;list-style:none;padding:0;margin:0 0 20px 0;font-size:13px;color:#fff;width:530px;} .communityDays{float:left;margin:0 15px 0 0;} .communityDays, .communityDays h3, .communityDays ul, .communityDays li, .communityDays p {width:270px !important;} /*.recentNews p {padding:0;margin:0;float:left;}*/ #creditfooter,.feedTitle,#calendarContainer1 #footer1 {display:none;} /*start footer*/ #footer {float:left;width:100%;/*height:30px;*/background: url('images/bg-footer.jpg') center;position:relative;color:#a09d7f;} #footer .footer-inner {margin:0 auto;width:900px;background:url('images/bg-footer-hl.jpg');padding:9px 0 0 0;position:relative;text-align:right;height:21px;} /*start footer navigation*/ #footer ul {position:relative;list-style:none;padding:0;margin:0;font-size:12px;font-weight:bold;float:right;} #footer ul li {display:inline;padding:0 5px 0 7px;border-left: 1px solid #a09d7f;} #footer ul .first {border:0;} #footer ul li a {} #footer .crossfootnote {position:relative;float:right;font-size:9px;width:600px;margin:-5px 0 0 0;} #footer .crossfootnote p{} #footer .crossfootnote .tinycross{float:right;margin:0 0 0 10px;} .twitterwidget-title, .twitterwidget-rss, .from-meta {display:none;} /* YOUTH PAGE */ .clear { clear:both; line-height:1px; heigth:1px; } /* contener */ #content_box { position:relative;background:url('images/content_bx_bg.jpg') repeat center top; width:100%; height:auto; float:left; margin:0px ; padding:0px;} #content_wrap { position:relative; width:900px; margin:0px auto; padding:0px; } #content { position:relative;width:900px; height:auto; background:url('images/content_bg.jpg') no-repeat 1px top; margin:0; padding:0px; float:left; position:relative; } #logo_img { width:155px; height:160px; float:left; margin:0px; padding:0px; position:absolute; left:0px; top:0px; z-index:8; } /* conterner top */ #content_top { width:100%; height:400px; background:url('images/topcontent_bg.png') no-repeat bottom; margin:0px; padding:0px; float:left;} #showcase { width:627px; height:314px; float:left; margin:0 0 0 123px; padding:8px; display:inline; position:relative; left:0px; z-index:7; overflow:hidden; } #showcase ul {display:block;width:627px;height:314px;overflow:hidden;list-style:none;margin:0;padding:0;} #showcase ul li {float:left;margin:-10px 0 0 0;} #showcase_left { background:url('images/img_show_left.png') no-repeat; width:31px; height:314px; float:left; margin:0px; padding:0px; position:absolute; left:0px; z-index:6; } #showcase_right { background:url('images/img_show_right.png') no-repeat; width:30px; height:314px; float:left; margin:0px; padding:0px; position:absolute; right:0px; z-index:5; } /*social*/ #social { width:128px; margin:8px 0 0 0; display:inline; padding:0 0 0 30px; background:url('images/social_bg.png') no-repeat top; float:left; position:absolute; right:7px; z-index:9; } #social_facebook { width:52px; height:52px; margin:58px 66px 0 0; padding:0px; float:right; } #social_link { width:55px;margin:32px 0 0 0;padding:0px;float:left;text-align:center;} #content_top p {font-size:19px;font-weight:bold;color:#ffffff;text-align:center; } #content_top div p{ margin:-10px 0 0 0; padding:12px 50px 0 58px;} #common_box { width:100%; height:auto; margin:20px 0 20px 1px; padding:0; float:left;background:#fff;} #common_box h1{ width::300px;height:64px;font-family:"Courier New", Courier, monospace;font-size:26px;font-weight:bold;color:#ffcc66; line-height:64px;background:url('images/common_bg.png') no-repeat top;margin:0px;padding:0 0 0 30px;text-transform: uppercase;} /* left common box */ #common_box_left { width:300px; margin:0px; padding:0; float:left;} #common_box_left h1 {font-size:26px;font-weight:bold;color:#ffcc66;background:url('images/common_bg.png') no-repeat center;} #common_box_left ul {display:block;margin:0px;padding: 0 0 20px 30px;} /*#common_box_left ul li {display:block;font-size:14px;margin:0;padding:0 0 0 10px;background:url('images/bullet.gif') no-repeat left center;line-height:25px;}*/ #common_box_left ul li a { color:#2784a3;} /* favorites*/ #favorites { width:300px; margin:0px; padding:4px 0 0 0; float:left;} #favorites h1 {color:#ffcc66;background:url('images/common_bg.png') no-repeat center;} #favorites ul {margin:0px;padding: 4px 0 0 0;} /*#favorites li {display:block;font-size:14px;margin:0;padding:0 0 0 10px;background:url('images/bullet.gif') no-repeat top; line-height:25px;}*/ #favorites li a {color:#2784a3;} /* center common box */ #common_box_center { width:300px; margin:0px; padding:0; float:left;} #common_box_center h1 {color:#ffcc66;background:url('images/common_bg.png') no-repeat center;} #common_box_center ul {margin:0px;padding: 4px 0 0 30px;} #common_box_center ul li, #common_box_left ul li, #favorites li {display:block;font-size:14px;margin:0;padding:0 30px 7px 10px;background:url('images/bullet.gif') no-repeat left 5px;color:#2784a3;} /*right common box */ #common_box_right { width:300px; margin:0px; padding:0; float:left;} #common_box_right img { float:left; margin:10px 0 0 25px; display:inline; }