/*
Theme Name: foftheme
Theme URI: http://www.sandbox.fofrisco.com
Description: Child Theme for TwentyTen
Author: William Hicks
Template: twentyten
Version: 0.1
*/

/* CSS Resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }


.alignleft {
   float: left;
   margin-right:10px;
}

.alignright {
   float: right;
   margin-left:10px;
}


/* fof styles */

body {	
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	background-color:#000;
}

#wrapper {
	text-align:left;
	margin: 0 auto;
	background-color:#FFF;
	background-image:url(images/body-original.jpg);
	background-repeat:no-repeat;
	width:1099px;
	height:767px;
	position:relative;
	background-color: #EFDFD1;

}

.jScrollPaneContainer #container {top:0;}

#container {width:409px;
height: 338px; 
position:absolute; 
top: 215px; 
left:594px;
padding:10px;
overflow:auto;
background-color: transparent;
}

#content {padding-top:10px;}

#branding {
	position:absolute;
	width:539px;
	top:138px;
	left:38px;
}

#site-title {
	width:539px;
	height:223px;
	position:relative;
}

#site-title span {
	background: url(images/headers/fof-header-sections.jpg);
	background-position:0px -0px; /*-223 -446 -669*/
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
#site-title span.primary {background-position:0 0;}
#site-title span.menu-0 {background-position:0 -223px;}
#site-title span.menu-1 {background-position:0 -446px;}
#site-title span.menu-2 {background-position:0 -669px;}


#site-title a {width:539px; height:75px; position:absolute;}

#menu-main-menu {background-color:transparent; position:absolute; top:352px; left:65px}

#menu-main-menu li#menu-item-137,
#menu-main-menu li#menu-item-53{position:absolute; width:200px;}

#menu-main-menu li#menu-item-182,
#menu-main-menu li#menu-item-191{position:absolute; left:210px; width:200px;}

#menu-main-menu li#menu-item-32,
#menu-main-menu li#menu-item-212{position:absolute; left:360px; width:200px;}

#menu-main-menu a, #menu-main-menu a:link, #menu-main-menu a:visited {color:#FFF; font-size:20px; text-decoration:none;}
#menu-main-menu a:hover {color:#FC0;}


#menu-secondary-menu {position:absolute; top:164px; left:594px; font-size:.9em;}

#menu-secondary-menu li {display:inline; margin-right:26px; float:left;}

#menu-secondary-menu a {text-decoration:none;}

#menu-secondary-menu a, #menu-secondary-menu a:link, #menu-secondary-menu a:visited {color:#FFFFFF;}
#menu-secondary-menu a:hover {color:#FC0;}


#tertiary {position:absolute; top:190px; left:590px;}
#tertiary li {display:inline; float:left; padding-right:9px;}
#tertiary a {font-size:.7em; text-decoration:none;}
#tertiary a, #tertiay a:link, #tertiary a:visited {color:#000;}
#tertiary a:hover {color:#333;}

h1 {margin-bottom:.8em; margin-top:.3em; font-size:1.2em;}

.attachment-post-thumbnail {margin-bottom:.7em;}

.entry-title {margin-bottom:1.1em;}

.entry-content {font-size:.825em; margin-bottom:1.2em;}

.entry-content h4,
.entry-content h5 {
	margin-bottom:1em;
}

.entry-content p {margin-bottom:1em; line-height:1.2}


#container .two-column .page,
#container .two-column .post
 {
	clear:left;
	margin-bottom:1.5em;
}

#container .two-column .post-thumbnail,
.double-thumb{
	float:left;
	width:160px;
	margin-bottom:1.5em;
}

#container .two-column .entry-content,
.double-entry{
		width:194px;
		margin-left:160px;
}

#container a,
#container a:link,
#container a:visited {
	color:#993333;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover {
	color: #3D1414;
}

#content ul,
#content ol {
	margin-left: 1.5em;
        margin-bottom:1em;
}
#content ol li {
	list-style: decimal outside;
}
#content ul li {
	list-style: disc outside;
}

.archive-meta {
	margin:0 0 16px 0;
}

#link-8 {position:absolute; top:130px; left:570px; width:420px; font-size:11px;}

