body         { 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background: url(../images/TFLbackground.jpg) no-repeat center fixed;
}

/* Header */

#header	{	
	margin: 0px auto;
	background-color:#fff;
}

/* Main body */

#container1   {
	text-align: center;
	margin: 30px auto 30px auto;
	width: 1000px;
	background-color: #fff;
} 

#container2   {
	text-align: center;
	width: 1000px;
	background-color: #fff;
	background-position: center;
	z-index:auto;
}


#footer {
	width: 80%;
	background-color: #fff;
	clear: both;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#footermenu {
	width:80%;
}

#fullfooter {
	width: 1000px;
	background-color: #fff;
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0px;
}

/* Content */

#content {
	background-color: #fff;
	float: left;
	width: 58%;
	padding-top: 2em;
	padding-left: 5%;
	padding-right: 2%;
	margin: 0px;
	text-align:left;
	z-index: auto;
}

#content2 {
	background-color: #fff;
	float: left;
	width: 30%;
	padding-top: 2em;
	padding-right: 5%;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#content3 {
	background-color: #fff;
	width: 85%;
	padding-top: 10px;
	margin: auto;
	text-align: left;
}

#content4 {
	width:100%;
}

/* Music content */
#content5 {
	width:60%;
	padding-top:10px;
	margin:auto;
	text-align:left;	
}

#thirdleft {
	width:32%;
	margin-right:2%;
	float:left;
}

#thirdright {
	width:32%;
	float:left;
}

/* "Also At" */

#available {
	margin: 0px auto;
	text-align: left;
	padding: 5px 0px 5px 0px;
	float: left;
	width: 95%;
}

#available2 {
	margin: 0px auto;
	padding: 5px;
	text-align: left;
	float: left;
	width: 60%;
	background-color: #D7E3E2;
}

#googleads	{
	margin: 0 auto;
	text-align: center;
}


#fullcontent {
	width: 1000px;
	background-color: #FFFFFF;
	margin: 0px 0px 30px 0px;
	padding: 30px 0px 0px 0px;
	z-index: auto;
	text-align: left;
}


blockquote  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .9em;
	line-height: 150%;
	margin-top: 0px 1.5em .9em 1.5em;
}

/* Links */

a:link		{
	text-decoration: none;
	color: #318ba3;
}

a:hover {
	text-decoration: underline;
}

a:visited	{
	text-decoration: none;
	background-position: center bottom;
	color : teal;
}


/* Headings */

h1           { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-align: center; 
	color:#333333; 
	margin-bottom: 1.5em; 
}

h2           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	line-height: 125%;
	margin-top: 1.5em;
	padding-top: .4em;
	color: #333333;
}             
           
h3           { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: normal;
	color: #333333; 
}

ol           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10;
}

ul           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10;
	list-style-type: square;
}			   

li           { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	line-height: 150%; 
    margin-left: 0; 
	margin-right: 25;
}

hr 	{
	height: 1px;
	border: 0; 
	height: 1px; 
	width: 60%; 
	margin:auto;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.fade {
	border: 0; 
	height: 1px; 
	width: 60%; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.long {
	width:100%;
	margin-bottom:.5em;
}

/* Text classes */

.frontpage {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.2em; 
	line-height: 150%; 
	padding-right: 0px;
    margin-top: 0px; 
	margin-bottom: 10px; 
}    

.regtext     {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: .9em;
}

.bordertext  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	line-height: 150%; 
	margin-top: 0px; 
	margin-bottom: 0px;
}
			   
.footertext  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .7em;
	margin-top: 0px; 
	margin-bottom: 0px;
}
			   
.notes       { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 125%;
	padding: .2em;
	padding-left: .5em;
	text-align: center;
	background-color:#4fa3c7;
	color: #ffffff;
}


/* Buzz Boost */

#faithlogfeed {
	width: 100%;
	padding: 0em .2em 0em .2em;
	text-align: left;
	border: thin solid #eeeeee;
}

#faithlogfeed p	{
	font-family: Arial, Helvetica, sans-serif;
}

#faithlogfeed ul {
	padding-left: 1em;
}

