/* ----------------------------------------------
	File Name : mobile.css
	Used for mobile browsers, tablets, phones, etc.
 ------------------------------------------------ */

/*
YUI 3.4.0 (build 3928)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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}caption,th{text-align:left}h1,h2,h3,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
 
 
body, .wrapper
{
   width: auto;
   /* max-width: 320px; */ /* max_width works with iPhones, but doesn't format well with new Android phones and devices that are wider than 320px */
}

/* fixes a problem with with a fixed width provided by facebook: 
   see: http://stackoverflow.com/questions/7191386/facebook-connect-on-mobile-site-expanding-the-page-width
*/
#fb-root > div { left:-575px !important; }

img {
	 max-width: 95%;
	 height: auto;
}

h3 {
	font-size: 1.5em;
	line-height: 2em;
}

li {
    margin-bottom: 10px;
}


ul, ol {
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 30px;
}


h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
    margin-top: 10px;
}

#tv-image, #votd-wall-art {
	margin-left: 0;
}

.fb-comments {
	margin-left: 0;
	max-width: 100%;
	overflow: hidden;
}

#wrap {
	width: 98%;
	max-width: 98%;
}

#featured {
	width: 100%;
	max-width: 100%;
}

#votd-logo {

width: 60px;
height: 60px;
top: 18px;
left: 0;	
float: left;

}

.bible-page #votd-logo {
	z-index: 300;
}

#header {
	height: auto;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
	
}


.cp-devo-wrapper {
 width: 96%;
 margin-left: auto;
 margin-right: auto;

}

.cp-subtitle {
    line-height: 1.5em;
    color: #737373;
    margin: 0px !important;
    padding: 10px;
}

a.cp-devo-link {
    padding: 0;
}

p.cp-text {
    margin: 0;
    padding: 0;
    width: 90%;
    margin-top: 10px;
}

.cp-subscribe {
    margin-top: 10px;
    margin-bottom: 10px;
}

#header h1#logo-text { margin: 0; padding: 0; }
#header h1#logo-text {
	margin: 0;
	padding: 0 5px 0 0;
	font: bold 33px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;  
	letter-spacing: -0.07em;
	color: #1980AF;	
	text-decoration: none;
	position: relative;
		
	text-align: left;
	display: block;
	width: auto;
	text-wrap: normal;
	white-space:normal;
	word-wrap: normal;
	padding-top: 25px;
	left: 5px;
	top: 0;

}

.bible-page #header p#slogan {
	left: 0;
}


/* hide Google+ 'cause it's causing problems on phones */
@media screen and (orientation: portrait) {
	.plus-one-wrapper {
		display: none;
	}
}

@media screen and (max-width:320px) {
  /* Target portrait smartphones */

#header h1#logo-text {
		font-family: bold 28px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;  
}

.spnsrs, .plus-one-wrapper {
	display: none;
}

.all-topics .topic {
    display: inline-block;
    width: 100%;
		height: 30px;
}

}

@media screen and (max-width:240px) {
  /* Target portrait smartphones */

#header h1#logo-text {
		font-family: bold 18px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;  
}

.spnsrs {
	display: none;
}

}

#header p#slogan {
	color: #999999;
	font-size: 11pt;
	font-style: normal;
	font-family: none;
	letter-spacing: -0.1px;
	padding: 0 0 0 8px;
	margin: 0;
	margin-top: -3px;
	clear: both;
  display: inline-block;
	position: relative;
	float: none;
	top: 0;
	left: 0;
}


#archive-link {
	display: none;
}

#g-search {
	display: none;
}

#thumbDiv {
	
	display: none;
}

#featured {
	width: 93%;
	max-width: 93%;
}

#featured .scripture {
	font-size: 2em;
	
}

#featured .text-block {
	padding: 5px;
}



#subscription-options {
	/* display: none; */
}

#social-media-sharing {
	/* width: 100%; */
	text-align: right;
	margin-top: -7px;
	width: 35%;
}

#social-media-sharing .fb-like {
	float: right;
}

.fb_iframe_widget {
    /* top: 8px !important; */
    display: inline;
    width: 125px;
}

.fb-share-button {
    margin-right: 5px;
}

#tv-image-wrapper .fb_iframe_widget iframe, #social-media-sharing .fb_iframe_widget iframe {
    width: 130px !important;
}

#pinterest-wrap {
    top: 8px;
    margin-left: 10px;
}


#content-wrap, #content-outer, #content, #left, #right, #footer-outer, #footer-wrap, #footer-bottom, #nav, #header {
	width: 100%;
	max-width: 100%;
}
#right {
	/* float: none; caused problems with CleanMedia and iPads */ 
	margin-top: 15px;
}

#content-outer {
	background: none;				
}

#content {
	margin-left: 0;
}


.entry, .footer-list, #right script, .about-text, .bottom-left p, .spnsrs, #nav {
	margin: 0 1em 1em;
}

.spnsrs {
	width: 300px;
	height: auto;
	display: inline-block;
}

#nav {
	width: auto;
	margin-top: 1em;
	margin-bottom: 0;
}

.footer-list li a {
	border: solid 1px #999;
	padding: 5px;
	margin: 5px;
	float: left;
	background: #eee;
	line-height: auto;
}

.footer-list li {
    list-style: none;
}

/* subscribe page */

#subscribe-layover {
    height: 300px;
    margin-left: 10px;
    text-align: center;
    width: auto;
}

#subscribe-layover h3 {
	padding-top: 1em;
}

@media screen and (orientation: portrait) {

#subscribe-layover h3 {
    clear: none;
    display: inline-block;
    position: relative;

    left: -20px;
    top: 20px;
}


#subscribe-layover p {
    clear: both;
    margin: 10px;
    padding-top: 10px;
}

}

.support-phone {
	text-align: center;
	margin-bottom: 15px;
}


#announcement {
	border-radius: 0;
	
}

#announcement .btn {
    margin-top: 5px;
}

#announcement-left, #announcement-right {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}

#announcement-right {
	margin-bottom: 10px;	
}

.announcement-title {
	font-size: 16pt;	
    white-space: normal;
}

.btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
	display: inline-block;
}


.addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m {
	float: none !important;
}

.addthis_inline_follow_toolbox, .addthis_inline_follow_toolbox p {
	text-align: center !important;
}

.at300b {
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
}


.addthis_inline_follow_toolbox p {
	margin-top: -10px !important;
}

.lang-landing-link {
    max-width: 250px;
}

.addthis_inline_follow_toolbox {
	height: 70px;	
}


.listen-plea strong {
    margin-right: 0px;
}


.azp-audible-image {
    max-height: 90px;
}


.moble-cma {
	text-align: center;
	margin-top: 20px;
}