/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Blue:  #4E8BB7
							Light Blue: #8FB0CC
							Tan: #E7E3D2
							
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: Arial,Helvetica,sans-serif;
	color:#000;
}
html{
	background:#FFF url(../img/BG3.jpg)  top center no-repeat;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #4E8BB7; 
	text-decoration: none;
}
a:hover {
	color: #333; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
@font-face {
  font-family: 'Graublau Web';
  src: url('http://www.justgod.tv/GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('http://www.jjustgod.tv/GraublauWeb.otf') format('opentype');
}
body{
	width:100%; 
	margin:0 auto;
	background:#FFF url(../img/BG3.jpg) top left repeat-x; 
	color: #111;
	font-weight: 100;
	border-top: 4px solid #000;
}
*{margin:0; padding:0}

#outerWrap {
	width:100%; 
	margin:0 auto;
}
#mainContainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	height: 135px;
	width: 960px;
	margin-top: 10px;
}
#logo {
	float: left;
}
/**********************************************************
					MAIN MENU
************************************************************/
.menuLeft {
	padding-top: 43px;
	font-size: .9em;
	width: 341px;
	height: 42px;
	float: left;
	background: url(http://www.justgod.tv/New/img/menuBG3.jpg) bottom left no-repeat;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 42px;
	width: 341px;
}

#nav a {
	display: block;
	line-height: 42px;
	text-align: center;
}

#nav li { /* all list items */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	line-height: 32px;
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li a { /* second-level lists */
	text-align: left;
	line-height: 32px;
	padding: 0 10px;
	color: #FFF;
	border: 1px solid #666;
	width: 200px;
	background: url(http://www.justgod.tv/New/img/transBG.png) top left repeat;
}
#nav li ul li a:hover { /* second-level lists */
	color: #CCC;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav2, #nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 42px;
	width: 341px;
}

#nav2 a {
	display: block;
	line-height: 42px;
	text-align: center;
}

#nav2 li { /* all list items */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	line-height: 32px;
	background: url(http://www.justgod.tv/New/img/transBG.png) top left repeat;
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav2 li ul li a { /* second-level lists */
	text-align: left;
	line-height: 32px;
	padding: 0 10px;
	color: #FFF;
	border: 1px solid #666;
}
#nav2 li ul li a:hover { /* second-level lists */
	color: #CCC;
}
#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/****************************************************************
				TAGLINE 
****************************************************************/
#tagline {
	height: 65px;
	padding-top: 10px;
	text-align:  center;
	width: 960px;
	color:#FFF;
	font-size: 1em;
	font-style: italic;
}
/****************************************************************
				MAIN IMAGE 
****************************************************************/
#mainImage { 
	height: 335px;
	margin-top:20px;
	background: url(../img/mainImageBG.png) top left no-repeat;
	overflow: hidden;
}
#mainImage h1 {
	text-indent: -9999px;
}
#storeMainImage { 
	height: 200px;
	margin-top:20px;
	background: url(../img/storeMainImage.png) top left no-repeat;
	overflow: hidden;
}
#storeMainImage h1 {
	text-indent: -9999px;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
#content {
	margin-right: 420px; /*Set right margin to rightColumnWidth*/
	padding-right: 20px;
	font-size: 1.0em;
	line-height:1.5em;
	border-right: 1px solid #CCC;
}
#content p {
	padding-bottom: 15px;
	padding-left: 40px;
}
.thumbs p {
	margin-left: -40px;
}
blockquote {
	float: left;
	width: 225px;
	border-top: 5px solid #333;
	border-bottom: 5px solid #333;
	font-size: 1.25em;
	line-height: 1.5em;
	padding: 15px 10px 10px 30px;
	color: #4E8BB7;
	font-style: italic;
	margin-right: 15px;
	margin-left: 40px;
	margin-bottom: 15px;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	background: url(../img/quotes2.jpg) 0 5px no-repeat;
}
#content img {
	float: left;
	border: 1px solid #111;
	margin: 10px 10px 10px 0;
}
#content ul li {
	margin-left: 50px;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.bibleQuote {
	font-size: 1.25em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	color: #4E8BB7;
	font-style: italic;
	font-weight: 100;
	background: url(../img/quotes2.jpg) top left no-repeat;
	padding-left: 42px;
	margin: 14px 15px 30px 15px;
}
/*****************************************************
						LEFT COLUMN
******************************************************/
#leftColumn{
	float: left;
	width: 220px; /*Width of left column*/
	margin-left: -420px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 30px;
}
#leftColInner {
	margin: 0 10px 15px 5px;
	padding: 8px 8px 8px 0;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 200px; /*Width of left column*/
	margin-left: -200px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 30px;

}
#rightColInner {
	margin: 0 5px 15px 5px;
	padding: 8px;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
