/* dark-blue: #829bbe; light-blue: #e2e8f0; grey: #bfbfbf */

/* Univeral */

img              { border: 0 }
p                { margin: 1em 0; padding: 0 }
div.mainheader   { text-align: center; font-weight: bold; font-size: 1.6em; margin-bottom: 1em }
#container       { margin: 0 0 0 15px; background: #fff; width: 720px; padding-top: 8px; voice-family: "\"}\""; voice-family: inherit; width: 730px }
div.secondarynav { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; color: #000  }
form             { margin: 0 }
input,textarea,select   { font: 1.1em verdana }
textarea:focus, input:focus, select:focus { background-color: #ffe; }
table            { width: 100% }

/* The Header */

div#header1      { width: 720px; background: #fff url('http://www.therocksandiego.org/themes/rock4/images/banner4_3right.gif')
                   no-repeat right; height: 99px;  }
div#header1 img  { display: block; margin-left: 10px }
div#header1print { display: none }
div#mainnav      { background: #CACEDB; width: 710px; margin: 0 0 0 10px; border: 1px solid #434E6F; border-width: 1px 0;
                   height: 24px; line-height: 24px;  }

div#horizstripe  { margin: 22px 10px 0; border-bottom: 1px solid #ccc }
div#searchform   { float: right; background: #6C6F88; padding: 1px 3px 0 20px; font-size: 11px; height: 23px; color: #fff;
                   font-weight: bold }
div#searchform #searchinput  { margin: 0 0 0 4px; border: 1px solid #434E6F; color: #222B47 }
div#searchform .submit { font-size: 10px; width: 2.8em; height: 19px }

/* General */

div#rightcol div.lightback p, div#rightcol div.lightbackbordered p  { margin-top: 0 }
div#rightcol     { background: #ECEDF1 }

/* Utility Links */

div#utilitylinks            { margin-top: -2px; padding: 0 20px 0 0; font-size: 10px; float: right; text-align: right }
div#utilitylinks a          { text-decoration: none }
div#utilitylinks a:link     { text-decoration: none; color: #000 }
div#utilitylinks a:visited  { color: #000 }
div#utilitylinks a:hover    { color: #000 }

/* More General */

