/*  
Theme Name: encounterthis
Author URI: www.encounterthis.com
Version: 3.5
Author: Jonathan Blundell
Description: Originally Rockin Letterhead Blue 2 Column by Cory Miller - adapted for encounterthis.com to use Wordpress as a Content Management System for the encounterthis.com website.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
Content (C) 2008-2011 encounterthis.com
*/

body {
background : #000000;
color : #ffffff;
font-size : 12px;
font-family : Arial,Verdana,Sans-Serif;
margin : 0 0 0 0;
}
a, a:visited {
color : #bfbbbb;
text-decoration : none;
border:0px;
}
a:hover {
color : #ffffff;
background : none;
text-decoration : underline;
border:0px;
}
#container {
background : #000000;
width : 1024px;
text-align : left;
margin : 20px auto;
border : 0 solid #99cc00;
}
#header {
background : #000000;
font-family : Arial,Verdana,Sans-Serif;
color : #3d3c3c;
height : 120px;
padding : 20px 0 5px 0;
text-align : left;
}

.left {
text-align:left;
float:left;
width:590px;
}

.left a img, .left img a:visited img, .left a:hover img {
border:0px;
}

.right {
text-align:right;
float:right;
}

#header h2 {
color : #ffffff;
font-size : 30px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : bold;
margin : 0;
}
#header h2 a {
color : #ffffff;
text-decoration : none;
}
#header h2 a:hover {
color : #ffffff;
text-decoration : none;
}
#header h3 {
color : #ffffff;
font-size : 13px;
font-family : Arial,Verdana,Sans-Serif;
text-indent : 5px;
margin : 0;
}

#newmenu {
	background: #346699;
	display: block;
	float: left;
	margin: 0 auto;
	width: 1024px; 
        padding:0px;
}
#newmenu .menu,
div.menu, .sub-menu{
	margin: 0px;
	/* width:1024px; */
        padding:0px;
	font-family: arial, san-serif; font-size:12px; font-weight:bold;
}
#newmenu .menu ul,
div.menu ul, .sub-menu ul{
	list-style: none;
	font-family: arial, san-serif; font-size:12px;
}
#newmenu .menu li,
div.menu li, .sub-menu li{
	list-style: none;
	float: left;
	position: relative;
	font-family: arial, san-serif; font-size:12px;
}
#newmenu a {
	color: #ffffff;
	display: block;
	padding: 10px;
        margin: 0px;
	text-decoration: none;
}
#newmenu ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	/* top: 38px; */
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#newmenu ul ul li {
	min-width: 180px;
}
#newmenu ul ul ul {
	left: 100%;
	top: 0;
}
#newmenu ul ul a {
	background: #333;
	padding: 10px;
	width: 160px;
	height: auto;
}
#newmenu li:hover > a,
#newmenu ul ul :hover > a {
	background: #3d1329;
	color: #ffffff;
}
#newmenu ul li:hover > ul {
	display: block;
}
#newmenu ul li.current_page_item > a,
#newmenu ul li.current-menu-ancestor > a,
#newmenu ul li.current-menu-item > a,
#newmenu ul li.current-menu-parent > a {
	color: #fff;
	font-family: arial, san-serif; font-size:12px;
}
* html #newmenu ul li.current_page_item a,
* html #newmenu ul li.current-menu-ancestor a,
* html #newmenu ul li.current-menu-item a,
* html #newmenu ul li.current-menu-parent a,
* html #newmenu ul li a:hover {
	color: #fff;
	font-family: arial, san-serif; font-size:12px;
}



#leftmenu {
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
width : 135px;
text-align : left;
font-size : 15px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : bold;
text-decoration : none;
}

#leftmenu h2 {
color : #ffffff;
font-size : 13px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : bold;
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
text-decoration : none;
}
#leftmenu li {
list-style-type : none;
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
text-decoration : none;
}
#leftmenu ul {
list-style-type : none;
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
text-decoration : none;
}
#leftmenu ul ul ul li {
list-style-type : none;
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
text-decoration : none;
}
#leftmenu ul li a {
list-style-type : none;
font-family : Arial,Verdana,Sans-Serif;
font-size : 13px;
color : #ffffff;
padding : 5px 0 5px 0;
margin : 5px 0 5px 0;
text-decoration : none;
}
#leftmenu ul li a:hover {
width : 125px;
list-style-type : none;
color : #ffffff;
background : #000000;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
text-decoration : none;
}
#breadcrumb {
background : #1c7faf;
float : left;
width : 1014px;
text-align : right;
font-size : 11px;
margin : 0 0 0px 0;
padding : 3px 10px 3px 0;
border-bottom : 2px #c0c0c0;
}
#front {
background : #000000;
color : #ffffff;
width : 1024px;
margin : 0;
padding : 15px 0 0 0;
border-top : 20px solid #346699;
}
#front-left {
width : 680px;
height : 250px;
float : left;
padding : 0;
margin : 0;
}