.author {
	font-size: .9em;
	line-height: 2.0em;
	color: #666;
	padding-left: 25px;
}
.upcomingEvents {
	height: 37px;
	background: url(../img/upcomingEvents.png) top left no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.date {
	font-style: italic;
	font-size: .9em;
	margin-top: 5px;
}
.event {
	font-size: .9em;
	line-height: 1.2em;
}
/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	margin: 0 auto;
	margin-top: 25px;
	width: 960px;
	height: 211px;
	color: #000;
	overflow: hidden;
	background: url(../img/footerBG2.jpg) top left no-repeat;
}
.innerFooter {
}
.userFoot {
	float: left;
	width: 185px;
	line-height: 1.4em;
}		
.footContent {
	padding: 10px;
	font-size: .85em;
}
.userTM {
	margin: 5px;
	padding-top: 75px;
	background: url(../img/tmFoot2.png) top left no-repeat;
}
.userLT {
	margin: 5px;
	padding-top: 75px;
	background: url(../img/ltFoot2.png) top left no-repeat;
}
.user2 {
	float: left;
	width: 478px;
	line-height: 1.4em;
}
.footLogo {
	height: 75px;
	width: 100%;
	background: url(../img/jgtv2foot.png) 50px 0px no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
}
.userFoot2 {
	float: left;
	margin-top: 30px;
	width: 580px;
	line-height: 1.4em;
}
.siteLinks {
	text-align: right;
	font-size: .95em;
}
.innerUser2 {
	margin: 5px;
}
#copyright {
	line-height: 1.5em;
	font-size: .85em;
	font-style: italic;
	font-weight: 100;
	text-align: right;
	margin-bottom: 5px;
}
/********************************************************************
				HEADERS / MAIN CONTENT HEADERS
********************************************************************/
h1 {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 42px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #4E8BB7;
}
h2 {
	font-size: 32px;
	font-weight: 100;
	line-height: 1.3em;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #4E8BB7;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
h3 {
	font-size: 28px;
	font-weight: 100;
	line-height: 1.3em;
	margin: 10px 0;
	padding-left: 20px;
	letter-spacing: -0.045em;
	color: #000;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
.menuHead {
	font-size: 28px;
	font-weight: 100;
	margin: 20px 0;
	letter-spacing: -0.045em;
	color: #000;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
.rightHead {
	font-size: 24px;
	font-weight: 100;
	margin: 20px 0 10px 0;
	letter-spacing: -0.045em;
	color: #000;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
h4 {
	font-size: 24px;
	font-weight: 100;
	margin: 20px 0;
	padding-left: 30px;
	letter-spacing: -0.045em;
	color: #4E8BB7;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
h5 {
	font-size: 20px;
	font-weight: 100;
	margin: 15px 0;
	padding-left: 25px;
	letter-spacing: -0.045em;
	color: #000;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
.podcast {
	margin-top: 10px;
	padding: 3px 3px 3px 30px;
	background: url(../img/podcastSM.png) left -4px no-repeat;
}
.podcast2 {
	padding-left: 30px;
	background: url(../img/podcastSM.png) left -4px no-repeat;
	margin: 5px 0 5px 0;
}
.discussion {
	background: url(../img/discussion.png) top left no-repeat;
	height: 40px;
	text-indent: -9999px;	
}
/************************************************************************
					LEFT COLUMN LINK STYLING
************************************************************************/
.block {
	padding-left:7px;
	font-size: 1.0em;
	margin-bottom: 20px;
}
.block li {
	padding-left: 20px;
	line-height: 1.5em;
}
.block li a {
	line-height: 1.5em;
}
.block li.active a {
	color: #222;
}
.block ul li a:hover {
	color: #444;
}
/************************************************************************
					RIGHT COLUMN LINK STYLING
************************************************************************/
.block2 {
	padding-left:7px;
	font-size: 1.0em;
	margin-bottom: 20px;
}
.block2 li {
	margin-bottom: 15px;
}
.harmsWay {
	margin-bottom: 10px;
	padding-left: 30px;
	color: #4E8BB7;
}
.harmsWay img { 
	float: right;
	border: 1px solid #111;
	margin: 5px 0 5px 5px;
}
.block li a {
	line-height: 1.5em;
}
.block li.active a {
	color: #222;
}
.block li a:hover {
	color: #4E8BB7;
}
.all {
	line-height: 2.0em;
}
.join {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.block p {
	
}
.emphasis {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
}
/************************************************************************
					Library 
************************************************************************/
.LIn_fullMode li {
	margin-bottom: 30px;
}
.LIn_fullMode li a {
	font-size: 24px;
	font-weight: 100;
	line-height: 1.5em;
	letter-spacing: -0.045em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	padding-bottom: 30px;
}
.LIn_desc {
	clear:left;
	font-size: 1em;
	font-weight: 100;
}
/******************************************************************
					SEARCH FORM
******************************************************************/
#sitesearch {
		margin-bottom: 10px;
}
.FSF_input {
		width: 117px;
		background: #EBEBEB;
		border: 1px solid #222;
		color: #111;
		padding: 4px;
}
.cfSearch {
		color: #EBEBEB;
		background: #4E8BB7;
		width: 40px;
		height: 24px;
		margin-left: 4px;
		text-align: center;
		border: 1px solid #222;
		line-height: 24px;
}
.cfSearch a {
		color: #EBEBEB;
}
.cfSearch a:hover {
		color: #CCC;
}
/***********************************************************************
				PAGINATION
*******************************************************************/
#ditto_pages {
	padding: 3px;
	font-size: 20px;
	font-weight: 100;
	margin: 15px 0;
	letter-spacing: -0.045em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	margin-right: 3px;
	line-height: 1.6em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.ditto_page {
	padding: 3px;
}
.ditto_previous_off ditto_off {
}
.ditto_currentpage {
	color: #FFF;
	background: #38709D;
	padding: 3px;
	border: 1px solid #111;
}
.reflect_archive_list {
	font-size: .9em;
	line-height: 2.5em;
}
.reflect_month_link {
	display: inline;
	background: url(../img/reflectBorder.jpg) top right no-repeat;
	padding: 10px;
}
/***********************************************************************
				DITTO SPECIFIC
*******************************************************************/
.ditto_summaryPost {
	padding-left: 20px;
}
.ditto_summaryPost h3 {
	padding-left: 0;
}
.ditto_summaryPost .author {
	padding-left: 20px;
}
/***********************************************************************
				PODCAST
*******************************************************************/
.media {
	margin-top: 15px;
	padding: 0;
}
/***********************************************************************
				EVENTS STYLING
*******************************************************************/
.eventsMenu {
	font-size: .85em;
}
.eventAuthor {
	font-style: italic;
	font-size: .85em;
	line-height: 1.5em;
}
.authorEvent {
	font-style: italic;
	line-height: 1.5em;
}
.eventStyle {
	color: #38709D;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
#EmailForm {
	margin-left: 40px;
}
.cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
#cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
.cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
#cfMessage {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 350px;
}
.cfRegarding {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 5px;
	width: 175px;
}
#cfPrice {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 60px;
}
#cfContact {
	padding: 5px 3px;
	background: #4E8BB7;
	color: #FFF;
	border: 1px solid #222;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin-bottom: 20px;
}
#cfContact:hover;{
	background: url(../img/gradBG.png) bottom left repeat-x;
	color: #8FB0CC;
}
.cfSubmit {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 3px 0 3px;
	color: #222;
	background: url(../img/gradBG.png) bottom left repeat-x;
	text-align: center;
	border: 1px solid #222;
	line-height: 28px;
	height: 28px;
}
.cfMail {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 3px 3px 3px;
	color: #EBEBEB;
	background: #4E8BB7;
	text-align: center;
	border: 1px solid #222;
	line-height: 28px;
	height: 28px;
}
/*****************************************************************
				COMMENTS & FORM
******************************************************************/
.jot-row {
	margin-left: 20px;
	margin-bottom: 5px;
}
.jot-comment {
	padding: 10px;
	margin: 1px;
	border-top: 1px solid #CCC;
}
.jot-header {
}
.jot-postnumber {
	float: left;
	width: 40px;
	line-height: 1.5em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4E8BB7;
}
.jot-subject {
	float: left;
	line-height: 1.5em;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4E8BB7;
}
.jot-message {
	color: #333;
	padding-left: 25px;
}
.jot-user {
	color: #666;
	font-size: .9em;
	padding-left: 25px;
	font-style: italic;
}
.commentuser {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4E8BB7;
}
.jot-info {
	float: left;
	text-align: right;
	width: 150px;
	border-right: 1px solid #CCC;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 3px solid #CCC;
}
.jot-date {
	padding: 0 10px;
	text-transform: uppercase;
	color: #666;
	font-size: .85em;
}
.jot-name {
	padding: 0 10px;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4E8BB7;
}
.jot-form {
	margin-left: 40px;
}
/*******************************************************************
				CART INFO
********************************************************************/
.donateHeader {
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.45em;
	font-weight: 100;
	letter-spacing: -0.045em;
	color: #4E8BB7;
	margin-bottom: 15px;
}
.donateCart {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
.donateLabel {
	float: left;
	width: 165px;
	margin-right: 15px;
}
.priceContain {
	float: right;
	line-height: 1.5em;
}
.price {
	font-size: 1.4em;
	color: #38709D;
	font-style: italic;
}
.product {
	padding: 10px 15px 15px 15px;
	margin-bottom: 45px;
}
.give {
	margin: 15px 50px;
}
/***********************************************
				MAXIGALLERY
***********************************************/