@charset "utf-8";

html, body {font-family: "Garamond", "Times", "serif";}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
abbr {border-bottom: 1px dashed; cursor:help;}

a:link {color:#317CF9; text-decoration:none;}
a:visited {color:#3D2CF1;}
a:hover, a:active {text-decoration:underline;} 
a:active {color:#faa700;}
/*a:focus {outline: red dashed 2px;}*/
a img {border: none;}
#main p {
    margin:0 0 0.75em 0;
    padding:0;
    font-size:1em;
    text-indent:1em;
}
#main {line-height: 1.25em; text-align:justify;}
#main h2 {text-align: center;}

#wrapper {
    position: absolute;
    top: 0;
    left: 20%;
    bottom: 0;
    right: 20%;
    max-width: 55em;
}
#wrapper.sermons {
    left: 200px;
    right: 200px;
    max-width: none;
}

#panel {
    position: absolute;
    top: 100px;
    bottom: 0;
    right: -178px;
    width: 100%;
    background: url(pictures/fade-right.png) repeat-y right top;
}
#main {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: -356px;
    padding-left: 178px;
    padding-top: 3em;
    padding-bottom: 1em;
    background: url(pictures/fade-left.png) repeat-y left top;
}
#content {
    overflow: auto; height: 100%;
    margin-right: -10px;
    padding: 0 20px 0 10px;
}
#header {
    position: absolute;
    top: 0;
    right: -178px;
    width: 100%;
    padding: 0;
    height: 140px;
    z-index:1;
    background: url(pictures/fade-top.png) right top no-repeat;
}
#header h1 {
    text-indent: -10000px;
    display: block;
    position: absolute;
    left: -356px;
    top: 0;
    height: 140px;
    width: 700px;
    margin: 0;
    padding: 0;
    z-index: 4;
    background: url(pictures/fade-face.png) no-repeat;
}
#skipnavi {
    position: absolute;
    bottom: 43px;
    left: -85px;
    z-index:2;
    width: 100%;
    min-height: 35px;
    padding-right: 20px;
    text-align: right;
    background: url(pictures/fade-stripes.png) bottom repeat-x;
}
#skipnavi a {position: relative; top: -500px}
#skipnavi a:focus {top: 0;}
#mainnavi {
    position: absolute;
    top: 0;
    left: -178px;
    width: 80%;
    padding: 0;
    margin-left: 10%;
    line-height: 3em;
    z-index: 5;
    background: url(pictures/navi-spike-left.png) bottom left no-repeat;
}
#mainnavi ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding: 0.4em 0 24px 0;
    line-height: 1em;
    background: url(pictures/navi-spike-right.png) bottom right no-repeat;
}
#mainnavi li {
    display: inline;
    margin: 0 0.5em;
}
#mainnavi li.active {
    padding-bottom: 22px;
    background: url(pictures/navi-mark-bottom.png) bottom center no-repeat;
}
#mainnavi li.active a {
    padding-top: 20px;
    background: url(pictures/navi-mark-top.png) top center no-repeat;
}
#mainnavi a { text-decoration: underline; }


#rssfeed {
  background: url(pictures/feed.png) right center no-repeat;
  padding-right:16px;
  display: block;
  float: right;
  margin-right: 0.5em;
  line-height: 1.2em;
  margin-top: 0.4em;
}
table {width:100%;border-collapse:collapse; line-height: 2em;text-align:left;}
thead {text-indent: 1em;}
table .odd {background: #E3E3E3;}

#sermonSort {text-align: center;}
#results {clear: both;}
#date, #keyword, #series {
    background: url(pictures/select-drop.png) center top no-repeat;
    padding-top: 20px;
    margin-bottom: 1em;
    float: left;
}
.sermons #main h2 {padding-top: 1em;}

#undo {margin-left:-16px;}
a.mooLink:visited {color: #317CF9;}
.sermons #results ol li {margin-bottom: 0.5em;}
.sermons #results ol p {margin: 0; padding-left: 1em; text-indent: -1em;}

#formatsChoose {
	position: fixed;
	bottom: 2.5em;
	right: 0;
	z-index: 6;
        width: 50%;
        max-height: 80%;
        overflow: auto;
}
#formatsDescribe {
	line-height: 1.1em;
	border-right:2px solid #0000ff;
	padding:7px 7px 0 0.5em;
	margin:0 7px 0 0;
	background:url(pictures/bluebordertop.png) right top no-repeat yellow;
	z-index:6;
	text-align: justify;
	text-indent:1em;
}
#formatsDescribe p {
  margin: 0;
}
#formatsFlip {
	position: fixed;
	bottom: 0;
	right: 0;
	line-height: 1.5em;
	background: yellow;
	z-index:6;
        font-size: 150%;
}