#appended-link a,
#appended-link a:link,
#appended-link a:visited,
#appended-link a:hover {color:#FFF; text-decoration:none;}

#link-18 {position:absolute; top:79px; left:332px; width:148px; height:49px;}

#link-19 {position:absolute; top:33px; left:240px; width:99px; height:34px;}

#link-20 {position:absolute; top:-32px; left:409px; width:117px; height:100px;}

#link-21 {position:absolute; top:-78px; left:265px; width:115px; height:84px;}


#gcal {margin-top:8px; margin-bottom:16px;} 

/* jquery jScroll Plugin Styles */

.jScrollPaneContainer {
	overflow: hidden;
position:absolute; 
top: 215px; 
left:594px;
}

.jScrollPaneContainer #container {left:0;}

 
 .scroll-pane {
	overflow:auto;
}
 
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #1a1a1a;
  background-position: left -170px;
    background-repeat: no-repeat;
}
.jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
  background-image: url('images/vertical.png');
  background-position: left -235px;
    background-repeat:no-repeat;
    background-color:transparent;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
  background-image: url('images/vertical.png');
  background-position: left -311px;
    /*background-color: #666;*/
    height: 16px;
    width:16px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
  background-image: url('images/vertical.png');
  background-position: left -337px;
    /*background-color: #666;*/
    height: 16px;
    width:16px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}

/******************************************
*   ESV                        
******************************************/

.esv h2 {
	border-bottom:none;
	font-size:14px;
	margin:0;
	padding:0;
}

.entry .esv {
	border-top:3px double #999;
	border-bottom:1px solid #999;
	padding: 1em;
}

/******************************************
*   Book Info                        
******************************************/

.entry .book-info {
	float:left;
	margin-right:10px;
	width:150px;
}

.feature .line-group {
	margin-bottom:18px;
}

.feature .chapter-num {
	display:none;
}
.esv h2 {
	margin-bottom:9px;
}

span.verse-num {
	font-size: 80%;
	font-weight: bold;
	padding-right: .15em;
	padding-left: .25em;
	vertical-align: text-top;
	}

div.block-indent p {
	text-indent: 0;
	padding-left: .5em;
	margin-left: 0;
	}
span.indent {
	padding-left: 1em;
	}
span.indent-2, span.psalm-doxology-line {
	padding-left: 2em;
	}
span.declares-line {
	padding-left: 3em;
	}
span.small-caps {
	font-variant: small-caps;
	}
span.selah {
	font-style: italic;
	margin-left: 1em;
	}
p.extra-space {
	margin-top: 1em;
	}

h4.speaker {
	padding-left: 10em;
	font-variant: small-caps;
	margin-bottom: -1em;
	}
h4.textual-note {
	font-variant: small-caps;	
	}
h4.psalm-acrostic-title {
	font-variant: small-caps;
	}
h4.psalm-title {

	}
span.footnote {
	font-size: 80%;
	padding-right: .5em;
	padding-left: 0em;
	vertical-align: text-top;
	}
div.footnotes h3 {
	margin-top: 0;
	margin-bottom: 0;
	}
div.footnotes p {
	text-indent: 0;
	}
span.footnote-ref {
	font-weight: bold;
	}
p.copyright {
	text-indent: 0;
	}
object.audio {
	margin: 0 0 0 10px;
	padding: 0;
	}

	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}



#colophon {
	position:absolute;
	top:472px;
	left:28px;
	width:214px;
}


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 1.0
 * Date: 18th February 2010
 */