#faithlogfeed li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height: 125%;
	margin-top: 1em;
	list-style-type:none;
}		

.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	margin-top: 0; 
	margin-bottom: 10;
}

#faithlogticker {
	margin: 0px auto;
	text-align: center;
	float: right;
	width: 100%;
	background-color: #ffffff;
}

/* Book titles */

.booktitle1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	text-align: center;
	line-height: normal;
	color: #318ba3;
}

.booktitle2	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #008080;
	margin: 0;
	line-height: normal;
}

.booktitle3	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 120%; 
	color: #444;
}

/* Copyright notice */

.copyrightdate	{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
}

#copyrightnotice	{
	background-position: center;
	width: 80%;
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 125%;
	text-align: left;
	padding: 0px 10px 0px 10px;
	border: thin solid #eeeeee;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

img, embed, object, video {
  max-width: 100%;
} 

/* Book and CD Images */

img.book {
	display:block;
	margin: 0px 10px 10px 0px;
	float:left;
}

img.cd {
	margin:0px;
}

#left {
	float:left;
}

#rightcentered {
	width:48%;
	margin-left:2%;
	float:left;
}

#leftcolumn {
	width:49%; 
	float:left;
}

#rightcolumn {
	width:49%; 
	margin-left:2%; 
	float:left;	
}

/* Fluid Video Size */
.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Media Queries -------------------------------- */

@media screen and (min-width: 600px) and (max-width:1000px) {
	#container1 {
		width:100%;	
		margin:0px;
	}

	#container2   {
		width: 99%;
	} 

	#footer {
		width: 99%;
		margin: auto;
	}
	
	#footermenu {
		width:100%
	}

	#fullfooter {
		width: 99%;
		margin: auto;
	}

	#fullcontent {
		width: 100%;
	}
	
	#content {
		width:55%;
		padding-left:2%;
		padding-right:3%;
	}
	
	#content2 {
		width:36%;
		padding-right:2%;
	}
	
	#content5 {
		width: 95%;
	}

	img.book {
		display:block;
		margin:0em .8em .8em 0em;
		clear:both;
	}

	img.cd {
	    display: block;
		margin: 0 auto 0 auto;
	}

	#left {
		text-align:center;
	}

	#faithlogfeed {
		width: 95%;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	#faithlogfeed {
		width:auto;
		padding: 0;
	}

	#faithlogfeed ul {
		padding-left: 0;
	}
	
	#faithlogfeed li {
		font-size: .8em;
		line-height:auto;
		margin-top: 1.5em;
	}
	
	.headline {
		font-size: .9em;
	}
	
	#faithlogticker {
		width:auto;
	}
} 

/* Media max-widt 600px -------------------------*/

@media screen and (max-width: 600px) {
	#container1 {
		width:auto;	
		margin:0px;
	}

	#container2   {
		width: 99%;
	} 

	#footer {
		width: 99%;
		margin: auto;
	}

	#fullfooter {
		width: 99%;
		margin: auto;
	}

	#fullcontent {
		width: auto%;
	}
	
	#content {
		width: 93%;
		padding-left:0;
		margin-left:3%;
		margin-right:3%
	}

	#content2 {
		width: 93%;
		padding-right:0;
		margin-left:3%;
		margin-right:3%;
	}

	#content3 {
		width: 95%;
	}

	#content4 {
		width:95%;
	}

	#content5 {
		width: 95%;
	}

	#thirdleft {
		width:100%;
	}

	#thirdright {
		width:100%;
	}

	img.book {
		display:block;
		margin:0em .8em .8em 0em;
	}

	img.cd {
		display:block;
		margin:0em 0em .8em 0em;
	}

	#left {
		text-align:center;
	}
	
	#rightcentered {
		width:95%;
		clear:both;
		text-align:center;
	}
	
	#leftcolumn {
		width:95%;
		clear:both;
	}

	#rightcolumn {
		width:95%;
		clear:both;
	}

	#faithlogfeed {
		width: 95%;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	#faithlogfeed {
		width:auto;
		padding: 0;
	}

	#faithlogfeed ul {
		padding-left: 0;
	}

	#faithlogticker {
		width:auto;
	}
} /* This closes media query */