/*  
Theme Name: ORCC
Theme URI: http://oakridgecc.org/
Description: The default theme for Uptonic's redesign of the ORCC website (2005).
Version: 1.5
Author: Uptonic
Author URI: http://uptonic.com/
*/

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	background-color: purple;
	text-align: center;
	background: url("img/bkd_body.gif") top left;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	}

a:link, a:visited { color: #336; }
a:hover, a:visited:hover { color: #535A2D; }


h1 {
	color: #336;
	font-size: 21px;
	line-height: 24px;
	padding-bottom: 15px;
	background: transparent url("img/bkd_h1_border.gif") bottom left repeat-x;
	margin-bottom: 10px;
	}

h2 { font-size: 16px; color: #99A253; line-height: 18px; padding-bottom: 2px; }
h3 { font-size: 14px; color: #336; line-height: 16px; padding-bottom: 2px; }
h4 { font-size: 12px; color: #333; }
h5 { font-size: 9px; color: #999; padding-bottom: 2px; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; }

p {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}

blockquote {
	background: url("img/bkd_blockquote_fade.gif") top left repeat-x;
	color: #336;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin: 0 0 15px 15px;
	float: right;
	width: 200px;
	}

blockquote p {
	margin-bottom: 0;
	padding: 1.0em 2.0em;
	font-style: oblique;
	}

blockquote cite {
	color: #999;
	padding-top: 5px;
	font-style: normal;
	display: block;
	}


ul {
	margin: 2.0em 0 2.0em 1.0em;
	font-size: 1.2em;
	color: #666;
	list-style: none;
	}

li {
	padding: 0 0 0 1.5em;
	background: url("img/bullet_asterisk.png") center left no-repeat;
	line-height: 1.5em;
	}

#Frame {
	width: 760px;
	margin: 20px auto;
	}

#Header {
	background: transparent url("img/bkd_header.gif") top center no-repeat;
	height: 44px;
	}

#Header p {
	text-align: right;
	font-size: 11px;
	padding: 8px 10px 0 0;
	color: #999;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	}

#Header a:link, #Header a:visited { text-decoration: none; }
#Header a:hover, #Header a:visited:hover { text-decoration: underline; }

#ContentContainer {
	padding-bottom: 20px;
	background: #fff url("img/bkd_content.gif") top center repeat-y;
	}

#MainNav {
	margin: 0 10px;
	background: #fff url("img/bkd_mainnav_new.gif") top center no-repeat;
	height: 70px;
	position: relative;
	}
	
#MainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	position: absolute;
	top: 0;
	}
	
#MainNav li, #MainNav a {
	height: 35px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#MainNav a {
	text-indent: -9000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#nav_home {left: 135px; width: 65px;}
#nav_sundays {left: 200px; width: 99px;}
#nav_about {left: 299px; width: 109px;}
#nav_you {left: 408px; width: 114px;}
#nav_ministries {left: 522px; width: 93px;}

#nav_home a:hover { background: transparent url("img/bkd_mainnav_new.gif") -135px -70px no-repeat;}
#nav_sundays a:hover { background: transparent url("img/bkd_mainnav_new.gif") -200px -70px no-repeat;}
#nav_about a:hover { background: transparent url("img/bkd_mainnav_new.gif") -299px -70px no-repeat;}
#nav_you a:hover { background: transparent url("img/bkd_mainnav_new.gif") -408px -70px no-repeat;}
#nav_ministries a:hover { background: transparent url("img/bkd_mainnav_new.gif") -522px -70px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:visited { background: transparent url("img/bkd_mainnav_new.gif") -135px -140px no-repeat;}
#nav_sundays a.selected:link, #nav_sundays a.selected:visited { background: transparent url("img/bkd_mainnav_new.gif") -200px -140px no-repeat;}
#nav_about a.selected:link, #nav_about a.selected:visited { background: transparent url("img/bkd_mainnav_new.gif") -299px -140px no-repeat;}
#nav_you a.selected:link, #nav_you a.selected:visited { background: transparent url("img/bkd_mainnav_new.gif") -408px -140px no-repeat;}
#nav_ministries a.selected:link, #nav_ministries a.selected:visited { background: transparent url("img/bkd_mainnav_new.gif") -522px -140px no-repeat;}


/* CSS Sprites Technique from Dave Shea, Mezzoblue */
/* OLD VERSION
#nav_home {left: 135px; width: 65px;}
#nav_sundays {left: 200px; width: 99px;}
#nav_about {left: 299px; width: 85px;}
#nav_ministries {left: 384px; width: 92px;}
#nav_smallgroups {left: 476px; width: 112px;}

#nav_home a:hover { background: transparent url("img/bkd_mainnav_new.gif") -135px -70px no-repeat;}
#nav_sundays a:hover { background: transparent url("img/bkd_mainnav_new.gif") -200px -70px no-repeat;}
#nav_about a:hover { background: transparent url("img/bkd_mainnav_new.gif") -299px -70px no-repeat;}
#nav_ministries a:hover { background: transparent url("img/bkd_mainnav_new.gif") -384px -70px no-repeat;}
#nav_smallgroups a:hover { background: transparent url("img/bkd_mainnav_new.gif") -476px -70px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:visited { background: transparent url("img/bkd_mainnav.gif") -135px -140px no-repeat;}
#nav_sundays a.selected:link, #nav_sundays a.selected:visited { background: transparent url("img/bkd_mainnav.gif") -200px -140px no-repeat;}
#nav_about a.selected:link, #nav_about a.selected:visited { background: transparent url("img/bkd_mainnav.gif") -299px -140px no-repeat;}
#nav_ministries a.selected:link, #nav_ministries a.selected:visited { background: transparent url("img/bkd_mainnav.gif") -384px -140px no-repeat;}
#nav_smallgroups a.selected:link, #nav_smallgroups a.selected:visited { background: transparent url("img/bkd_mainnav.gif") -476px -140px no-repeat;}
*/

#Content {
	margin: 0 auto;
	width: 740px;
	text-align: left;
	background: #fff url("img/bkd_mainbody_side.gif") repeat-y;
	}