#front-right {
width : 340px;
height : 250px;
float : right;
padding : 0;
margin : 0;
}
#buttons {
background : #000000;
color : #ffffff;
width : 1024px;
padding : 15px 0 15px 0;
padding : 0 0 0 0;
text-align : center;
}
#button-farleft {
width : 188px;
height : 65px;
float : left;
padding : 0;
margin : 0 auto;
}
#button-farleft a img {
border : 0;
}
#buttons-left {
width : 596px;
height : 65px;
float : left;
padding : 0;
margin : 0 auto;
}
#buttons-left a img {
border : 0;
padding : 0 2px 0 2px;
}
#buttons-right {
width : 240px;
height : 65px;
float : right;
padding : 0 0 0 0;
margin : 0 auto;
}
#buttons-right a img {
border : 0;
}

#socialbuttons {
    width: 800px;
    margin: 0px auto 0px auto;
    }

#socialbuttons a, #socialbuttons a:visited, #socialbuttons a:hover, #socialbuttons img {
    border:0;
    }

#socialbuttons ul {
    width: 495px;
    text-align: center;
    list-style : none;
    margin : 10px auto 10px auto;
    padding : 10px 0 10px 0;
    }    

#socialbuttons li {
    float: left;
    width: 45px;
    text-align: center;
    list-style : none;
    margin : 0px;
    padding : 5px 0 5px 0;
    }   


#search p {
    width: 270px;
    text-align:center;
    margin: 0px auto 0px auto;
    }

/* http://www.codegobbler.com/vertically-and-horizontally-center-div-using-css */

/* #frontwrap {position: absolute; left: 0px; width: 100%; height: 1px; overflow: visible;}
 
#frontbox {width: 1027px; margin:0 auto 0 auto; text-align:center} */

#frontwrap {margin:0; padding:0}
 
#frontbox {position: absolute; width: 1027px; height: 650px; top:50%; left:50%; margin:-325px 0 0 -513px}

#announcement {text-align:center; margin: 10px auto 10px auto; padding:10px}
#announcement h2 {background:#000000; color:#fff; text-align:center; margin: 0 auto 0 auto}
#announcement h2 a {color:#fff}
#announcement h2 a:visited {color:#ccc}
#announcement h2 a:hover {color:#555}

#frontlogo img {
    display: block;
    margin-left: auto;
    margin-right: auto}
	
#socialbuttons {
    width: 800px;
    margin: 0px auto 0px auto;
    }

#socialbuttons a, #socialbuttons a:visited, #socialbuttons a:hover, #socialbuttons img {
    border:0;
    }

#socialbuttons ul {
    width: 495px;
    text-align: center;
    list-style : none;
    margin : 10px auto 10px auto;
    padding : 5px;
    }    

#socialbuttons li {
    float: left;
    width: 45px;
    text-align: center;
    list-style : none;
    margin : 0px;
    padding : 5px 0 5px 0;
    }   
	
#connect{left: 0; width: 54px;}
#interact{left: 52px; width: 54px;}
#receive{left: 106px; width: 54px;}
#discover{left: 159px; width: 53px;}
#give{left: 210px; width: 54px;}

#connect a:hover {
    background: transparent url(images/front/buttons2.jpg)
    0 -52px no-repeat;}
#interact a:hover {
    background: transparent url(images/front/buttons2.jpg)
    -52px -52px no-repeat;}
#receive a:hover {
    background: transparent url(images/front/buttons2.jpg)
    -106px -52px no-repeat;}
#discover a:hover {
    background: transparent url(images/front/buttons2.jpg)
    -159px -52px no-repeat;}
#give a:hover {
    background: transparent url(images/front/buttons2.jpg)
    -210px -52px no-repeat;}



