/*
Title:		AppChurch.com - page.css
Author: 	chuck@oaktreecreative.com
Created:	February 2009
*/



body {
	background: #E0DFD9 url(../img/bg.png) repeat-x;
	font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #414141;
}


/* =Headings
--------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 22px;
}

#banner h1 {
	color: #333;
}

h2 {
	font-size: 18px;
	color: #8AA500;
	font-weight: normal;
	padding: 10px 20px;
}

#side h2 {
	padding-left: 5px;
}

h2#step-1 {
	background: url(../img/step-1.png) no-repeat 20px 50%;
	padding-left: 60px;
}

h2#step-2 {
	background: url(../img/step-2.png) no-repeat 20px 50%;
	padding-left: 60px;
}

h2#step-3 {
	background: url(../img/step-3.png) no-repeat 20px 50%;
	padding-left: 60px;
}

h2#step-4 {
	background: url(../img/step-4.png) no-repeat 20px 50%;
	padding-left: 60px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
}

#main > h3 {
	margin-left: 20px;
}

#main h3 {
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
	margin-bottom: 1em;
}

#side h3 {
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
	background: #EFEFEC;
	padding: 7px 10px;
	margin-right: 15px;
	position: relative;
}

#side h3 em {
	font-style: normal;
	font-weight: normal;
	position: absolute;
	right: 15px;
	text-transform: none;
}

#side h3 em a {
	text-decoration: none;
}

h4 {
	font-size: 1.6em;
}


/* =Spacing
--------------------------------------------------------------------------------*/

p {
	padding: 0px 20px 10px 20px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 0;
}

ul {
	margin-bottom: 10px;
}

#main > ul {
	margin-left: 20px;	
}



/* =image replacement - Dave Shea's enhanced method
--------------------------------------------------------------------------------*/

#appchurch {
	width: 158px;
	height: 50px;
	position: relative;
	margin-bottom: 0;
	font-size: 1px;
	float: left;
	}
	
#appchurch span {
	background: url(../img/logo.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#tagline {
	width: 277px;
	height: 50px;
	position: relative;
	margin-bottom: 0;
	font-size: 1px;
	float: left;
	margin-left: 10px;
	}
	
#tagline span {
	background: url(../img/tagline.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#header h2 {
	color: #333;
	padding: 0;
}

h2#intro {
	color: #666;
	font-size: 20px;
	margin: 1em 0 10px 20px;
	line-height: 2.25em;
}

#intro em {
	width: 362px;
	height: 50px;
	position: relative;
	margin-bottom: 0;
	font-size: 1px;
	display: inline;
	color: #fff;
	margin-left: -8px
	}
	
#intro span {
	background: url(../img/do-they-know.png) no-repeat;
	position: absolute;
	width: 362px;
	height: 100%;
	}
	
.home-info blockquote {
	margin-top: 1.5em;
	font-family: Georgia, Times Roman, serif;
	font-style: italic;
	color: #333;
	background: url(../img/quote.png) no-repeat top left;
}

.home-info blockquote cite {
	margin-left: 20px;
	padding: 0;
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1em;
	color: #999;
}

.home-info blockquote cite em {
	font-weight: bold;
	display: block;
	margin-left: 20px;
	font-style: normal;
	color: #666;
}

.home-info blockquote cite span {
	display: none;
}

.home-info .btn-img {
	margin-left: 20px;
	margin-bottom: 20px;
}



/* =nav styling
--------------------------------------------------------------------------------*/

#nav ul {
	text-align: right;
	overflow: hidden;
	height: 1%;
	padding: 10px 5px 4px 0;
	font-size: 12px;
	margin: 0;
}

#nav ul li {
	display: inline;
	list-style: none;
	padding: 6px 10px;
}

#nav ul li.here {
	background: url(../img/here.png) no-repeat bottom;
	font-weight: bold;
}

#nav a {
	color: #007AAF;
	text-decoration: none;
}

#nav a:hover {
	color: #004F71;
}




/* =forms styling
--------------------------------------------------------------------------------*/

#search form {
	background: url(../img/search-bg.png) no-repeat;
	width: 300px;
	height: 50px;
	position: relative;
}
#search_button {

	background: #FFF url(/img/btn-go.png) no-repeat right center;

	padding:0 25px 0 0;

}