div.maintext                 { font-size: .9em; line-height: 1.7; height: 700px }
div[class=maintext]          { height: auto; min-height: 700px }
div.maintext img             { border: 1px solid #000 }
div.maintext img.noborder    { border: 0 }
div.darkbackheader           { background: #898B97; color: #fff; font-size: .75em;
                               line-height: 1.3em; padding: 1px 1px 1px 5px; text-transform: uppercase }
/* div.darkbackheader           { background: #999 url(images/header_gradient.jpg) repeat-y; color: #fff; font-size: .75em;
                               line-height: 1.3em; padding: 1px 1px 1px 5px; text-transform: uppercase }
#middlecol div.darkbackheader { background: #fff url(images/header_gradient_long.jpg) repeat-y } */
div.lightback                { margin-bottom: 10px }
div.noback                   { margin-bottom: 10px }
div.lightbackfixed           { margin-bottom: 10px; height: 182px }
div[class=lightbackfixed]    { height: auto; min-height: 182px }
div.innerpadding             { padding: 5px }
div.lightbackbordered        { padding: 6px; margin-bottom: 10px }
div.lightback ul, div.lightbackbordered ul, div.lightbackfixed ul        { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em }
div.readmoretext, div.readmore { text-align: right; font-weight: bold; margin-top: .7em; padding-right: .9em }
div.elementslist             { padding: 4px 6px 1px 5px; margin-bottom: 10px }
div.elementslist ul          { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em }
div.verse                    { margin: 1em 1.5em; font-size: .9em; font-style: italic }
div.reference                { margin: 0 0 0 .7em; display: inline; color: #666; font-weight: bold;
                               white-space: nowrap; font-style: normal }
div.rightbanner              { margin-bottom: .8em; margin-top: 1.1em }
span.smalltext               { font-size: .9em }
.selected                    { font-weight: bold; color: #876130 }
.horiznav ul                 { margin-left: 0; padding-left: 0; display: inline }
.horiznav li                 { margin-left: 0; padding: 0 0.5em; border-left: 1px solid #000; list-style: none; display: inline }
.horiznav li.first           { padding-left: 0; border-left: none }
ol.doublespace               { margin-top: 1em }
.doublespace li              { margin-bottom: 1em }
.nodoublespace               { margin-top: 1em }
.nodoublespace li            { margin-bottom: 0 }
.eventdate                   { font-weight: bold; line-height: 1.1; margin-top: .5em; margin-bottom: .4em }
div.errormessage             { padding: .3em; margin-bottom: 1em; background: #fcc; text-align: center; font-weight: bold }
div.successmessage           { padding: .3em; margin-bottom: 1em; background: #cfc; text-align: center; font-weight: bold }
span.greytext                { color: #666; font-weight: bold; white-space: nowrap }
div.sidebox                  { float: right; background: #eee; width: 200px; font-size: .9em; padding: 10px;
                               border: 1px solid #999; margin: 0em 0 8px 8px; line-height: 1.4em }
div.sidebox h3               { margin-bottom: .5em }
div.sidebox ul               { padding-left: 2em; margin: 0; text-indent: -.1em }
div.pagelinks                { margin: 1.5em 0 1em 0; text-align: center }
div#closewindow              { text-align: center; font-weight: bold; margin-top: 2em }
div.successmessage ul, div.errormessage ul        { margin: 0 }
div#leftcol div.lightback, div#leftcol div.lightbackbordered, div#leftcol div.elementslist, div#rightcol div.lightback, div#rightcol div.lightbackbordered, div#rightcol div.elementslist { line-height: 1.4em; font-size: .9em }
table.valigntop td          { vertical-align: top }
table.autowidth             { width: auto }
tr.alt td                   { background: #f3f6f7 }
table.outlined, table.outlined th, table.outlined td   { border: solid #ccc }
table.outlined              { border-width: 1px 0 0 1px; margin-bottom: 1.5em }
table.outlined th           { border-width: 0 1px 1px 0; vertical-align: top; padding: 4px; background: #E9E9D3; font-weight: bold;
                              text-align: center; font-size: 1.1em }
table.outlined td           { border-width: 0 1px 1px 0; vertical-align: top; padding: 4px }
table.outlined td p         { margin-top: 0 }
.firstpar                   { font-size: 1.1em; font-weight: bold }

/* Highlights */
.highlight0           { color: navy; background: #CCEDF6 }
.highlight1           { color: #F9A31A; background: #FAFEC2 }
.highlight2           { color: green; background: #8EEE7B }
.highlight0, .highlight1, .highlight2 { font-weight: bold }
a .highlight0, a .highlight1, a .highlight2   { text-decoration: underline }
a:hover .highlight0, a:hover .highlight1, a:hover .highlight2   { background: none; color: #C8452F }

/* Home Page */

div#home h1          { display: none }
div.eventlist        { margin-bottom: 10px; padding-right: 6px; font-size: .9em }
div.eventlist ul     { list-style: none; padding-left: .4em; margin: 0 0 .7em 0 }
div.eventlist li     { margin-top: .3em; margin-bottom: .8em; line-height: 1.1em }
div.eventlist span.name  { font-weight: bold; color: #666 }
div.sundayservice    { font-size: .9em;  }
div.messagetitle     { text-align: center; font-weight: bold; color: #333; line-height: 1.2em;
                       padding-bottom: .2em }
div.bannerimages img { display: block; margin-bottom: 1em }
div.mainstory        { font-size: .9em }
div.mainstorytitle   { font-weight: bold; line-height: 1.4 }
div.mainstorytext    { line-height: 1.5em }
div.mainstorytext p  { margin-top: 0 }
div.servicelocation  { font-weight: bold; font-size: .9em; margin-bottom: .2em; line-height: 1.4 }
div.servicemap       { margin: 7px 0 2px 0 }
div.eventlistdate    { font-weight: bold; line-height: 1.1; margin-top: .3em }
div#middlecol div.readmoretext  { font-size: .9em }
div#middlecol div.elementslist  { font-size: .9em }
div.otherstory       { line-height: 1.2; padding: 3px 0 8px; border-bottom: 1px dotted #ccc }
div.otherstory .title { font-weight: bold }
div.otherstory .moreinfo { font-size: .9em; color: #333; float: right; width: 110px; padding-left: 12px }
div.otherstory .postdate { font-style: italic }

/* Footer */
div#footerlinks, div#footer1    { background: #E6E2B8 }
div#footerlinks     { margin-top: 2em; text-align: center; font-size: .9em; color: #000; padding: 7px 0 }
div#footerlinks ul    { list-style: none; padding-left: 1.4em; margin: 0; text-indent: -1em } 
div#footerlinks ul li { display: inline; border-left: 1px solid #666; padding: 0 .5em }
div#footerlinks ul li.first { border: 0 }
div#footer1         { text-align: center; font-size: .85em; color: #333; padding-bottom: 10px; line-height: 1.3em }


/* Cookie Crumb Trail */
div.cookiecrumb       { font-size: .85em; color: #878A94; margin-bottom: 1em; text-transform: lowercase }
div.cookiecrumb ul    { list-style: none; padding-left: 1em; margin: 0; text-indent: -1em } 
div.cookiecrumb ul li { display: inline }
div.cookiecrumb span.smallarrow { font-size: .8em }

/* Link Page */
div#linkpage ul             { list-style: none; padding-left: 1em; margin: 0 }
div#linkpage ul li          { margin-top: 1em }
div#linkpage li a           { font-size: 1.1em; font-weight: bold }

/* Search */
#search h2          { background: #ECECD8; margin-top: 1.5em; padding: 1px 2px 4px 5px; line-height: 1; }
#search .listing    { margin: 0 0 2em 2em; line-height: 1.3 }
#search .title      { font-size: 1.1em; font-weight: bold }
#search .date       { float: left; font-size: .95em; color: #336; padding-right: .5em; margin-right: .5em;
                      border-right: 1px solid #336 }
#search .url        { font-size: .95em; color: #336 }
#search .keyword    { font-weight: bold }

/* Who We Are */
div#whoweare tr.toprow td   { padding-top: 1em }
div#whoweare td             { padding: 0 1em }
div#whoweare td.extension   { font-size: .8em }
div#whoweare td.name        { font-weight: bold }
div#whoweare td.contactlink { font-size: .8em; font-weight: bold }
div#whoweare td.biolink     { font-size: .8em }

/* When And Where */
div.servicetimestable td      { vertical-align: bottom }
div.servicetimestable td.time { font-size: .8em; text-align: right; padding: 0 1em 2px 0; font-weight: bold }

/* FAQ's */
div#faqs div.question         { font-weight: bold }
div#faqs div.answer           { margin: 1em }

/* Daily Devotional */
div#dailydevotional td        { padding-right: 1.5em }

/* Messages */
div#messages td             { padding-right: 1.5em }
div#messages div.title      { font-size: 1.25em; font-weight: bold; margin-bottom: 0 }
div#messages div.pastordate { font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: 0 }
div#messages div.header     { font-weight: bold; margin-top: 1.5em; margin-bottom: .3em }
div#messages b              { margin: 0 0 0 .3em; color: #666; font-weight: bold; font-size: .9em; white-space: nowrap }

/* Small Groups */
div#smallgroups div.header    { font-weight: bold; margin-top: 1em }
div#smallgroups div.text      { margin-bottom: 2em}
div#smallgroupdirectory table.ltsg td      { padding: 3px }

/* Stories */
#stories .item          { margin-bottom: 3em; float: left }
#stories .listname      { font-weight: bold; line-height: 1.3em; margin-bottom: .3em }
#stories .title         { font-size: 1.45em; font-weight: bold; margin-bottom: .1em; line-height: 1em }
#stories .authordate    { font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: .3em; line-height: 1.5em }
#stories .storysummary  { line-height: 1.5em }
#stories .item .authordate { font-size: 1em; line-height: 1em }

/* Pictures */
#pictures .item img         { border: 1px solid #000 }
#pictures img               { border: none }
#pictures .gallerythumb     { float: left; margin: .3em .7em 0 0 }
#pictures .item             { margin-bottom: 2em }
#pictures .listname         { font-weight: bold }
#pictures .name             { font-size: 1.25em; font-weight: bold; margin-bottom: 0 }
#pictures .photographerdate { font-size: .95em; line-height: 1em; font-weight: bold; color: #666; margin-bottom: 0 }
#pictures .gallerysummary   { line-height: 1.5em }
#pictures .picture          { width: 120px; height: 90px; text-align: center; margin: 2px ;
                                float: left }

/* Backdoor */
div#backdoor div.header       { font-weight: bold; margin-bottom: 0 }

/* Videos */
div#videos td                 { padding-right: 1.5em }

/* Ministries */
#ministries .events td          { padding: 0 10px; border: 1px solid #fff }
div#ministries div.name         { font-size: 1.25em; font-weight: bold }
div#ministries div.description  { font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: 1em }
div#ministries div.text         { margin-bottom: 1em }
div#ministries div.website      { width: 225px; font-size: 1.3em; margin-bottom: 0; font-weight: bold; background: #eee; padding: 5px }
div#ministries div.leadertitle   { font-size: 1.05em; font-weight: bold }

/* RockRadio */
div#rockradio td              { padding-right: 1.5em }

/* Audio */
div#audio td                  { padding-right: 1.5em }

/* Contact Form */
select.saveHistory            { behavior: url(#default#savehistory); }

/* Pastors-Staff */
div#pastors-staff td                  { padding-right: .5em }
div#pastors-staff td.extension        { font-size: .9em }
div#pastors-staff div.wholename       { font-size: 1.25em; font-weight: bold }
div#pastors-staff div.contactinfo     { margin-bottom: 1em }
div#pastors-staff div.jobtitle        { font-weight: bold }
div#pastors-staff div.jobdescription  { font-weight: bold; color: #666; font-size: .9em }
div#pastors-staff div.favverse        { font-style: italic; margin-bottom: 1em }
div#pastors-staff div.favverseref     { font-style: normal; display: inline; margin-left: 1em; white-space: nowrap }
div#pastors-staff div.favtitle        { font-weight: bold; color: #666; font-size: .9em; display: inline }

/* Calendar */
table.calendarnav           { background: #393E48; width: 100%; line-height: 1em; margin-top: 1.5em }
table.calendarnav td        { vertical-align: bottom; padding: 10px; color: #fff; font-weight: bold }
table.calendarnav .previous { text-align: left; width: 20% }
table.calendarnav .current  { text-align: center; font-size: 1.5em }
table.calendarnav .next     { text-align: right; width: 20% }
table.calendarnav a:link, table.calendarnav a:visited         { color: #fff }
.calendar              { width: 100% }
.calendar th           { background: #656A74; color: #fff; width: 14%; font-size: 1em; font-weight: normal }
.calendar td           { background: #fff; height: 70px; padding: 2px; vertical-align: top }
.calendar .number      { font-size: .8em; display: block; margin-bottom: .1em }
.calendar .eventlink   { font-size: .9em; line-height: 1.2; display: block }
.calendar .time        { font-size: .8em; display: block; line-height: 1.3; margin-bottom: .4em }
.calendar .today       { background: #FDF7C0 }
.calendar .other       { background: #999 }
.calendar .event       { background: #E0E4E9 }
.calendar .weekend     { background: #eee }

/* Events Calendar */
#eventcalendar .ministry td    { padding: 0 10px; border: 1px solid #fff }
#eventcalendar .item .time   { color: #333; font-weight: bold; color: #666 }
#eventcalendar .item .text   { margin-top: 1em }

/* Ministry Sites */
div#ministrysite div.name         { font-size: 1.25em; font-weight: bold }
div#ministrysite h2               { margin-bottom: 0 }
.CDtableout     { border: 1px solid #fcf7ee; background: #ccc; margin-top: 1em }
.CDtablein      { background: #fff url(../../media/site/images/logos/rocklogobackground.gif) no-repeat center }
.CDtableout td  { border: 1px solid #333  }
.CDtablein td   { border: 1px solid #333 }
.CDtitle        { background: #ddd; font-size: 1.8em; font-weight: bold; padding: 6px }
.CDtitle img    { margin: 0 50px }
.CDheader       { background: #eee; line-height: 1em }
.CDOdd          { font-size: .9em; line-height: 1.2; height: 70px }
td[class=CDOdd] { height: auto; min-height: 70px }
.CDEven         { font-size: .9em; line-height: 1.2; height: 70px }
td[class=CDEven] { height: auto; min-height: 70px }
.CDctitle       { font-weight: bold }
.CDcsubtitle    { font-weight: bold }
.CDcauthor      { font-style: italic }
.CDcdate        { }


/* Administration */
#admin table.welcomeadmin  { width: 100% }
#admin table.welcomeadmin th { background: #dbeaf7; color: #333; text-align: left; font-weight: bold; font-size: 1.1em;
                               line-height: 1; padding: .4em 9px; border: 1px solid #fff }
#admin table.welcomeadmin td { vertical-align: top; padding: 0 10px; border: 1px solid #fff }
#admin table.welcomeadmin ul        { list-style: none; padding-left: 0; margin: 0 }
#admin table.welcomeadmin ul li     {  }
#adminform textarea  { width: 100% }
#admin table.adminform th, #admin table.adminform td, #admin .adminform div.value,
    #admin .adminform div.name   { border: 1px solid #fff; padding: 1px .4em }
#admin .adminform th, #admin .adminform .name      { background: #f3f6f7; white-space: nowrap; font-size: .95em;
                                                     font-weight: bold; color: #666 }
#admin table.adminform  { margin-top: 1.5em }
#admin .adminform th    { text-align: right }
#admin .adminform td, #admin .adminform .value     { background: #dbeaf7 }
#admin .adminform td   { width: 100% }
#admin input.submit   { margin-top: 1em }

#admin .admin table      { font-size: .95em }
#admin .admin td, #admin .admin th    { }
#admin .admin .header th       { background: #dbeaf7; color: #333; text-align: left; font-weight: bold; font-size: 1.1em;
                          line-height: 1; padding: .4em 9px; border: 1px solid #fff }
#admin .admin td        { padding: 0 10px; border: 1px solid #fff }
#admin .insert          { width: 150px; text-align: center; margin-bottom: 3px }
#admin td.view, #admin td.edit, #admin td.delete  { width: 30px; font-size: .9em; padding: 0 4px; text-align: center }
#admin td.view  { padding-left: 10px }
#admin td.delete { padding-right: 10px }
#admin .admin tr.header th img { margin-left: 3px }
#admin .admin th.date, #admin .admin td.date      { text-align: right }
#admin .admin tr.header th.marked      { background: #cedeeb }
#admin .admin tr.header th:hover      { background: #bacddd }
#admin .admin tr.header th.adminlinks:hover  { background: #dbeaf7 }
#admin .admin tr.header th a:hover  { color: #000 }
#admin .admin tr:hover td      { background: #f7f3db }

/* Links */

a                { color: #000 }
a:visited           { color: #AB7B10 }
a:hover             { color: #C8452F }
.cookiecrumb a:link, .cookiecrumb a:visited         { color: #727B98; font-weight: normal; text-decoration: underline }
#utilitylinks a:link  { color: #666; font-weight: normal }
#footerlinks a:link   { color: #000; font-weight: normal }
#footer1 a:link       { color: #333; font-weight: normal }
.selected a:link     { font-weight: bold; color: #876130 }