/*
Theme Name: Trinity Missoisn
Theme URI: http://trniitymisisosn.org/
Description: Custom wordpress theme created for tirnity missions.
Author: Pihllpi Salfity
Version: 1.0
Tags: dark
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a{ outline:none }

/* =Layout
-------------------------------------------------------------- */
body{ background:url(images/bg_header.jpg) top left repeat; font-family:"Lucida Grande",Arial,Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:15px; }
#wrapper{ width: 925px; margin: 0 auto; } 
#header{ display:block; height:246px; margin-right:86px; background:url(images/bg_header_graphic.jpg) top right no-repeat }
	.logo{ padding: 33px 15px 10px 10px }
	#header p{ text-align:center; margin:0; padding:0; width:330px; line-height: 18px; }
.navigation{ background:url(images/bg_nav.gif) top left repeat-x; display: block; height:33px; }
#content{ background:url(images/bg_body_repeater.jpg) top left repeat-x #1c324a; display:block; min-height:600px; width: 100%; z-index:0; clear:both; }
#content_wrapper{ width: 930px; margin: 0 auto; }
.page_intro{ display: block; height:155px;  clear:both; width:839px; float:left;  }
#page_intro_setup li.image{ height:155px; width:572px; float:left; overflow:hidden; margin:0; padding:0; }
#page_intro_setup li.other{ float:left; height:155px; width:247px; background:url(images/bg_page_intro.jpg) top right no-repeat; margin:0; padding:0px 0px 0px 20px;}
.page_intro h2{ color:#ffffff; font-size:32px; font-weight:normal; font-family:"Times New Roman", Times, serif; position:relative; padding-top:10px; padding-right: 30px; text-align:center }

.newsletter{ float:none; padding-top:15px; }

.page_intro_overflow{ background:url(images/bg_overflow.jpg) top left no-repeat; display:block; float:right; height:155px; width:90px; }

.page{ background:#dfd0b9; width:839px; clear:both; overflow:auto; min-height:100%; }
.page_home{ margin-top:20px;background:url(images/home_slider_overlay_bottom.jpg) 0 0 no-repeat #ded2b8; width:839px; clear:both; min-height:100%; }
	#home_columns a{ font-weight:normal; text-decoration:none; color:#3e0108 !important; }
	#home_columns a:hover{ font-weight:normal; text-decoration:underline; color:#3e0108; }
ul#home_columns{ list-style-type:none; font-size:11px; width:839px; margin:0; padding:0; }
ul#home_columns li{ display:block; float:left }
ul#home_columns .home_one{ width:225px; margin:9px 10px 10px -5px }
ul#home_columns .home_two{ width:183px; margin: -10px 5px 10px 5px; background:url(images/heading_thtmn.jpg) top left no-repeat  }
ul#home_columns .home_three{ width:183px; margin: -10px 5px 10px 5px; background:url(images/heading_thmam.jpg) top left no-repeat }
ul#home_columns .home_four{ width:183px; margin: -10px 5px 10px 5px; background:url(images/heading_thfm.jpg) top left no-repeat }
	.home_two p, .home_three p, .home_four p{ padding: 0px 10px 0px 10px; }
	.home_two img, .home_three img, .home_four img{ border:4px solid #FFFFFF; display:block; margin:40px auto 0px auto; text-align:center; }
.left_col_home{ width:275px; display:inline-block; padding: 0px 25px 15px 25px; clear:both; margin-top:15px; }
.left_col{ width:533px; display:inline-block; padding: 15px 25px 15px 25px; clear:both; }
blockquote{ font-style:italic; font-weight:bold; font-size:14px; margin: 20px 40px 20px 40px; }
em{ font-style:normal; font-weight:normal; font-size:12px; }
h3{ color:#420009; font-size:18px; font-weight:normal; padding-bottom:7px; text-transform:capitalize; }
p{ margin: 10px 0px 10px 0px; }
a{ color:#1c324a; font-weight:bold; text-decoration:underline }
a:hover{ color:#4b6989 }
h3 a, h2 a{ color:#420009; font-size:18px; font-weight:normal; padding-bottom:7px; text-transform:capitalize; }
.more-link { color:#420009; display:block; text-align:right; margin: -5px 0px 15px 0px; padding-bottom:15px; font-style:normal }
.left_col ul{ list-style-type:square; list-style-position:inside; margin: auto 40px auto 40px; }
img.alignleft{ display:block; float:left; margin:5px 20px 20px 0px; }
img.alignright{ display:block; float:right; margin:5px 0px 20px 20px; }
img.size-thumbnail{ border:1px solid #1c324a; padding:2px; margin:10px; }
.right_col{ width:246px; display:inline-block; float:right; clear:both; }
.right_col p{ margin: 10px 0px 0px 0px; }
.right_col ul{ background:#c9bcb4; width:202px; padding: 10px; margin-bottom:20px  }
.right_col ul li{ list-style-type:square; list-style-position:inside; color:#1c324a }

.footer{ width:839px; display:block; margin:0 auto; padding: 15px 86px 15px 0px; color:#ffffff; font-size:10px }
.footer p {margin-top:0;}
strong{ font-weight:bold; }
em{ font-style:italic; }

tr{ border-bottom: 1px solid #000; line-height:22px}

div.alignleft{ display:block;float:left;}
div.alignright{ display:block;float:right}

div.entry{ border-bottom: 1px solid #c9bcb4; margin:15px 0px 15px 0px;}

#search{ margin:30px 0px 0px 15px;}
#search input{ background:#dfd0b9; color:#420009; font-weight:bold; border:1px solid #420009;}

/* =Drop Down Menu
-------------------------------------------------------------- */
ul.dropdown{ position: relative; width: 680px; margin: 0 auto; font-size: 11px; padding-right:90px; }
ul.dropdown li{ font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover{ color: #000; }
ul.dropdown a:active{ color: #ffa500; }
ul.dropdown li a{ display: block; text-decoration:none; font-weight:normal; color:#3e0108 !important; padding-bottom:20px; }
ul.dropdown li:last-child a{ border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover{ background: #3e0108; color: black; position: relative;; }
ul.dropdown li.hover a{  color:#3e0108 !important }
ul.dropdown li.hover a:hover{  color:#dccdac !important }


	/* 
		LEVEL TWO
	*/
	ul.dropdown ul{ z-index: 99; min-width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; }
	ul.dropdown ul li{ font-weight: normal; background: #dccdac; color: #3e0108; float: none; text-indent:0px; }
										  
		/* IE 6 & 7 Needs Inline Block */
		ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; padding:7px } 
		ul.dropdown ul li a:hover{ color:#dccdac !important } 

	/* 
		LEVEL THREE
	*/
	ul.dropdown ul ul{ left: 100%; top: 0; }
	ul.dropdown li:hover > ul{ visibility: visible; }

ul.dropdown li.home{ display:block; background:url(images/nav_sprite.gif) 0px 0px no-repeat; width: 66px; height:33px; text-indent:-9000px }
ul.dropdown li.home:hover, ul.dropdown li.current_home_item{ background-position: 0px -33px }
ul.dropdown li.about{ background:url(images/nav_sprite.gif) -66px 0px; width: 103px; height:33px; text-indent:-9000px}
ul.dropdown li.about:hover, ul.dropdown li.current_about_item{  background-position: -66px -33px }
ul.dropdown li.wwh{ background:url(images/nav_sprite.gif) -169px 0px; width: 127px; height:33px; text-indent:-9000px}
ul.dropdown li.wwh:hover, ul.dropdown li.current_wwh_item{  background-position: -169px -33px }
ul.dropdown li.wtg{ background:url(images/nav_sprite.gif) -296px 0px; width: 130px; height:33px; text-indent:-9000px}
ul.dropdown li.wtg:hover, ul.dropdown li.current_wtg_item{  background-position: -296px -33px }
ul.dropdown li.news{ background:url(images/nav_sprite.gif) -426px 0px; width: 136px; height:33px; text-indent:-9000px; overflow:hidden;}
ul.dropdown li.news:hover, ul.dropdown li.current_news_item{  background-position: -426px -33px }
ul.dropdown li.contact{ background:url(images/nav_sprite.gif) -562px 0px; width: 118px; height:33px; text-indent:-9000px}
ul.dropdown li.contact:hover, ul.dropdown li.current_contact_item{  background-position: -562px -33px }


/* =Home Page Slider
-------------------------------------------------------------- */
#home_page_slider{ display: block; height:165px;  clear:both; width:839px; float:left; overflow:hidden }
#home_page_slider li.underlay{ height:162px; overflow:hidden; }
#home_page_slider li.overlay{ position: absolute; margin-top: -162px; background:url(images/home_overlay.png) top right no-repeat; display:block; height:162px; width:839px; overflow:hidden; z-index:9 }
#home_page_slider .overlay p{ margin: -75px 20px 20px 455px; color:#FFFFFF;  }

/* =Forms
-------------------------------------------------------------- */
input, textarea{ border:1px solid #1c324a; background:#f2eadd; color:#420009; margin-left:20px; padding:2px }
input:focus, textarea:focus{ border: 1px solid #4b6989; background:#f8f2e9; color:#420009; }
label{ font-weight:bold; color:#1c324a; }
.send_me{ margin-left:295px; }
.send_me input{  font-weight:bold; color:#420009; border:2px solid #420009; background:#c9bcb4 }




/* =Contact Form 7
-------------------------------------------------------------- */
div.wpcf7{ margin: 0; padding: 0;}
div.wpcf7-response-output{	margin: 2em 0.5em 1em; padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok{ border:1px solid; border-color:#1c324a !important; color:#1c324a !important; }
div.wpcf7-mail-sent-ng{ border: 2px solid; border-color:#FF0000 !important; color:#ff0000  }
div.wpcf7-spam-blocked{ border: 2px solid #ff0000; font-weight:bold; color:#ff0000; }
div.wpcf7-validation-errors{ border:2px solid #000000; font-weight:bold; }
span.wpcf7-form-control-wrap{ position: relative }
span.wpcf7-not-valid-tip { position: absolute; top: 20%; left:20%; z-index: 100; background: #dccdac !important; border: 1px solid #1c324a !important; font-size: 10pt; width: 280px; padding: 2px; color:#1c324a !important }
span.wpcf7-not-valid-tip-no-ajax{ color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item{ margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
div.wpcf7 img.ajax-loader{ border: none; vertical-align: middle; margin-left: 4px; }