/* The Street Styles Created 26/05/2005 . Author: Hamish Stevenson Cam Trollope CATCH DESIGN COLLECTIVE Web Developers Add update notes here: */ /* =Global Styles */ body { background: #fff; margin: 0; padding: 0; text-align: left; font-size: 0.8125em; font-family: "Lucida Grande",Geneva, Arial, sans-serif; color:#666; } /* =Body Styles */ body#home { background: #fff url(../img/bg.gif); } body#inside { background: #fff; } img { border: 0; padding: 0; margin-bottom: 0 } a, a:visited { color: #09c; text-decoration: underline;} a:hover { color: #999; text-decoration: none;} a img { border: none;} #container { position: relative; width: 700px; margin: 0 auto; padding: 0;} .hide { position: absolute; left: -2000px; width: 999px;} .alignleft { float: left;} .alignright { float: right;} .margin-none { margin: 0;} .grey { color: #333;} .red { color: #f00; } .border { padding: 3px; border: 1px solid #ccc; } .quote { color: #069; float: right; width: 175px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0 5px 5px; margin: 0 0 0 10px; } blockquote { color: #999; font-size: 1.15em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0 5px 0; margin: 10px 0; } .blockquote { color: #999; font-size: 1.15em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0 5px 0; } small, address { color: #666; font-size: 0.85em; line-height: 1.1em; margin-bottom: 12px; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } p, ul, ol, td { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 0.88em; line-height: 1.4em; margin: 0 0 0.7em 0; } label, input { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 0.88em; line-height: 1.4em; margin: 0; } h2 { font-size: 1.8em; color: #666; text-transform: uppercase;} h3 { font-weight: bold; font-size: 1.05em; color: #09c; margin: 0; } h4 { font-size: 1em; color: #333; text-transform: none; margin:15px 0 0 0; } h5 { font-size: 0.95em; color: #9c0; font-weight: normal; margin: 15px 0 0 0; text-transform: none; } /* =collapse lists */ #container ul.nav, #container ul.nav li { margin: 0; padding: 0; list-style: none; } ul.nav, ul.nav li { display: inline;} /* Hacks that can't be avoided in this file */ /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* =collapse lists */ #container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; } ul.nav, ul.nav li { display:inline;} /* =Columns */ #lft-col { margin: 0; padding: 10px; position: absolute; top: 42px; left: 0; background: #fff url(../img/lft_bg_top.gif) no-repeat; /* IE 5 */ width: 205px; /* hack. */ voice-family: "\"}\""; voice-family: inherit; width: 185px; /* the correct width */ } #lft-col blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; color: #999; font-style: italic; letter-spacing: 0.8px; padding: 15px 13px; margin: 0; } #rt-col { margin: 0; display: block; padding: 10px; position: absolute; top: 42px; left: 211px; background: #fff url(../img/rt_bg_top.gif) no-repeat; /* IE 5 */ width: 489px; /* hack. */ voice-family: "\"}\""; voice-family: inherit; width: 469px; /* the correct width */ } /* Top links */ #top-links { position: absolute; right: 50px; top: 21px; height: 21px; background: url(../img/top_links_bg.gif) no-repeat; text-align: center; width: 186px; padding: 3px 0 0 0;} #top-links ul { height: 21px;} #top-links a { padding-left: 5px; color: #666; text-decoration: none; font-size: 0.9em;} #top-links a:hover { text-decoration: underline; color: #333;} /* =Header */ #header { background: url(../img/header_bg.jpg) no-repeat 0px 29px; width: 469px; padding: 0; margin: 0; position: relative;} /* =Masthead */ #masthead h1 { background: url(../img/masthead.gif) no-repeat; width: 185px; height: 0px !important; height /**/:112px; padding: 112px 0 0 0; overflow: hidden; margin: 0; display: block;} #masthead h1 a { display: block; width: 185px; height: 112px; margin: 0; padding: 0;} /* Churchtimes */ #churchtimes { background: #069; color: #fff; padding: 10px;} #churchtimes h3 { text-transform: uppercase; color: #fff; margin: 0; font-size: 1.2em; font-weight: normal; /*border: 1px solid #000;*/} #churchtimes p { margin-bottom: 0;} /* Ministries */ #ministries { background: #eee; color: #999; padding: 10px;} #ministries h3 { text-transform: uppercase; color: #09c; margin: 0 0 5px 0; font-size: 1.2em; font-weight: normal; /*border: 1px solid #000;*/} #ministries ul { margin: 0; padding: 0; list-style: none;} #ministries li { margin-bottom: 0px; margin-top: 0px; } #ministries li a { display: block; background: url(../img/ministry_bg.gif) no-repeat; width: 159px; height: 38px; margin: 0 0 3px 0; padding: 7px 0 0 6px;} #ministries li a:hover { background: url(/resources/img/ministry_bg_over.gif) no-repeat; padding: 7px 0 0 6px; width: 159px; } /* Quicklnks */ #quicklinks { background: #eee; color: #999; padding: 0 10px 10px 10px;} #quicklinks ul { margin: 0; padding: 0; list-style: none;} #quicklinks li { margin-bottom: 0px; margin-top: 0px; } #thisweek a { display: block; height: 75px; width: 160px; background: url(/resources/img/btn-thisweek-dual.gif) no-repeat; background-position: 0px -75px; } #thisweek a:hover { background-position: 0px 0px; } #sermoncast a { display: block; margin-top: 5px; height: 75px; width: 160px; background: url(/resources/img/homepage_quicklink_podcast.jpg) no-repeat; background-position: 0px -75px; } #sermoncast a:hover { background-position: 0px 0px; } /* Quicklinks */ #quicklinks_two { background: #fff; color: #999; padding: 0;} #quicklinks_two ul { margin: 0; padding: 0; list-style: none;} #quicklinks_two li { margin-bottom: 0px; margin-top: 0px; } #ql_celebrate a { display: block; height: 80px; width: 260px; background: url(/resources/img/btn_celebrate-recovery.jpg) no-repeat; background-position: 0px 0px; } #ql_celebrate a:hover { background-position: 0px -80px; } #ql_prayer a { display: block; margin-top: 5px; height: 80px; width: 260px; background: url(/resources/img/btn_prayer-praise.jpg) no-repeat; background-position: 0px 0px; } #ql_prayer a:hover { background-position: 0px -80px; } /* Contact */ #contact { background: #E4E4E4; color: #999; padding: 10px; margin-top: 1px;} #contact h3 { color: #333; margin: 0; padding: 0; font-size: 0.9em; font-weight: bold; /*border: 1px solid #000;*/} #contact p { margin-bottom: 0;} /* Search */ #searchbox { background: #eee; color: #999; padding: 10px 10px 5px 10px; margin-top: 1px;} #searchbox h3 { text-transform: uppercase; color: #09c; margin: 0; font-size: 1.2em; font-weight: normal; /*border: 1px solid #000;*/} #search { width: 120px; height: 16px; border: 1px solid #ccc; } #search, #submit {vertical-align: bottom;} /* =RSS */ #rss { background: #fff; color: #999; padding: 10px 10px 5px 10px; margin-top: 1px; } #rss img.alignleft { margin: 0 5px 0 0; } /* Feature image */ #feature-img { margin: 0; padding: 45px 0 0 0; width: 469px; clear: both;} /* Welcome */ #welcome { position: relative; margin: 0; padding: 0 0 10px 0; width: 469px; clear: both; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; border-bottom: 1px dotted #690;} #welcome h2 { font-weight: normal; color: #9c0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #welcome h2 span, #welcome a { color: #690;} #latestnews h2, #events h2 { text-transform: uppercase; color: #09c; margin: 0 0 10px 0; font-size: 1.4em; font-weight: normal;} /* Upcoming events */ #events { float: right; width: 261px; padding-bottom: 20px; } .news-article li a { border: 1px solid #ccc; margin: 5px 0; } .news-article li a:hover { border: 1px solid #999; } #event-soulspa a { display: block; background: url(/resources/img/event-soulspa-250.jpg) no-repeat; width: 250px; height: 70px; } #event-mancamp a { display: block; background: url(/resources/img/event_mancamp_250.jpg) no-repeat; width: 250px; height: 70px; } #event-secrets a { display: block; background: url(/resources/img/event_secrets_250.jpg) no-repeat; width: 250px; height: 70px; } #event-wallyball a { display: block; background: url(/resources/img/event_wallyball_250.jpg) no-repeat; width: 250px; height: 70px; } #event-mantramp a { display: block; background: url(/resources/img/event_mantramp_250.jpg) no-repeat; width: 250px; height: 70px; } #event-stocktake a { display: block; background: url(/resources/img/event-stocktake-250.jpg) no-repeat; width: 250px; height: 70px; } #event-pureart a { display: block; background: url(/resources/img/event-expncepure-250.jpg) no-repeat; width: 250px; height: 70px; } #event-invisible a { display: block; background: url(/resources/img/event-invisblechld-250.jpg) no-repeat; width: 250px; height: 70px; } #event-prayernight a { display: block; background: url(/resources/img/event-prayernight-250.jpg) no-repeat; width: 250px; height: 70px; } #event-relatecamp06 a { display: block; background: url(/resources/img/event-relatecamp06-250.jpg) no-repeat; width: 250px; height: 70px; } #event-christexp a { display: block; background: url(/resources/img/event-christexp-250.jpg) no-repeat; width: 250px; height: 70px; } #event-tamingtiger a { display: block; background: url(/resources/img/event-tamingtiger-250.jpg) no-repeat; width: 250px; height: 70px; } #event-campmassive a { display: block; background: url(/resources/img/event-campmassive-250.jpg) no-repeat; width: 250px; height: 70px; } #event-recall06 a { display: block; background: url(/resources/img/event-recall06-250.jpg) no-repeat; width: 250px; height: 70px; } #event-womrefuge a { display: block; background: url(/resources/img/event-womrefuge-250.jpg) no-repeat; width: 250px; height: 70px; } #event-quiznight a { display: block; background: url(/resources/img/event-quiznight-250.jpg) no-repeat; width: 250px; height: 70px; } #event-lads a { display: block; background: url(/resources/img/event-lads-250.jpg) no-repeat; width: 250px; height: 70px; } /* Latest news */ #latestnews { width: 190px;} #latestnews div.news-article, #events div.news-article { border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 5px;} #latestnews .date { font-size: 0.85em; margin: 0; color: #999;} /* =Primary Nav */ #primary-nav, #primary-nav a, #primary-nav .current { background: transparent url(/resources/img/primarynav.gif) no-repeat top left; overflow: hidden; height: 33px;} #primary-nav { display: block; position: absolute; top: 0; left: 0; width: 469px; height: 33px;} #primary-nav a, #primary-nav .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #primary-nav-1 a, #primary-nav-1 .current { width: 56px; left: 0px; background-position: 0px 0px;} #primary-nav-1 a:hover, #primary-nav-1 a:focus, #primary-nav-1 .current { background-position: 0px -33px;} #primary-nav-2 a, #primary-nav-2 .current { width: 66px; left: 56px; background-position: -56px 0;} #primary-nav-2 a:hover, #primary-nav-2 a:focus, #primary-nav-2 .current { background-position: -56px -33px;} #primary-nav-3 a, #primary-nav-3 .current { width: 59px; left: 122px; background-position: -122px 0;} #primary-nav-3 a:hover, #primary-nav-3 a:focus, #primary-nav-3 .current { background-position: -122px -33px;} #primary-nav-4 a, #primary-nav-4 .current { width: 65px; left: 181px; background-position: -181px 0;} #primary-nav-4 a:hover, #primary-nav-4 a:focus, #primary-nav-4 .current { background-position: -181px -33px;} #primary-nav-5 a, #primary-nav-5 .current { width: 75px; left: 246px; background-position: -246px 0;} #primary-nav-5 a:hover, #primary-nav-5 a:focus, #primary-nav-5 .current { background-position: -246px -33px;} #primary-nav-6 a, #primary-nav-6 .current { width: 70px; left: 321px; background-position: -321px 0;} #primary-nav-6 a:hover, #primary-nav-6 a:focus, #primary-nav-6 .current { background-position: -321px -33px;} #primary-nav-7 a, #primary-nav-7 .current { width: 78px; left: 391px; background-position: -391px 0;} #primary-nav-7 a:hover, #primary-nav-7 a:focus, #primary-nav-7 .current { background-position: -391px -33px;} #main-navigation-80, #main-navigation-80 a, #main-navigation-344, #main-navigation-344 a, .hide-1, .hide-2, .hide-3, .hide-4, .hide-5, .hide-6, .hide-7, .hide-80 { position: absolute; left: -2000px;} /* =Secondary Nav */ #secondary-nav { display: block; width: 185px; background: #069; padding-top: 8px; } #secondary-nav ul { list-style-type: none; width: 150px; margin: 0; padding: 8px 0 12px 0; } #secondary-nav ul li { margin: 3px 0 0 13px; font-size: 1.1em; color: #999; } #secondary-nav li ul { padding-top: 0; } #secondary-nav a { color: #fff; text-decoration: none; } #secondary-nav a:hover, #secondary-nav .current { color: #9cf; text-decoration: underline; } #secondary-nav h3 a { color: #9cf; font-size: 1.3em; padding: 3px 0 0 13px; border-bottom: 1px dotted #9cf; } #secondary-nav blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; color: #ccc; font-style: italic; letter-spacing: 0.8px; padding: 0 13px 15px 13px; margin: 0; } /* Content Styes */ /* =Content */ #content { position: relative; margin: 10px 0 0 0; padding: 0; width: 469px; clear: both;} #content-inside { position: relative; margin: 10px 0 0 5px; padding: 0; width: 440px; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; clear: both;} /* Good browsers */ div#content-inside { min-height: 500px; } * html div#content-inside { height: 500px; } #content-inside h2 { font-weight: normal; color: #9c0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #content-inside h3 { color: #09c; margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold;} #content-inside img.alignright { padding: 1px 0 1px 7px; } #content-inside img.alignleft { padding: 1px 7px 1px 0; } #content-inside ul, #content-inside ol { margin: 5px 0; padding: 0 0 0 30px; } #content-inside li { margin: 0; padding: 0; } #content-rh-news { width: 150px; position: relative; float: right; clear: both; margin: 10px 0 0 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 5px; } #content-rh-news h3 { font-size: 1.2em; font-weight: bold; } #content-rh-news small { font-size: 0.9em; } .storycontent, .news-article { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px; } /* =Content YOUTH */ #content-inside-youth { position: relative; margin: 10px 0 0 5px; padding: 0; width: 440px; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; clear: both;} #content-inside-youth a, #content-inside-youth a:visited { color: #000 !important; } #content-inside-youth h2 { font-weight: normal; color: #630; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #content-inside-youth h3 { color: #000; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.55em; font-weight: normal;} #content-inside-youth h3 a { color: #000; font-size: 0.8em !important; } #content-inside-youth img.alignright { padding: 1px 0 1px 7px; } #content-inside-youth img.alignleft { padding: 1px 7px 1px 0; } #youth-nav { display: block; width: 185px; background-color: #988156; padding-top: 8px; } #youth-nav ul { list-style-type: none; width: 150px; margin: 0; padding: 8px 0 12px 0; } #youth-nav ul li { margin: 3px 0 0 13px; font-size: 1.1em; color: #fff; } #youth-nav li ul { padding-top: 0; } #youth-nav a { color: #fff; text-decoration: none; } #youth-nav a:hover, #youth-nav .current { color: #ccc; text-decoration: underline; } #youth-nav h3 a { color: #fff; font-size: 1.3em; padding: 3px 0 0 13px; border-bottom: 1px dotted #FF0066; } #youth-rh-news { width: 150px; position: relative; float: right; clear: both; margin: 10px 0 10px 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 5px; } #youth-rh-news h3 { font-size: 1.2em; font-weight: bold; } /* =Content JAM */ #content-inside-jam { position: relative; margin: 10px 0 0 5px; padding: 0; width: 440px; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; clear: both;} #content-inside-jam h2 { font-weight: normal; color: #CF4A99; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #content-inside-jam h3 { color: #F29337; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.35em; font-weight: normal;} #content-inside-jam h4 { color: #333 !important; } #content-inside-jam h3 a { color: #F29337; } #content-inside-jam img.alignright { padding: 1px 0 1px 7px; } #content-inside-jam img.alignleft { padding: 1px 7px 1px 0; } #content-inside-jam a:link, #content-inside-jam a:visited { color: #F29337 !important; } #jam-nav { display: block; width: 185px; background-color: #F29337; padding-top: 8px; } #jam-nav ul { list-style-type: none; width: 150px; margin: 0; padding: 8px 0 12px 0; } #jam-nav ul li { margin: 3px 0 0 13px; font-size: 1.1em; color: #fff; } #jam-nav li ul { padding-top: 0; } #jam-nav a { color: #fff; text-decoration: none; } #jam-nav a:hover, #jam-nav .current { color: #ccc; text-decoration: underline; } #jam-nav h3 a { color: #fff; font-size: 1.3em; padding: 3px 0 0 13px; border-bottom: 1px dotted #FF0066; } #jam-rh-news { width: 150px; position: relative; float: right; clear: both; margin: 10px 0 10px 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 5px; } #jam-rh-news h3 { font-size: 1.2em; font-weight: bold; } #jam-rh-news h4 a { color: #F29337; } /* =Content WOMEN */ #content-inside-women { position: relative; margin: 10px 0 0 5px; padding: 0; width: 440px; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; clear: both;} #content-inside-women h2 { font-weight: normal; color: #FF0066; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #content-inside-women h3 { color: #FF0066; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.55em; font-weight: normal;} #content-inside-women h3 a { color: #FF0066; } #content-inside-women h4 a, #content-inside-women h4 a:visited { color: #FF0066; } #content-inside-women img.alignright { padding: 1px 0 1px 7px; } #content-inside-women img.alignleft { padding: 1px 7px 1px 0; } #women-nav { display: block; width: 185px; background-color:#F5D3E5; padding-top: 8px; } #women-nav ul { list-style-type: none; width: 150px; margin: 0; padding: 8px 0 12px 0; } #women-nav ul li { margin: 3px 0 0 13px; font-size: 1.1em; color: #FF0066; } #women-nav li ul { padding-top: 0; } #women-nav a { color: #FF0066; text-decoration: none; } #women-nav a:hover, #women-nav .current { color: #FF66CC; text-decoration: underline; } #women-nav h3 a { color: #FF0066; font-size: 1.3em; padding: 3px 0 0 13px; border-bottom: 1px dotted #FF0066; } #women-rh-news { width: 150px; position: relative; clear: both; float: right; margin: 10px 0 0 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 5px; } #women-rh-news h3 { font-size: 1.2em; font-weight: bold; } /* =Content CALENDAR */ #content-inside-calendar { position: relative; margin: 10px 0 0 5px; padding: 0; width: 440px; background: url(../img/welcm_bg.gif) no-repeat 0px 10px; clear: both;} #content-inside-calendar h2 { font-weight: normal; color: #9c0; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; font-size: 2em; margin-top: 10px;} #content-inside-calendar h3 { color: #333; margin: 10px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #ccc; width: 50%; font-size: 1.2em; font-weight: bold;} #content-inside-calendar h4 { color: #666; } #content-inside-calendar h4 a, #content-inside-calendar h4 a:visited { color: #666; } #content-inside-calendar img.alignright { padding: 1px 0 1px 7px; } #content-inside-calendar img.alignleft { padding: 1px 7px 1px 0; } #content-inside-calendar ul, #content-inside ol { margin: 5px 0; padding: 0 0 0 30px; } #content-inside-calendar li { margin: 0; padding: 0; } #content-rh-cal { width: 175px; position: relative; float: right; clear: both; margin: 10px 0 0 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 5px; } #content-rh-cal h3 { font-size: 1.1em; font-weight: bold; } #content-rh-cal strong { color: #333 !important; } #content-rh-cal small { font-size: 0.9em; } #content-rh-cal td { vertical-align: top; } /* =Table Styles */ table { border: 0; } th { background-color: #ccc; font-size: 0.9em; padding: 5px 2px; text-transform: uppercase; font-weight: normal; } tr { border-bottom: 1px solid #ccc; } #content-inside td { padding: 5px 10px; vertical-align:top; border-bottom:1px solid #ccc;} caption { text-align: left; margin: 10px 0 0 0; font-size: 1.2em; font-weight: normal; color: #09c; } /* =Footer */ #footer { margin: 0; padding: 10px 0 10px 0; width: 469px; clear: both; border-top: 1px dotted #ccc;} #footer ul { font-size: 0.75em;} #footer ul, #footer a { color: #666; margin: 0; padding-right: 3px; } #footer a:visited, #footer a:hover { color: #666; } #footer p { color: #999; font-size: 0.75em !important;} /* Faith Love bottom bit */ #faith-love { clear: both; position: absolute; right: 0; bottom: 0; height: 177px;} /* =Sitemap */ #sitemap ul { list-style-type: none; margin: 10px 0 0 0; padding: 0 0 0 5px; } #sitemap ul li { font-size: 1.1em; margin: 0 0 15px 0; padding: 0 0 0 13px; } #sitemap li ul /* 2nd level */ { margin: 0; padding: 0 0 0 20px; } #sitemap li li { font-size: 1.1em; margin: 0 !important; padding: 0 !important; border: 0; background: none; } #sitemap li li ul /* 3rd level */ { margin: 0; padding: 0 0 0 10px; } #sitemap li li li { font-size: 1.0em; margin: 0 !important; padding: 0 !important; border: 0; } /* Contact-us form */ #rt-col div.intouch {background-color: #f0f0f0; padding: 8px 10px 5px 10px; margin: 0px 5px 0px 0px; border: 1px solid #ccc;} #rt-col div.intouch input.default, #rt-col div.intouch #field_1, #rt-col div.intouch #field_2, #rt-col div.intouch #field_3 {width:300px; border: 1px solid #999; height:25px; padding:3px; font-size:1.4em;} #rt-col div.intouch div.inputfield {color:#c00;} #rt-col div.intouch div.inputfield label {display:block; font-weight:bold; color:#666; margin-top: 10px;} #rt-col div.intouch textarea {width:380px; border:1px solid #999; padding:5px; font-size:1.4em; font-family: Arial, Helvetica, sans-serif;} #rt-col div.intouch #Submit { background:#c60; color:#fff; border:1px solid #c60; margin-top:10px; padding:5px; display:block;} #rt-col div.intouch .failure p {font-size:1.5em; border:1px solid #c00; background-color:#fCC; padding:5px; margin-bottom:15px; display:block; } #rt-col div.intouch .success p {font-size:1.5em; border:1px solid #060; background-color:#3F6; padding:5px; margin-bottom:15px; display:block; } /* =Image Gallery Styles */ .gallery img { padding: 1px; } /* Photo Contact Styles */ .contact-pic { width: 160px; float: right; margin-left: 5px; } .contact-pic h3 { font-size: 1.1em !important; margin: 0 0 0 4px !important; } .contact-pic h4 { font-size: 0.95em !important; margin: 0 0 0 4px !important; } .contact-pic p { margin: 0 0 0 4px !important; } /* =Podcast */ #podcast div.podplayer, #podcast p.podplayer { position: absolute; left: -2000px; width: 999px; } .podcast-item { width: 50%; border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 5px; } .podcast-item h3 { margin: 0 !important; } .podcast-item h4 a { font-size: 1.0em; margin: 0 !important; } #sermon_listen { background: #fff; padding: 0;} #sermon_listen ul { margin: 0; padding: 0; list-style: none;} #sermon_listen li { margin-bottom: 0px; margin-top: 0px; } #sermon_listen a { border: none; display: block; height: 43px; width:155px; background: url(/resources/img/btn_audio_listen.gif) no-repeat; background-position: 0px 0px; } #sermon_listen a:hover { background-position: 0px -45px; } #sermon_details { width: 175px; position: relative; float: right; clear: both; margin: 0px 0 10px 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; } #sermon_details h3 { font-size: 1.1em; font-weight: bold; } #sermon_details h3 span { border-bottom: 1px solid #ccc; font-weight: normal !important; } #sermon_details h4 span { font-weight: normal !important; } #sermon_details strong { color: #333; } #sermon_details p { font: 12px/1.3 "Lucida Grande", Arial, Helvetica, sans-serif; } .podPress_content { clear: both; margin: 20px 0; border: 1px solid #ccc !important; background: #efefef; padding: 5px !important; } #podPress_footer { display: none !important; } /* =Street Mailing List signups */ form { margin: 0; } #content-inside .street_news input { font-size: 13px; padding: 3px; } /* */ /* main 'top-level' form elements */ /* */ .cform { margin:10px auto 0 auto; width: 410px; } .cform fieldset { margin-top:10px; padding:5px 0 5px 0; border:none; } .cform fieldset.cf_hidden { border:none!important; background:none!important; padding:0!important; margin:0!important; } .cform legend { margin-left:10px; padding: 0 0 10px 0; font: normal 1.8em/1.3 Arial, Helvetica, sans-serif; color: #333; } ol.cf-ol { margin:0; padding:0; } ol.cf-ol li { margin:5px 0!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; } /* */ /* just for text-only fields (no input) */ /* */ ol.cf-ol li.textonly { padding:3px 0; text-align:center; font-size:0.9em; color:#888; } /* */ /* global definitions for field labels */ /* */ .cform label { width:90px; margin:2px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color: #666; font: 1.1em/1.2 "Lucida Grande", Arial, Helvetica, sans-serif; } .cform label span { width:90px; /* must be the same as above!*/ display:block; } label.cf-before { margin:0 10px 0 0; } label.cf-after { margin:0 0 0 6px; width:200px; text-align:left; } label.cf-after span { width:200px; display:block; } label.cf-group-after { margin:0 0 0 2px; width:60px; text-align:left; } label.cf-group-after span { width:60px; display:block; margin-top:3px; line-height:1.1em; } /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { padding: 4px; border: 1px solid #aaa; font: 1.2em/1.2 "Lucida Grande" Arial, Helvetica, sans-serif; color:#333; background:#ffffff url(../images/field-bg-top.gif) repeat-x top left; } .cform input:hover, .cform textarea:hover, .cform select:hover { border: 1px solid #666; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; } .cform input:focus, .cform textarea:focus, .cform select:focus { color:#666; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; } .cform textarea, .cform input { width:250px; } .cform select { width:258px; /* attempt to have equal length */ } .cform select.cfselectmulti { height:7.5em; } .cform textarea { font: 1.2em/1.2 "Lucida Grande" Arial, Helvetica, sans-serif; overflow:auto; } /* */ /* formatting for text: "(required)" & other */ /* */ span.reqtxt, span.emailreqtxt { margin:0px 5px 7px 98px; display: block; vertical-align:top; color: #aaa; font: 1.0em/1.2 "Lucida Grande" Arial, Helvetica, sans-serif; } /* */ /* radio button title */ /* */ ol.cf-ol li.cf-box-title { padding-left:100px; /* check with label 'width' incl. */ } /* */ /* check boxes */ /* */ input.cf-box-a, input.cf-box-b { margin:1px 0 0 0; width:16px; border:none!important; background:none!important; } input.cf-box-a { margin-left:100px; /* check with label 'width' incl. */ } /* */ /* check box groups */ /* */ ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px; } /* */ /* FORM submit button */ /* */ p.cf-sb { margin: 0; text-align:left; } .cform input.sendbutton { width:100px; padding:2px; margin: 0 0 0 100px; font-size:0.8em; background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } /* */ /* formatting for invalid user inputs */ /* */ .cform .error { color:red!important; border:1px solid #FF0000!important; padding: 4px; } .cform .errortxt, .mailerr { color:red!important; } /* */ /* 'visitor verification' related styles */ /* */ label.seccap { margin-top: 6px; } label.secq, label.secq span { margin-top: 2px; width:174px; } input.secinput { width:45px; margin: 3px 0 0 0; vertical-align:top; } #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height:15px; width:50px; padding: 4px 4px; margin: 0; } img.captcha { margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important; } img.captcha-reset { background: url(../images/captcha_reset_white.jpg) no-repeat; margin-left:3px; width:21px; height:21px; } img.imgcalendar { position:relative; top:4px; } /* */ /* change formatting of response msgs here */ /* */ p.info { margin:10px 0; font: bold 1.3em/1.2 "Lucida Grande" Arial, Helvetica, sans-serif; text-align:center; } p.success { color:green; } p.failure { color:red; } /* */ /* disabled fields [disabled] does not work on IE! */ /* */ [disabled] { color:#dddddd; border-color:#dddddd!important; background:none!important; } .disabled { border-color:#dddddd!important; } /* */ /* upload box styling */ /* */ .cform input.cf_upload { background: #f9f9f9; border:1px solid #888888; } /* */ /* Other: link love */ /* */ .linklove { display: none; } .linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color:#aaaaaa!important; } /* */ /* Other: browser hacks */ /* */ * html span.reqtxt, * html span.emailreqtxt { display: inline-block; } * html .cform fieldset.cf_hidden { border:none!important; background:none!important; padding:0!important; margin:0!important; } * html .cform legend { position:absolute; top: -10px; left: -8px; margin-left:0; } * html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; } * html img.captcha { margin-top:1px!important; } *+html input.cf-box-a, *+html input.cf-box-b { margin-top:0px; background:none; } * html input.cf-box-a, * html input.cf-box-b { height:1.2em; margin-top:0px; background:none; } *+html label.cf-after { margin-top:2px; }