/* Uncomment for Development version */
/*@import 'blueprint/screen.css';*/
/*@import '/css/diagnostics.css';*/
/* Uncomment for Production version */
@import 'blueprint/compressed.css';

@import 'jquery.countdown.css';
@import 'navbar.css';
@import 'lytebox.css';

body {
  margin:0;
  /*background-color:black;*/
  /*background-color:#704a21;*/
  background-color:#020236;
  /*color: #787878 !important;*/
  color:#29303B !important;
}

a, a:visited {color:#4D351D;}

a:hover, a:focus {color:#8B6E46;}

.scripture {
  display:block;
  border-left:1px solid #eee;
  /*border-left-color:#90602a;*/
  border-left-color:#ccb697;
  padding:0 1em;
  text-indent:-1.75em !important;
}

sup {
  font-style:normal;
  /*color:blue;*/
  color:#21218F;
}

.scripturetext {
  font-style:normal;
  /*color:#666;*/
  color:#c00;
  margin-bottom:1em;
  padding-left: 1.5em;
  font-size:1.2em;
  font-face:Arial, Helvetica, Verdana;
}

.scriptureref {
  font-weight:700;
  display:block;
  float:right;
  margin-right:.5em;
  /*color:#069;*/
  color:#21218F;
}

.versenum {
  width: 1em;
  float: left;
}

.textright {
  text-align:right;
}

.content p {
  text-align:justify;
}

h1 {
  font-size:200%;
}

.container h1 {
  display:none;
}

.container {
  background-color:#eee3c3;
  background-image:url('images/bg_paper_top.jpg');
  /*border:1px solid #4d351d;*/
}

#content {
  padding-top:10px !important;
}

h2 {
  font-size:150%;
  /*color:navy;*/
  /*color: #704a21;*/
  color:#302921;
}

.referencetext {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  /*color: #069;*/
  color:#21218F;
}

.copyright {
  font-size:80%;
  color:#c0c0c0;
}

#header {
  background-image:url('images/header_logo_15.jpg');
  height:150px;
  text-indent:-3000px;
}

#navbar {
  text-align:center;
}

#footer {
  /*background-color:#222;*/
  background-color:#d0c6a3;
  color:#ddd;
  vertical-align:middle;
  /*border:1px solid #ddd;
  border-width:1px 0 0;*/
}

#footer .copyright {
  color:#888;
  font-size:90% !important;
  font-weight:700;
  margin-top:10px;
  margin-bottom:10px;
  float:left;
}

.right {
  float:right;
}

.helptext {
  cursor:help;
  border-bottom:1px dotted blue;
}

.normal {
  font-style:normal;
}

#skinny_map_wrapper #sidebar_map_wrapper #header #header_left {
  display:none !important;
}

#skinny_map_wrapper #footer_wrapper #footer_link {
  visibility:none !important;
}

.scripturetiphdr {
  background:#d5ebf9 url('images/scripture_book.gif') no-repeat top left;
  border:1px solid #a5cfe9;
  color:#4b7a98;
  /*filter:alpha(opacity=85);*/
  font:bold 11px Arial;
  /*opacity:0.85;*/
  padding:3px;
  text-align:left; /* IE fix*/
  text-indent:40px;
  vertical-align:middle;
  width:250px;
}

.scripturetipbdy {
  background:#fff url('images/quote.jpg') no-repeat top left;
  border:1px solid #a5cfe9;
  border-top:0;
  color:#1b4966;
  /*filter:alpha(opacity=85);*/
  font:11px Arial;
  /*opacity:0.85;*/
  padding:3px 18px;
  text-align:left; /* IE fix*/
  width:220px;
}

.scripturetiphdr a {
  float:right;
  font-size:9.33px;
  line-height:11px;
  text-indent:0;
  vertical-align:middle;
}

.center {
  text-align: center;
}

#rightColumn h4 {
  margin-top: 18px;
}

div#translate, div#social {
  padding: 18px 5px 0 25px;
}

div#social a.a2a_dd {
  margin-left: 21px;
}

form fieldset { border:none;padding:0; }

#msg {
  height:auto;
  min-height:51px;
  padding:3px 0 3px 52px;
  width:87%;
  margin-bottom:1em;
  background-color:#fff;
}

#msg.success {
  background: #fff url('images/success.png') no-repeat 3px 3px;
  border:2px solid green;
  color:#54864E !important;
}

#msg.error {
  background: #fff url('images/error2.png') no-repeat 3px 3px;
  border:2px solid #f00;
  color:#980202 !important;
}

#msg.warning {
  background: #fff url('images/warning2.png') no-repeat 3px 3px;
  border:2px solid #ffa500;
  color:#ff7507 !important;
}

#msg.info {
  background: #fff url('images/info2.png') no-repeat 3px 3px;
  border:2px solid #00f;
  color:#26588A !important;
}

#msg h2	{ font-size:150%;margin:0 !important; height:22px; }
#msg p	{ font-weight:bold;margin:0 !important; padding:0 3px 3px 3px; }

#msg.success h2 {color:green;}
#msg.error h2 {color:#f00;}
#msg.warning h2 {color:#ffa500;}
#msg.info h2 {color:#00F;}