#pgheader {
background : #000000;
color : #ffffff;
width : 800px;
height : 150px;
margin : 0 0 20px 0;
float : left;
position : relative;
padding : 0;
}
#blockdata {
background : #1b3d4d;
color : #ffffff;
width : 675px;
height : 125px;
margin : 0 0 20px 0;

padding : 10px;
display: block;
}
#blockdata a {
color : #1c7faf;
}
#blockdata h2 {
color : #ffffff;
}
#blockdata a:hover {
color : #ffffff;
}
#blockdata img {
float : right;
padding : 3px;
border : 1px solid #ffffff;
}
#content {
background : #000000;
color : #ffffff;
width : 800px;
margin : 20px 0 20px 0;
float : left;
position : relative;
padding : 0 25px 15px 25px;
}
#content p {
margin : 0;
line-height : 18px;
padding : 0 0 10px 0;
}

#content p a, #content p a:visited {
color : #bfbbbb;
text-decoration : none;
}
#content p a:hover {
color : #ffffff;
background : none;
text-decoration : underline;
}

#content p img {
border : none;
margin-right : 15px;
margin-bottom : 10px;
padding : 0 5px 15px 0;
}
#content h1 {
color : #006699;
font-size : 22px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : normal;
padding : 10px 10px 10px 10px;
line-height : 150%;
margin : 0;
}
#content h1 a {
color : #006699;
text-decoration : underline;
}
#content h1 a:hover {
color : #ffffff;
text-decoration : none;
}
#content h2 {
color : #006699;
font-size : 18px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : bold;
margin : 0;
line-height : 120%;
font-variant : normal;
background : none;
}
#content h2 a {
color : #006699;
text-decoration : none;
background : none;
}
#content h2 a:hover {
color : #ffffff;
background : none;
text-decoration : underline;
}
#content h3 {
color : #666666;
font-size : 14px;
font-family : Arial,Verdana,Sans-Serif;
font-weight : bold;
margin-bottom : 0;
line-height : 120%;
}
#content h3 {
color : #666666;
text-decoration : none;
}
#content h3 a:hover {
color : #ffffff;
background : #ffffff;
text-decoration : underline;
}
#content ol {
list-style-type : decimal;
line-height : 18px;
margin : 0;
padding : 0 0 10px 30px;
}
#content ul {
list-style : none;
margin : 0;
padding : 0 0 10px 0;
}
#content li {
margin : 0;
padding : 0;
}
#content ul li {
list-style : square inside;
margin : 0 0 0 10px;
padding : 5px 0 0 0;
}
#content ul li a {
color : #666666;
text-decoration : underline;
}
#content ul li a:hover {
color : #ffffff;
text-decoration : underline;
}
#pullout {
color : #000000;
width : 300px;
float : right;
padding : 5px 5px 5px 5px;
margin : 5px 5px 5px 5px;
}
#pullout a, a:visited {
color : #ccc;
text-decoration : underline;
}
#pullout a:hover {
color : #ffffff;
background : none;
text-decoration : none;
}


blockquote {
margin : 0 0 0 25px;
padding : 0 25px 0 10px;
font-style : italic;
color : #666666;
border-left : 1px solid #cccccc;
}
#content blockquote p {
margin : 0 0 20px 0;
padding : 0;
}
.postspace {
width : 440px;
height : 32px;
margin : 0;
padding : 0;
}
.postspace2 {
width : 440px;
height : 0;
margin : 0;
padding : 0;
}
.postspace3 {
width : 440px;
height : 15px;
margin : 0;
padding : 0;
}

#newsletter p img, #newsletter img, #newsletter a img {
border : 0px;
margin-right : 0px;
margin-bottom : 0px;
padding : 0px;
}

/*--- classifieds ---*/
#showad .addetails {
background : #000000;
color : #ffffff;}


#sidebar {
background : #000000;
color : #ffffff;
width : 160px;
float : right;
position : relative;
margin-top : 0;
margin-bottom : 20px;
padding : 10px 0px 10px 0px;
text-align : left;
}
#sidebar p {
margin : 0;
line-height : 16px;
padding : 5px 0 10px 0;
}
#sidebar h2 {
color : #1c7faf;
border-bottom-style:solid;
border-bottom-width: 1px;
border-bottom-color: #346699; 
font-size : 14px;
font-family : Arial,Verdana,Sans-Serif;
list-style : none;
margin : 0px 0px 10px 0px;
padding : 0px 0px 5px 0px;
}
#sidebar ul {
list-style : none;
margin : 0;
padding : 0 0 20px 0;
}
#sidebar li {
list-style : none;
margin : 0;
padding : 0;
}
#sidebar ul li {
list-style : none;
margin : 0;
padding : 6px 0 5px 0;
}
#sidebar ul li a {
color : #ffffff;
text-decoration : none;
}

