/* Styles.css
	Site: Arkchurch.org
	Author: Matt McCloskey. Kemso, LLC
	Date: 2009
*/


/*
Color Palette
See: application/assets/images/palettes/green-brown.gif

1. Dark Brown	#452c17
2. Light Brown	#725433
3. Tan			#fef4d9
4. Light Yellow	#feea93
4. Light Orange	#ffb51b
5. Dark Orange	#ab7300


*/

body {
	background-color: #725433;
	color: #fef4d9;
	
	background-image: url(../images/structure/bgs/main.jpg);
	background-position: center top;
}


/* Links & Buttons
------------------------------------------------------------- Links & Buttons
*/
a, a:visited {
	color: #feea93;
}
a:hover, a:active {
}

/* Headers
------------------------------------------------------------- Headers
*/

h1 {
	/* color: #452c17; */
	color: #fff;
	line-height: 30px;
	font-family: Helvetica;
}
h2 {
	color: #fff;
	font-size: 26px;
	padding-bottom: 5px;
}
h3 {
}
h4 {
}


/* Structure
------------------------------------------------------------- Structure
*/
#header {
	background-color: #452c17;
	border-color: #392615;
	background-image: url(../images/structure/bgs/header_bg.jpg);
	background-position: center top;
}

#main {
	background-color: transparent;
	background-image: url(../images/overlays/white.png);
}
#footer {
	background-color: transparent;
	margin: 0px;
	padding: 20px 0;
}




/* Navigation
------------------------------------------------------------- Navigation
*/

/* Structure mod #################### */
#navigation {
	bottom: 3px;
}
#navigation li a {
	padding-bottom: 1px;
}
#navigation li a:hover {
	padding-bottom: 6px;
}
#navigation li.selected a {
	padding-bottom: 9px;
}
/* Structure mod #################### */

#navigation li a {
	background-color: #000;
	color: #766b58;
	font-family: Helvetica, Arial;
	opacity: .6;
	filter: alpha(opacity = 60);
}
#navigation li a:hover {
	background-color: #fff;
	color: #333;
}
#navigation li.selected a {
	background-color: #392615;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity = 100);
}





/* Header elements 
--------------------------------------------------------------------------------- Header elements 
*/
#header .address {
}
#header .servicetimes {	
}
#header .links li a {
}




/* Logo 
--------------------------------------------------------------------------------- Logo
*/
a#logo {
	/* background-color: #2A2B28; */
	background-color: transparent;
	color: #fff;
	width:110px;
	background-image:url(../images/logos/LOGO4.png)
}




/* Banners 
--------------------------------------------------------------------------------- Banners 
*/

#banner {
}

/* Photo Changer 
--------------------------------------------------------------------------------- Photo Changer
*/
#photochanger {
	background-color: #392615;
}

#photochanger ul li a {
	color: #fef4d9;
}
#photochanger ul li a:hover {
	background-color: #fef4d9;
	color: #452c17;
}
#photochanger ul li.selected a {
	background-color: #725433;
	color: #452c17;
}

#photochanger h2 {
	color: #fef4d9;
}
#photochanger a.link {
	font-style: italic;
}







/* Footer Elements 
---------------------------------------------------------------------------------
*/
/* First footer */
#footer .one {
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
}
#footer .one h3 {
	font-family: Helvetica;
	background-color: #342112;
	color: #725433;
}
#footer .one h3 a { /* Bread crumb trail */
	font-size:small;
	font-weight:800;
	letter-spacing:1px;
	color: #fef4d9;
	text-decoration: none;
}
#footer .one h3 a:hover {
	text-decoration: underline;
}

#footer .one .contact {
	border: none;
	background-image: url(../images/overlays/dark.png);
	padding: 5px;
}
#footer .one .contact h4 {
	text-align:left;
	color: #fef4d9;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:800;
	padding-left:5px;
}

#footer .one .contact h4 a {
	text-decoration:none;
	color: #fef4d9;
}

#footer .one .contact h4 a:hover {
	text-decoration: underline;
}