div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em;
	line-height:1.6;
	color: #666;

}
div.jp-interface {
	position: relative;
	background-color:transparent;
	width:214px;
	height:100px;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface  ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface  ul.jp-controls li {
	overflow:hidden;
	text-indent:-9999px;
}
li.jp-play,
li.jp-pause {
	display: block;
	position: absolute;
	top:27px;
	width:16px;
	height:16px;
	cursor: pointer;
}
div.jp-single-player li.jp-play,
div.jp-single-player li.jp-pause {
	left:40px;
}
div.jp-playlist-player li.jp-play,
div.jp-playlist-player li.jp-pause {
	left:93px;
}
li.jp-play {
}
li.jp-play:hover,
li.jp-pause:hover{
  background-image: url('images/vertical.png');
  background-position: left -384px;
  background-repeat:no-repeat;
  background-color:transparent;
}
li.jp-pause {
}
li.jp-stop {
	position: absolute;
	top:24px;
	width:16px;
	height:16px;
	cursor: pointer;
}
li.jp-stop:hover {
  background-image: url('images/vertical.png');
  background-position: left -401px;
  background-repeat:no-repeat;
  background-color:transparent;
}
div.jp-single-player li.jp-stop {
	left:90px;
}
div.jp-playlist-player li.jp-stop {
	left:114px;
}
li.jp-previous {
	position: absolute;
	left:18px;
	top:34px;
	width:16px;
	height:16px;
	cursor: pointer;
}
li.jp-previous:hover {
  background-image: url('images/vertical.png');
  background-position: left -368px;
  background-repeat:no-repeat;
  background-color:transparent;
}
li.jp-next {
	position: absolute;
	left:192px;
	top:14px;
	width:16px;
	height:16px;
	cursor: pointer;
}
li.jp-next:hover {
  background-image: url('images/vertical.png');
  background-position: left -417px;
  background-repeat:no-repeat;
  background-color:transparent;
}
div.jp-progress {
	display:none;
}
div.jp-load-bar {
	display:none;
}
div.jp-play-bar {
	display:none;
}
li.jp-volume-min {
display:none;
}

div.jp-playlist-player li.jp-volume-min {
	display:none;
}
li.jp-volume-min:hover {
display:none;}
li.jp-volume-max {
display:none;
}
div.jp-single-player li.jp-volume-max {
display:none;}
div.jp-playlist-player li.jp-volume-max {
	display:none;
}
li.jp-volume-max:hover {
	display:none;
}

div.jp-volume-bar {
	display:none;
}
div.jp-single-player div.jp-volume-bar {
	display:none;
}

div.jp-playlist-player div.jp-volume-bar {
	display:none;
}
div.jp-volume-bar-value {
	display:none;
}
div.jp-play-time,
div.jp-total-time {
	display:none;
}

div.jp-playlist {
	width:418px;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0 0 10px 0;
	background-color:transparent;
	border-top:none;
	width:378px;
	font-size:.72em;
}
div.jp-single-player div.jp-playlist ul {
	padding:5px 20px 5px 20px;
}
div.jp-playlist-player div.jp-playlist ul {
	padding:10px 20px 20px 20px;
}
div.jp-single-player div.jp-playlist li{
	padding:0 0 0 20px;
	font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li{
	padding:4px 0 4px 20px;
	cursor: pointer;
	display:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	color:#FFF;
	list-style-type:none
	list-style-position: inherit;
	padding-left:6px;
	cursor: default;
	display:block;
	position:absolute;
	top:145px;
	left:24px;
	font-size:11px;
}
div.jp-playlist-player div.jp-playlist li:hover {
	color:#0d88c1;
}
div.scrollbarpaper-container
{
  position: absolute;
  z-index: 1;
}

div.scrollbarpaper-track
{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  cursor: pointer;
}

div.scrollbarpaper-drag
{
	position: absolute;
  width: 100%;
  height: 100px;
}

div.scrollbarpaper-drag-top
{
  position: absolute;
  top: 0;
  width: 100%;
}

div.scrollbarpaper-drag-bottom
{
  position: absolute;
  bottom: 0;
  width: 100%;
}
div.scrollbarpaper-container
{
  background-color: #ff0;
}

div.scrollbarpaper-track
{
  width: 17px;
  background-color: #333;
}

div.scrollbarpaper-drag
{
  background-color: #000;
  background-image:url(images/dragger.png);
background-repeat:no-repeat;
background-position:1px 3px;
}

div.scrollbarpaper-drag-top
{
}

div.scrollbarpaper-drag-bottom
{
}

#content.scrollbarpaper-visible
{
  padding-right: 33px;
}

.vcard {font-size: 10px; color:#aaa; position:absolute; top:280px; left:325px; width:600px;}

.vcard a
.vcard a:link,
.vcard a:visited,
.vcard a:active {color:#fff !important; text-decoration:none;}

.vcard a:hover {border-bottom:1px solid #FFF;}