@charset "UTF-8";

/**************************************************/
/**************************************************/
/**************************************************/

/* Start General Styles */

* {
	padding:0; margin:0;
}

html {
	overflow-y:scroll;
}

html, body {
	width:100%; height:100%;
	background:#fff;
}

img {
	border:0;
}

a {
	outline:none;
}

input {
	outline:none;
}

.clear {
	clear:both;
}

/* End General Styles */


.cleanH {
	font-weight: normal; 
}
.wrapper .maincontent ul.nobullets {
	margin:0;padding:0;
}
ul.nobullets li {
	list-style: none;
	margin:0; padding:0;
}


/**************************************************/
/**************************************************/
/**************************************************/

/* iphone elements */

.iphoneclear {
	display:none;
}

.topbar-iphone {
	display:none;
}

.topbar .search-iphone {
	display:none;
}

.iphoneblackbox {
	display:none;
}

.iphoneorangebox {
	display:none;
}

.iphonequickfind {
	display:none;
}

.iphoneverse {
	display:none;
}

.iphonealphabetlist {
	display:none;
}

/* iphone elements */

#top-link {
	font-family:'Pictos'; font-size:30px; color:#fabd98;
	text-decoration:none;
	position:fixed; bottom:20px; right:20px;
	display:none;
}

.topbar {
	width:100%; height:60px;
	background:#feecdc;
}

.topbar .topbarwp {
	width:940px;
	position:relative;
	margin:0 auto;
}

.topbar .logo {
	height:60px;
	font-family:'Museo700'; font-size:30px; color:#ad601d;
	line-height:60px;
	float:left;
	margin:0 30px 0 0; /* right margin is actually 40px because .nav li has 10px left padding */
}

.topbar .logo a {
	font-family:'Museo700'; font-size:30px; color:#ad601d;
	text-decoration:none;
}

.topbar .nav {
	height:60px;
}

.topbar .nav ul a {
	height:60px;
	font-family:'Museo500'; font-size:14px; color:#0da79f;
	text-decoration:none;
	line-height:60px;
	float:left;
	padding:0 10px;
}

.topbar .nav ul a:hover {
	background:#4bcbc5;
	color:#fff;
}

.topbar .nav li {
	list-style-type:none;
}

.topbar .search {
	width:300px;
	position:absolute; top:50%; right:0;
	margin-top:-17.5px;
}

.topbar .search .searchbar {
	width:227px; height:31px;
	background:#fff;
	border:2px solid #4bcbc5; border-right:0;
	font-family:'Museo300'; font-size:13px; color:#777;
	float:left;
	padding:0 30px 0 10px;
}

.topbar .search .submitbt {
	width:31px; height:35px;
	background:#0da79f;
	border:2px solid #4bcbc5;
	font-family:'Pictos'; font-size:20px; color:#4bcbc5;
	text-align:center; line-height:35px;
	cursor:pointer;
}

.topbar .search .questionmark {
	font-family:'Pictos'; font-size:20px; color:#0da79f;
	text-align:center; line-height:35px;
	cursor:default;
	position:absolute; top:8px; right:38px;
}

.wrapper {
	width:940px;
	margin:30px auto;
}

.wrapper .leftcol {
	width:620px;
	float:left;
	margin:0 20px 30px 0;
}

.wrapper .rightcol {
	width:300px;
	float:left;
	margin-bottom:50px;
}

.wrapper .blackboxhp {
	width:620px; height:250px;
	background:url(img/pattern.png) center center repeat;
	position:relative;
	float:left;
	margin:0 20px 30px 0;
}

.wrapper .blackboxhp .search {
	width:580px;
	background:rgba(15,186,178,0.1);
	position:absolute; top:0;
	padding:20px;
}

.wrapper .blackboxhp .search .searchbar {
	width:490px; height:36px;
	background:#fff;
	border:2px solid #0fbab2; border-right:0;
	font-family:'Museo300'; font-size:16px; color:#777;
	float:left;
	padding:0 37px 0 10px;
}

