/* 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:  #38709D
							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.justgod.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;
	overflow: hidden;
	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;
	z-index: 5000;
}
#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: 55px;
	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: 50px;
}
#content {
	margin-right: 440px; /*Set right margin to rightColumnWidth*/
	padding-right: 35px;
	font-size: 1.0em;
	line-height:1.5em;
	background: url(../img/contentBG.jpg) top right no-repeat;
}
#content p {
	padding-bottom: 15px;
	padding-left: 40px;
}
blockquote {
	float: left;
	width: 225px;
	border-top: 5px solid #333;
	border-bottom: 5px solid #333;
	font-size: 1.25em;
	padding: 15px 10px 10px 10px;
	color: #4E8BB7;
	font-style: italic;
	background: url(../img/quotes2.jpg) left 4px no-repeat;
	margin-right: 15px;
	margin-left: 40px;
	font-family: 'Graublau Web','Trebuchet MS',Arial,Helvetica,sans-serif;
}
#content img {
	float: left;
	border: 1px solid #111;
	margin-right: 10px;
}
#content ul li {
	margin-left: 20px;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.bibleQuote {
	font-size: 1.0em;
	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: 4px 15px 30px 15px;
}
/**********************************************************************
				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: center;
	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;
	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;
	margin: 20px 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;
	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: #CCC url(../img/podcastSM.png) left -4px no-repeat;
	border: 1px solid #999;
}
.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 a {
	padding-left: 15px;
	line-height: 1.5em;
}
.block li.active a {
	color: #222;
}
.block li a:hover {
	color: #444;
}
/************************************************************************
					RIGHT COLUMN LINK STYLING
************************************************************************/
.block2 {
	padding-left:7px;
	font-size: 1.0em;
	margin-bottom: 20px;
}
.block2 {
	margin-bottom: 15px;
}
.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;
}
/************************************************************************
					Library 
************************************************************************/
.library li a {
	font-size: 1.25em;
	font-weight: 300;
	padding-left: 27px;
	background: url(../img/books2Icon.png) top left no-repeat;
	line-height: 1.5em;
}
.libraryTV li a {
	font-size: 1.25em;
	font-weight: 300;
	padding-left: 27px;
	background: url(../img/camera2.png) top left no-repeat;
	line-height: 1.5em;
}
.libraryRadio li a {
	font-size: 1.25em;
	font-weight: 300;
	padding-left: 27px;
	background: url(../img/podcast2.png) top left no-repeat;
	line-height: 1.5em;
}
.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;
}
/*******************************************************************
	 				IMAGE rotator css
*******************************************************************/
div#rotator {
		height:335px;
		margin-left: 26px;
		margin-top: 28px;
		overflow: hidden;
}
div#rotator ul li {
		float:left;
		position: absolute;
		list-style: none;
}
div#rotator ul li.show {
		z-index:500
}

/***********************************************************************
				PAGINATION
*******************************************************************/
#ditto_pages {
	padding: 3px;
	background: #4E8BB7;
	font-size: 14px;
	margin-right: 3px;
	color: #FFF;
}
.pages {
	font-size: 14px;
	color: #4E8BB7;
}
.ditto_currentpage {
	color: #E7E3D2;
	background: #38709D;
	padding: 3px;
	border: 1px solid #111;
	margin-right: 3px;
	font-size: 14px;
}
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}
/***********************************************************************
				DITTO SPECIFIC
*******************************************************************/
.ditto_summaryPost {
	margin-bottom: 10px;
}
/***********************************************************************
				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 and COMMENTS FORM
********************************************************************/
.cfName {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#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: 185px;
}
#cfPrice {
	background: #EBEBEB;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 60px;
}
#cfContact {
	padding: 5px 3px;
	background: url(../img/gradBG.png) top left repeat-x;
	color: #222;
	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: 24px;
	height: 24px;
}
.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: 24px;
	height: 24px;
}
.row {
	padding-top: 10px;
}
.jot-form {
	margin-left: 40px;
}
/*******************************************************************
				CART INFO
********************************************************************/
.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;
}