/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ html {overflow-x: hidden;} body { margin:0; padding:0; background:#0b232e url(../images/bg_body.jpg) no-repeat top center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} p { margin:0px; padding:0px; font-size:13px; font-weight:normal; color:black; line-height:1.4em; font-family:Arial, Helvetica, sans-serif} p a:link, p a:visited { text-decoration:underline; color:#1b485e;} p a:hover { text-decoration:underline; color:#3FA6DB} h1 { margin:0px; padding:0px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:22px; font-weight: normal; color:#1b485e} h2 { margin:0px; padding:0px; font-size:22px; font-weight:bold; color:#1B485E; font-family:Arial, Helvetica, sans-serif} h4 { margin:0px; padding:0px; font-size:19px; font-weight:normal; color:#3FA6DB; font-family:Arial, Helvetica, sans-serif} img { border:none} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper {width:1029px; margin:0 auto; padding-top:30px;} .confirmationMessageText {font-color: black;} /* --------------------------------------------- 03. header --------------------------------------------- */ #header {width:1029px; background:url(../images/bg_top_bar.png) no-repeat top center; float:left; height:144px} /* --------------------------------------------- 03.1 header - logo, top links and nav --------------------------------------------- */ #header .logo { width:356px; height:128px; float:left; padding-left:20px;} #header .header_right { width:620px; float: right; } #header ul.topmenu { width:500px; float:right; margin:0; padding:30px 72px 0 0; } #header ul.topmenu li { margin:0; padding:0; border-right:1px solid #fff; line-height:1em; float: right; list-style:none; padding:0 5px;} #header ul.topmenu li a {color:#fff; text-decoration:none; float:left; line-height:1em; font-size:12px} #header ul.topmenu li a:hover {color:#44a6d9;} #header ul.topmenu li.nodivider { border-right:none} #header ul.mainnav { width:95%; float: left; padding:18px 90px 0 0px; margin:0; position:relative} #header ul.mainnav li { margin:0; padding:0; float:left; list-style:none} #header ul.mainnav li a {display:block; float:left; height:57px; line-height:57px; padding:0 20px; color:#fff; text-decoration:none; font-size:15px;} #header ul.mainnav li a:hover {background:#29698a;} #header ul.mainnav li .selected {background:#29698a;} /* --------------------------------------------- 04. content --------------------------------------------- */ #content {width:1029px; float:left} /* --------------------------------------------- 05. left panel styles --------------------------------------------- */ #leftpanel {width:641px; height:366px; float:left; background:url(../images/bg_left_column.png) no-repeat } #leftpanel .updates { width:22px; float:left; padding-top:200px; padding-left:8px; position: relative} #leftpanel .photo_slide { width:568px; height:308px; float:left; padding:15px;} /* --------------------------------------------- 06. right panel styles --------------------------------------------- */ #rightpanel { width:358px; height:336px; float:left; background:url(../images/bg_right_column.png) no-repeat;padding:15px;} #rightpanel .new_to_trinity {width:328px; height:93px; position:relative} #rightpanel .prayer_room {width:328px; height:93px; padding:15px 0; position:relative} #rightpanel .our_mission {width:328px; height:93px; position:relative} *html #rightpanel .prayer_room {width:328px; height:93px; padding:10px 0; position:relative} /* --------------------------------------------- 07. footer styles --------------------------------------------- */ #footer {width:914px; height:83px; float: left; background:url(../images/bg_footer.png) top no-repeat; padding:1px 75px 0 40px; margin-bottom:30px} #footer p { float:left; padding-top:12px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif} #footer p a { text-decoration:underline; color:#FFFFFF} #footer p .developer { padding-left:20px; position:relative} #footer .footer_right {float:right; position:relative} /* --------------------------------------------- 08. innerpage - content box --------------------------------------------- */ #boxtop { width:1029px; height:37px; float:left; background:url(../images/bg_innercontent_topborder.png) no-repeat bottom center; margin-top:-30px} #boxmiddle { width:953px; float:left; background:url(../images/bg_innercontent_middleborde.gif) repeat-y top center; padding:0px 38px; position:relative} #boxbottom { width:1029px; height:25px; float:left; background:url(../images/bg_innercontent_bottomborde.png) no-repeat top center} /* --------------------------------------------- 09. innerpage - left panel styles --------------------------------------------- */ #boxmiddle .leftpanel { width:267px; float:left} #boxmiddle .leftpanel h1 { width:200px; float:left; border-bottom:1px solid #1B485E; padding-bottom:2px} #boxmiddle .leftpanel .smallbox { width:267px; float:left;} #boxmiddle .leftpanel .box_bordertop { width:267px; height:23px; float:left; background: url(../images/leftpanel_topborder.gif) no-repeat } #boxmiddle .leftpanel .box_bordermiddle { width:200px; float:left; background: url(../images/leftpanel_middleborder.gif) repeat-y; padding-left:20px; padding-right:47px } #boxmiddle .leftpanel .box_borderbottom { width:267px; height:25px; float:left; background: url(../images/leftpanel_bottomborder.gif) no-repeat } #boxmiddle .leftpanel .box_bordermiddle .list_ministry { width:200px; float:left; padding-top:10px; padding-bottom:40px} #boxmiddle .leftpanel .box_bordermiddle .list_ministry ul { list-style:none; margin:0px; padding:0px} #boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#1B485E} #boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li a { display:block; width:200px; color:#1B485E; text-decoration:none; line-height:1.4em;} #boxmiddle .leftpanel .box_bordermiddle .list_ministry ul li a:hover { text-decoration:underline} #boxmiddle .leftpanel .box_bordermiddle .samplelist { width:197px; float:left; padding-left:3px; padding-top:15px} /* --------------------------------------------- 10. innerpage - right panel styles --------------------------------------------- */ #boxmiddle .rightpanel { width:670px; float:left; padding-top:23px; padding-right:15px} #boxmiddle .rightpanel p { text-align:left; padding-bottom:15px; color:#3b3b3b} #boxmiddle .rightpanel h2 {text-align:left; padding-top:10px} #boxmiddle .rightpanel a {color: #1B485E} #boxmiddle .rightpanel .samplephoto { width:267px; float:left;} #boxmiddle .rightpanel .samplephoto p { text-align:left; color:#1B485E; padding-top:10px} /* --------------------------------------------- 11. homepage - news and updates --------------------------------------------- */ #news { width:577px; float:left; padding-left:45px; margin-top:-27px; padding-bottom:20px} #news .box_content { width:542px; float:left; background:#0b1419 url(../images/bg_news_content.gif) no-repeat bottom; padding:10px 20px 0px 15px;} #news .heading_news { width:542px; float:left; border-bottom:1px solid #3FA6DB; padding-bottom:10px;} #news h4 { width:542px; float:left; padding-top:10px} #news p { width:542px; float:left; padding-bottom:10px; font-family: Arial;} #news p.text_italic { font-size:10px; font-style:italic} #news .box_borderbottom { width:577px; height:12px; float:left; background:url(../images/bg_news_borderbottom.gif) no-repeat} /* Blog Element ------------------------------------------ */ .blogList ul { padding-top: 10px; margin-top: 10px; list-style: none; text-align: right; } .blogList li {list-style: none;} .blogList .postBody {display: block;} .blogList .postInfo {margin-bottom: 1em;} .blogList .postInfo, .postDate {font-style: italic; font-size:12px; text-align: right; color:white;} div.post h2, .blogList .postTitle, div.event h2 {margin-top: 10px; margin-bottom: 0; font-size:22px; font-weight:bold; color:#4db5e4; } h2 a:link, h2 a:visited { text-decoration:underline; color:#4db5e4; } div.post .postDate, div.event .eventDate {margin-top: 0; color:white; text-align:right;} div.comments dd.comment {padding: 1em 1.5em; background: #F9F9F9;} /* rss icon */ .rss {text-align: right; padding-bottom: 10px;} .rss img {border: none; text-align: left;} /* blog comments */ .comments { padding-top: 10px; } h3 { margin:0px; padding:0px; font-size:20px; font-weight:bold; color:#1B485E; text-align: left; font-family:Arial, Helvetica, sans-serif} h3 a:link, h3 a:visited { text-decoration:underline; color:#1B485E;} .comments dl { background: #FCFAF4 !important; } dt.comment { background: #FCFAF4 !important; font-weight: bold; text-align: left; color:#1B485E; clear: both; } dt a:link, dt a:visited { text-decoration:underline; color:#1B485E;} dd.comment { background: #ecede8 !important; text-align: left; color:black; } /* alternate colors, for the even posts dt.comment.alternate { color: #930 !important; } dd.comment.alternate { color: #930 !important; } */ .commentDate { color: #999 !important; } /* comments form */ .commentsForm { clear: both; padding-top: 15px; width: 100%; text-align: left; } .commentsForm label { font-weight: bold; } .commentsForm input, .commentsForm textarea { padding: 2px 4px; font-family: arial; font-size: 1em; } .commentsForm img { /* this is for the captcha image */ margin: 5px 0; border: 1px solid #999; } .commentsForm input.submitComment { margin: 10px 0; } .commentsForm .note { font-size: .9em; color: #999; } /* GRAPHIC TABULAR EVENTS CALENDAR */ .eventsCalendar table { /* entire table */ border: 1px solid #2A1C17; width: 100%; border-collapse: collapse; } .calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay { padding: 2px; border: 1px solid #2A1C17; text-align: left; vertical-align: top; } .calendarTitle td { /* top bar with current month and next/previous buttons */ text-align: center; background: #2A1C17 !important; color: #FFF; padding: 3px 4px !important; text-transform: uppercase !important; font-weight: normal !important; font-weight: bold !important; } .calendarNextPrevious { color: #fff !important; font-weight: normal; font-size: .9em; } .calendarNextPrevious a { color: #fff !important; font-weight: normal; } .calendarDayHeader { /* m-f bar */ color: #333; background: #EAE7DD; font-weight: normal; height: 1px; text-align: center; padding: 4px 2px; text-transform: uppercase !important; font-size: .9em; } .calendarToday, .calendarToday a { /* current day */ color: #333 !important; background: #AEA69C; font-weight: bold; } .calendarWeekendDay { /* weekends */ background: #fff; } .calendarOtherMonthDay { /* previous or next months days on current months calendar */ color: #333; background: #EAE7DD; } /* calendar listing page */ .eventsList { padding: 0; text-align: left; } .eventList a {margin-bottom: 0; font-weight:bold; color:#1B485E;} .eventlist a:link, a:visited { text-decoration:underline; color:#1B485E;} .eventsList ul { margin: 0 !important; padding: 0 !important; list-style: none; } .eventsList ul li { list-style: none; } .eventsList ul li a { font-weight: normal !important; font-size: 1.2em; } .eventsList ul li .eventDate { margin: 0 0 10px 0; color: #666; } /* calendar detail page */ #secPage .event h2 { margin: 0 0 0 0; text-align: left; } #secPage .event .eventDate { margin: 0 0 10px 0; color: #666; text-align: left; } #secPage .event .eventBack { margin: 10px 0; font-weight: bold; color: black; } /* --------------------------------------------------------*/ .xfb-form-container {text-align: left !important; } /* --------------------------------------------------------*/ .xfb-form-container #formHeader { margin: 0; padding: 0 0.5em; text-align: left !important; } .xfb-form-container #formTitle {margin: 1em 0 0.375em 0; padding: 0; font-size: 2.0em; text-align:left !important; } .xfb-form-container #formDescription { margin: 0 0 1.5 0; padding: 0; font-size: 1.1667em; text-align:left !important; } .fieldItemEven {text-align:left !important; } .fieldItemOdd {text-align:left !important; }