#search form input.text {
	margin: 10px;
	padding: 6px;
	width: 220px;
	background: #323232;
	border: 1px solid #222;
	color: #ccc;
	font-size: 13px;
}

#search form input.btn-img {
	position: absolute;
	top: 10px;
	right: 9px;
}

form#login {
  position:relative;
}

#search form label.overlabel {
	color:#999;
}

#search form label.overlabel-apply {
	position:absolute;
	top:16px;
	left:17px;
	z-index:1;
	color:#999;
	font-size: 13px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form#login label.overlabel {
	color:#999;
}

form#login label.overlabel-apply {
	position:absolute;
	top:8px;
	left:10px;
	z-index:1;
	color:#ccc;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.home-info form {
	margin-left: 20px;
}

input.text {
	padding: 8px;
	margin-bottom: 10px;
}

div.field-wrap-checkbok {
	display: block;
	width: 600px;
	padding: 10px 20px 10px 60px;
	position: relative;
	margin-bottom: 5px;
	
}
div.field-wrap-checkbok input {
	padding: 6px;
	top: 0;
	
	
	margin: 3px 0;
	margin-left:100px;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.field-wrap-checkbok label {
	padding: 5px;
	color: #666;
}


div.field-wrap {
	display: block;
	width: 600px;
	padding: 10px 20px 10px 60px;
	position: relative;
	margin-bottom: 5px;
}

div.field-wrap input {
	padding: 6px;
	position: absolute;
	left: 180px;
	top: 0;
	margin: 3px 0;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.field-wrap textarea {
	padding: 6px;
	position: static;
	margin-left: 36px;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.field-wrap select {
	padding: 6px;
	position: absolute;
	left: 180px;
	top: 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.field-wrap span.special-wrap {
	position: absolute;
	left: 180px;
}

div.date-dropdown select {
	position: static;
}

div.field-wrap label {
	padding: 5px;
	color: #666;
}

input#site-name, input#opt-in, input#agree {
	position: static;
}

div.field-wrap input[type="image"]{
	position: static;
	display: block;
	padding: 1em 0;
}

select#year {
	left: 300px;
}

div.field-wrap span {
	font-weight: bold;
}

.break {
	display: block;
}

.hint {
	color: #999;
	font-size: 12px;
}

.subtle {
	color: #999;
	font-weight: normal;
	font-style: normal;
}

.guide {
	color: #8C4066;
	line-height: 1em;
}

.field-guide {
	color: #666;
	line-height: 1.5em;
	width: 500px;
	margin-left: 40px;
	font-size: 14px;
}

input#phone-2 {
	margin-left: 60px;
}

input#phone-3 {
	margin-left: 120px;
}

div.field-wrap input.btn-img, div.field-wrap img.btn-img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

input#church-avatar {
	margin-left: 37px;
	margin-top: 16px;
}

img#avatar {
	margin-left: 20px;
	height:50px;
	width:50px;
}
div.field-wrap img#avatar {
	border: 3px solid #d5d1cd;
}

ul#profile img#avatar, #banner-profile ul img#avatar {
	margin: 0px;
}
#main ul#profile {
	margin-left: 15px;
}

#autocomplete_choices {
	background: #323232;
}

#autocomplete_choices ul {
	margin-bottom: 0;
}

#autocomplete_choices a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #222;
	border-top: 1px solid #555;
	text-decoration: none;
}

#autocomplete_choices a:hover {
	color: #3E9AC3;
}

#autocomplete_choices em {
margin:0;
	color: #CCCCCC;
	font-size: 11px;
}

#billing{
width:500px;

}



/* =messaging
--------------------------------------------------------------------------------*/

div.error {
	color: #fff;
	background: #c00 url(/img/err.png) no-repeat 8px 50%;
	padding: 5px;
	padding-left: 20px;
	font-weight: normal;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 1em;
	margin-left: 2px;
}


div.flash-msg {
	padding: 5px 10px;
	background: #ffc;
	color: #812D57;
	text-align: center;
	border-bottom: 1px solid #A9D3E5;
}
#main div.flash-msg {
	padding: 5px 10px;
	background: #ffc;
	color: #812D57;
	text-align: center;
	border-bottom: 1px solid #A9D3E5;
	margin-left: 20px;
}
/* =banner styling
--------------------------------------------------------------------------------*/