.wrapper .blackboxhp .search .submitbt {
	width:40px; height:40px;
	background:#feecdc;
	border:2px solid #0fbab2;
	font-family:'Pictos'; font-size:24px; color:#0da79f;
	text-align:center; line-height:40px;
	cursor:pointer;
}

.wrapper .blackboxhp .search .questionmark {
	font-family:'Pictos'; font-size:22px; color:#0da79f;
	text-align:center; line-height:35px;
	cursor:default;
	position:absolute; top:31px; right:70px;
}

.wrapper .blackboxhp .text {
	width:580px;
	font-family:'Museo300'; font-size:18px; color:#fff;
	line-height:24px;
	position:absolute; bottom:0;
	padding:20px;
}

.wrapper .blackboxhp .text h3 {
	font-family:'Museo500'; font-size:24px; color:#fff;
	margin-bottom:5px;
}

.wrapper .blackboxhp .text a {
	font-family:'Museo300'; font-size:14px; color:#fff;
	font-weight:bold; text-decoration:none;
}

.wrapper .blackboxhp .text h3 .dbnext {
	font-family:'Pictos'; font-size:24px; color:#ad601d;
	font-weight:normal;
}

.wrapper .blackbox {
	width:620px; height:50px;
	background:url(img/pattern.png) center center repeat;
	position:relative;
	float:left;
	margin:0 20px 30px 0;
}

.wrapper .blackbox .text {
	width:580px; height:50px;
	font-family:'Museo500'; font-size:24px; color:#fff;
	line-height:50px;
	padding:0 20px;
	font-weight: normal;
}

.wrapper .blackbox .quickfind {
	width:440px; height:50px;
	position:absolute; top:16px; right:20px;
}

.wrapper .blackbox .quickfind select {
	font-size:12px;
	float:left;
	margin-right:7px;
}

.wrapper .blackbox .quickfind input {
	background:none;
	border:0;
	font-family:'Pictos'; font-size:24px; color:#fff;
	cursor:pointer;
	margin-left:3px;
}

.wrapper .blackbox .narrowresults {
	height:25px;
	position:absolute; top:50%; right:20px;
	margin-top:-13.5px;
}

.wrapper .blackbox .narrowresults .searchbar {
	width:190px; height:25px;
	background:#fff;
	border:1px solid #ccc;
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	padding:0 5px;
}

.wrapper .orangebox {
	width:620px; height:50px;
	background:#fef6f1;
	position:relative;
	float:left;
	margin:-20px 20px 30px 0;
}

.wrapper .orangebox .text {
	width:580px; height:50px;
	font-family:'helvetica',sans-serif; font-size:16px; color:#555;
	line-height:50px;
	padding:0 20px;
}

.wrapper .orangebox .text a {
	font-family:'helvetica',sans-serif; font-size:16px; color:#555;
}

.wrapper .orangebox .text ul {
	list-style-type:none;
}

.wrapper .orangebox .text ul li {
	float:left;
	margin-right:11px;
}

.wrapper .orangebox .text ul li:last-child {
	margin-right:0;
}

.wrapper .orangebox .text ul li a {
	font-weight:bold; text-decoration:none;
}

.wrapper .breadcrumbs {
	width:595px; height:35px;
	background:#f0fcfc;
	font-family:'helvetica',sans-serif; font-size:12px; color:#0da79f;
	line-height:35px;
	float:left;
	padding:0 5px 0 20px; margin:-20px 20px 30px 0;
}

.wrapper .breadcrumbs a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#0da79f;
	text-decoration:none; text-transform:capitalize;
}

.wrapper .breadcrumbs a:hover {
	font-family:'helvetica',sans-serif; font-size:12px; color:#0da79f;
	text-decoration:underline;
}

.wrapper .adspace {
	width:240px; height:190px;
	background:url(img/pattern-teal.png) center center repeat;
	position:relative;
	float:left;
	padding:30px; margin-bottom:30px;
}

.wrapper .adspace a {
	text-decoration:none;
}

.wrapper .adspace .text {
	width:240px;
	font-family:'Museo500'; font-size:24px; color:#0da79f;
	position:absolute; top:30px;
}