#MainbodyBox { float: right; width: 581px; }
#MainbodyContent { padding: 10px 30px; }

#MainbodyContent div.photo {
	float: right;
	margin: 0 0 15px 15px;
	background: transparent url("img/bkd_h1_border.gif") bottom left repeat-x;
}

#MainbodyContent div.photo img {
	border: 3px solid #99A253;
}

#MainbodyContent div.photo p {
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	font-size: 9px;
	text-align: center;
}

#MainbodyFoot {
	margin: 0 0 20px 0;
	background: #fff url("img/bkd_mainbody_foot.gif") no-repeat;
	height: 30px;
	}

#Breadcrumbs {
	margin: 0 0 10px -5px;
	padding: 0;
	height: 12px;
	overflow: hidden; /* clear:both */
	}

#Breadcrumbs li {
	padding: 0;
	list-style: none;
	background-image: none;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	font-size: 9px;
	float: left;
	}

#Breadcrumbs a { padding: 0 10px 0 5px;background: transparent url("img/bkd_breadcrumb_arrow.gif") center right no-repeat; }
#Breadcrumbs a.first { padding-left: 0; }
#Breadcrumbs a:link, #Breadcrumbs a:visited { text-decoration: none; color: #818946; }
#Breadcrumbs a:hover, #Breadcrumbs a:hover { color: #336; text-decoration: underline; }

#SidebarBox { border-top: 3px solid #B7BE86;float:left; width: 159px; background: #D6DABA url("img/bkd_sidenav.gif") top right repeat-y; }
#SidebarBox.nonav { height: 300px; background: #fff url("img/bkd_sidephoto_sundays.jpg") no-repeat; }
#SidebarBox ul { margin: 10px 0; }
#SidebarBox li { line-height: 12px;font-size: 10px; margin: 0; padding: 0; background-image: none; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; }
#SidebarBox li.current { padding: 3px 0 3px 0; }
#SidebarBox li a { padding: 4px 10px 4px 15px;text-decoration: none; display:block; }
#SidebarBox li a:link, #SidebarBox li a:visited { color: #575849; }
#SidebarBox li a:hover, #SidebarBox li a:visited:hover { color: #262620; }
#SidebarBox li.current a { padding: 7px 10px 7px 15px; background-color: #fff; font-weight: bold; color: #336; }
#SidebarBox li.current a:hover, #SidebarBox li.current a:visited:hover { background-color: #fff; font-weight: bold; color: #336; }

#Footer {
	background: transparent url("img/bkd_footer.gif") bottom center no-repeat;
	height: 64px;
	margin-bottom: 20px;
	}

#Footer p {
	font-size: 1.1em;
	padding: 30px 0 0 0;
	color: #666;
	font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
	}

/*-------------------------------------------------
HOMEPAGE ONLY
-------------------------------------------------*/
	
#ContentHome {
	margin: 0 40px;
	text-align: left;
	}

#ContentHome h1 {
	background: none;
	margin-bottom: 0;
	}

#ContentHome #MainbodyBox { float: left; width: 470px; }
#ContentHome #MainbodyContent { padding: 0 20px 0 0; }
#ContentHome #SidebarBox { float: right; padding: 0; width: 210px; border-top: none; background: none; }
#ContentHome #SidebarBox h4 { font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; font-size: 10px; margin-bottom:2px; }
#ContentHome #SidebarBox p { padding-bottom: 10px; border-bottom: 1px solid #dedede;margin:0 0 10px 0;line-height: 1.2em; color:#666; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; font-size: 11px; }
#ContentHome #SidebarContent { margin-top:5px; background: url("img/bkd_blockquote_fade.gif") top left repeat-x; padding: 10px 15px; border-top: 3px solid #ccc; }

#Slideshow {
	border-top: 5px solid #99A253;
	margin: -5px 0 20px 0;
	padding-bottom: 7px;
	background: transparent url("img/bkd_h1_border.gif") bottom left repeat-x;
	}


/*-------------------------------------------------
FORMS
-------------------------------------------------*/

form { margin-bottom: 10px; }
dt { float: left; width: 80px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-serif; margin-bottom: 3px; font-weight: bold; font-size: 11px; color: #336; }
dd { margin-bottom: 10px; }
	
	
/*-------------------------------------------------
ROUNDED CORNERS
-------------------------------------------------*/

/* set background images for corners */
.rbtop div { background: url("img/bkd_corner_tl.gif") no-repeat top left; }
.rbtop { background: url("img/bkd_corner_tr.gif") no-repeat top right; }
.rbbot div { background: url("img/bkd_corner_bl.gif") no-repeat bottom left; }
.rbbot { background: url("img/bkd_corner_br.gif") no-repeat bottom right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 5px;
	font-size: 1px;
}