@charset "UTF-8";



/* CSS Document */

/* CSS Document */

/*

radiotheatre_screen.css

Copyright 2010, LiveDog Productions, LLC

Created: 12/22/2010

Version: 1.0

*/

/*modified resets*/

html,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;

	vertical-align:baseline;

	border:0;

	outline:0;

	background:transparent

}



ol,ul {

	list-style:none

}



blockquote,q {

	quotes:none

}

table {

	border-collapse:collapse;

	border-spacing:0

}



div,span,ul,ol,dl,li,dt,dd,form,input {

	overflow:hidden

}



.clear {

	font-size:0;

	clear:both;

	text-indent:-9999px;

	overflow:hidden;

	height:1px

}



#header,#header div,#header ul,#header li,#headerDiv {

	overflow:hidden!important

}



#section1 {

	display:none

}



#section2,#Div3,.contents,.content,#mainContent {

	width:1043px;

	overflow:visible

}



#section2 {

	margin-left:15px;

	margin-top:-20px

}



/*main layout divs*/

#rtContent {

	position:relative;

	z-index:1;

	width:1000px;

	font-family:Arial,Helvetica,sans-serif;

	font-size:14px;

	color:#333;

	line-height:1.2;

	margin: 0 auto;

}



#logoBox {

	height:63px;

	width:1022px;

	margin:0 0 0 -10px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/logobox.ashx) no-repeat

}



#masthead {

	width:1002px;

	height:404px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/masthead_bg.ashx) no-repeat

}



#aboutRT {

	width:1022px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/about.ashx) no-repeat #FFF;

	font-family:Georgia,"Times New Roman",Times,serif;

	font-weight:700

}



#awards {

	width:1009px;

	height:118px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/awards.ashx) 30px 0 no-repeat

}



#bottomInfo {

	font-family:Georgia,"Times New Roman",Times,serif;

	font-size:13px;

	color:#999;

	width:972px;

	padding:30px 15px;

	background:#FFF

}



/*hide text*/

#logoBox h3,#logoBox h1,#masthead h2,#masthead li a,#newProducts h3,#newProducts h4 a,#newProducts li a,#nowAndThen h2,#nowAndThen h3,#nowAndThen p a,#nowAndThen .rtColumnRight h4.browse a,#aboutRT h2,#aboutRT h3 a,#aboutRT #awards,#bottomInfo h3,#bottomInfo cite,#aboutRT blockquote cite {

	font-size:0;

	text-indent:-9999px

}





/*logobox styles*/

#logoBox h1 {

	top:16px;

	left:130px;

	position:absolute;

	z-index:30;

	width:237px;

	height:54px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/logo.ashx) no-repeat

}



#logoBox p {

	float:right;

	width:200px;

	margin:18px 25px 0 0;

	font-family:Georgia,"Times New Roman",Times,serif;

	color:#999;

	font-size:11px;

	font-weight:700

}



/*masthead styles*/

#masthead p {

	width:337px;

	margin:140px 0 0 80px;

	font-size:16px;

	text-align:center;

	font-style:italic

}



#masthead li {

	display:inline;

	float:left

}



#masthead li a {

	display:block;

	margin:60px 0 0 20px;

	width:177px;

	height:41px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -1140px 0 no-repeat

}



#masthead li:first-child a {

	width:217px;

	height:63px;

	margin:48px 0 0 30px;

	background-position:-905px -54px

}



#masthead li a:hover {

	background-position:-1323px 0

}



#masthead li:first-child a:hover {

	background-position:-1128px -54px

}



/*image shadows*/

/*

#nowPlaying img,#aboutRT img {

	-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.5);

	-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.5);

	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='#555555')";

	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='#555555');

	box-shadow:4px 4px 5px rgba(0,0,0,0.5)

}

*/



/*now playing*/

/*

#newProducts {

	float:left;

	margin:0;

	width:1002px;

	height: 345px;

	background: url(images/new2.jpg) 0 0 no-repeat;

}

*/



#newProducts {

	width:1002px;

	height:345px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/new.ashx) 0 0 no-repeat

}



#newProducts img {

	margin:50px 0 20px 30px;

	float:left;

	padding:15px;

	background:#fff

}



#newProducts h2,#newProducts h4 {

	float:left;

	width:305px;

	margin:0 0 0 30px

}



#newProducts h4 {

	width:67px;

	height:77px

}



#newProducts h2 {

	margin:50px 0 25px 30px

}



#newProducts h2 a {

	font-size:26px;

	font-weight:400;

	font-family:Georgia,"Times New Roman",Times,serif;

	text-decoration:none;

	color:#333

}



#newProducts h2 a:hover {

	color:#666

}



#newProducts h4 a {

	float:left;

	margin-top:10px;

	display:block;

	width:67px;

	height:67px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -809px -148px no-repeat

}