.wrapper .adspace .text .searchadqm {
	font-family:'Pictos'; font-size:22px;
	vertical-align:middle;
}

.wrapper .adspace .button {
	width:240px; height:40px;
	background:#4bcbc5;
	border-radius:5px;
	font-family:'Museo700'; font-size:18px; color:#fff;
	text-align:center; line-height:40px; text-shadow:none;
	position:absolute; bottom:30px;
}

.wrapper .adspace .button:hover {
	background:#0da79f;
}

.wrapper .maincontent {
	width:620px;
	font-family:'helvetica',sans-serif; font-size:14px; color:#777;
	line-height:22px;
	float:left;
	margin-right:20px;
}

.wrapper .maincontent hr {
	height:1px;
	background:#fff;
	border:0;
	border-top:1px dotted #ddd;
}

.wrapper .maincontent a {
	font-family:'helvetica',sans-serif; font-size:14px; color:#777;
	text-decoration:none;
}

.wrapper .maincontent h1 {
	font-family:'Museo300'; font-size:24px; color:#ad601d;
	margin-bottom:10px;
}

.wrapper .maincontent ul {
	margin-left:30px;
}

.wrapper .maincontent ul li {
	margin-bottom:5px;
}

.wrapper .maincontent ul li a {
	font-family:'helvetica',sans-serif; font-size:14px; color:#777;
	text-decoration:none;
}

.wrapper .maincontent ul a:hover {
	background:#fef6f1;
}

.wrapper .maincontent ul.alphabeticallist {
	width:175px;
	float:left;
	margin-left:30px;
}

.wrapper .maincontent ul.alphabeticallist li {
	margin-bottom:5px;
}

.wrapper .maincontent ul.alphabeticallist li a {
	font-family:'helvetica',sans-serif; font-size:14px; color:#777;
	text-decoration:none;
}

.wrapper .maincontent ul.alphabeticallist li a:hover {
	background:#fef6f1;
}

.wrapper .maincontent ul.relatedverses {
	border-top:1px dotted #ddd;
	padding:20px 30px 0 30px; margin-left:0;
}

.wrapper .maincontent ul.relatedverses a {
	color:#ad601d;
}

.wrapper .maincontent ul.relatedverses .title {
	font-weight:bold;
	margin:0 0 5px -30px;
}

.maincontent ul.ul-article-list
{
	margin:0;
}
.maincontent ul.ul-article-list li
{
	font-weight: bold;
	list-style:none;
}
.maincontent ul.ul-article-list li ul {
	margin:0;
}
.maincontent ul.ul-article-list li ul li
{
	font-weight: normal;
	list-style:none;
	margin:0; padding:0;
}

.wrapper .maincontent .line {
	width:580px;
	border-bottom:1px dotted #ddd;
	padding-bottom:30px; margin-bottom:30px;
}

.wrapper .maincontent .share {
	height:35px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	position:relative;
	margin:10px 0 30px;
}

.wrapper .maincontent .sharetitle {
	font-family:'helvetica',sans-serif; font-size:12px; color:#666;
	font-weight:bold;
	position:absolute; top:8px; left:0;
}

.wrapper .maincontent .sharetwbt {
	position:absolute; top:8px; left:50px;
}

.wrapper .maincontent .sharelikebt {
	position:absolute; top:8px; left:110px;
}

.wrapper .maincontent .shareplus1 {
	position:absolute; top:8px; left:162px;
}

.wrapper .maincontent .shareemail {
	/* position:absolute; top:7px; left:240px; */
	position:absolute; top:7px; left:50px;
}

.wrapper .maincontent .shareprint {
	/* position:absolute; top:7px; left:270px; */
	position:absolute; top:7px; left:110px;
}

.wrapper .maincontent .hpmodule {
	width:193px;
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	line-height:20px;
	float:left;
	margin-right:20px;
}

.wrapper .maincontent .hpmodule h2 {
	font-family:'Museo300'; font-size:18px; color:#666;
	margin-bottom:5px;
}

.wrapper .maincontent .hpmodule a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:underline;
	display:inline-block;
	margin-top:5px;
}

.wrapper .maincontent .hpmodule a:hover {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:none;
}

.wrapper .maincontent .hpmodule:last-child {
	margin-right:0;
}

.wrapper .maincontent .createdby {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ccc;
	margin:20px 0 0;
}

.wrapper .maincontent .openernoclick {
	font-family:'Museo500'; font-size:24px; color:#ad601d;
	margin-bottom:15px;
}

.wrapper .maincontent .opener {
	font-family:'Museo300'; font-size:24px; color:#ad601d;
	cursor:pointer;
	position:relative;
	margin-bottom:15px;
}

.wrapper .maincontent .opener .resultnumber {
	font-family:'Museo300'; font-size:16px; color:#ccc;
	margin-left:15px;
}

.wrapper .maincontent .opener .moreless {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	position:absolute;
	right:0;
}

.wrapper .maincontent h1.active {
	font-family:'Museo500';
}

.wrapper .maincontent .opened {
	border-bottom:1px dotted #ddd;
	padding:0 0 15px 30px; margin-bottom:20px;
}

.wrapper .maincontent .opened .quickfind {
	margin:0 0 20px 1px;
}

.wrapper .maincontent .opened .quickfind select {
	font-size:16px;
	float:left;
	margin-right:7px;
}

.wrapper .maincontent .bible {
	
}

.wrapper .maincontent .bible .info {
	float:left;
	margin-bottom:20px;
}

.wrapper .maincontent .bible .info .title,
.wrapper .maincontent .bible .info h1.title {
	font-family:'Museo500'; font-size:24px; color:#ad601d;
	vertical-align:baseline;
	margin-right:15px;
	display: inline;
}

.wrapper .maincontent .bible .info .translation a {
	font-family:'Museo300'; font-size:18px; color:#ccc;
	vertical-align:baseline;
}

.wrapper .maincontent .bible .nav {
	width:160px;
	font-family:'helvetica',sans-serif; font-size:12px; color:#999;
	float:right;
	margin-bottom:20px;
}

.wrapper .maincontent .bible .nav a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#999;
	text-decoration:none;
}

.wrapper .maincontent .bible .nav .pictos {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	vertical-align:middle;
	float:right;
}

.wrapper .maincontent .bible .nav .pictos a {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	text-decoration:none;
}

.wrapper .maincontent .bible .nav .chapter {
	vertical-align:middle;
	margin:0 5px;
}

.wrapper .maincontent .bible .nav .chapter a {
	margin:0 3px;
}

.wrapper .maincontent .bible .nav2 {
	font-family:'helvetica',sans-serif; font-size:12px; color:#999;
	margin-bottom:20px;
}

.wrapper .maincontent .bible .nav2 a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#999;
	text-decoration:none;
}

.wrapper .maincontent .bible .nav2 .pictos {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	vertical-align:middle;
}

.wrapper .maincontent .bible .nav2 .pictos a {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	text-decoration:none;
}

.wrapper .maincontent .bible .nav2 .chapter {
	vertical-align:middle;
	margin:0 5px;
}

.wrapper .maincontent .bible .nav2 .chapter a {
	margin:0 3px;
}

.wrapper .maincontent .bible .verse {
	clear:both;
	margin-bottom:20px;
}

.wrapper .maincontent .bible .verse .verseref {
	font-weight:bold;
	vertical-align:middle;
	float:left;
}

.wrapper .maincontent .bible .verse .moreless {
	font-family:'Pictos'; font-size:24px; color:#fabd98;
	vertical-align:middle;
	float:left;
	margin:0 20px;
}

.wrapper .maincontent .bible .verse .versetext {
	width:475px;
	vertical-align:middle;
	float:left;
}

.wrapper .maincontent .bible .verse .bibleopener {
	cursor:pointer;
	margin-bottom:10px;
}

.wrapper .maincontent .bible .verse .bibleopened {
}

/* root element for tabs  */
.wrapper .maincontent .bible .verse .tabs {
	height:35px;
	list-style:none;
	background:#f6f6f6;
	padding:0; margin:0 !important;
}

/* single tab */
.wrapper .maincontent .bible .verse .tabs li {
	list-style-image:none !important;
	text-indent:0;
	padding:0; margin-right:0 !important;
}

/* link inside the tab. uses a background image */
.wrapper .maincontent .bible .verse .tabs a {
	width:152px; height:35px;
	background:#eee;
	font-family:'helvetica',sans-serif; font-size:12px; color:#aaa;
	font-weight:bold; text-align:center; line-height:35px; text-decoration:none;
	position:relative; top:0;
	display:block;
	float:left;
	padding:0; margin-right:4px;
}

.wrapper .maincontent .bible .verse .abouttabs a {
	width:204px; height:35px;
	background:#eee;
	font-family:'helvetica',sans-serif; font-size:12px; color:#aaa;
	font-weight:bold; text-align:center; line-height:35px; text-decoration:none;
	position:relative; top:0;
	display:block;
	float:left;
	padding:0; margin-right:4px;
}

.wrapper .maincontent .bible .verse .abouttabs a:last-child {
	margin-right:0;
}

.wrapper .maincontent .bible .verse .tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.wrapper .maincontent .bible .verse .tabs a:hover {
	background:#ddd;
	color:#999;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.wrapper .maincontent .bible .verse .tabs .current {
	background:#f69051;
	color:#fff !important;
	cursor:default !important;
}

.wrapper .maincontent .bible .verse .tabs .current:hover {
	background:#f69051;
	color:#fff !important;
	cursor:default !important;
}

.wrapper .maincontent .bible .verse .tabs li.current a {
	background:#f69051;
	color:#fff !important;
	cursor:default !important;
}

/* initially all panes are hidden */ 
.wrapper .maincontent .bible .verse .panes .pane {
	display:none;
}

.wrapper .maincontent .bible .verse .panes div {
	background:#f6f6f6;
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	padding:20px;
}

.wrapper .maincontent .bible .verse .panes div a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:underline;
}

.wrapper .maincontent .bible .verse .panes div a:hover {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:none;
}

.wrapper .maincontent .bible .verse .panes div h1 {
	font-family:'Museo300'; font-size:16px; color:#555;
	margin-bottom:5px;
}

.wrapper .maincontent .bible .verse #verseinfo {
	background:#f6f6f6;
	padding:15px 30px;
}

.wrapper .maincontent .bible .verse #verseinfo a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:underline;
}

.wrapper .maincontent .bible .smallprint {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ccc;
}

.titlesearch {
	font-family:'Museo500'; font-size:18px; color:#666;
}

.formfieldsmall {
	width:285px; height:40px;
	background:#eee;
	border:0;
	font-family:"helvetica","arial",sans-serif; font-size:16px; color:#333;
	line-height:40px;
	outline:none;
	float:left;
    margin:0 10px 10px 0; padding:0 10px;
}

.formfieldsmall:focus {
	box-shadow:0 3px 0 #f69051;
}

.formfieldbig {
	width:600px; height:200px;
	background:#eee;
	border:0;
	font-family:"helvetica","arial",sans-serif; font-size:16px; color:#333;
	line-height:22px;
	outline:none;
    margin-bottom:5px; padding:10px;
}

.formfieldbig:focus {
	box-shadow:0 3px 0 #f69051;
}

.norightmargin {
	margin-right:0;
}

.contactformsendbt {
	background:#ad601d;
	border:0;
	font-family:"Museo500"; font-size:16px; color:#fff;
	cursor:pointer;
	float:left;
	padding:7px 15px;
}

.wrapper .sidebar {
	width:300px;
	float:left;
}

/* root element for tabs  */
.wrapper .sidebar .tabs {
	height:50px;
	list-style:none;
	background:#eee;
	padding:0; margin:0 !important;
}

/* single tab */
.wrapper .sidebar .tabs li {
	list-style-image:none !important;
	text-indent:0;
	padding:0; margin-right:0 !important;
}

/* link inside the tab. uses a background image */
.wrapper .sidebar .tabs a {
	width:98px; height:50px;
	background:#ddd;
	font-family:'Pictos'; font-size:30px; color:#aaa;
	text-align:center; line-height:55px; text-decoration:none;
	position:relative; top:0;
	display:block;
	float:left;
	padding:0; margin-right:3px;
}

.wrapper .sidebar .tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.wrapper .sidebar .tabs a:hover {
	background:#ccc;
	color:#999;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.wrapper .sidebar .tabs .current {
	background:#ad601d;
	color:#fff !important;
	cursor:default !important;
}

.wrapper .sidebar .tabs .current:hover {
	background:#ad601d;
	color:#fff !important;
	cursor:default !important;
}

.wrapper .sidebar .tabs li.current a {
	background:#ad601d;
	color:#fff !important;
	cursor:default !important;
}

/* initially all panes are hidden */ 
.wrapper .sidebar .panes .pane {
	display:none;
}

.wrapper .sidebar .panes div {
	background:#eee;
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	padding:20px 20px 10px;
}

.wrapper .sidebar .panes div a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:underline;
	display:inline-block;
	margin-bottom:10px;
}

.wrapper .sidebar .panes div a:hover {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ad601d;
	text-decoration:none;
}

.wrapper .sidebar .panes div h1,
.wrapper .sidebar .panes div h3
{
	font-family:'Museo300'; font-size:16px; color:#555;
	margin-bottom:10px;
}

.wrapper .sidebar .socialbts {
	position:relative;
	padding-top:30px;
}

.wrapper .sidebar .socialbts .twitterbt, .fbbt {
	height:40px;
	background:#feecdc;
	border-radius:5px;
	font-family:'JustVectorRegular'; font-size:35px; color:#fff;
	line-height:45px; text-decoration:none;
	float:left;
	display:block;
	padding:0 33px; margin:0 5px 10px 0;
}



.wrapper .sidebar .socialbts .twitterbt:hover, .fbbt:hover {
	background:#4bcbc5;
}

.wrapper .sidebar .socialbts .blogbt {
	height:40px;
	background:#feecdc;
	border-radius:5px;
	font-family:'Museo700'; font-size:18px; color:#fff;
	line-height:43px; text-decoration:none;
	float:left;
	display:block;
	padding:0 29px; margin:0 0 10px 0;
}

.wrapper .sidebar .socialbts .blogbt:hover {
	background:#4bcbc5;
}

.wrapper .sidebar .socialbts .fb-like {
	position:absolute; top:80px; left:170px;
	z-index:2;
}

.wrapper .sidebar .socialbts .twitter-follow-button {
	position:absolute; top:80px; left:0;
	z-index:1;
}

.wrapper .sidebar .socialbts .middot {
	font-family:'helvetica',sans-serif; font-size:12px; color:#ccc;
	position:absolute; top:85px; left:140px;
}

.footer {
	width:940px;
	border-top:4px solid #ddd;
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	clear:both;
	padding-top:10px; margin:0 auto;
}

.footer a {
	font-family:'helvetica',sans-serif; font-size:12px; color:#777;
	text-decoration:none;
}

.answersdetails p {
	margin-bottom:1em;
}
.answersdetails h2 {
	font-family:'Museo300'; font-size:18px; color:#666;
	margin-bottom:5px;
	font-weight: normal;
}

/**************************************************/
/**************************************************/
/**************************************************/

/* only ipad - @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { */

/* everywhere, including browser - @media screen and (max-width: 768px) { */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.topbar .topbarwp {
		width:768px;
	}
	
	.topbar .nav {
		position:absolute;
		right:0;
	}
	
	.topbar .search {
		width:728px; height:50px;
		background:#edfffe;
		position:fixed; top:100px; left:20px;
	}
	
	.topbar .search .searchbar {
		width:615px; height:31px;
		border-right:2px solid #4bcbc5;
		position:absolute; top:9.5px; left:20px;
	}
	
	.topbar .search .submitbt {
		width:31px; height:35px;
		position:absolute; top:9.5px; right:20px;
	}
	
	.wrapper {
		width:748px;
		margin:30px 0 0 20px;
	}
	
	.wrapper .leftcol {
		width:748px;
		margin:0 20px 30px 0;
	}
	
	.wrapper .rightcol {
		width:748px;
		margin:0 20px 30px 0;
	}
	
	.wrapper .blackboxhp {
		width:728px;
		margin:0 20px 30px 0;
	}
	
	.wrapper .blackboxhp .search {
		width:688px;
		padding:20px;
	}
	
	.wrapper .blackboxhp .search .searchbar {
		width:618px;
		border-right:2px solid #4bcbc5;
		padding:0 10px; margin-right:10px;
	}
	
	.wrapper .blackboxhp .text {
		width:688px;
		padding:20px;
	}
	
	.wrapper .blackbox {
		width:728px;
		margin:55px 20px 30px 0;
	}
	
	.wrapper .blackbox .text {
		width:688px;
		padding:0 20px;
		font-weight: normal;
	}
	
	.wrapper .blackbox .quickfind {
		width:493px; height:50px;
		position:absolute; top:10px; right:-15px;
	}
	
	.wrapper .orangebox {
		width:728px;
		margin:0 20px 30px 0;
	}
	
	.wrapper .orangebox .text ul {
		list-style-type:none;
	}
	
	.wrapper .orangebox .text ul li {
		float:left;
		margin-right:15px;
	}
	
	.wrapper .orangebox .text ul li:last-child {
		margin-right:0;
	}
	
	.wrapper .orangebox .text ul li a {
		font-weight:bold; text-decoration:none;
	}
	
	.wrapper .orangebox .text {
		width:688px;
		padding:0 20px;
	}
		
	.wrapper .adspace {
		width:294px; height:225px;
		padding:30px; margin:0 20px 0 0;
	}
	
	.wrapper .adspace .text {
		width:294px;
	}
	
	.wrapper .adspace .button {
		width:294px;
	}
	
	.wrapper .maincontent {
		width:728px;
		margin-right:20px;
	}
		
	.wrapper .maincontent ul.alphabeticallist {
		width:212px;
		margin-left:30px;
	}
		
	.wrapper .maincontent .bible .verse .versetext {
		width:615px;
	}
	
	/* link inside the tab. uses a background image */
	.wrapper .maincontent .bible .verse .tabs a {
		width:179px;
		padding:0; margin-right:4px;
	}
		
	.wrapper .sidebar {
		width:354px;
	}
	
	/* link inside the tab. uses a background image */
	.wrapper .sidebar .tabs a {
		width:116px;
		padding:0; margin-right:3px;
	}
	
	.wrapper .sidebar .panes div {
		min-height:195px;
	}
	
	.footer {
		width:728px;
		padding-top:10px; margin-left:20px;
	}
}

/* @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	html, body {
		width:100%; height:100%;
		background:#feecdc;
	}
	
	.topbar {
		width:100%;
	}
	
	.topbar .topbarwp {
		width:100%;
	}
	
	.topbar .logo {
		width:100%;
		text-align:center;
		position:relative;
		margin:20px 0;
		z-index:3;
	}
	
	.topbar .logo a {
		font-family:'Museo700'; font-size:65px; color:#fff;
		text-decoration:none;
	}
	
	.topbar .nav {
		position:relative;
		margin-left:20px;
		z-index:3;
	}
	
	.topbar .nav ul a {
		width:260px; height:60px;
		background:#0da79f;
		border-radius:10px;
		font-family:'Museo500'; font-size:20px; color:#fff;
		text-align:center; text-decoration:none;
		line-height:60px;
		padding:0 10px; margin-bottom:5px;
	}
	
	.topbar .nav li {
		list-style-type:none;
	}
	
	 .search {
		display:none;
	}
	
	.topbar .search-iphone {
		position:relative;
		padding-left:20px; margin-bottom:10px;
		display:block;
		z-index:2;
	}
	
	 .topbar .search-iphone .searchbar-iphone {
		width:205px; height:40px;
		background:#fff;
		border:2px solid #0fbab2;
		font-family:'Museo300'; font-size:12px; color:#777;
		float:left;
		padding:0 10px;
	}
	
	.topbar .search-iphone .submitbt-iphone {
		height:40px;
		background:#feecdc;
		border:2px solid #0fbab2;
		font-family:'Pictos'; font-size:24px; color:#0da79f;
		text-align:center; line-height:40px;
		cursor:pointer;
	}
	
	.wrapper {
		width:100%;
		margin:0;
	}
	
	.wrapper .leftcol {
		width:100%;
		margin:0;
	}
	
	.wrapper .blackboxhp {
		width:100%;
		background:none;
		position:fixed; top:0; left:0;
	}
	
	.wrapper .blackboxhp .search {
		display:none;
	}
	
	.wrapper .rightcol {
		display:none;
	}
	
	.wrapper .blackboxhp .text {
		display:none;
	}
	
	.wrapper .blackbox {
		display:none;
	}
	
	.wrapper .orangebox {
		display:none;
	}
	
	.wrapper .adspace {
		display:none;
	}
	
	.wrapper .maincontent {
		display:none;
	}
	
	.wrapper .sidebar {
		display:none;
	}
	
	.footer {
		width:280px;
		border:none;
		font-family:'helvetica',sans-serif; font-size:12px; color:#0da79f;
		text-align:center;
		clear:both;
		padding-top:15px; margin-left:20px;
	}
	
	.footer a {
		font-family:'helvetica',sans-serif; font-size:11px; color:#0da79f;
		text-decoration:none;
	}
	
	.footer .disappear {
		display:none;
	}
} */