#banner ul {
	padding-left: 5px;
}

#banner ul li.pic {
	float: left;
	border: 4px solid #fff;
	line-height: 0;
	margin-right: 10px;
	
}

#banner ul li.name {
	font-size: 19px;
	font-weight: bold;
	color: #333;
}

#banner ul li{
	font-size: 14px;
	color: #999;
}

#banner-profile {
	width: 520px;
}

#banner-no-profile {
	width: 520px;
	margin-top: .75em;
}

#banner-actions {
	text-align: right;
	width: 400px;
	margin-top: 1em;
}

#banner-actions input {
	margin-right: 5px;
}

#banner h1 {
	margin-left: 20px;
}



/* =links styling
--------------------------------------------------------------------------------*/

a:link, a:active {
	color: #007aaf;
}

a:visited {
	color: #68B5E1;
}

a:hover {
	color: #8C4066;
}

a#home {
	text-decoration: none;
	border: 0;
}


/* =general page styling
--------------------------------------------------------------------------------*/

#main ul {
	position: relative;
}

#main ul li.pic {
	float: left;
	border: 4px solid #D8EBF3;
	line-height: 0;
	margin-right: 10px;
}

#main ul li.name {
	font-size: 19px;
	font-weight: bold;
	color: #333;
}

#main ul li.loc {
	font-size: 14px;
	color: #999;
}

#main ul li#status {
	font-size: 14px;
	color: #c00;
	position: absolute;
	right: 10px;
	top: 20px;
	line-height: 1em;
	background: #ffc;
	padding: 5px;
}

#main ul li#status em {
	font-size: 9px;
	display: block;
	font-style: normal;
	text-transform: uppercase;
	color: #999;
}

#main p, .home-info p {
	font-size: 14px;
}

#toolbar {
	display: block;
	background: #EFEFEC;
	margin: 15px;
	padding: 7px;
	padding-bottom: 2px;
	width: 590px;
}

#mini-bar {
	display: block;
	margin: 0 0 0 180px;
	width: 590px;
}

hr {
	border-color: #E0DFD9;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 10px 0 20px 15px;	
}

#side li {
	border-bottom: 1px solid #E0DFD9;
	padding: 7px 10px;
	margin-right: 15px;
}

#side li em {
	margin-left: 7px;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

#side ul.sermon-list li {
	background: url(../img/ipod.png) no-repeat 10px .75em;
	padding-left: 30px;
}

#side ul.events-list li {
	background: url(../img/ical.png) no-repeat 10px .75em;
	padding-left: 30px;
}

#side ul.events-list li em {
	
	color: #999;
	font-size: 11px;
	margin-left: 0;
	padding-left: 5px;
}

#meter {
	margin: -5px 0 15px 0;
	padding-left: 10px;
}

#meter em {
	font-style: normal;
	color: #999;
	margin-left: 5px;
}

em span {
	color: #ddd;
	padding: 0 5px;
}

.home-info ul {
	margin-left: 20px;
	color: #3E9AC3;
	font-size: 14px;
}

.home-info li {
	background: url(../img/big-check.png) no-repeat 0;
	padding: 15px 0 15px 48px;
}

.split ul.sermon-list li {
	background: url(../img/ipod.png) no-repeat 0 1em;
	border-bottom: 1px solid #E0DFD9;
	padding: 10px 0;
	padding-left: 20px;
}

.split ul.events-list li {
	background: url(../img/ical.png) no-repeat 0 1em;
	border-bottom: 1px solid #E0DFD9;
	padding: 10px 0;
	padding-left: 20px;
}

.split ul.sermon-list li em, .split ul.events-list li em {
	display: block;
	color: #999;
	font-style: normal;
}

.split ul.sermon-list li em span, .split ul.sermon-list li em span {
	color: #ddd;
}

img.line-up {
	vertical-align: middle;
	padding-left: 5px;
}

ul.sortable-list li {
	position: relative;
}

ul.sortable-list li img {
	position: absolute;
	right: 10px;
	top: 7px;
}

#accountDetails{
width:500px;

}