#newProducts h4 a:hover {

	background-position:-735px -239px

}



#newProducts .available {

	text-transform:lowercase;

	float:left;

	width:330px;

	margin:13px 0 0;

	font-weight:700;

	color:#666;

	font-size:16px;

	font-family:Georgia,"Times New Roman",Times,serif;

	line-height:1.6;

	height:87px

}



#newProducts .available p {

	float:left;

	width:220px;

	margin:10px 0 0 10px

}



#newProducts .available span {

	display:block;

	color:#8a321e;

	font-size:14px;

	font-family:Arial,Helvetica,sans-serif;

	text-transform:uppercase

}



#newProducts li a {

	margin:0 0 0 30px;

	display:block;

	width:191px;

	height:63px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -468px -322px no-repeat

}



#newProducts li a.listen {

	margin-top:55px

}



#newProducts li a.listen:hover {

	background-position:-468px -389px

}



#newProducts li a.find,#newProducts li a.purchase {

	width:177px;

	height:41px;

	margin:25px 0 0 45px

}



#newProducts li a.find {

	background-position:-277px -441px

}



#newProducts li a.find:hover {

	background-position:-277px -491px

}



#newProducts li a.purchase {

	margin:70px 0 10px 45px;

	background-position:-277px -545px

}



#newProducts li a.purchase:hover {

	background-position:-277px -592px

}



#newProducts li.cd {

	text-align:center;

	padding-left:25px

}



/*new product section*/

#new-left {

	width:275px;

	height:345px;

	position:relative;

	float:left;	

}



#ribbon {

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/introducingRibbon.ashx) 0 0 no-repeat;

	width: 275px;

	height:70px;

	display:block;

	position:relative;

}



#productCover {

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/cs-lewis-at-war-cover.ashx) 0 0 no-repeat;

	width: 200px;

	height:289px;

	margin: -40px 0 0 35px;

	z-index:0;

	display:block;

}



#new-right {

	width: 672px;

	margin-left: 30px;

}



#productTitle {

	width: 672px;

	height: 78px;

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/dramatic-story-behind.ashx) no-repeat;

	background-position: center top;

	margin: -3px 0 8px 0;

}



#prodDesc_left {

	width: 328px;

	position: relative;

	float:left;

}



#prodDesc_left p {

	line-height:1.8em;

	margin-top:-.3em;

	font-size: 14px;

}



#prodDesc_right {

	width: 321px;

	height: 180px;

	position:relative;

	float:right;

}



#prodDesc_right li {

	margin: 0 0 5px 15px;

	font: 14px Arial,Helvetica,sans-serif;

	padding-left:8px;

	list-style: inside url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/bullet-point.ashx);

/* 	text-indent:-2em; */

}



#learnMore {

	width:672px;

}



#learnMore a {

	margin:10px 0 0 250px;

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/learn-more-lewis.ashx) 0 0 no-repeat;

	text-indent: -9999px;

	display:block;

	height: 37px;

}



#learnMore a:hover {

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/learn-more-lewis.ashx) 0 -36px no-repeat;

}

/* end new product section */



/*now and then*/



.rtColumn { 

	float:left; 

	width:462px; 

	margin:140px 0 0 50px; 

}



.rtColumnRight {

	width:390px;

	margin-left:90px

}



#currently {

	width: 466px;

	height: 229px;

	position:relative;

	float:left;

	margin: 138px 20px 10px 48px;

}



.rtColumn h6 a {

	font: 18px Georgia,serif;

	color:white;

	text-decoration: none;

}



.rtColumn h6 a:hover {

	border-bottom: 1px dotted white;

}



.title_image {

	width: 462px;

	border-bottom: 2px dashed #666666;

	padding-bottom: 8px;

}



.NowPlayingTitle {

	width:235px;

}



#limitedTimeTicket {

	width: 107px;

	height:93px;

	position:absolute;

	top: 885px;

	left:330px;

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/limitedTimeTicket.ashx) 0 0 no-repeat;

}



#nowPlayingRight {

	width: 230px;

	position:relative;

	float:left;

	margin:0 0 0 15px;

}

#avail {

	color: white;

	margin: 15px 0 0 0!important;

	width:100%!important;

}



#listen_station {

	width: 462px;

	position:relative;

	float:left;

}



#listen_station img {

	border:none!important;

	background:none!important;

	margin:10px 0 20px 20px!important;

	padding:0!important;

}



#comingup {

	width: 462px;

	float:left;

	height: 25px;

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/comingup.ashx) 0 0 no-repeat;

	margin: 25px 0 8px 0;

}



.coming {

	float:left;

	margin:10px 0 15px;

	width:342px;

	font-size: 14px;

}

.buynow a {

	display:block;

	height:64px;

	width: 77px;

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/buynow.ashx) 0 0 no-repeat;

	text-indent: -9999px;

	margin-left:10px;

}



