html * {
margin: 0;
padding: 0;
}
body {
font: 78%/170% Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
color: #000;
background: #313c41 url("/public/img/intmain_bg.jpg") 50% 0% repeat-x;
}
body#home {background: #313c41 url("/public/img/main_bg.jpg") 50% 0% repeat-x; }
/*-- Global ---------- */
a {
font-weight: bold;
color: #0c85b6;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img { border: 0; }
select option { padding: 0 10px 0 0; }
ul, ol { margin: 8px 12px 8px 24px; }
ul li, ol li { margin: 4px 0 4px 0; }
/*-- Container ---------- */
.container {
width: 912px;
margin: 0 auto;
}
.container:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*-- Header ---------- */
#header {
height: 154px;
}
h1#logo a {
width: 274px;
height: 145px;
background: url("/public/img/riverbend_logo.jpg") top right no-repeat;
display: block;
text-decoration: none;
text-indent: -999em;
float: left;
}
p#header_times {
float: left;
width: 590px;
height: 145px;
background: url("/public/img/header_times.gif") right bottom no-repeat;
text-indent: -999em;
}
/*-- Navigation ---------- */
#navigation {
width: 892px;
height: 39px;
padding: 9px 0 0 20px;
}
body#home #navigation { background: url("/public/img/mainphoto_top.jpg") 562px top no-repeat; }
#navigation ul {
list-style: none;
padding: 0 0 0 9px;
margin: 0;
height: 39px;
background: url("/public/img/intnav_bg.jpg") left bottom no-repeat;
}
body#home #navigation ul { background: url("/public/img/nav_bg.jpg") left bottom no-repeat; }
#navigation ul li {
float: left;
padding: 0;
margin: 0;
}
#navigation ul li a {
display: block;
float: left;
width: 90px;
line-height: 39px;
/*text-decoration: none;
text-indent: -999em;*/
color: #fff;
font-size: 12px;
font-weight: bold;
background: url("/public/img/nav_border.jpg") right top no-repeat;
text-align: center;
padding: 0 5px 0 0;
}
#navigation ul li.last a {
background: none;
padding: 0 0 0 0;
}
/*#home #navigation ul li#about a { background: url("/public/img/nav_about.jpg") no-repeat; }
#home #navigation ul li#ministries a { background: url("/public/img/nav_ministries.jpg") no-repeat; }
#home #navigation ul li#calendar a { background: url("/public/img/nav_calendar.jpg") no-repeat; }
#home #navigation ul li#downloads a { background: url("/public/img/nav_downloads.jpg") no-repeat; }
#home #navigation ul li#contact a { background: url("/public/img/nav_contact.jpg") no-repeat; }
#navigation ul li#about a {
width: 114px;
background: url("/public/img/intnav_about.jpg") no-repeat;
}
#navigation ul li#ministries a { background: url("/public/img/intnav_ministries.jpg") no-repeat; }
#navigation ul li#calendar a { background: url("/public/img/intnav_calendar.jpg") no-repeat; }
#navigation ul li#downloads a { background: url("/public/img/intnav_downloads.jpg") no-repeat; }
#navigation ul li#contact a { background: url("/public/img/intnav_contact.jpg") no-repeat; }
*/
/*-- Home Photo ---------- */
#home_photo {
background:#fff url("/public/img/middle_bg.jpg") 0px 191px repeat-x;
}
#home_photo img {
display: block;
width: 852px;
margin: 0 auto;
padding: 0 19px 0 0;
}
/*-- Home Intro ---------- */
#home_intro {
width: 859px;
}
#home_intro_content {
background: #3c464b url("/public/img/home_intro_bottom.gif") left bottom no-repeat;
margin: 0 18px 0 1px;
width: 810px;
padding: 12px 12px 12px 18px;
color: #fff;
}
#home_intro_content h2 {
background: url("/public/img/gray_dots_hori.gif") left bottom repeat-x;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
font-size: 1.4em;
font-weight: normal;
color: #e8ea7c;
width: 470px;
}
#home_intro img.rotate {
float: right;
margin: 0 0 0 35px;
}
#home_newsevents {
width: 849px;
padding: 18px 0 20px 10px;
}
#home_newsevents ul {
list-style: none;
margin: 0;
padding: 0;
color: #fff;
}
#home_newsevents ul li {
width: 420px;
float: left;
margin: 0;
padding: 0;
}
#home_newsevents ul li h3.news_header {
font-size: 1.1em;
color: #f0b510;
}
#home_newsevents ul li span.news_subtitle {
font-size: .9em;
display: block;
background: url("/public/img/gray_dots_hori_list.gif") left bottom repeat-x;
padding: 0 0 4px 0;
margin: 0 0 8px 0;
width: 375px;
}
#home_newsevents ul li ul li {
float: none;
width: 350px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #465054;
}
#home_newsevents ul li ul li h4 { font-size: 1em; }
#home_newsevents ul li ul li h4 a, #home_newsevents ul li ul li a {
color: #0c85b6;
}
#home_newsevents ul li ul li h4 a:hover, #home_newsevents ul li ul li a:hover {
color: #fff;
text-decoration: none;
}
#home_newsevents ul li ul li p.date {
font-size: .9em;
font-weight: bold;
color: #e8ea7c;
}
#home_newsevents ul li ul li.last {
border: none;
}
#home_newsevents ul li ul li.last a.rss_link {
background: url("/public/img/rss_icon.gif") right 50% no-repeat;
padding: 0 14px 0 0;
margin: 0 0 0 12px;
}
/*-- breadcrumb ---------- */
ul#breadcrumb {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url("/public/img/gray_dots_hori_list.gif") left bottom repeat-x;
}
ul#breadcrumb li {
display: inline;
margin: 0 4px 0 0;
padding: 0;
font-size: .9em;
}
ul#breadcrumb li a {
color: #f0b510;
background: url("/public/img/blu_arrow_r.gif") 100% 50% no-repeat;
padding: 0 10px 0 0;
}
ul#breadcrumb li a.active {
color: #fff;
font-weight: normal;
background: none;
padding: 0;
}
/*-- Subpages ---------- */
#content {
width: 540px;
float: left;
padding: 16px 30px 20px 30px;
color: #fff;
}
h2#contenttitle {
padding: 0 0 9px 0;
margin: 0 0 9px 0;
font-size: 1.8em;
font-weight: normal;
color: #e8ea7c;
width: 540px;
}
#content p {
padding: 10px 0 0 0;
}
#sidebar {
width: 312px;
float: left;
padding: 20px 0 20px 0px;
}
/*-- Subnav ---------- */
#subnav {
width: 265px;
list-style: none;
padding: 0;
margin: 0;
}
#subnav li {
padding: 0;
margin: 0;
}
#subnav li a {
display: block;
padding: 3px 10px 3px 8px;
background: #3c464b;
color: #fff;
font-weight: normal;
margin: 0 0 1px 0;
}
#subnav li a:hover {
color: #e8ea7c;
background: #5a6367;
}
/*-- Footer ---------- */
#footer {
width: 859px;
background: url("/public/img/footer_top.gif") no-repeat;
margin: 0 auto;
clear: both;
font-size: .9em;
}
#footer_content {
width: 800px;
margin: 0 18px 0 1px;
background: #3c464b;
padding: 12px 20px 30px 20px;
color: #fff;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0;
float: right;
}
#footer ul li {
padding: 0;
margin: 0 0 0 10px;
display: inline;
}
/* Events-----------------------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0;
}
ul#eventslist p {
padding: 0;
margin: 0;
}
ul#eventslist p.date {
padding: 3px 0 0 0;
}
ul#eventslist h2 {
font-size: 1.6em;
}
ul#eventslist h2 a {
font-weight: normal;
padding: 4px 0 8px 0;
display: block;
background: url("/public/img/gray_dots_hori.gif") left bottom repeat-x;
margin: 0 0 6px;
}
ul#eventslist li {
padding: 0 0 8px 0;
margin: 0 0 8px 0;
border-bottom: solid 1px #ddd;
}
#eventform #guestinfo input {
width: 30%;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 30%;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
#eventform textarea {
width: 90%;
height: 125px;
font-family: Verdana, Tahoma, arial, sans-serif;
padding: 3px;
}
/*-- Form Styles ---------- */
h2#articletitle {
font-size: 1.6em;
}
#eventform h3 {
border-top: solid 1px #ccc;
font-size: 1.5em;
padding: 8px 0 6px 0;
color: #f0b510;
margin: 8px 0 0 0;
}
#eventform h4 {
font-size: 1.4em;
margin: 0 0 6px 0;
padding: 10px 0 6px 0;
border-bottom: solid 1px #ccc;
}
#content form {
padding: 0 0 20px 0;
margin: 10px 0 0 0;
float: left;
width: 580px;
}
#content form fieldset {
border: none;
border-bottom: solid 3px #eee;
margin: 0 0 12px 0 ;
}
#content form fieldset legend {
font-size: 1.1em;
font-weight: bold;
padding: 0 0 8px 0;
color: #d31f00;
}
#content form ul,#content form ul li {
list-style: none;
margin: 0;
padding: 0;
}
#content form ul {
padding: 4px 0 8px 0;
}
#content form label {
font-weight: bold;
display: block;
}
#content form p.radiobuttons label {
margin: 0 4px 0 6px;
display: inline;
}
#content form p.checkboxes label {
margin: 0 6px 0 0;
display: inline;
}
#content form p.checkbox label {
margin: 0 0 0 6px;
display: inline;
}
#content form p.checkboxes input { margin: 0 6px 0 0; }
#content form p.select label {
display: inline;
margin: 0 6px 0 0;
}
#content form ul label { display: inline; }
#content form p.select input#hours { width: 35px; }
#content form input.forminput {
font-size: 1.2em;
padding: 2px;
font-weight: bold;
}
#content form p.formcol1 {
width: 250px;
float: left;
clear: both;
}
#content form p.formcol2 {
width: 250px;
margin: 0 0 0 250px;
}
#content form p input.forminput {
width: 200px;
}
#content form p.formrow input.forminput, #content form p.formrow textarea {
width: 450px;
}
#content form p.formrow textarea {
height: 200px;
font-family: Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-weight: bold;
padding: 2px;
}
#content form p.formrow {
clear: both;
}
span.error, span.required, p.error {
color: #cc0000;
font-size: .9em;
}
span.error { display: block; }
span.note {
font-size: .8em;
display: block;
}
#content form .submit {
color: #fff;
background: #d31f00;
font-size: 1.1em;
font-weight: bold;
padding: 4px 10px;
}
#content form #forminset {
background: #eee;
padding: 10px;
margin: 0 0 10px 0;
}
#content form #forminset h4 {
font-size: 1.2em;
padding: 0 0 8px 0;
}
#content form #forminset p { padding: 0; }
#content form #forminset ul {
list-style: disc;
margin: 2px 10px;
}
#content form #forminset ul li {
list-style: disc;
margin: 2px 10px;
padding: 4px;
}
#content form #year_amount, #content form #monthly_amount, #content form #x_amount {
font-size: 1.4em;
width: 120px;
}
p.note {
font-size: .9em;
padding: 6px 0 6px 0;
}
#eventform div {
padding: 10px 0 10px 0;
}
#content form p select {
display: inline;
width: 200px;
padding: 0;
margin: 0;
}
/* --- Calendar ------------- */
p#event_submit_button { float: right; }
table.calendar-small { float: right; }
table.calendar-small th.month { background-color: #E0E0E0; }
table.calendar-small td.prev-month { text-align: left; }
table.calendar-small td.next-month { text-align: right; }
table.calendar-small th.day-of-week { font-size: 8pt; }
table.calendar-small td.selected-day { background-color: #FFFFFF; }
table.calendar-small td.day { background-color: #E0E0E0; }
table.calendar-small td.today { background-color: #E0E0E0; font-weight: bold; }
table.calendar-large { width: 540px; }
table.calendar-large td { vertical-align: top; }
table.calendar-large th.month {
padding: 0 0 8px 0;
border-bottom: solid 1px #ddd;
text-align: left;
font-size: 1.4em;
color: #fff;
font-weight: normal;
}
table.calendar-large td.prev-month { text-align: left; }
table.calendar-large td.next-month { text-align: right; }
table.calendar-large td.prev-month a {
background: url("/public/img/blu_arrow_l.gif") left 5px no-repeat;
padding: 0 0 0 10px;
font-size: .9em;
}
table.calendar-large td.next-month a {
background: url("/public/img/blu_arrow_r.gif") right 5px no-repeat;
padding: 0 10px 0 0;
font-size: .9em;
}
table.calendar-large tr.month-nav td {
padding: 3px 0 8px 0;
}
table.calendar-large tr.month-nav td a {
text-decoration: none;
font-size: 1.2em;
}
table.calendar-large th.day-of-week {
font-size: .9em;
}
table.calendar-large td.selected-day {
background-color: #042e50;
font-weight: bold;
color: #fff;
padding: 4px;
}
table.calendar-large td.selected-day a { color: #fff; }
table.calendar-large td.day {
background-color: #3c464b;
padding: 4px;
width: 14%;
height: 80px;
}
table.calendar-large td p {
padding: 0 0 3px 0;
font-size: .9em;
line-height: 130%;
}
table.calendar-large td span.event_time {
font-size: .9em;
margin: 3px 0 0 0;
}
table.calendar-large td span.event_link a {
display: block;
font-size: .9em;
font-weight: normal;
}
table.calendar-large td.today {
background-color: #eee;
font-weight: bold;
}
ul#gallerylist { /*float: left;*/ }
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 10px 10px 0;
/*padding: 5px;
border: solid 1px #ddd;*/
}
ul#gallerylist li {
border-top: solid 1px #666;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
clear: both;
}
#currentphoto {
/*
padding: 6px;
border: solid 1px #ddd;
*/
}
.thumbnail {
vertical-align: top;
/*padding: 3px;
border: solid 1px #ddd;*/
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
/*
border: solid 1px #333;
padding: 3px;
*/
}
/* Editor -------------------------------*/
body#editContent {
background: #fff;
}
html#editDropdown, html#editDropdown #container div,html#editDropdown #container div.off,html#editDropdown #container div.on {
background: #fff;
}