#accountDetails, #options {
	margin-left: 20px;
}

#accountDetails h2 {
	font-weight: bold;
	color: #333;
	padding: 0 0 15px 0;
	line-height: 1em;
}

#accountDetails em {
	font-style: normal;
	font-weight: normal;
	color: #999;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
}

#options {
	margin-top: 20px;
}

div#passedit, #editPassword {
	margin-top: 50px;
	margin-left: 0;
	padding-left: 0;
	width: 500px;
	display: block;
}

form#create-account {
	position: relative;
	min-height:410px;
}

img#preview-img {
	position: absolute;
	top: 0;
	right: 20px;
}

ul#church-list {
	margin: 0 20px;
	font-size: 15px;
}

ul#church-list li {
	margin-bottom: 1em;
}

ul#church-list li em {
	color: #999;
	display: block;
	font-size: 12px;
	font-style: normal;
}

ul#church-list li a {
	text-decoration: none;	
}



/* =table styling
--------------------------------------------------------------------------------*/

table#matrix {
	margin: 1em auto;
}

table#events, table#sermons {
	margin-left: 20px;
	border-top: 1px solid #DCC5D1;
	border-right: 1px solid #DCC5D1;
	width:900px;
}

th, td {
	padding: 10px;
	text-align: center;
}

tbody td {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 13px;
}

th {
	background: #F0E6EB;
	border-bottom: 1px solid #DCC5D1;
	border-left: 1px solid #DCC5D1;
	font-weight: normal;
	font-size: 12px;
	color: #999;
	line-height: 2em;
}

caption {
	color: red;
	display: none;
}

.nodata {
	background: none;
	border: 0;
}

.noleft {
	border-left: 0;
}

th[scope="row"] {
	background: #F2F7D6;
	text-align: left;
	font-weight: normal;
	color: #8AA500;
	border-bottom: 1px solid #DEEB99;
	border-left: 0;
	font-size: 13px;
	width:250px;
}

th[scope="col"] {
	width: 95px;
}

th em {
	font-style: normal;
	color: #8C4066;
	display: block;
	font-weight: normal;
	font-size: 18px;
}

th strong {
	font-weight: bold;
	color: #666;
	font-size: 22px;
}

th input {
	display: block;
	margin: 0 auto;
}

td.mb {
	font-size: 16px;
}

td.mb em {
	font-style: normal;
	color: #999;
}



/* =tabs styling
--------------------------------------------------------------------------------*/

ul#tabbed-nav {
	overflow: hidden;
	height: 1%;
	padding: 0;
	margin: 8px 0 8px 20px;
}

ul#tabbed-nav li {
	float: left;
	margin: 0 20px;
	font-size: 12px;
}

ul#tabbed-nav li a {
	display: block;
	height: 20px;
	color: #999;
	display: block;
	padding-top: 3px;
	text-decoration: none;
	text-align: center;
}

#create-church-1 #one a, #create-church-2 #one a, #create-church-3 #one a, #extras-1 #one a {
	width: 75px;
}
	#create-church-1 #one.edit.on, #extras-1 #one.edit.on {
		background: url(../img/edit-one.png) no-repeat top left;
	}
#create-church-1 #two a, #create-church-2 #two a, #create-church-3 #two a, #extras-1 #two a{
	width: 55px;
}
	#create-church-2 #two.edit.on, #extras-1 #two.edit.on {
		background: url(../img/edit-two.png) no-repeat top left;
	}
#create-church-1 #three a, #create-church-2 #three a, #create-church-3 #three a {
	width: 105px;
}
	#create-church-3 #three.edit.on {
		background: url(../img/edit-three.png) no-repeat top left;
	}

#create-church-1 #one a, #create-church-2 #two a, #create-church-3 #three a, #create-church-4 #four a, #create-church-5 #five a, #extras-1 #one a, #extras-1 #two a {
	font-weight: bold;
	color: #333;
}

ul#tabbed-nav li em {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color: #fff;
}

ul#tabbed-nav li a {

}

#create-church-1 #one a em, #create-church-2 #two a em, #create-church-3 #t
ee a em, #create-church-4 #four a em, #create-church-5 #five a em, #extras-1 #one a em {
	color: #ADC257;
}