#social_links {
	float: right;
	width: 74px;
}
#social_links li {
	display: block;
	float: left;
	clear: none;
	
}
#social_links li a {
	display: block;
	margin-right: 2px;
}
a#yv  {
	display: block;
	margin-top: 2px;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-image: none;
	background-image: url(../images/icons/yv-icon.png);
}
a#facebook  {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../images/icons/social-icons.gif);

	background-position: -32px 0px;
}
a#twitter {
	margin-top: 2px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../images/icons/social-icons.gif);

	background-position: -16px 0px;
}
a#youtube {	
	margin-top: 2px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../images/icons/social-icons.gif);

	background-position: 0px 0px;
}
a#yv:hover {
	background-position: 0px -16px;
}
a#facebook:hover {
	background-position: -32px -16px;
}
a#twitter:hover {
	background-position: -16px -16px;
}
a#youtube:hover {	
	background-position: 0px -16px;
}
#footer .group:hover {
	background-image: url(../images/overlays/dark.png);
}
#footer iframe {
	background-color: #eceef5;
	border: 2px solid #3b5998;
}
#sitemap h4 {
	color: #fff;
	text-transform: uppercase;
	font-family: Helvetica;
	font-size:13px;
}

#sitemap li a {		/* site map links */
	display: block;
	padding: 1px 4px;
	color: #e7d8bb;
	text-decoration: none;
}
#sitemap li a:hover {		
	background-color: #312212;
}


/* Second footer */
#footer .two {
	background-image: url(../images/overlays/dark.png);
}




/* Right side content 
----------------------------------------------------------------	Right side content
*/
#right .content {
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
}
#right .videothumb {
}
#right .videothumb a {
}
#right .videothumb .image {
}
#right .videothumb .title {
	color: #fef4d9;
	background-image: url(../images/buttons/play.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}
#right .videothumb .playbtn {
}





/* Page Navigations 
---------------------------------------------------------------------------------
*/
ul.page-nav {
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
}
ul.page-nav li a {
	color: #fef4d9;
}
ul.page-nav li a:hover {
	background-color: #fef4d9;
	color: #452c17;
}
ul.page-nav li.selected a {
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
}
ul.page-nav li.selected a:hover {
	color: #fef4d9;
}

ol {
	padding-bottom: 15px;
}


/* Buttons 
---------------------------------------------------------------------------------
*/
a.button, a.button span {
	background-color: #301e10;
	color: #d4dac8;
}
a.button:hover, a.button:hover span {
	background-color: #766b58;
}
a.map {
}
a.more {
}
a.play {
	display: block;
	width: 48px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../images/buttons/play.png);
	background-position-y: -16px;
}
a.play:hover {
	background-position-y: 0px;
}

.playbtn {
	background-image: url(../images/buttons/play_large.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
.playbtn:hover, a:hover .playbtn {
	background-image: url(../images/buttons/play_large_over.png);
}

.arrow_left {
	background: transparent url(../images/buttons/arrow-right.png) no-repeat;
	float: right;
	margin-top: 7px;
	display: block;
}

.arrow_right {
	background: transparent url(../images/buttons/arrow-left.png) no-repeat;
	float: right;
	padding-left: 3px;
	margin-top: 7px;
	display: block;
}





/* Forms 
--------------------------------------------------------------------------------- Forms
*/

form {
}
fieldset {
	border-color: #b19a7d;
}
label {
}
input, textarea {
	border-color: transparent;
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
	outline: none;
	color: #fff;
}
button {
	background-color: transparent;
	background-image: url(../images/overlays/dark.png);
	outline: none;
	color: #fff;
	font-size: 16px;
}

/* Dates 
---------------------------------------------------------------------------------
*/
.date {
	font-style: italic;
	color: #fef4d9;
}
.date .month {
	font-size: 13px;
}
.date .day {
	font-size: 18px;
}
.date .time {
	font-size: 11px;
}

/* events date icon */
.events .date {
	width: 61px;
	height: 66px;
	padding: 0px;
	background-color: transparent;
	background-image: url(../images/icons/calendar_bg.png);
}
.events .date .month {
	color: #ab7300;
	margin-top: 8px;
}
.events .date .day {
	color: #452c17;
}
.events h3 {
	padding: 4px 0 0 0;
	margin-bottom: 0px;
}





/* Home Page 
--------------------------------------------------------------------------------- Home Page 
*/


.home div.column {
	border-color: #b19a7d;
}

#recentmedia a.play {
	float: right;
}

.home #content h3 {	/* home page item titles */
	color: #452c17;
	overflow: visible;
	height: auto;
}

