/* CSS Document */
/*
	Quiet Time Ministries Global Stylesheet
	
	Author: David Martin
	Email: webmaster@quiettime.org
	Website: http://www.quiettime.org
	Copyright ©2009 Quiet Time Ministries
	Table of Contents:
		reset styles
		global styles 
		utility classes
		structure
*/
/* color scheme
----------------------------------------------- */
/*Grays >>> Whites:::  #474747 > #434343 > #6d6d6d > #909090 > #a3a3a3 > #dadbd9 > #8d8c8c postcopy > #555 > #b4b4b4 >  #bfbfbf > #ebebeb > #ededed > #eeeeee > #fff */
/*Gray borders:::#dadbd9 bottom > #e4e5e4 l/r > #eeeeee top*/
/* reset styles (v1.0 | 20080212) source: http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------- */
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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body,html {
	min-height:101%; /*bm:::makes the height of every page on a website fit screen despite inadequate content:::VALIDATES*/
	}
body {line-height:1;}
/*Using the value '100%' instead of 'none', allows all other Webkit-based browsers e.g. iphone/ipod/ipad to resize text when using the zoom function while preserving the original font size.*/
body {
    -webkit-text-size-adjust: 100%;
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* global styles 
----------------------------------------------- */
html {font-size:62.5%;}/*resets the font sizes for the entire site so that 1.0em is the same as 10px, e.g. 0.1em is 1px, 1.3em is approximately 13px*/
body {font-size:1em;}
label {cursor:pointer;}
a{
border:none;
outline:none;
}
img{
border:none;
}
a:active { /*qtm*/
  outline:none;
}

/* utility classes
----------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
/* End hide from IE-mac */

.clear { 
	clear:both;
	}
.relative {
	position:relative;
}
/*teaser-bg centers images/text*/
.center-text {
	text-align:center;
}
/* structure
----------------------------------------------- */
/* structure-body ::: body includes top of header to bottom of footer i.e. all content
----------------------------------------------- */
body{
margin:0;
padding:0;
border-top:5px solid #474747;
/*background:url(images/background/bg-body.gif) 0 5px repeat-x #fff;*/
background-color:#fff;
}
.content{
margin:0 auto;
width:1004px;
position:relative;/*qtm*/
/*z-index:-1;*/
}
/* structure-header
----------------------------------------------- */
#header{
background:url(images/header/bg-header-qtm.jpg) top center repeat-x;
text-align:center;/* centers qtm logo image*/
padding:0;/*30px 0 0 0*/
height:119px;/*89px*/
/*overflow:hidden;*/
}
#qtm-logo {
	text-align:left;
	position:relative;
	top:-11px;/*-41px*/
	left:2px;
	/*z-index:10;*/
}
#qtm-title {
	/*text-align:left;*/
	position:relative;
	top:-145px;/*-175px*/
	/*left:2px;
	z-index:9;*/
}
/*z-index ABOVE unable to allow both tree and title to work as images links (title div overlaps logo div center): choose title*/
/*#header .content height limit below move div upwards above page content divs enabling search buttons and select category catlist div*/
#header .content {
	height:178px;/*119px+59px*/
}
/*#qtm-tree{
position:absolute;
background:url(images/header/qtm-tree4.png) no-repeat;
top:-41px;
left:0;
width:150px;
height:175px;
}*/
/* structure-navigation
----------------------------------------------- */
#navigation{
border-top:1px solid #dadbd9;
background:url(images/navigation/bg-navigation.gif) top center repeat-x #fff; /*image 4px vertical height*/
border-bottom:1px solid #dadbd9;
height:34px;
}
/* structure-navigation:::qtm global navigation aka modified .meta
----------------------------------------------- */
.globalnav{ 
clear:both;
padding:10px 0 0 0;
min-height:30px;
}
.globalnav ul{
float:right;
margin:0 10px 0 0;
padding:0;
}
.globalnav li{
text-transform:uppercase;
/*display:inline;*/
display:inline-block;/*this eliminates white space in safari between li and wrap in iphone*/
line-height:1.6;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bfbfbf;
}
.globalnav li a{
background:url(images/navigation/globalnav-li.gif) top left no-repeat;
padding:0 0 0 12px;
}
.globalnav a{
color:#bfbfbf;/*#a3a3a3 is .meta link, #bfbfbf is .meta span */
text-decoration:none;
}
.globalnav a:hover{
color:#909090;
}
.globalnav .current a{
color:#474747;
}
/* structure-section
----------------------------------------------- */
#section{
height:59px;  /*image 500px width by 51px height + 4px #ededed above and below image*/
border-bottom:1px solid #dadbd9;
}
.sx-org{
background:url(images/section/sx-id-org.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-ols{
background:url(images/section/sx-id-ols.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-qtltv{
background:url(images/section/sx-id-whitedaisies3.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-spkg{
background:url(images/section/sx-id-spkg.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-qtn{
background:url(images/section/sx-id-qtn.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-wms{
background:url(images/section/sx-id-wms.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
.sx-cc{
background:url(images/section/sx-id-cc.jpg) 5px center repeat-x #ededed; /*4px #ededed above image*/
}
/* structure-maincontent-quiettimelive.tv
----------------------------------------------- */
#videocase{ 
border-top:1px solid #fff;
background:url(images/backgrounds/bg-vc-overlay-lg13.png) center 0px repeat;
border-bottom:5px solid #ebebeb;
/*background:url(images/videocase/bg-videocase.gif) top center repeat-x #fafafa;*//*5px #f7f7f7 gradient top to #f3f3f3 bottom and inverse*/
/*background:#f7f7f7;*/
padding-top:30px;
height:410px;
}
#videocase h1{
color:#434343;
font-family: Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
text-transform:uppercase;
/*margin:0;*/
padding:9px 0 0 0;
margin:10px 0 10px 0;
}
#insidevideocase {
width:1010px;
margin:0 auto;
/*padding:20px 0 0 0;*/
}
#videocopy{
float:left!important;
width:100%!important;
display:block!important;
clear:both!important;
border-top:1px solid #e6e6e6;
background:url(images/backgrounds/bg-vy-overlay.png) center 0px repeat;
/*background:url(images/background/bg-copy.gif) top center repeat-x;*/ /*5px height gradient #fafafa top to #fdfdfd bottom, i.e. fade to bg below = #fff*/
padding:20px 0;
border-bottom:1px solid #dadbd9;
}
#videocopy h1{
color:#434343;/*#bfbfbf*/
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
text-transform:uppercase;
margin:10px 0 10px 0;
/*margin:0;*/
padding:9px 0 0 0;
}
/*#videocopy h2{
color:#434343;	
margin:5px 0;
padding:5px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
font-style:italic;
letter-spacing:normal;
text-transform:none;
}
#videocopy h2 a{
color:#8d8c8c;
text-decoration:none;
}
#videocopy h2 a:hover{
color:#bfbfbf;
text-decoration:underline;
}*/

#videocopy h2{
color:#8d8c8c;	
margin:5px 0;
padding:5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
text-transform:uppercase;
}
#videocopy h2 a{
color:#bfbfbf;
text-decoration:none;
}
#videocopy h2 a:hover{
color:#8d8c8c;
text-decoration:underline;
}

#insidevideocopy {  /*add bg url daisies overlay here:::background:url(../images/backgrounds/bodywrap_qtltv2.png) center 0px no-repeat;*/
width:1004px;
margin:0 auto;
/*font-size:1em;*/
padding:0;/*10px 0px 35px 0px*/
}

/* structure-footer
----------------------------------------------- */
#footer{
clear:both;
border-top:5px solid #ededed;
border-bottom:5px solid #474747;
min-height:202px;
background:url(images/footer/bg-footer-qtm.jpg) bottom center repeat-x;
}
#footer #online-store {
float:left;
width:528px;/*530px*/
padding:10px 0 0 10px;/*10px*/
min-height:192px;
/*text-align:center;*/
}
#footer .items{
float:left;
width:171px;
margin:5px 5px 0 0;
}
#footer #contact-r{
float:right;
width:215px;
padding:10px 0 0 10px;
min-height:192px;
position:relative;
overflow:hidden;
background: url(images/footer/bg-contact-r.png) no-repeat;
}
/*#cathlinks{
position:absolute;
top:67px;
left:75px;
background: url(images/footer/cathlinks.png) no-repeat;
width:150px;
height:136px;
}*/
/*#cathtwitter{
position:absolute;
top:150px;
left:0px;
background: url(images/footer/twitter.png) no-repeat;
width:50px;
height:50px;
}*/
#footer #contact-l{
float:left;
width:200px;/*215px*/
padding:10px 0 0 40px;/*10px 10px 0 0*/
min-height:192px;
position:relative;
background: url(images/footer/bg-contact-l.png) no-repeat;
}
/*#qtmlinks-rss{
position:absolute;
top:0px;
left:-50px;
background: url(images/footer/qtmlinks-rss.png) no-repeat;
width:66px;
height:119px;
}*//*z-index:0;*/
/*#qtmlinks-donate{
position:absolute;
top:125px;
left:-50px;
background: url(images/footer/qtmlinks-donate.png) no-repeat;
width:66px;
height:77px;
}*//*z-index:0;*/
/*#qtmlinks-signup{
position:absolute;
top:135px;
left:105px;
background: url(images/footer/qtmlinks-signup.png) no-repeat;
width:125px;
height:68px;
}*//*z-index:0;*/
.meta{
clear:both;
padding:10px 0 0 0;
min-height:18px;
}
#footer img{
float:left;
margin-right:10px;
background:url(images/background/bg-img.gif) top left repeat;
background-color:#fff;
padding:5px;
}
#footer h1{
color:#434343;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:9px 0 0 0;
}
/*SAVE*//*#footer h2{
color:#8d8c8c;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
margin:7px 0 13px 0;;
line-height:1.2;
}*/
#footer h3{
color:#b4b4b4;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:1.2;
margin:5px 0 8px 0;
}
#footer ul{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
}
#footer li{
line-height:1.3;
}
#footer li a{
color:#8d8c8c;
text-decoration:none;
background-image:url(images/footer/qtm-arrow.gif);
background-position:left 1px;
background-repeat:no-repeat;
padding-left:15px;
}
#footer li a:hover{
color:#555;
text-decoration:underline;
background-image:url(images/footer/qtm-arrow.gif);
background-position:left -20px;
background-repeat:no-repeat;
}
#footer #online-store a{
color:#434343;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
#footer #online-store a:hover{
color:#8d8c8c;
text-decoration:underline;
}
#footer img:hover  {
text-decoration:none;
background-color:#ededed;
}
.meta ul{
float:left;
margin:0;
padding:0;
}
.meta li{
text-transform:uppercase;
display:inline;
padding-right:5px;
}
.meta span{ /*top anchor in meta at footer*/
float:right;
}
.meta li, .meta span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bfbfbf;
}
.meta li a{
background:url(images/meta/meta-li.gif) top left no-repeat;
padding:0 0 0 12px;
}
.meta a, .meta span a{
color:#a3a3a3;
text-decoration:none;
text-transform:none;
}
.meta a:hover{
color:#909090;
text-decoration:underline;
}
.blog-id {
	font: 10px Arial, Helvetica, sans-serif;
	color:#bfbfbf;
	line-height:1.5;
	text-align:left;
	margin:5px 0;
}
.blog-id a {
	color:#909090;
	text-decoration:none;
}
.blog-id a:hover {
	text-decoration:underline;
}