@charset "utf-8";
/* CSS Document */

/* ------- TABLE OF CONTENTS ---------------

Project:       Ripley Church of Christ
Version:       1.0
Last change:   08/05/08 restructured my old garbage so i could finish the site. 8/6 wrapped up content. 8/6 go live.
Assigned to:   Jonathan Hoppes
Primary use:   Church Site
 
1. Import Reset and Global Styles
2. Structure Style Declarations 
3. Typography Style Declarations

---------- END TABLE OF CONTENTS ----------*/

/* ---------->>> 1. Import <<<-----------*/

@import url("http://www.forbin.com/css/reset.css"); /* import the forbin reset style sheet - browser default styles */
@import url("http://www.forbin.com/css/global.css"); /* import the forbin global style sheet - contains common styles */

/* ---------->>> END Import <<<----------*/

/* ---------->>> 2. Structure <<<-----------*/
/* Structure */
body {background: url(/Images/bgrpt.jpg) repeat-x #4d0101; font-family:'Trebuchet MS'; font-size:12px; color:#5d4b40; text-align:center;}
#container {width:1000px; background:url(/Images/bgcontentrpt.jpg) repeat-y; margin:0 auto; margin-top:23px;}
#containertop {background:url(/Images/bgcontenttop.jpg) top no-repeat;} 
/* Header */
#header {height:289px; text-align:left; margin-left:99px;}
#header .headerContent {background:url(/Images/header_search.jpg); height:22px; width:781px; padding:10px;}
#header h1 {background:url(/Images/header_imageleft.jpg); width:306px; }
#header p {background:url(/Images/header_imageright.jpg); width:495px; }
#header h1, #header p {height:247px; text-indent:-9999px; float:left;} 
/* Navigation */
ul#navigation  {padding: 0px; height:57px; width:801px; float:left; margin-left:99px;} 
ul#navigation a {text-indent:-9999px; display:block; height:57px;}
ul#navigation li {float:left; height:57px;}
li.welcome{background:url(/Images/btn_welcome.jpg) 0 -114px; width:115px; }
li.welcome a{width:115px;}
li.welcome a:hover{background-position: 0 -57px; width:115px; }
li.welcome_focus{background:url(/Images/btn_welcome.jpg); width:115px;}
li.ourchurch {background:url(/Images/btn_ourchurch.jpg) 0 -114px; width:132px;  }
li.ourchurch a{width:132px; }
li.ourchurch a:hover{background-position: 0 -57px; width:132px; }
li.ourchurch_focus {background:url(/Images/btn_ourchurch.jpg); width:132px; }
li.outreach{background:url(/Images/btn_outreach.jpg) 0 -114px; width:113px; }
li.outreach a{width:113px; }
li.outreach a:hover{background-position: 0 -57px; width:113px; }
li.outreach_focus{background:url(/Images/btn_outreach.jpg); width:113px; }
li.newsevents{background:url(/Images/btn_news.jpg) 0 -114px; width:146px; }
li.newsevents a{width:146px; }
li.newsevents a:hover{background-position: 0 -57px; width:146px; }
li.newsevents_focus{background:url(/Images/btn_news.jpg); width:146px; }
li.gallery{background:url(/Images/btn_photogallery.jpg) 0 -114px; width:149px; }
li.gallery a{width:149px; }
li.gallery a:hover{background-position: 0 -57px; width:149px; }
li.gallery_focus{background:url(/Images/btn_photogallery.jpg); width:149px; }
li.contactinfo{background:url(/Images/btn_contact.jpg) 0 -114px; width:146px; }
li.contactinfo a{width:146px; }
li.contactinfo a:hover{background-position: 0 -57px; width:146px; }
li.contactinfo_focus{background:url(/Images/btn_contact.jpg); width:146px; }
/* Content */
#mainContent {margin: 0 0 0 99px;}
#subContent {text-align:left; clear:left; float:left; margin-left:111px; margin-right:111px; width:778px;}
#subContent p {line-height:24px; padding:15px; padding-right:280px;}
#subContent ul.list { line-height:18px; padding:15px; padding-right:280px;}
#newsEvents, #worshipWithus, #photoGallery {height:265px; width:256px; float:left; margin-left:7px;}
#newsEvents {margin-left:10px; text-align:left;}
#newsEvents ul {background:url(/Images/bg_ulNews.jpg); width:236px; height:186px; padding:28px 10px 10px 10px;}
#newsEvents li { height:90px;}
.newsCalendar {background:url(../Images/bg_calendar.jpg); width:61px; height:40px; float:left; position:relative; text-align:center; color:#513f34; font-size:24px; font-weight:bold;margin-right:5px; padding-top:28px; margin-top:-10px;}
.newsCalendar2 {background:url(../Images/bg_calendar2.jpg); width:61px; height:40px; float:left; position:relative; text-align:center; color:#513f34; font-size:24px; font-weight:bold;margin-right:5px; padding-top:28px; margin-top:-10px;}

.month {position:absolute;}
.month {top:13px; left:8px; color:white; font-size:xx-small; text-transform:uppercase;}
#newsEvents h2, #worshipWithus h2, #photoGallery h2, h2.subNewsEventsH2, h2.archivesH2 {width:256px; height:41px; text-indent:-9999px;}
#newsEvents h2, h2.subNewsEventsH2 {background:url(/Images/title_newsnevents.jpg);}
h2.archivesH2 {background:url(../Images/title_archives.jpg);}
ul.news {background:url(/Images/bg_ulNews2.jpg); width:236px; padding:28px 10px 10px 10px;}
ul.news li {height:90px;}
ul.archivenews {background:url(/Images/bg_ulNews2.jpg); width:236px; padding:28px 10px 10px 10px;}
ul.archivenews li { line-height:18px; padding:8px 0; border-bottom:1px dashed #ccc5b2; display:block; clear:left;}
ul.archivenews li a { cursor:pointer; text-decoration:none;}
#worshipWithus h2 {background:url(/Images/title_worship.jpg);}
#worshipWithus p {background:url(../Images/welcomep.jpg); width:246px; height:74px; padding:26px 0 0 10px; text-align:left;}
#worshipWithus a {background:url(../Images/btn_bulletinDownload.jpg); width:256px; height:124px; display:block; text-indent:-9999px;}
#worshipWithus a:hover {background-position: 0 -124px;}
#photoGallery h2 {background:url(/Images/title_gallery.jpg);}
#photoGallery a {background:url(../Images/btn_gallery.jpg);width:256px;height:224px; text-indent:-9999px; display:block;}
#photoGallery a:hover {background-position: 0 -224px;}
/* Footer */
#footer {padding: 0px; background:url(../Images/footer.jpg); width:1000px; height:66px; position:relative; padding-top:20px; float:left;}
#footer ul.footerNav { margin-left:125px;}
ul.footerNav li {float:left; height:18px;}
ul.footerNav a {display:block; text-indent:-9999px; height:18px;}
ul.footerNav li.welcome {background:url(/Images/footer_welcome.jpg); width:87px;}
ul.footerNav li.welcome a {width:87px;}
ul.footerNav li.welcome:hover {background-position: 0 -18px;}
ul.footerNav li.ourchurch {background:url(/Images/footer_ourchurch.jpg); width:133px;}
ul.footerNav li.ourchurch a {width:133px;}
ul.footerNav li.ourchurch:hover {background-position: 0 -18px;}
ul.footerNav li.outreach {background:url(/Images/footer_outreach.jpg); width:115px;}
ul.footerNav li.outreach a {width:115px;}
ul.footerNav li.outreach:hover {background-position: 0 -18px;}
ul.footerNav li.newsevents {background:url(/Images/footer_newsandevents.jpg); width:145px;}
ul.footerNav li.newsevents a {width:145px;}
ul.footerNav li.newsevents:hover {background-position: 0 -18px;}
ul.footerNav li.photogallery {background:url(/Images/footer_photogallery.jpg); width:147px;}
ul.footerNav li.photogallery a {width:147px;}
ul.footerNav li.photogallery:hover {background-position: 0 -18px;}
ul.footerNav li.contactinfo {background:url(/Images/footer_contactinfo.jpg); width:117px;}
ul.footerNav li.contactinfo a {width:117px;}
ul.footerNav li.contactinfo:hover {background-position: 0 -18px;}
#footer .copyright {position:absolute; right:110px; top:70px; color:#a9a08b; font-size:11px;}
#footer .copyright a { color:white; text-decoration:none;}
/* ---------->>> END STRUCTURE <<<----------*/

/* ---------->>> 2. TYPOGRAPHY <<<-----------*/
/* Colors */
.grey {color:#a9a08b;}
.maroon {color:#5a0000;}
.color {color:#111111;}
.bold {color:#3e2f24;}
/* Fonts */
strong {}
/* Headers */
h2 {width:480px;}
h3 {margin-top:20px; width:480px;}
/* Forms */
input { margin:10px;}
.contactForm {width:500px;}
.contactForm input {font-size:11px; color:#3e2f24;}
/* Tables */
.contactTable {width:500px;}
.contactTable td {padding:5px;}
.contactTable .odd {background-color:#f3ebdb;}
.galleryTable img {padding:10px;}
.articleTable { float:left; width:500px;}
.articleTable img { padding:5px 0; display:block;} 
/* Lists */
ul.list {}
ul.list li { background:url(../Images/list_li.jpg) 0 0.8em no-repeat; border-bottom:1px dashed #aca59a; padding:5px 15px;color:#5a0000;}
ul.list li:hover {background:url(../Images/list_li_ovr.jpg) 0 0.8em no-repeat}
/* Links */
a:link {color:#5a0000;}
a:visited {color:#a9a08b;}
a:hover {color:red}
a:active {color:#5a0000;}
#header .headerContent a {color:#5f2e2c; text-decoration:none;}
a.newsReadmr {background:url(/Images/btb_newsReadmr.jpg); width:70px; height:10px; text-indent:-9999px; display:block; margin-top:10px;}
a.newsReadmr:hover {background-position: 0 -10px;}
a.newsReadmr2 {background:url(/Images/btb_newsReadmr2.jpg); width:70px; height:10px; text-indent:-9999px; display:block;margin-top:10px;}
a.newsReadmr2:hover {background-position: 0 -10px;}

/* ---------->>> END TYPOGRAPHY <<<----------*/