#colorbox {	/* home page item titles */
	padding: 10px;
	text-align: center;
	font-family: "Arial Black";
	color: #452c17;
	background-color: #452c17;
	overflow: visible;
	height: auto;
	width: 200px;	
}
#colorbox a {
	text-decoration: underline;
}
#colorbox a:hover {
	text-decoration: none;
}
#recentmedia .author {
	/* display: none; */
	display: block;
}


body.home #content .video {
	height: 146px;
	background-color: #333;
}

body.home #content .video a {
	/*
background-image: url(../images/buttons/play_big.png);
	background-position: center;
	background-repeat: no-repeat;
*/
}


.home .events {
	margin-top: -6px;
}

.getinvolved #content ul {
	list-style: disc;
	margin-left: 20px;
}
.getinvolved #content ul.classes {
	list-style: none;
	margin-left: 0px;
}
/* Messages Page 
---------------------------------------------------------------------------------
*/

ul.messages li {
	border-bottom: 1px dotted #ccc;
	padding-bottom:15px;
}

ul.messages li a.listen, ul.messages li a.notes, ul.messages li a.mp3 {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	margin-top: 0px;
}
ul.messages li a.listen:hover, ul.messages li a.notes:hover, ul.messages li a.mp3:hover {
	text-decoration: underline;
	color: #feea93;
}

ul.messages li a.title {
	font-family: Helvetica;
	text-transform:uppercase;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
ul.messages li .listen {
	background-image: url(../images/icon-listen.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 13px;
}
ul.messages li .notes {
	background-image: url(../images/icon-download.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 17px;
}
ul.messages li .mp3 {
	background-image: url(../images/icon-download.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 17px;
}
ul.messages li iframe {
	margin-right: 23px;
}

/* Videos Page 
---------------------------------------------------------------------------------
*/

ul.videos li a {
}
ul.videos li a:hover {
	background-color: #392615;
}
ul.videos li .image {
}
ul.videos li .playbtn {	
}
ul.videos li .title {
	font-family: Helvetica;
	text-transform:uppercase;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
ul.videos li .description {
}




/* Photos Page 
---------------------------------------------------------------------------------
*/

ul.photos li a {
	background-color: #efefef;
}



/* Employment 
---------------------------------------------------------------------------------
*/

.employment #main #content ul {
	margin-left: 20px;
	list-style: disc;
}

/* Staff 
---------------------------------------------------------------------------------
*/

.staff li a {
	border-color: #feea93;
}


/* Child Dedication 
---------------------------------------------------------------------------------
*/

#dedicationform p {
	clear: left;
}
#dedicationform input {
	
}
#gender input {
	width: 12px;
	display: inline;
}
#dedicationform fieldset {
	padding-right: 0px;
}
#dedicationform label {
	width: 214px;
}
label.radio-label {
	width: 120px !important;
	display: inline;
	float: none;
}
.radio-label input {
	display: block;
}
.gender input {
	width: auto !important;
}
#time input {
	width: auto !important;

}
#add_child {
	margin: 0 0 0 15px;
	display: block;
}
#dedicationform legend {
	text-transform: uppercase;
	font-size: 20px;
	padding: 0 10px;
}
.sublabel {
	font-size: 12px;
}
.left-field {
	display: block;
	float: left;
}
.left-field input {
	width: 100px;
}
.right-field {
	display: block;
	clear: none !important;   
	float: right;
}
.right-field input {
	width: 100px;
}
.right-field label {
	width: 80px !important;
}
.date_info select {
	margin: 8px 0 0 0;
}
.date_info label {
	
}
.date_info input {
	margin: 8px 0 0 0;
}
.date_info span {
	display: block;
	margin: 10px 0 0 214px;
	width: 300px;
}




.news h1 {
	text-transform: none;
	margin-bottom: 0px;
}
.news h1 a {
	text-decoration: none;
}
.news h1 a:hover {
	text-decoration: underline;
}
.news .post {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}