.label {
  display:block;
}

input[type=text], textarea{
  outline:none !important;
}

.focusField{
  border:solid 2px #73A6FF !important;
  background:#EFF5FF !important;
  color:#000 !important;
  margin:0.5em 0;
  width: 300px;
  padding:5px;
}

.idleField{
  background:#efefef !important;
  color: #6F6F6F !important;
  border: solid 2px #DFDFDF !important;
  margin:0.5em 0;
  width: 300px;
  padding:5px;
}

#bsq.focusField, #bcq.focusField, #psq.focusField, #bsq.idleField, #bcq.idleField, #psq.idleField {
  width:50px;
}

textarea.focusField{
  width: 400px;
}

textarea.idleField{
  width: 400px;
}

.required {
  border:2px solid red !important;
  background-color: #FBE3E4 !important;
}
.red {
  color:red;
  font-size:22px;
  margin-left:3px;
  height:16px;
  overflow:hidden;
  width:4px;
}
.blue {
  color:#73A6FF;
  margin-left:3px;
  height:1.5em;
  overflow:hidden;
  font-weight:700;
}

#footer .copyright a, #footer .copyright a:focus, #footer .copyright a:hover, 
#footer .copyright a:visited {color:#888;text-decoration:none;}

.statusbar {
  position: fixed;
  bottom: 5px;
  left: 0px;
  right: 0px;
  height: 16px;
  padding: 5px 10px 5px 100px;
  background: black;
  color: white;
  border: 2px solid lightgray;
  opacity: .80;
  filter: alpha(opacity="80");
  z-index: 200;
  overflow: hidden;
  overflow-y: hidden;
  font-weight:bold !important;
  text-align:left !important;
}

.statusbar div {
  display:inline;
}

.statusbarhighlight {
  font-weight: bold !important;
  background-color: khaki;
  color: Maroon;
  border: 2px solid silver;
  opacity: .90;
  filter: alpha(opacity="90");
}

.statusbarclose {
  float:right;
}

.statusbar .referencetext {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.statusbar .helptext {
  cursor:help;
  border-bottom:2px dotted blue;
  /*background-color:white;*/
}

ul#navmenu {
  list-style:none;
  /*color:#c00;*/
  color:#4D351D;
  font-weight:700;
  font-size:110%;
  padding-right:0;
  margin-right:0 !important;
}

ul#navmenu li {
  padding:5px;
  border-bottom:1px solid #CCB697;
}

ul#navmenu li:hover, ul#navmenu li.active {
  /*color:#ffc;*/
  color:#8B6E46 !important;
}

ul#navmenu li a, ul#navmenu li a:visited {
  /*color:#c00;*/
  color:#4D351D;
  text-decoration:none;
  padding-left:20px;
}

ul#navmenu li a:hover, ul#navmenu li.active a , ul#navmenu li.active a:hover {
  color:#8B6E46;
  text-decoration:underline;
}

#downloads, #recommended {
  padding-top:.1em;
  margin:1em 0;
  margin-right:10px;
  /*background-color:#ffc;*/
  /*background-color:#fff3d1;*/
  color:#4d351d;
  /*border:1px solid #CCA552;*/
}

#recommended {margin-left:1em;padding-left:5px;margin-right:0px;}

#downloads h4, #recommended h4 {
  color:#4d351d;
}

#recommended h4 {margin-bottom:0.5em;}

#recommended div {padding-left:22px !important;}

.rotator1 {
  height:9em;
  overflow:hidden;
}

.rotator div {
  height:100%;
}

p.links {padding-left:40px;}

.media {margin:0 auto;}

#flash {position:relative;z-index:0;}

.bigger{font-size:120%;line-height:20%;}
.bold{font-weight:700;}
.line{height:18px;}
.smaller{font-size:0.5em;line-height:0.5em;}

.directions {font-size:120%;}
.directions td {padding-top:0;vertical-align:top;}
.directions td h3 {margin-top:.4em;}
.picture {text-align:center;margin:1em 0 2em;}
.picture a img {border: 1px dotted #21218f;}
.caption {font-weight:700;color:#21218f;font-size:80%;}
td.step {
  background:transparent url('images/step_blank.png') no-repeat top;
  font-size:16px;
  font-weight:700;
  line-height:16px;
  padding:10px 0 0 5px;
  text-indent:14px;
}
dl#alist {margin:4em 10px;}
dl#alist dt {margin-bottom:10px;}
dl#alist dd {margin-top:3px;text-indent:10px;}
dl#alist dd a {display:block;text-indent:5px;padding-bottom:0;}

.smlabel{font-size:0.9em;line-height:0.9em;color:#888;}
.smlabel b {color:#21218f;}

div.info {
  height:auto;
  min-height:51px;
  padding:3px 0 3px 52px;
  /*width:100%;*/
  margin-bottom:1em;
  background: #fff url('images/info.gif') no-repeat 3px 3px;
  border:2px solid #00f;
  color:#26588A !important;
}

p.spacer {height:2em; line-height:1em;clear:both;}