/* DBP: Mexican grunge theme */

html, body {
	height: 100%;}

body {
	background: url(../theme/background.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px;}

textarea {
	height: 4em;}

a[href^="http"]:after {
	content: url(../imgs/page_white_copy.png);
	padding-left: 5px;}

a[href$="pdf"]:after {
	content: url(../imgs/page_white_acrobat.png);
	padding-left: 5px;}

.header-wrapper {
	width: 100%;}

.header {
	width: 960px;
	margin: 0px auto;}

.navigation-wrapper {
	width: 100%;}

.navigation {
	width: 960px;
	margin: 0px auto;}

.navigation a {
	line-height: 38px;
	display: block;
	color: #ffffff;
	padding: 0px 10px;
	float: left;
	text-decoration: none;}

.navigation a:hover,
.current {
	background: #000000;
	color: white;
	border-top: 3px solid #000000;
	/*_border-top: 0px;
	.border-top: 0px;*/
	border-bottom: 3px solid #000000;
	margin-top: -3px;
	/*_margin-top: 0px;
	.margin-top: 0px;*/
	margin-bottom: -3px;
	/*_margin-bottom: 0px;
	.margin-bottom: 0px;*/}

.content-wrapper {
	width: 100%;}

.content {
	width: 960px;
	margin: 0px auto;
	padding-top: 30px;
	text-align: left;
	min-height: 500px;}
	
.content h1,
.content h2,
.content h3,
.content p,
.content li {
	text-shadow: white 0px 1px 2px;}

.footer-wrapper {
	width: 100%;
	background: #e8e2ca url(../theme/footer-bg.jpg) repeat-x top;}

.footer {
	width: 960px;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	text-align: left;}

.footer form {
	width: 40%;
	margin-top: 3%;}

.footer input, .footer textarea {
	width: 100%;
	font: 16pt Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ffffff;
	background: #eee9d7;
	color: #ffffff;}

.footer input:focus, .footer textarea:focus {
	border: 1px solid #82380e;
	background: #ffffff;
	color: #82380e;}

.hear_from_you {
	background: url(../theme/hear-from-you.jpg) no-repeat;
	width: 499px;
	height: 266px;
	float: left;}

.kings_to_mexico {
	background: url(../theme/header.jpg) no-repeat;
	width: 960px;
	height: 255px;}

.scripture {
	color: #82380e;
	font-size: 120%;
	font-style: italic;
	margin: 20px;}

.google_map {
	width: 50%;
	float: right;
	padding: 10px;
	border-right: 1px solid #C8B886;
	border-bottom: 1px solid #C8B886;
	background: #F5F2E9;
	margin-bottom: 15px;}

.photo {
	border-right: 1px solid #C8B886;
	border-bottom: 1px solid #C8B886;
	background: #F5F2E9 url(../imgs/parchment_pattern.jpg) repeat-x bottom;
	padding: 15px;}

.profile {
	margin-left: 300px;}

.profile img {
	margin-left: -300px;}

/*.clear { /* generic container (i.e. div) for floating buttons *
	overflow: hidden;
	width: 100%;}*/

a.button {
	background: transparent url('bg_button_a.png') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;}

a.button span {
	background: transparent url('bg_button_span.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */}

/* Extra */
.floatl {
	float: left;
	margin: 0px 15px 15px 0px;}

.floatr {
	float: right;
	margin: 0px 0px 15px 15px;}

.clear {
	clear: both;}

.two_column div {
	width: 50%;
	float: left;}

.alert {
	border: 1px solid #780001;
	padding: 10px;}