#sidebar ul li a:hover {
color : #ffffff;
text-decoration : underline;
}
#sidebar ul .page_item {
color : #ffffff;
font-size : 14px;
font-family : Arial,Verdana,Sans-Serif;
list-style : none;
padding : 5px 0 5px 0;
margin : 0;
}
#sidebar li .page_item {
color : #ffffff;
font-size : 12px;
font-family : Arial,Verdana,Sans-Serif;
list-style : none;
padding : 0 0 0 10px;
margin : 0;
}
#sidebar ul li .page_item current_page_item ul li {
padding : 0 0 0 0;
}

#footer {
border-top : 10px solid #3d3c3c;
color : #ffffff;
font-size : 10px;
padding : 10px 0 20px 0;
text-align : left;
clear : both;
}

#footer a, #footer a:visited {
color : #bfbbbb;
text-decoration : none;
}

#footer a:hover {
color : #ffffff;
background : none;
text-decoration : underline;
}

#footerinfo {
float : left;
}
#footersearch {
float : right;
width : 240px;
}

#footcol {
width : 1024px;
}

#footcol h3 {
color : #ffffff;
font-size : 13px;
font-family : Arial,Verdana,Sans-Serif;
text-indent : 0px;
margin : 0;
}

#footcol ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol1 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol1 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol1 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol1 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol2 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol2 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol2 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol2 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol3 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol3 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol3 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol3 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol4 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol4 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol4 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol4 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol5 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol5 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol5 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol5 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#footcol6 {
color : #ffffff;
float : left;
width : 170px;
}

#footcol6 ul {
color : #ffffff;
list-style-type : none;
padding : 0px;
margin : 0px;
}

#footcol6 ul .page_item {
color : #ffffff;
padding : 0px;
margin : 0px;
}

#footcol6 li .page_item {
color : #ffffff;
padding : 0px 0px 0px 5px;
margin : 0px 0px 0px 5px;
}

#podPress_footer {
padding : 10px 0 20px 0;
text-align : left;
}
#scripturizer_advanced label {
width : 4.5em;
float : left;
}
#scripturizer_advanced br {
clear : both;
}
.tooltip {
max-width : 30em;
text-align : left;
padding : 0.5em;
margin : 0;
background-color : #333;
color : #fff;
}
.scripturizer_showhide {
display : none;
padding : 1em;
border : 0;
}
.scripturizer_newwindow {
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 5px;
border : 0;
}
form.formBuilderForm, div.formBuilderSuccess {
text-align : left;
padding : 10px;
clear : both
}

email{
font-size:9px;
clear: both
}

ul.left{
width:370px;
padding:3px;
float:left;
text-align:left;
list-style-type:none;
font-size:9px;
}

ul.left li{
list-style-type:none;
}
 
ul.right {
width:414px;
padding:3px;
float:right;
text-align:left;
list-style-type:none;
font-size:9px;
}

ul.right li{
list-style-type:none;
}

#fronttext{
clear: both;
font-size:9px;
color:#999;
margin: 0 auto 0 auto;
text-align:center;
}

#fronttext a, #fronttext a:visited{
color:#999;
text-decoration:none;
}

#fronttext a:hover{
color:#ccc;
}

/* 2011 customizations */

#front2011-wrapper {
background: url(images/encounter-2011-back1.jpg) no-repeat top #fff;
color: #000;
width:1025px;
height:575px;
margin: 20px auto 20px auto;
}

#front2011 ul {
float: left;
width: 1017px;
margin: 8px 4px 8px 4px;
padding: 0px;
list-style: none;
}
 
#front2011 li {
float: left;
width: 105px;
height: 105px;
margin: 0;
padding: 4px;
text-align: center;
} 

#front2011 li.buttonon {
background: url(images/frontboxes.png) center no-repeat} 

#front2011 a img {
border:solid 0px;}
@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */