@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700|Oswald);

* {
margin:0;
padding:0;
outline:0;
}
html, body {
	padding:0px;
	margin:0px;
	line-height:1.1;
	font-size:12px;
	color:#444;
	text-align:center;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:300;
	vertical-align:top;
}
html {
	background-color:#f1f1f1;
	background:url('images/exclusive_paper.png') top center;
	background-attachment: fixed;
	}
body {
	overflow-y:auto;
	background-image:url('images/liquid_bible_logo_v.png');
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment: fixed;
	min-height:700px;
	border:5px solid #444;
	border-width:7px 0 10px 0;
}
#main_wrapper {
	max-width:660px;
	margin:0 auto 20px auto;
	-moz-box-shadow: 0px 1px 3px #000; /* FF3.5 - 3.6 */
  	-webkit-box-shadow: 0px 1px 3px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 1px 3px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
#facebook {
position:absolute;
left:50%;
top:7px;
   padding:15px;
   margin:5px 0 0 350px;
   color:#000;
	background-color:#fff;
   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
}

/* creates triangle */
#facebook:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   margin-left:20px;
   top:20px; /* controls vertical position */
	left:-35px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 15px 10px 0;
	border-color:transparent #fff;
	border-style:solid;
   width:0; 
}
a:link, a:visited {
	text-decoration:none;
	color:#2b426e;
	outline:0;
	}
a img {outline:0;border:none;}

strong {
	font-weight:bold;
}
small {
font-size:12px;
}

#content .ref a {
vertical-align:super;
font-family:'Open Sans', san-serif;
font-size:12px;
font-weight:700;
line-height:1;
padding:5px 2px 5px 5px;
}

p {
	padding:0px;
	margin:5px 0;
	}

#header, h1, .h1 {
	font-size:25px;
	font-weight:300;
	line-height:1em;
	margin:0px;
	padding:0px;
	text-align:left;
	color:#ffffff;
}
#header h1, #header .h1 {
	text-shadow: 1px -1px #444;
	}
#header {
	margin:-1px auto;
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-330px;
	width:600px;
	padding:10px 30px 20px 30px;

	  background-color: #2f4d75;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4d70a0), to(#2f4d75)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #4d70a0, #2f4d75); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #4d70a0, #2f4d75); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #4d70a0, #2f4d75); /* IE10 */
  background-image:      -o-linear-gradient(top, #4d70a0, #2f4d75); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #4d70a0, #2f4d75);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d70a0', EndColorStr='#2f4d75'); /* IE6–IE9 */
}

.browse a:link, .browse a:visited {
	font-size:1em;
	color:#333333;
	}
.browse a:hover, .browse a:active {
	font-size:1em;
	color:#ffffff;
	background-color:#2b426e;
	}

#header h1 a, #header h1 {
	color:#fff;
	font-size:35px;
	font-family:'Oswald', sans-serif;
	font-weight:700;
	margin:0 15px 0 0;
	padding:0;
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

/* End Header */
/* ----------- Begin Main Content  -------------*/

	.content1, .content2 {
		color:#000000;
		text-align:justify;
		margin:0px auto;
		padding:90px 30px 20px 30px;
		font-size:15px;
		line-height:1.9;
		overflow:auto;
		background-color:#f9f9f9;
		border:1px solid #fff;

		}
	.content2 b {
		display:none;
		}
	.verse a, .verses {
		font-weight:bold;
		font-size:1.1em;
		}
	.verse a.strongs {
		font-size:1em;
		font-weight:normal;
		border-bottom:1px dotted #003366;
		}
	.cover {
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:url('images/black.png') top center;
		display:none;
	}
	#strongs-wrapper {
		font-size:14px;
		background-color:#fff;
		text-align:left;
		padding:20px;
		position:absolute;
		top:10%;
		left:50%;
		margin-left:-320px;
	}
	#strongsdata {
		overflow:auto;
		height:300px;
		width:600px;
	}

/* End Center Column */

/* Begin Option Popup */
	#option {
		margin:0px;
		font-size:14px;
		color:#fff;
		width:360px;
		padding:5px 5px 5px 30px;
		display:none;
		position:absolute;
		top:50px;
		right:0px;
		text-align:left;
		background-color: #2f4d75;
		}
	#option p, #option form {
		margin:2px 0px;
		font-size:12px;
		}

	#option a {
	color:#fff;
	font-size:16px;
	}

	.opt {
	display:block;
	position:absolute;
	top:10px;
	right:0px;
	padding:0px 30px 0 0;
	color:#fff;
	text-align:right;
	font-size:16px;
	}
	.opt a {
	color:#fff;
	}

/* End Option Popup */
.ref-nav a {
	font-size:16px;
	padding:10px;
	line-height:18px;
	font-weight:normal;
}
#reference, #ref-vn {
	overflow:hidden;
	position:absolute;
	left:0px;
	top:60px;
	font-size:18px;
	line-height:18px;
	background-color: #2f4d75;
	padding:30px 0px 30px 30px;
	width:525px;
	display:none;
}
#reference a {
	color:#fff;
}
#reference .ref-verses a.ref {
	background-color:#fff;
	display:block;
	float:left;
	padding:5px 10px;
	margin:2px;
	width:15px;
	text-align:center;
	color:#003366;
}
#reference a.ref-books {
	background-color:#fff;
	display:block;
	float:left;
	padding:5px 0px;
	margin:2px;
	width:160px;
	text-align:center;
	color:#003366;
}
#reference a.ref-books.nt {
	background-color:#fff;
	color:#990000;
}
#reference a.ref-books:hover {
	background-color:#333333;
	color:#fff;
}
#reference .column {
	float:left;
	width:165px;
}
#ref-vn a {
	background-color:#fff;
	display:block;
	float:left;
	padding:5px 0px;
	margin:2px;
	width:244px;
	text-align:center;
	color:#003366;
}
.ref-verses {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	padding:30px 0px 30px 30px;
	width:525px;
	background-color: #2f4d75;
	height:100%;
	overflow:hidden;
}
.clear {
	clear:both;
}
.footer {
clear:both;
text-align:center;
line-height:20px;
font-size:12px;
padding:10px 10px 25px 10px;
}
.close {
	display: block;
	position:absolute;
	top:4px;
	right:5px;
	font-weight:bold;
	line-height:1;
}