/*Typography*/
@font-face {
  font-family: "Sean";
  src: url("handsean.ttf") format("truetype");
}


body{font:13px/1.5 'Helvetica Neue', Helvetica, Arial,'Liberation Sans',FreeSans, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
a:link, a:visited {color: #1b86d0; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
blockquote > div:before { content: '~ '; }
blockquote > p + div { margin-top: -1em; }

/*Structure*/
body{background: url('../../images/biblelesson/layout/background-teal.jpg') repeat}
#video{color:#fff}
#video_info{padding:10px;}


.secondary h4{color: #04525d}
.secondary h5{color: #04525d;}
.secondary h3{font-family: "Sean",sans-serif;font-weight: normal;color:#3e4140;text-shadow: 0 1px 0px #fff;}
.secondary p{padding:0 10px 0 10px}
.secondary ul{padding:1em 10px 1em 10px}
.secondary ul li{list-style-type: circle;margin-left: 20px}
.primary h2{font-family: arial,sans-serif;font-weight: normal;font-size:34px;color:#def609;text-shadow: 0 1px 0px #000;}
.primary h2 span, .primary h2 cite{font-family: arial,sans-serif;font-size: 21px}
.primary h3{font-family: "Sean",sans-serif;font-weight: normal;color:#fff;text-shadow: 0 1px 0px #000;}
.primary h3 span, .primary h3 cite{font-family: arial,sans-serif;font-size: 21px}
.primary h5{font-style: italic}

.heading h2{padding:0 0 10px 10px;line-height: 1.1em}
.heading h3{padding:10px 0 10px 10px}
.heading h4{padding:0 0 0 10px}

/*White Transparency in % transparent*/
.trans_white_63{background: transparent url('../../images/biblelesson/layout/white-63.png') repeat}
.trans_white_76{background:transparent url('../../images/biblelesson/layout/white-76.png') repeat;overflow: hidden}
.trans_white_89{background:transparent url('../../images/biblelesson/layout/white-89.png') repeat;overflow: hidden}

/*Gray Transparency*/
.heading_gray{background: #4e5354}
.trans_gray{background:transparent url('../../images/biblelesson/layout/gray-transparent.png') repeat;overflow: hidden}
.trans_gray_gradient{background: url('../../images/biblelesson/layout/gray-gradient.png') repeat top left}

/*Comments*/
.comments_list{position:relative;}
.comment strong{color:#fff}
.comment small{color:#fff;float:right;font-size:10px;}
#comment_box{padding:10px;}
#comment_box input{width: 100%;margin:10px 0 10px 0}
#comment_box textarea{width: 100%;height:100px}
.comment_author {margin:-1px 5px 0 10px;color:#fff;font-weight:bold;font-size:14px}
.comment_date {text-align:right;font-size:12px}

/*Comment Alternate*/
.alt{color:#e2eb95}
.alt .comment_author{color:#e7edb2}

/*Comment Quotes*/
.comment{color:#e0dfdf;background: url('../../images/biblelesson/layout/gray-gradient.png') repeat-x;padding:10px 10px 15px 0px;overflow: auto}
.quote{background:#404241 url('../../images/biblelesson/icons/quotes.png') no-repeat 7px 7px;margin:0 0 0 10px;padding:5px;width:20px;height:20px;float:left;}
.comment_text{margin-left:50px;font-size: 14px}

/*Space Offset*/
.offset_right{margin:15px 15px 0 0;}
 .inset_left{position:absolute;left:-20px}

/*Responsive Reading*/
.rr{padding:20px 15px 10px 10px}
.rr blockquote{font-weight: bold;font-size: 18px;padding:0 0 20px 0}
.rr blockquote cite {font-weight:normal;font-size:70%;padding-top:5px;}
.rr cite{float: right}
.rr p{line-height: 1.6em;font-size: 16px;padding:0 0 1em 0}


/*Menu*/
#menu img{padding:20px 0 10px 0}
#menu ul{position: absolute;top:37px;right:0;}
#menu ul li{display:block;float: right;padding: 5px 0 5px 0}
#menu ul li a{color:#616767;background: url('../../images/biblelesson/layout/white-63.png') repeat;padding:15px 20px 15px 20px;text-decoration: none;font-size:18px;font-weight:bold;border-right:1px solid #cef3fb}
#menu ul li a:hover{color:#404041;background: #fff;}
#menu ul li a.selected{color:#404041;background: #fff;}

/*Buttons*/
.button, .btn-post-comment {background:#dcf408;display:inline block;border:0;padding:4px 10px 4px 10px;color:#056471;font-weight: bold;text-decoration: none;}
a.button:hover, .btn-post-comment:hover {background:#f25702;color:#fff;}
.btn-post-comment {width:auto !important;cursor:pointer}
#submit-container {text-align:right}
.xhtml-description-helper {display:none;}
.sign-up {margin: 2px 0 0 326px;}

/*Graphics*/
.arrow {margin: 2px 0 0 240px;}

/*Floats*/
.fR{float: right}
.fL{float:left}