/* =footer styling
--------------------------------------------------------------------------------*/

#footer p {
	line-height: 0;
	font-size: 11px;
	color: #878787;
	padding-left: 5px;
}

#footer ul {
	font-size: 11px;
	padding-left: 5px;
}

#footer li {
	display: inline;
	padding-right: 5px;
}

#footer a {
	color: #007AAF;
	text-decoration: none;
}

#footer a:hover {
	color: #8C4066;
}



/* =pagination
--------------------------------------------------------------------------------*/

.paginationa {
	padding: .5em 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	text-align: right;
}

.paginationb {
	padding: .5em 20px;
	border-top: 1px solid #ddd;
	margin-top: 1em;
	text-align: right;
}

#page {
	font-size: 15px;
}

#page a {
	color: #007AAF;
	text-decoration: none;
}

#page strong {
	color: #999;
	margin-left: 4px;
	font-weight: normal;
}

#cancel{
margin-left:20px;
padding:0;
}

/* =misc
--------------------------------------------------------------------------------*/
#development{
margin-left:20px;
margin-right:20px;
color:#FFFFFF;
font-weight:bold;
background:#FF0000;
padding:10px;
border:1px solid #CCC;
}

.forgot{
float:right;
margin-right:20px;
}
.forgot_pass{
margin-left:20px;
margin-top:20px;
margin-bottom:30px;
margin-right:20px;
}
.forgot_pass p{
margin:0;
padding-left:0;
}

.success{
	background-color: #E2FFD6;
	padding: 10px;
	border: 1px solid #E6E6E6;
	margin-bottom:10px;
}

.sermons_m{
	background-color: #FCFFE7;
	padding: 10px 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom:20px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #666666;
}
#external_feed{
	background-color: #FCFFE7;
	padding: 10px 20px;
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	color: #666666;
}
#rss{
	font-size: 12px;
}
#maintenance{
	background-color: #FFE7AC;
	padding: 20px;
	margin-left: 20px;
	margin-right:20px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	font-weight: bold;
}

#feed_form{
	margin-left:20px;
	margin-right:20px;
	background-color: #F3F3F3;
	padding: 20px;
}

#new_churches{
margin-left:20px;
background-color:#CCCCCC;
padding:10px;
}
#new_churches h1{
	font-size: 14px;
	color: #666666;
	background-color: #F3F3F3;
	padding-left:5px;
	margin-bottom:10px;
}
#new_churches h3{
 font-size: 12px;
 font-weight:bold;
 padding:0;
 margin:0;
}
.city_state{
 font-size: 10px;
 margin-left:4px;
 padding:0;
}
.new_church{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

#feeds{
margin-left:20px;
}


.add_feeds_wrapp{
background-color:#F6F6F6;
width:500px;
margin-bottom:20px;
margin-top:10px;
padding:5px;

}
.feeds_hr{
	border-color: #E0DFD9;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 5px 0 5px 5px;	
}
.feeds_li{
	list-style-type: none;	
	margin-left:10px;
}
.feeds_li em {
color:#CCCCCC;
}
.rss_flash{
	background-color:#FFDBDE;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	width:400px;
}

.using_rss{
	text-decoration: line-through;
}

#friends{
float:right;
width:280px;	
margin-right:20px;
background-color:#CCCCCC;
}

#churches{
float:right;
width:280px;	
margin-right:20px;
margin-top:10px;
background:#CCCCCC;
}

img#mini-friends {
	margin-left: 5px;
	height:35px;
	width:35px;
}
img#mini-churches {
	margin-left: 5px;
	height:35px;
	width:35px;
}
#notes{
float:left;
width:550px;
margin-left:20px;
}
.note{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom:15px;
	
}
.note span{
	font-size: 10px;
	color:#999999;
}

#editAccount{
background: url(/img/form-top.png) no-repeat;
margin-left:180px;
padding-top:9px;

}
#form-content{
	background-color: #f1f1f1;
	width:567px;
	margin-bottom:0;
	padding-bottom:20px;

}
#form-bottom{
	background: url(/img/form-bottom.png) no-repeat;
	height:9px;
	margin:0;
	padding:0;
}

#connect_rss{
	background-color: #FFF;
	margin-left:20px;
}