.buynow a:hover {

	background: url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/buynow.ashx) 0 -67px no-repeat;

}



#nowAndThen {

	color:#ccc;

	font-size:14px;

	width:1022px;

	height:766px;

	margin:-10px 0 0 -9px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/homepage/nowthen.ashx) no-repeat

}



#nowAndThen h5 {

	width:462px;

	clear:both;

	font-size:11px;

	color:#666;

	padding:15px 0 5px;

	font-weight:700;

	text-transform:uppercase

}



#nowAndThen h3 + h5 {

	border:none;

	padding-top:0

}



#nowAndThen h4 a {

	font-family:Georgia,"Times New Roman",Times,serif;

	color:#fff;

	font-size:18px;

	text-decoration:none

}



#nowAndThen h4 a:hover {

	border-bottom:1px dotted #fff

}



/*

#nowAndThen p {

	width:342px;

	float:left;

	margin:10px 0 15px

}

*/



/*

#nowAndThen p + p {

	width:81px;

	margin-left:15px

}



#nowAndThen p a {

	display:block;

	width:81px;

	height:50px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -319px -662px no-repeat

}

*/



#nowAndThen p a:hover {

	background-position:-319px -729px

}



#nowAndThen img {

	background:#fff;

	padding:6px;

	border:1px solid #ccc;

	float:left;

	margin:10px 15px 30px 0

}



#nowAndThen .rtColumnRight h4 {

	padding-top:30px

}



#nowAndThen .rtColumnRight h4.browse {

	padding:0

}



#nowAndThen .rtColumnRight h4.browse a {

	display:block;

	width:350px;

	height:35px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -26px -818px;

	margin:0 0 0 20px

}



#nowAndThen .rtColumnRight h4.browse a:hover {

	border:none;

	background-position:-26px -849px

}



/*about*/

#aboutRT blockquote {

	overflow:hidden;

	line-height:18px;

	font-size:18px;

	height:60px;

	width:350px;

	padding:4px 40px 120px 630px

}



#aboutRT blockquote cite {

	display:block;

	width:133px;

	height:26px;

	margin:0 15px 0 202px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -26px -1400px

}



#aboutRT blockquote span {

	line-height:11px;

	overflow:hidden;

	font-style:normal;

	font-weight:400;

	display:block;

	width:335px;

	margin:0 15px 0 0;

	text-align:right;

	font-size:11px;

	font-family:Arial,Helvetica,sans-serif

}



#aboutRT p {

	color:#999;

	width:457px

}



#aboutRT ul {

	margin:40px 0 0 20px;

	width:400px

}



#aboutRT li {

	width:150px;

	margin:0 20px 25px 0;

	float:left;

	padding-left:30px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -52px -902px no-repeat;

	font-size:16px

}



#aboutRT .rtColumn {

	width:457px;

	margin:0 0 0 30px

}



#aboutRT .rtColumnRight {

	width:500px

}



#aboutRT img {

	border:1px solid #ccc;

	margin:0 20px 20px 0;

	float:left;

	padding:10px;

	background:#fff

}



#aboutRT h3 a {

	display:block;

	width:294px;

	margin:-20px 0 0;

	height:70px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -542px -778px

}



#aboutRT h3 a:hover {

	background-position:-542px -860px

}



#aboutRT #awards li {

	background:none;

	position:absolute;

	left:15000px

}



#bottomInfo div {

	float:right;

	width:400px

}



#bottomInfo div.infoLeft {

	width:570px;

	float:left

}



#bottomInfo h3 {

	display:block;

	float:left;

	width:228px;

	height:185px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/papers.ashx) no-repeat

}



#bottomInfo blockquote {

	padding:10px 0 0 5px;

	text-align:center;

	display:block;

	float:left;

	width:367px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -421px -1036px no-repeat;

	margin:0 auto

}



#bottomInfo cite {

	margin:0 auto;

	display:block;

	width:238px;

	height:53px;

	background:url(http://www.focusonthefamily.com/~/media/images/promos/radio-theatre/backgrounds/rt_sprite.ashx) -231px -1130px no-repeat

}



#bottomInfo .bqOne {

	padding:15px 0 0 15px;

	font-size:18px;

	width:323px;

	background-position:-473px -972px

}



.bqOne:first-letter {

	font-weight:700;

	font-size:24px

}



#bottomInfo .bqTwo {

	width:238px

}



#bottomInfo .bqTwo,#bottomInfo .bqThree {

	float:none

}



#bottomInfo .bqOne cite {

	background-position:-156px -1195px

}



#bottomInfo .bqThree cite {

	background-position:-67px -1265px

}

#containerHead div,span,ul,ol,dl,li,dt,dd,form,input {

	overflow: visible;

}