/**************************************************/
/**************************************************/
/**************************************************/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'Museo700';
    src: url('fontface/museo/700/Museo700-Regular-webfont.eot');
    src: url('fontface/museo/700/Museo700-Regular-webfont.eot?iefix') format('eot'),
         url('fontface/museo/700/Museo700-Regular-webfont.woff') format('woff'),
         url('fontface/museo/700/Museo700-Regular-webfont.ttf') format('truetype'),
         url('fontface/museo/700/Museo700-Regular-webfont.svg#webfontNpXBDqia') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500';
    src: url('fontface/museo/500/Museo500-Regular-webfont.eot');
    src: url('fontface/museo/500/Museo500-Regular-webfont.eot?iefix') format('eot'),
         url('fontface/museo/500/Museo500-Regular-webfont.woff') format('woff'),
         url('fontface/museo/500/Museo500-Regular-webfont.ttf') format('truetype'),
         url('fontface/museo/500/Museo500-Regular-webfont.svg#webfontQF7qPaga') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo300';
    src: url('fontface/museo/300/Museo300-Regular-webfont.eot');
    src: url('fontface/museo/300/Museo300-Regular-webfont.eot?iefix') format('eot'),
         url('fontface/museo/300/Museo300-Regular-webfont.woff') format('woff'),
         url('fontface/museo/300/Museo300-Regular-webfont.ttf') format('truetype'),
         url('fontface/museo/300/Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Pictos Font
* Copyright © 2010 Drew Wilson
* http://www.drewwilson.com  -  http://pictos.drewwilson.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Drew Wilson. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* This font is NOT free. It is illegal to use this font without paying for a license. 
*/

@font-face {
	font-family: 'Pictos';
	src: url('fontface/pictos/pictos-web.eot');
	src: local('☺'), url('fontface/pictos/pictos-web.woff') format('woff'), url('fontface/pictos/pictos-web.ttf') format('truetype'), url('fontface/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 6, 2011 */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 4, 2011 */

@font-face {
    font-family: 'JustVectorRegular';
    src: url('fontface/justvector/justvector-webfont.eot');
    src: url('fontface/justvector/justvector-webfont.eot?#iefix') format('eot'),
         url('fontface/justvector/justvector-webfont.woff') format('woff'),
         url('fontface/justvector/justvector-webfont.ttf') format('truetype'),
         url('fontface/justvector/justvector-webfont.svg#webfontmuk63VQd') format('svg');
    font-weight: normal;
    font-style: normal;

}


#adminPanel {
    background: #f2f2f2;
    border-bottom:1px solid black;
    box-shadow:inset 0px -3px 6px #000;
    padding:1em;
}
#adminPanel h3 {
    margin:-1em -1em 0.3em -1em;
    padding:0.5em;
    padding-left:1em;
    color:#777;
}